<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>SBCLIVE4D: Merayakan Euro Cup 2024 dengan Pengalaman Taruhan yang Mendalam</title> <meta name="keywords" content="sbclive4d , daftar sbclive4d , login sbclive4d, bonus sbclive4d, sbc live4d" /><meta name="description" content="SBCLIVE4D menawarkan pengalaman taruhan bola Euro Cup 2024 yang seru dengan keamanan terjamin dan inovasi konten terkini." /><link rel="canonical" href="https://sbclive4dnext.com/"><link rel="amphtml" href="https://pub-680c24f9c0eb4eb38f7f22dff1b87fc8.r2.dev/index.html" /><meta name="revisit-after" content="1 days" /><meta name="robots" content="index, follow" /><meta name="rating" content="general" /><meta name="geo.region" content="ID" /><meta name="geo.country" content="id" /><meta name="geo.placename" content="Indonesia" /><meta name="author" content="sbclive4d" /><meta name="publisher" content="sbclive4d" /><!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-P31692CDV0"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-P31692CDV0');</script> <meta name="google-site-verification" content="8h9i_zOuI2SfMGbR9cR0azLcFztigG5txqcG0R1BVjg" /> <!-- Meta Pixel Code --><script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '529569639507473');fbq('track', 'PageView');</script><noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=529569639507473&ev=PageView&noscript=1"/></noscript><!-- End Meta Pixel Code --> <!-- Meta Pixel Code --><script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '1200705521183971');fbq('track', 'PageView');</script><noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=1200705521183971&ev=PageView&noscript=1"/></noscript><!-- End Meta Pixel Code --> <meta name="viewport" content="width=1200, initial-scale=0.33"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css"> <!--<link rel="stylesheet" href="/css/old/template/RW.css">--> <link rel="stylesheet" href="/css/old/template/RW.css"> <link rel="stylesheet" href="/css/old/variable.css"> <link rel="stylesheet" href="/css/old/light.css"> <link rel="stylesheet" href="/css/old/style.css"> <link rel="icon" type="image/png" href="favicon.png"> <script src="/js/old/jquery-3.6.4.min.js"></script> <style> .login-input-field { font-size: 1rem; } @media only screen and (max-width: 1000px) { .login-input-field { font-size: 1.2rem; } } </style> </head> <body id="desktop"> <div id="hover" class="hover desktop-only"> <div id="hover-togel" class="hover-menu"> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure> <figcaption>TOGEL</figcaption> </a> </div> <div id="hover-slot" class="hover-menu"> <a href="/?content=slot&provider=fgs" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure> <figcaption>5G GAMES</figcaption> </a> <a href="/?content=slot&provider=pp" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure> <figcaption>PRAGMATIC PLAY</figcaption> </a> <a href="/?content=slot&provider=pg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure> <figcaption>PG SOFT</figcaption> </a> <a href="/?content=slot&provider=hb" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure> <figcaption>HABANERO</figcaption> </a> <a href="/?content=slot&provider=sg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure> <figcaption>SPADEGAMING</figcaption> </a> <a href="/?content=slot&provider=jg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure> <figcaption>JOKER</figcaption> </a> <a href="/?content=slot&provider=nlc" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure> <figcaption>NOLIMIT CITY</figcaption> </a> <a href="/?content=slot&provider=mg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure> <figcaption>MICRO GAMING</figcaption> </a> <a href="/?content=slot&provider=jl" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure> <figcaption>JILI</figcaption> </a> <a href="/?content=slot&provider=fs" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure> <figcaption>FASTSPIN</figcaption> </a> <a href="/?content=slot&provider=ps" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure> <figcaption>PLAYSTAR</figcaption> </a> <a href="/?content=slot&provider=l22" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure> <figcaption>LIVE22</figcaption> </a> <!-- <a href="/?content=slot&provider=nte" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure> <figcaption>NETENT</figcaption> </a> --> <a href="/?content=slot&provider=cq9" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure> <figcaption>CQ9</figcaption> </a> <!-- <a href="/?content=slot&provider=ttg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure> <figcaption>TOPTREND GAMING</figcaption> </a> --> <a href="/?content=slot&provider=ss" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure> <figcaption>SBO SLOT</figcaption> </a> </div> <div id="hover-live" class="hover-menu" > <a href="/?content=casino&provider=pplc" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure> <figcaption>PRAGMATIC PLAY</figcaption> </a> <a href="/?content=casino&provider=ion" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure> <figcaption>ION CASINO</figcaption> </a> <a href="/?content=casino&provider=evo" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure> <figcaption>EVOLUTION</figcaption> </a> <a href="/?content=casino&provider=sx" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure> <figcaption>SEXY GAMING</figcaption> </a> <a href="/?content=casino&provider=ab" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure> <figcaption>ALLBET</figcaption> </a> <a href="/?content=casino&provider=sa" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure> <figcaption>SA GAMING</figcaption> </a> <a href="/?content=casino&provider=mg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure> <figcaption>MICRO GAMING</figcaption> </a> <a href="/?content=casino&provider=og" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure> <figcaption>OPUS PLUS</figcaption> </a> <a href="/?content=casino&provider=sbol" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure> <figcaption>SBOBET CASINO</figcaption> </a> </div> <div id="hover-sport" class="hover-menu"> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure> <figcaption>SABA</figcaption> </a> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure> <figcaption>SBOBET</figcaption> </a> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure> <figcaption>CMD368</figcaption> </a> <!-- <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure> <figcaption>PINNACLE</figcaption> </a> --> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure> <figcaption>TFGAMING</figcaption> </a> </div> <div id="hover-fishing" class="hover-menu"> <a href="/?content=fish&provider=sg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure> <figcaption>SPADE GAMING</figcaption> </a> <a href="/?content=fish&provider=jl" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure> <figcaption>JILI</figcaption> </a> <a href="/?content=fish&provider=fs" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure> <figcaption>FASTSPIN</figcaption> </a> <!-- <a href="/?content=fish&provider=ps" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure> <figcaption>PLAYSTAR</figcaption> </a> <a href="/?content=fish&provider=l22" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure> <figcaption>LIVE22</figcaption> </a> --> </div> <div id="hover-sabung" class="hover-menu"> <a href="/?content=sabung&provider=ws" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure> <figcaption>WS168</figcaption> </a> </div> <div id="hover-interactive" class="hover-menu"> <a href="/?content=interactive&provider=gmn" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure> <figcaption>GEMINI</figcaption> </a> <a href="/?content=interactive&provider=jg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure> <figcaption>JOKER</figcaption> </a> <a href="/?content=interactive&provider=mg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure> <figcaption>MICRO GAMING</figcaption> </a> <a href="/?content=interactive&provider=jl" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure> <figcaption>JILI</figcaption> </a> <!-- <a href="/?content=interactive&provider=ps" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure> <figcaption>PLAYSTAR</figcaption> </a> --> </div> </div><style> .my-navbar { height: 52px; padding: 0px; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); position: fixed; bottom: 0; color: white; z-index: 1100; display: flex; box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75); } .navbar-item { height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .navbar-item-content { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: -16px } .navbar-item-content>i { font-size: 20px; line-height: 22px; color: white; padding-bottom: 4px; } .navbar-item-content>img { height: 36px; width: 36px; } .navbar-item-content>label { white-space: nowrap; margin-top: 4px; font-weight: bold; font-size: var(--text-size-default); color: white } </style> <div class="mobile-only" > <div class="my-navbar"> <a href="/" class="navbar-item" style="position: relative"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//beranda.png"/> <label>BERANDA</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="/m/promosi.php" class="navbar-item"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//promosi.png"/> <label>PROMOSI</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="/m/event.php" class="navbar-item"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//events.png"/> <label>EVENT</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="https://direct.lc.chat/15046281/3" target="_blank" class="navbar-item"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//livechat.png"/> <label>LIVECHAT</label> </div> </a> </div></div> <div id="top" class="wrapper"> <header class="header"> <div class="header-content"> <div class="logo" href="/"> <a href='/'><img src="/images/logoweb.png" class='logoimg' alt=""></a> </div> <div id="marquee-mobile" class="marquee mobile-only"> <div class="marquee-content"> <div class="d-flex align-items-center gap-2"> <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i> </div> <div class="running"> <div class="marquee-shadow"></div> <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee> </div> <div class="d-flex align-items-center gap-2"> </div> </div> </div> <div class="mslider mobile-only"> </div> <div class="login"> <div id="desktoplogin" class="desktop-only"> <form class="login-form form" role="form"> <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div> <div class="input-group login-field"> <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username"> </div> <div id="marquee" class="marquee mobile-only"> <div class="marquee-content"> <div class="d-flex align-items-center gap-2"> <i class="bi bi-megaphone-fill desktop-only"></i> </div> <div class="running"> <div class="marquee-shadow"></div> <marquee behavior="" direction="" id="broadcast"></marquee> </div> </div> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password"> </div> <div class="verifikasiform" style="display: flex; gap: 2px;"> <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span> <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off"> </div> <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/?content=register'">Daftar</button> <input type="hidden" name="task" value="login"> <input type="hidden" name="logindesktop" value="ZPDS+HKGxz5633Ggy0T8yc44KHSlKxWxHtix5risDaw="> </form> </div> <div id="mobilelogin" class="mobile-only" style="width: 100%"> <form class="login-form form" style="padding: 0px; padding-top: 32px" role="form"> <div id="msgbox" style="font-size: 1rem; width: 100%"></div> <div class="input-group login-field"> <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password"> </div> <div class="verifikasiform w-100"> <span id="verifikasi"><img src="/m/capimg.php?5379" width="100%" height="44" style="border-radius: 5px;"></span> <div class="input-group login-field mt-1"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span> <input type="text" inputmode="numeric" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi"> </div> </div> <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button> <input type="hidden" name="task" value="login"> <input type="hidden" name="loginmobile" value="ZPDS+HKGxz5633Ggy0T8yc44KHSlKxWxHtix5risDaw="> </form> </div> <div id="mobile-daftar-form" style="width: 100%; display: none"> <div id="mobileregister"> <form id="formRegister" class="login-form p-0 pt-4"> <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div> <div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span> <input type="text" inputmode="numeric" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> </div> <div class="input-group login-field"> <select class="form-select login-input-field" name="bank" id="reg_bank"> <option value="">Pilih Bank</option> <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='BJB'>BJB</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Lain-lain'>Lain-lain</option> </select> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend" style=""><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" > </div> <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun"> <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> --> <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button> <input type="hidden" name="task" value="register"> <input type="hidden" name="regmobile" value="hydxv3+eBzIbxEsS/V0SFVeM5UHiaTgeyldQwLyQeWY="> <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> </form> </div> </div> </div> <div class="menu"> <div class="menu-item desktop-only"> <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label></div><span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')"> <!--<img class="mobile-only" src="assets/togel.png" alt="">--> <label>TOGEL</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')"> <!--<img class="mobile-only" src="assets/slot.png" alt="">--> <label>SLOT</label></a><span class="desktop-only" style="color: var(--menu-item-color)">|</span><a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')"> <!--<img class="mobile-only" src="assets/live.png" alt="">--> <label>LIVE CASINO</label></a><span class="desktop-only" style="color: var(--menu-item-color)">|</span><a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')"> <!--<img class="mobile-only" src="assets/sport.png" alt="">--> <label>SPORT</label></a><span class="desktop-only" style="color: var(--menu-item-color)">|</span><a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')"> <!--<img class="mobile-only" src="assets/fishing.png" alt="">--> <label>ARCADE</label></a><span class="desktop-only" style="color: var(--menu-item-color)">|</span><a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')"><!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> <label>SABUNG</label></a><span class="desktop-only" style="color: var(--menu-item-color)">|</span><a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')"><!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> <label>INTERACTIVE</label></a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> </div> <div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)"> <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)"> <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i> </div> <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)"> <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i> </div> <div id="menu-mobile" style="height:68px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)"> <div style="white-space: nowrap; height: 100%; font-size: 0px"> <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt=""> <label>TOGEL</label> </div> </div> </a> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('slot')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt=""> <label>SLOT</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('casino')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt=""> <label>LIVE CASINO</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div href="/sport" class="menu-item" onclick="showProvider('sport')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt=""> <label>SPORT</label> </div> </div> </div> <!--<div style="height: 100%; width: 92px; display: inline-block;">--> <!-- <div style="display: grid; place-items: center; height: 100%">--> <!-- <div class="menu-item" onclick="showProvider('esport')">--> <!-- <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">--> <!-- <label>E-SPORT</label>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('fish')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt=""> <label>ARCADE</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('sabung')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt=""> <label>SABUNG</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('interactive')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt=""> <label>INTERACTIVE</label> </div> </div> </div> </div> </div> </div> <div class="menu-content mobile-only"> <div id="main-content" style="background: var(--content-box-background)"> </div> </div> <div class="promosi"> <!-- Desktop --> <button class="btn-promosi fw-bold desktop-only" onclick="window.location.href='/?content=promosi'" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button> <div class="btn-informasi desktop-only" onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer" href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"><i class="bi bi-info-circle-fill" style="font-size: 16px"></i></a></div> <!-- Mobile --> <div class="mobile-only" style="padding-top: 32px"> <div class="d-flex gap-3 justify-content-center align-items-center"> <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a> <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div> <a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a> </div> </div> </div> </div> </header> <div id="marquee" class="marquee desktop-only"> <div class="marquee-content"> <div class="d-flex align-items-center gap-2"> <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div> <i class="bi bi-megaphone-fill desktop-only"></i> </div> <div class="running" style="padding-left: 8px; padding-right: 32px"> <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee> </div> <div class="d-flex align-items-center gap-2"> <a href="/?content=event"> <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/> </a> </div> </div> </div> <!--Informasi Modal --> <div id="modal-wrapper" class="modal" style=" background:none;"> <div class="slideDown" id="informasi-menu"> <div class="row"> <div class="col-xs-3" style="padding-right:0px; width:164px"> <div id="informasi-logo"> <img src="/images/logoweb.png" width="120px"/> </div> <div class="menuleft"> <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a> <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a> <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a> <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a> <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a> <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a> <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a> </div> </div> <div class="col-xs-9" id="informasi-content" style="position: relative"> <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div> <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> </div> </div> </div> </div> </div> <div class="contentdata"> <div id="content-primary" class="p-0"> <div class="desktop-only"><div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%"> <div class="carousel-indicators"> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button> </div> <div class="carousel-inner" style="height: 100%"> <div class="carousel-item active" style="height: 100%"> <img src="/images/upload-Slides-20231225135019.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20230705220757.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20230705220809.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20231218153725.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="https://img.viva88athenae.com/banner/5g-10rb.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> </div></div> </div> <div class="mobile-only"><div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;"> <img src="https://img.viva88athenae.com/pop/mobile-fgs.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"></div></div> </div> </div> <!-- Togel --> <style> .togel-desktop { background: var(--togel-background); grid-area: togel-desktop; position: relative; } .togel-mobile { display: none; } .show-more { position: absolute; z-index: 999; bottom: 0px; width: 100%; /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */ } .show-more-content { background: var(--secondary-background); opacity: .7; display: grid; place-items: center; height: 32px } .togel-content { position: relative; display: flex; flex-wrap: wrap; justify-content: center; /*display: grid;*/ /*grid-template-columns: repeat(10, 1fr);*/ gap: 8px 4px; padding: 16px 0; } .see-more { padding: 16px 0 48px 0; max-height: 162px; transition: max-height .75s ease-out; transition-delay: .1s; overflow: hidden; } .togel-content:hover{ max-height: 1000px; transition: max-height 0.25s ease-in; } .result { height: 110px; width: 96px; border-radius: 10px; background: var(--result-background); border: var(--result-border); display: grid; grid-template-rows: 0px 20px 1fr 28px; grid-template-areas: "badge" "pasaran" "keluaran" "tanggal" ; /* display: flex; flex-direction: column; justify-content: space-between; */ overflow: hidden; } .badge { grid-area: badge; display: grid; place-items: center; } .result>.pasaran { grid-area: pasaran; padding-top: 8px; white-space: nowrap; font-size: .7rem; line-height: .7rem; color: var(--result-pasaran-color); display: grid; place-items: center; } .result>.keluaran { grid-area: keluaran; padding-bottom: 8px; font-family: 'Oswald', sans-serif; line-height: 40px; font-size: 40px; color: var(--result-keluaran-color); display: grid; place-items: center; } .result>.tanggal { grid-area: tanggal; width: 100%; height: 100%; /* background: rgb(40,0,0); background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ background: var(--result-tanggal-background); white-space: nowarp; font-size: .79rem; display: grid; place-items: center; font-family: 'Abel', sans-serif; color: var(--result-tanggal-color); } @media only screen and (max-width: 1000px) { .togel-desktop { display: none; } .togel-mobile { background: var(--secondary-background); grid-area: togel-mobile; padding: 24px; padding-bottom: 12px; box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; } .togel-title { padding: 0px; padding-bottom: 20px; font-size: 1.4rem; font-weight: bold; color: var(--primary-text-color); } .togel-content { max-height: fit-content; display: grid; grid-template-columns: 1fr; gap: 0; border-radius: 8px; } .provider-group { padding: var(--mobile-padding-horizontal); } .badge { display: none; } .result { height: auto; width: 100%; display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr 80px; grid-template-areas: "pasaran tanggal keluaran"; border-radius: 0; border: none; background: transparent; padding: 4px 12px; color: var(--primary-text-color); font-family: 'Abel', sans-serif; } .result-data:nth-child(odd) { background: linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%), var(--secondary-background); } .accordion-item { background-color: transparent; border: 0px; } .accordion-button:not(.collapsed) { color: inherit; background-color: transparent; box-shadow: none; } .accordion-button::after { height: 0px; } .result>* { padding: 0px!important; margin: 0px!important; font-size: 1.4rem!important; line-height: auto!important; font-weight: normal!important; } .result>.pasaran { display: flex; justify-content: start; color: var(--primary-text-color)!important; opacity: .7; } .result>.tanggal { display: flex; justify-content: center; background: transparent; color: var(--primary-text-color)!important; opacity: .7; } .result>.keluaran { display: flex; justify-content: end; /*color: var(--primary-text-color)!important;*/ font-family: 'Abel', sans-serif; color: var(--highlight-text-color); } } </style> <div id="togel-desktop" class="togel-desktop desktop-only"> <div class="show-more desktop-only"> <div class="show-more-content"> <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i> </div> </div> <div class="togel-content see-more"> <a href="/?content=hasil&pid=TWH" class="result"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN </div> <div class="keluaran">7653</div> <div class="tanggal">SABTU 5/10/2024</div> </a> <a href="/?content=hasil&pid=HKD" class="result"> <div class="badge"> </div> <div class="pasaran">HK SIANG </div> <div class="keluaran">2230</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=CMB" class="result"> <div class="badge"> </div> <div class="pasaran">CAMBODIA </div> <div class="keluaran">8800</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=SGM" class="result"> <div class="badge"> </div> <div class="pasaran">SG METRO </div> <div class="keluaran">8985</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=SYD" class="result"> <div class="badge"> </div> <div class="pasaran">SYDNEY </div> <div class="keluaran">4695</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=SYDP" class="result"> <div class="badge"> </div> <div class="pasaran">SYDNEY POOL </div> <div class="keluaran">0487</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=SG" class="result"> <div class="badge"> </div> <div class="pasaran">SINGAPORE </div> <div class="keluaran">4740</div> <div class="tanggal">KAMIS 3/10/2024</div> </a> <a href="/?content=hasil&pid=MYD" class="result"> <div class="badge"> </div> <div class="pasaran">MALAYSIA SIANG </div> <div class="keluaran">4911</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=MY" class="result"> <div class="badge"> </div> <div class="pasaran">MALAYSIA </div> <div class="keluaran">9662</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=MC" class="result"> <div class="badge"> </div> <div class="pasaran">MACAU </div> <div class="keluaran">5183</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=QTR" class="result"> <div class="badge"> </div> <div class="pasaran">QATAR </div> <div class="keluaran">7845</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=HK" class="result"> <div class="badge"> </div> <div class="pasaran">HONGKONG </div> <div class="keluaran">4577</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=TMC00" class="result"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 0000 </div> <div class="keluaran">8910</div> <div class="tanggal">SABTU 5/10/2024</div> </a> <a href="/?content=hasil&pid=TMC13" class="result"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 1300 </div> <div class="keluaran">3281</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=TMC16" class="result"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 1600 </div> <div class="keluaran">7478</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=TMC19" class="result"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 1900 </div> <div class="keluaran">0267</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> <a href="/?content=hasil&pid=TMC22" class="result"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 2200 </div> <div class="keluaran">0452</div> <div class="tanggal">JUMAT 4/10/2024</div> </a> </div> </div> <div id="togel-mobile" class="togel-mobile mobile-only"> <div class="togel-title">Togel Result</div> <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px"> <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button> </div> <div class="carousel-inner"> <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN </div> <div class="keluaran">7653</div> <div class="tanggal">05-10-2024</div> </button> <div id="paito-TWH" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6529</div> <div class="tanggal">05-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8952</div> <div class="tanggal">04-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7398</div> <div class="tanggal">04-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9089</div> <div class="tanggal">04-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9060</div> <div class="tanggal">04-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5611</div> <div class="tanggal">04-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2670</div> <div class="tanggal">04-10-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD"> <div class="badge"> </div> <div class="pasaran">HK SIANG </div> <div class="keluaran">2230</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-HKD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3238</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3781</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7336</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0909</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9418</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4386</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5494</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CMB"> <div class="badge"> </div> <div class="pasaran">CAMBODIA </div> <div class="keluaran">8800</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-CMB" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4085</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5701</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3651</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9239</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1020</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5159</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7363</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM"> <div class="badge"> </div> <div class="pasaran">SG METRO </div> <div class="keluaran">8985</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-SGM" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3004</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8824</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5885</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6405</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5002</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2409</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9914</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SYD"> <div class="badge"> </div> <div class="pasaran">SYDNEY </div> <div class="keluaran">4695</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-SYD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9448</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7106</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7001</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8226</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0283</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5089</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1616</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SYDP"> <div class="badge"> </div> <div class="pasaran">SYDNEY POOL </div> <div class="keluaran">0487</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-SYDP" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6245</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2703</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3100</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7354</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8937</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6434</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9280</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> <div class="badge"> </div> <div class="pasaran">SINGAPORE </div> <div class="keluaran">4740</div> <div class="tanggal">03-10-2024</div> </button> <div id="paito-SG" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6604</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7852</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2286</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1672</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9907</div> <div class="tanggal">26-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2769</div> <div class="tanggal">25-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2979</div> <div class="tanggal">23-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD"> <div class="badge"> </div> <div class="pasaran">MALAYSIA SIANG </div> <div class="keluaran">4911</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-MYD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9996</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7393</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7966</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2291</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1520</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9446</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7249</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY"> <div class="badge"> </div> <div class="pasaran">MALAYSIA </div> <div class="keluaran">9662</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-MY" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0778</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1029</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8508</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7513</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6819</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1585</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8416</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MC"> <div class="badge"> </div> <div class="pasaran">MACAU </div> <div class="keluaran">5183</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-MC" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9419</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6245</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5848</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3292</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7291</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8422</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0347</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> </div><div class='carousel-item accordion accordion-flush'> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR"> <div class="badge"> </div> <div class="pasaran">QATAR </div> <div class="keluaran">7845</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-QTR" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5700</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7951</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8418</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1813</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9766</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4271</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6463</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK"> <div class="badge"> </div> <div class="pasaran">HONGKONG </div> <div class="keluaran">4577</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-HK" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0732</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3140</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5182</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2234</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1373</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9792</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7401</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC00"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 0000 </div> <div class="keluaran">8910</div> <div class="tanggal">05-10-2024</div> </button> <div id="paito-TMC00" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8815</div> <div class="tanggal">04-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5930</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2027</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6599</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6825</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6328</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2958</div> <div class="tanggal">28-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC13"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 1300 </div> <div class="keluaran">3281</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-TMC13" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5787</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5426</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4449</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7904</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2523</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5234</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9917</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC16"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 1600 </div> <div class="keluaran">7478</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-TMC16" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0627</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8265</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0972</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8607</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4155</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9334</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1994</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC19"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 1900 </div> <div class="keluaran">0267</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-TMC19" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9423</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6789</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6203</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6406</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9838</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1241</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6454</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC22"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 2200 </div> <div class="keluaran">0452</div> <div class="tanggal">04-10-2024</div> </button> <div id="paito-TMC22" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4693</div> <div class="tanggal">03-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8663</div> <div class="tanggal">02-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0346</div> <div class="tanggal">01-10-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2278</div> <div class="tanggal">30-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5856</div> <div class="tanggal">29-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5547</div> <div class="tanggal">28-09-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4601</div> <div class="tanggal">27-09-2024</div> </div> </div> </div> </div> </div> </div> </div> <script> function togglePaito(paitoid) { let paito = document.getElementById(paitoid); paito.classList.add("open"); } </script> <div class="provider"> <div class="provider-group"> <img src="https://img.viva88athenae.com/assets/categories_w.png" class="desktop-only" alt="" style="padding-bottom: 16px"> <img src="https://img.viva88athenae.com/assets/providers_w.png" class="desktop-only" alt=""> <img src="https://img.viva88athenae.com/mproviders_w.png" alt="" style="width: 100%;" class="mobile-only"> </div> </div> <div class="transaksi"> <div> <div class="transaksi-kontak"> <div class="d-flex flex-column w-100"> <div class="transaksi-title"> <div class="transaksi-title-group"> <div class="fitur-header">Transaksi</div> <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div> </div> <div class="devider desktop-only" style="width: 320px"></div> </div> <div class="transaksi-content"> <!-- Bank --> <style> .transaksi-group { display: grid; grid-template-columns: 380px 1fr; justify-content: space-between; grid-template-areas: "transaksi-bank transaksi-other"; } .transaksi-bank { grid-area: transaksi-bank; display: grid; place-items: center } .transaksi-other { grid-area: transaksi-other; display: flex; justify-content: space-evenly; width: 100%; } .transaksi-list-bank { height: fit-content; display: grid; grid-template-columns: repeat(4, 92px); grid-template-rows: repeat(4, auto); gap: 4px; } .transaksi-list-other { height: fit-content; display: grid; grid-template-columns: repeat(3, 92px); gap: 4px; } .transaksi-item { display: flex; flex-direction: column; /* transform: perspective(10px) rotateX(3deg); */ } .transaksi-header { height: 30px; border-radius: 5px; display: grid; place-items: center; font-weight: bold; border: 2px solid rgba(108,108,108,1); background: rgba(54,54,54,1); color: white; } .transaksi-status { margin-left: 3px; margin-right: 3px; height: 3px; border-radius: 0px 0px 4px 4px; background: rgb(54,54,54); background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%); } .header-green { background: rgba(44,121,6,1); border-color: rgba(168,255,0,1); } .header-blue { background: rgba(0,80,89,1); border-color: rgba(0,255,204,1); } .status-green { background: rgb(44,121,6); background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%); } .status-blue { background: rgb(0,80,89); background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%); } .transaksi-name { font-size: 1.1rem; font-weight: bold; line-height: 1.5rem } .transaksi-wrapper { display: flex; flex-direction: column; gap: .5rem; } #transaksi-bank-indicators .carousel-inner .carousel-item.active { height: 154px; } @media only screen and (max-width: 768px) { .transaksi-group { display: grid; grid-template-columns: 1fr; grid-template-areas: "transaksi-bank" "transaksi-other"; gap: 16px; } .transaksi-header { font-size: 1.1rem; height: 36px; } .transaksi-list-bank { grid-template-columns: repeat(4, 1fr); } .transaksi-list-other { grid-template-columns: repeat(4, 1fr); } .transaksi-list { display: grid; grid-template-columns: repeat(3, 1fr); } .transaksi-item { width: 100%; } .transaksi-title-group { justify-content: center; padding: 16px 0; } .transaksi-name { font-size: 1.3rem; text-align: center; } .transaksi-wrapper { width: 100%; max-width: 100%!important; gap: 1rem; } #transaksi-bank-indicators .carousel-inner .carousel-item.active { height: 184px!important; } }</style> <div class="transaksi-group"> <div class="transaksi-bank"> <div class="transaksi-wrapper"> <div class="transaksi-name">Bank Lokal</div> <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> </div> <div class="carousel-inner" > <div class="carousel-item active"> <div class="transaksi-list-bank"> <div class="transaksi-item"> <div class="transaksi-header">BCA</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Mandiri</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BNI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BRI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">CIMB</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Danamon</div> <div class="transaksi-status "></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BJB</div> <div class="transaksi-status "></div> </div> </div> </div> </div> </div> </div> </div> <div class="transaksi-other"> <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div> <div class="transaksi-wrapper" style="max-width: 284px"> <div class="transaksi-name">E Money & Pulsa</div> <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> </div> <div class="carousel-inner" > <div class="carousel-item active"> <div class="transaksi-list-other"> <div class="transaksi-item"> <div class="transaksi-header">DANA</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">OVO</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">GOPAY</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">LinkAja</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Lain-lain</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">QRIS</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Telkomsel</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Axiata</div> <div class="transaksi-status status-blue"></div> </div> </div> </div> </div> </div> </div> <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div> </div></div> </div> </div> <div class="d-flex flex-column desktop-only" style="width: 180px"> <div class="transaksi-title"> <div class="transaksi-title-group"> <div class="fitur-header">Kontak Kami</div> </div> <div class="devider desktop-only"></div> </div> <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> </div> <div class="carousel-inner" style="height: 164px"> <div class="carousel-item active"> <div> <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/> <div class="d-flex flex-column"> <div style="color: #888888;">TELEGRAM</div> <div style="line-height: .9rem; color: var(--primary-text-color)">@OFFICIAL_SBCLIVE4D</div> </div> </div> <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> <img src="https://img.viva88athenae.com/kontak/fb.png" width="20"/> <div class="d-flex flex-column"> <div style="color: #888888;">FACEBOOK</div> <div style="line-height: .9rem; color: var(--primary-text-color)">Customer Service Sbclive4D</div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> <div class="guidelines"> <div class="guidelines-content desktop-only"> <img src="https://img.viva88athenae.com/guidelines_w.png" /> </div> </div> <div class="bantuan"> <ul class="bantuan-content"> <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> </ul> </div> <footer class="footer"> <div> <h1 style="color:gold;"><a href="https://sbclive4dnext.com/">SBCLIVE4D</a>: Situs Taruhan Bola Euro Cup 2024</h1> <p style="text-align: justify;">Euro Cup 2024, salah satu ajang olahraga terbesar di Eropa, telah menjadi pusat perhatian seluruh penggemar sepak bola di seluruh dunia. Tidak hanya menjadi panggung untuk bakat-bakat terbaik di Eropa, tetapi juga momentum yang sempurna bagi para pecinta taruhan bola untuk merasakan sensasi dan kegembiraan melalui taruhan daring. Di tengah gelegar Euro Cup 2024, SBCLIVE4D muncul sebagai salah satu situs taruhan bola terkemuka yang menyajikan pengalaman taruhan yang tidak hanya menegangkan tetapi juga aman dan terpercaya.</p> <p style="text-align: justify;"><a href="https://sbclive4dnext.com/">SBCLIVE4D</a> tidak hanya menawarkan pengalaman taruhan yang mendalam selama Euro Cup 2024, tetapi juga mempersembahkan beragam promosi dan bonus yang menarik bagi para pengguna baru maupun yang sudah terdaftar. Promosi seperti bonus deposit pertama, cashback, dan turnamen taruhan memberikan nilai tambah yang signifikan bagi para penggemar taruhan bola. Hal ini tidak hanya meningkatkan daya tarik SBCLIVE4D sebagai platform taruhan, tetapi juga memberikan kesempatan kepada pengguna untuk memaksimalkan pengalaman taruhan mereka dengan modal tambahan.</p> <p style="text-align: justify;">Selain itu, SBCLIVE4D turut aktif dalam memberikan analisis mendalam dan ramalan pertandingan untuk membantu pengguna membuat keputusan taruhan yang lebih cerdas. Dengan menyediakan informasi statistik terkini, tren performa tim, dan perkiraan hasil pertandingan, SBCLIVE4D membantu mengurangi risiko taruhan serta meningkatkan peluang kesuksesan taruhan bagi pengguna mereka. Dengan demikian, SBCLIVE4D tidak hanya menjadi tujuan utama bagi para pecinta taruhan bola selama Euro Cup 2024, tetapi juga merupakan mitra yang dapat diandalkan untuk pengalaman taruhan olahraga yang lebih baik dan lebih menghibur.</p> <h2 style="color:gold;">SBCLIVE4D Fitur Game Terlengkap dan Terupdate di Indonesia </h2> <p style="text-align: justify;"><a href="https://stsysensational.com/">Euro Cup 2024</a> bukan hanya menghadirkan pertandingan-pertandingan yang penuh gengsi di lapangan, tetapi juga memperluas peluang taruhan bagi para penggemar. SBCLIVE4D menawarkan berbagai jenis taruhan mulai dari taruhan langsung hingga taruhan akumulator, memungkinkan para pengguna untuk merasakan sensasi taruhan dalam banyak cara yang berbeda. Dengan antarmuka yang ramah pengguna dan fitur-fitur canggih, SBCLIVE4D memastikan setiap taruhan berlangsung lancar dan menyenangkan.</p> <p style="text-align: justify;">Pengguna SBCLIVE4D dapat menikmati pengalaman taruhan yang menegangkan melalui berbagai jenis taruhan, termasuk taruhan langsung yang memungkinkan mereka untuk memasang taruhan saat pertandingan berlangsung. Fitur ini tidak hanya menambah tingkat keintiman dengan permainan, tetapi juga memungkinkan pengguna untuk merespons perubahan dalam permainan secara real-time, meningkatkan kesempatan untuk meraih kemenangan dengan keputusan taruhan yang tepat waktu.</p> <h3 style="color:gold;">Pengalaman Taruhan yang Menegangkan</h3> <p style="text-align: justify;">Salah satu aspek krusial dari pengalaman taruhan daring adalah keamanan dan kepercayaan. SBCLIVE4D memahami pentingnya privasi dan keamanan informasi pribadi pengguna. Dengan teknologi enkripsi terbaru dan kebijakan privasi yang ketat, situs ini menjaga data pengguna tetap aman dari akses yang tidak sah. Selain itu, dukungan pelanggan yang responsif siap membantu setiap pengguna dalam menyelesaikan masalah atau pertanyaan terkait dengan pengalaman mereka di SBCLIVE4D.</p> <p style="text-align: justify;">Selain itu, SBCLIVE4D menawarkan dukungan pelanggan yang responsif dan ramah, siap membantu pengguna dalam mengatasi berbagai masalah atau pertanyaan terkait dengan layanan taruhan mereka. Tim dukungan pelanggan dilengkapi dengan pengetahuan mendalam tentang produk dan layanan SBCLIVE4D, serta berkomitmen untuk memberikan solusi yang cepat dan efektif. Dengan demikian, setiap pengguna dapat merasa dihargai dan didukung selama menggunakan platform SBCLIVE4D untuk aktivitas taruhan mereka.</p> <h4 style="color:gold;">Keamanan dan Kepuasan Pengguna Terjamin</h4> <p style="text-align: justify;">Salah satu aspek krusial dari pengalaman taruhan daring adalah keamanan dan kepercayaan. SBCLIVE4D memahami pentingnya privasi dan keamanan informasi pribadi pengguna. Dengan teknologi enkripsi terbaru dan kebijakan privasi yang ketat, situs ini menjaga data pengguna tetap aman dari akses yang tidak sah. Selain itu, dukungan pelanggan yang responsif siap membantu setiap pengguna dalam menyelesaikan masalah atau pertanyaan terkait dengan pengalaman mereka di SBCLIVE4D.</p> <p style="text-align: justify;">Keamanan menjadi prioritas utama di SBCLIVE4D, dengan penggunaan teknologi enkripsi tingkat tinggi yang mengamankan setiap transaksi dan informasi pribadi pengguna. Situs ini juga mengimplementasikan kebijakan privasi yang ketat untuk melindungi data pengguna dari akses yang tidak sah atau penyalahgunaan. Dengan demikian, para pengguna dapat merasa tenang dan fokus pada pengalaman taruhan mereka tanpa khawatir akan kerentanan keamanan.</p> <h5 style="color:gold;">Sistem Layanan Chat Aktif Setiap Waktu</h5> <p style="text-align: justify;">Sebagai platform taruhan yang progresif, SBCLIVE4D terus memperbarui konten dan fitur untuk memenuhi kebutuhan dan ekspektasi pengguna. Pembaruan reguler mengenai odds terbaru, analisis pertandingan, dan informasi terkini tentang Euro Cup 2024 tersedia secara real-time, memungkinkan pengguna untuk membuat keputusan taruhan yang terinformasi dan cerdas. </p> <p style="text-align: justify;"><a href="https://sbclive4dnext.com/">SBCLIVE4D</a> tidak hanya fokus pada menyediakan taruhan yang komprehensif selama Euro Cup 2024, tetapi juga aktif dalam menghadirkan inovasi dan pembaruan konten secara berkala. Melalui analisis mendalam dan pembaruan terbaru tentang odds, statistik pertandingan, dan informasi terkini, SBCLIVE4D memastikan pengguna selalu mendapatkan akses ke informasi terbaru yang relevan untuk membuat keputusan taruhan yang cerdas. Dengan demikian, pengalaman taruhan di SBCLIVE4D tidak hanya menarik tetapi juga informatif, memungkinkan pengguna untuk mengikuti dan merespons dinamika permainan dengan tepat waktu. </p> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script><script>$(document).ready(function () { $("#icns").hide(); $(".cons").click(function () { $("#top").toggleClass("top"); $("#bottom").toggleClass("bottom"); $("#middle").toggleClass("middle"); $("#icns").slideToggle() }) });</script> <nav class="social"> <ul> <li><a href="https://m.me/101563362770485" target="_blank"><span style="position:relative; left: -20px; top:10px; color:white;">MESSENGER</span><img src="https://stsymenang.sirv.com/messenger.png" style="float:right;" width="40" height="40"></a></li> <li><a href="https://t.me/NEWSTSYOFFICIAL" target="_blank"><span style="position:relative; left:-20px; top:10px; color:white;">TELEGRAM</span><img src="https://stsymenang.sirv.com/tele.png" style="float:right;" width="40" height="40"></a></li> <li><a href="https://www.facebook.com/groups/stsyofficialgroup" target="_blank"><span style="position:relative; left:-20px; top:10px; color:white;">FACEBOOK</span><img src="https://stsymenang.sirv.com/fbb.png" style="float:right;" width="40" height="40"></a></li> </ul></nav><style> div.col-sm-0 span { display: none; } div.social { width: 100%; background-image: url(https://i.imgur.com/1SHCzVn.jpg); background-size: contain; padding: 5px 1px 10px 1px; margin: auto; text-align: center; } #ico { background: #131313; padding: 5px 15px 5px 15px; color: #fff; text-decoration: none; border-radius: 5px; margin: 5px 3px; border: .5px solid #ffffff; display: inline-block; } div.social img { vertical-align: middle; display: inline; } div.social p { display: inline-block; font-size: 14px; } .social { left: 0; width: 0; position: fixed; top: 130px; z-index: 9999999999; } .social ul { padding: 0px; -webkit-transform: translate(-130px, 0); -moz-transform: translate(-130px, 0); -ms-transform: translate(-130px, 0); -o-transform: translate(-130px, 0); transform: translate(-130px, 0); } .social ul li { display: block; margin: 6px; margin-left: 0px; background: rgba(0, 0, 0, 0.86); width: 189px; text-align: right; padding: 4px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; height: 53px; border: groove 2px #ab0102; } .social ul li:hover { -webkit-transform: translate(110px, 0); -moz-transform: translate(110px, 0); -ms-transform: translate(110px, 0); -o-transform: translate(110px, 0); transform: translate(110px, 0); background: rgba(95, 95, 95, 0.7); } .buttonWrap { text-transform: uppercase !important; }</style><!--end social account--> <a href="https://stsysensational.com/stsypoint/" target="_blank"> <img src="https://stsymenang.sirv.com/viplive.gif" class="stsypoint" alt="STSY POINT"></a> <a href="https://stsysensational.com/sbclive4d/rtpslot/" target="_blank"> <img src="https://stsymenang.sirv.com/rtplive.gif" class="linkrtp" alt="RTP SBCLIVE4D"></a> <a href="https://docs.google.com/forms/d/e/1FAIpQLSfvd0qF_2_Cq5QM37LmwKnLL8HV-3BRoVVPZacOnp_nO0Kdhw/viewform?usp=sharing" target="_blank"> <img src="https://stsymenang.sirv.com/saran.gif" class="saran" alt="saran sbclive4d"></a> <style> .stsypoint{ position: fixed; bottom: 300px; left: 14px; z-index: 100; width: 90px; height: 90px; } .linkrtp{ position: fixed; bottom: 200px; left: 14px; z-index: 100; width: 90px; height: 90px; } .saran{ position: fixed; bottom: 100px; left: 14px; z-index: 100; width: 90px; height: 90px; }</style><!--START POPUP--><style> .modal { --bs-modal-border-color: transparent; } .modal-dialog2 { width: 600px; height: 300px; } .modal-dialog { margin: 100px auto; } @media only screen and (max-width: 768px) { .modal-dialog { margin-top: 50px; } .imgpop { width: 80%; margin-left: 49px; } } .modal-content { background-color: transparent; margin-top: 150px; } </style> <div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <a href="https://stsysensational.com/sbclive4d/" target="_blank"><img src="https://stsymenang.sirv.com/BUYSPIN.png" class="imgpop"/></a> </div> </div> </div> </div><!--END POPUP--> </div> <div class="footer-group"> <div class="copyright"> <div style="white-space: nowrap">© 2015 - 2024 Copyright SBCLIVE4D.</div> <div>All Rights Reserved.</div> </div> <div class="desktop-only"> <div class="d-flex gap-1"> <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div> <div class="btn-footer" onclick='window.location.href="/wap/index.php"'>WAP</div> </div> </div> <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines_w.png" alt=""> </div> </footer> <!-- SIDENAV --> <div id="mySidenav" class="sidenav desktop-only"> <div id="nav"> <div style="display: flex; align-items: start;"> <div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;"> <img src="/assets/hubungi.png?11"> </div> <!--<img id="about" src="/images/kontak.png?4">--> </div> <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> <div id="" style="padding: 4px"> <img src="/assets/24h.png" style="width: 100%"></img> </div> <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> <div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span><span></span>@OFFICIAL_SBCLIVE4D</span> </div> <div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> <img src="https://img.viva88athenae.com/kontak/fb.png" width="20"><span>Customer Service Sbclive4D</span> </div> </div> <div style="margin: 8px"> <input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white" onClick="window.location.href='/?content=register'" > </div> </div> </div> </div> </div> <!--POP UP --> <!-- LIVE CHAT --> <!-- Start of LiveChat (www.livechatinc.com) code --><script type="text/javascript">window.__lc = window.__lc || {};window.__lc.license = 15046281;window.__lc.chat_between_groups = false;window.__lc.group =3;(function() {var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true; lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);})();</script><noscript><a href="https://www.livechatinc.com/chat-with/15046281/" rel="nofollow">Chat with us</a>,powered by <a href="https://www.livechatinc.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript><!-- End of LiveChat code --> <!-- Meta Pixel Code --><script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '730953339120394');fbq('track', 'PageView');</script><noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=730953339120394&ev=PageView&noscript=1"/></noscript><!-- End Meta Pixel Code --> <script> $('.verifikasiform').hide(); $('.verifval').val('0'); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script> <script> if(document.getElementById("promo")) { var myModal = new bootstrap.Modal(document.getElementById("promo"), {}); window.onload = () => { myModal.show(); } } var mobileurl = 'm/'; var showIDs = []; function showProducts(hoverID) { while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; // document.getElementById('hover').classList.add("hover-show"); document.getElementById('hover').style.transitionDelay = "0s"; document.getElementById('hover').style.visibility = "visible"; document.getElementById('hover').style.opacity = "1"; document.getElementById(hoverID).style.display = "flex"; showIDs.push(hoverID); } function hideProducts(hoverID) { // document.getElementById('hover').classList.remove("hover-show"); document.getElementById('hover').style.visibility = "hidden"; document.getElementById('hover').style.opacity = "0"; document.getElementById('hover').style.transitionDelay = "1s"; } var mobileDaftarForm = document.getElementById('mobile-daftar-form'); var marquee = document.getElementById('marquee'); function closeContent() { $('#main-content').html(""); } function openDaftar() { closeContent(); mobileDaftarForm.style.display = "block"; mobileDaftarForm.scrollIntoView(); } function closeDaftar() { mobileDaftarForm.style.display = "none"; marquee.scrollIntoView(); } function showProvider(type) { $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>"); $('#main-content').load("new-showprovider.php?type=" + type); } function toggleInformasi(item) { page(item); } function showInformasi(item) { document.getElementById('modal-wrapper').style.display='block'; toggleInformasi(item); } </script> <script src="/js/old/new-webduo35.js"></script> <!-- POP UP COOKIES --> <style> .kebijakan-privasi, .kebijakan-cookies { color: var(--primary-color); text-decoration: underline; } </style> <div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #FFF; box-shadow:rgba(0,0,0,0.6) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #333"> <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #DDD; font-size: 1rem"> <div> Kami menggunakan cookies untuk mengoptimalkan navigasi, fitur serta konten yang lebih Relevan. Untuk informasi lengkap tentang cookies silahkan lihat <a href="javascript:showInformasi('cookies')" class="kebijakan-cookies">Persetujuan Cookies</a>. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookies serta data pribadi sesuai <a href="javascript:showInformasi('privasi')" class="kebijakan-privasi">Kebijakan Privasi</a>. </div> </div> <div> <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div> </div></div><script> $( "#boxprivacy" ).blur(function() { alert( "Handler for .blur() called." );});</script> </body></html>
