<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>RASA4D ~ Link Resmi Situs Game Online & Tebak Angka Berhadiah Besar</title> <meta name="description" content="Rasa4d adalah situs game online resmi yang juga menyediakan game tebak angka berhadiah dengan pelayanan pelanggan paling baik dan bersertifikat resmi." /><meta name="keywords" content="rasa4d, rasa 4d" /><meta name="robots" content="index, follow" /><meta name="categories" content="website" /><meta name="rating" content="general" /><meta property="og:site_name" content="RASA4D"><meta name="geo.region" content="ID" /><meta name="geo.country" content="id" /><meta name="geo.placename" content="Indonesia" /><meta name="copyright" content="RASA4D" /><link rel="canonical" href="https://starlightkitchensupplies.com/" /><link rel="pingback" href="https://starlightkitchensupplies.com/"><link rel="amphtml" href="https://rasa4d-top1.com/utama/" /><link rel="icon" type="image/x-icon" href="https://myfolder.me/naikkan/iconrasa.png"/><meta name="google-site-verification" content="vk8gpo-FFs-kI5FRZVPbUVLsfWviA-WTrTK-bobd0g4" /><meta name="google-site-verification" content="UXYL4l1_N6X9o1xWJbYn518YgIx-aYbk7cYIpOFUVIA" /><meta name="google-site-verification" content="QbPp-Rjx93FUOuYa1v9iivLOE5-QRsdyYXY_ww84LSg" /><meta name="google-site-verification" content="ZRKp3AMyf3UaqA8_ZRnLR3I-dfX-d7XA16KJGtE5l20" /><meta name="google-site-verification" content="Wmi8Ig0ao8UuD_9XEApdoLu9fMwWimn5k2MNQpuUm4s" /><meta name="google-site-verification" content="GDN4Uxs5y-z8rl1abtbZKTGe6xWuYizzyIJTG3mqK8Y" /><meta name="google-site-verification" content="QRKuyZGuuI7p25BTfR_-qVjDZmm3KlTEagP4Hpjo76o" /><meta name="google-site-verification" content="hchYxsbhu81u4RfYyGJ1kQjahTCvX0m4Wyfrgj4fNgs" /><meta name='dmca-site-verification' content='dnZCaU94VzlKQU13VFNXdFRYamo3UT090' /><div style="position: fixed; bottom: 85px; left: 10px; z-index: 10; opacity: 0.98;"><a href="https://rasa4drtp42.xyz/" target="_blank" rel="noopener"><img src="https://myimagehost.me/rasa4d/rtprasa.gif" alt="rtp slot" title="rtp slot" width="90" height="90"></a></div> <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="/style.scss" > <!--<link rel="stylesheet" href="/css/old/template/PN.css">--> <link rel="stylesheet" href="/css/old/template/PN.css"> <link rel="stylesheet" href="/css/old/variable.css"> <link rel="stylesheet" href="/css/old/dark.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; } .btn-aduan { background: linear-gradient(60deg, #b08432, #cfbe87, #b08432); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 300%; animation: gradient 2s ease infinite; } .transaksi-title { place-items: start; } @media only screen and (max-width: 1000px) { .transaksi-title { place-items: center; } .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=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=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=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=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=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=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=mg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure> <figcaption>MICROGAMING</figcaption> </a> <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=hks" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure> <figcaption>HACKSAW GAMING</figcaption> </a> <a href="/?content=slot&provider=nxt" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure> <figcaption>NEXTSPIN</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=pt" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure> <figcaption>PLAYTECH</figcaption> </a> <a href="/?content=slot&provider=av" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure> <figcaption>ADVANT PLAY</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=wow" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure> <figcaption>WOW GAMING</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=ss" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure> <figcaption>SBO SLOT</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=ttg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure> <figcaption>TOPTREND GAMING</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=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=mg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure> <figcaption>MICROGAMING</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=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=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=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=ptlc" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure> <figcaption>PLAYTECH LIVE</figcaption> </a> <a href="/?content=casino&provider=gmnl" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure> <figcaption>GEMINI LIVE</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=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=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=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> <a href="/?content=sabung&provider=sv" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure> <figcaption>SV388</figcaption> </a> </div> <div id="hover-interactive" class="hover-menu"> <!-- <a href="/?content=interactive&provider=pp" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure> <figcaption>PRAGMATIC PLAY</figcaption> </a> --> <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=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=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=hks" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure> <figcaption>HACKSAW GAMING</figcaption> </a> <a href="/?content=interactive&provider=pt" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure> <figcaption>PLAYTECH</figcaption> </a> <a href="/?content=interactive&provider=wow" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure> <figcaption>WOW GAMING</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 } .speed-dial-item { opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; } .speed-dial-active .speed-dial-item { opacity: 1; visibility: visible; transform: translateY(0); } /* Delay each item’s appearance */ .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; } .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; } .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; } .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; } .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; } </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://api.whatsapp.com/send/?phone=6285945000344" target='_blank' class="navbar-item"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//whatsapp.png"/> <label>WHATSAPP</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="https://secure.livechatenterprise.com/licence/12668529/v2/open_chat.cgi" 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> <script> document.addEventListener("DOMContentLoaded", function () { const speedDialBtn = document.querySelector(".speed-dial-btn"); const speedDialItems = document.querySelectorAll(".speed-dial-item"); let isOpen = false; speedDialBtn.addEventListener("click", function () { isOpen = !isOpen; speedDialItems.forEach((item, index) => { if (isOpen) { item.style.opacity = "1"; item.style.visibility = "visible"; item.style.transform = "translateY(0)"; item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect } else { item.style.opacity = "0"; item.style.visibility = "hidden"; item.style.transform = "translateY(10px)"; item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger } }); });});</script> <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="Hh1V9E39rQM7k4GNeNYm+GO9dglGOfp8G2vBgq972+A="> </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?9961" 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" 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"> <label style="font-size:12px;display:flex;align-items:center;margin-top:4px;margin-bottom:8px;cursor:pointer;"> <input type="checkbox" id="rememberMe" name="remember" style="margin-right:6px;width:16px;height:16px;cursor:pointer;"> Remember Me </label> <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="Hh1V9E39rQM7k4GNeNYm+GO9dglGOfp8G2vBgq972+A="> </form> </div> <style> .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } .error-border { border-color: red !important; } .valid-border { border-color: green !important; } </style> <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="error-msg" id="err_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" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> </div> <div class="error-msg" id="err_password"></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="error-msg" id="err_passcon"></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="error-msg" id="err_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" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> </div> <div class="error-msg" id="err_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='BSI'>BSI</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="error-msg" id="err_bank"></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="error-msg" id="err_rek"></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="error-msg" id="err_nama"></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> <div class="error-msg" id="err_ref"></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"> --> <div class="w-100 my-1"> <div id="capverifikasi"> <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px"> </div> <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" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off"> </div> <div class="error-msg" id="err_verifikasi"></div> </div> <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="0Us6q94z2IxXJzSMmGYgpR3f9odlHtxMNBbHMkf44us="> <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> </form> </div> <script> (function(){ function root(){ return document.getElementById('mobileregister'); } function q(id){ return root()?.querySelector('#'+id) || null; } function qe(sel){ return root()?.querySelector(sel) || null; } function showError(field,msg){ const err = qe('#err_'+field); const inp = q('reg_'+field); if (err){ err.textContent = msg; err.style.display = 'block'; } if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } } function clearError(field){ const err = qe('#err_'+field); const inp = q('reg_'+field); if (err) err.style.display = 'none'; if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } } function vUsername(){ const v = (q('reg_username')?.value || '').trim(); if (!v) return showError('username','Username tidak boleh kosong'), false; if (v.length < 6) return showError('username','Username minimal 6 karakter'), false; if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false; if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; clearError('username'); return true; } function vPass(){ const v = q('reg_pass')?.value || ''; if (!v) return showError('password','Password tidak boleh kosong'), false; if (v.length < 6) return showError('password','Password minimal 6 karakter'), false; clearError('password'); return true; } function vPasscon(){ const p1 = q('reg_pass')?.value || ''; const p2 = q('reg_passcon')?.value || ''; if (!p2) return showError('passcon','Konfirmasi password kosong'), false; if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false; clearError('passcon'); return true; } function vEmail(){ const v = (q('reg_email')?.value || '').trim(); if (!v) return showError('email','Email tidak boleh kosong'), false; if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; clearError('email'); return true; } function vTelp(){ const el = q('reg_telpon'); if (!el) return true; el.value = (el.value || '').replace(/\D/g,''); if (!el.value) return showError('telpon','Telpon kosong'), false; if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false; clearError('telpon'); return true; } function vBank(){ if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; clearError('bank'); return true; } function vRek(){ const el = q('reg_rek'); if (!el) return true; el.value = (el.value || '').replace(/\D/g,''); if (!el.value) return showError('rek','Rekening kosong'), false; if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false; clearError('rek'); return true; } function vNama(){ const v = (q('reg_nama')?.value || '').trim(); if (!v) return showError('nama','Nama kosong'), false; if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false; if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; clearError('nama'); return true; } function vRefOpt(){ const el = q('reg_ref'); if (!el) return true; const v = (el.value || '').trim(); if (!v) return clearError('ref'), true; if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false; if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false; clearError('ref'); return true; } function vVerifOpt(){ const el = q('reg_verifikasi'); if (!el) return true; const v = (el.value || '').trim(); if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; clearError('verifikasi'); return true; } function validateAll(){ const ok = vUsername() & vPass() & vPasscon() & vEmail() & vTelp() & vBank() & vRek() & vNama() & vRefOpt() & vVerifOpt(); return !!ok; } function attach(id, validator, opts){ const el = q(id); if (!el) return; const run = () => validator(); el.addEventListener('focus', run); if (!opts || opts.input !== false) el.addEventListener('input', run); el.addEventListener('blur', run); if (opts && opts.change) el.addEventListener('change', run); } document.addEventListener('DOMContentLoaded', function(){ attach('reg_username', vUsername); attach('reg_pass', vPass); attach('reg_passcon', vPasscon); attach('reg_email', vEmail); attach('reg_telpon', vTelp); attach('reg_bank', vBank, { input:false, change:true }); attach('reg_rek', vRek); attach('reg_nama', vNama); attach('reg_ref', vRefOpt); attach('reg_verifikasi', vVerifOpt); const f = q('formRegister'); if (f) { f.addEventListener('submit', function(e){ if (!validateAll()) { e.preventDefault(); const firstErr = root()?.querySelector('.error-border') || q('reg_username'); if (firstErr && firstErr.focus) firstErr.focus(); } }); } }); })(); </script> </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> </div> <div class="carousel-inner" style="height: 100%"> <div class="carousel-item active" style="height: 100%"> <img src="/images/upload-Slides-20251031212115.jpg" class="d-block w-100 banner" alt="rasa4d" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20251031211957.jpg" class="d-block w-100 banner" alt="promosi" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20250428200110.jpg" class="d-block w-100 banner" alt="qris rasa4d" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20241106124808.jpg" class="d-block w-100 banner" alt="stake 20000" 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.1) 0%, rgba(255,255,255,0.1) 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=JRG" class="result"> <div class="badge"> </div> <div class="pasaran">JURONG </div> <div class="keluaran">7031</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=JHR" class="result"> <div class="badge"> </div> <div class="pasaran">JOHOR </div> <div class="keluaran">9017</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=MA" class="result"> <div class="badge"> </div> <div class="pasaran">TOTO MACAU </div> <div class="keluaran">6716</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=SG" class="result"> <div class="badge"> </div> <div class="pasaran">SINGAPORE </div> <div class="keluaran">8989</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=KTM" class="result"> <div class="badge"> </div> <div class="pasaran">KENTUCKY MID </div> <div class="keluaran">5692</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=KTE" class="result"> <div class="badge"> </div> <div class="pasaran">KENTUCKY EVE </div> <div class="keluaran">9980</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=O3" class="result"> <div class="badge"> </div> <div class="pasaran">OREGON3 </div> <div class="keluaran">5930</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=O6" class="result"> <div class="badge"> </div> <div class="pasaran">OREGON6 </div> <div class="keluaran">4214</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=O9" class="result"> <div class="badge"> </div> <div class="pasaran">OREGON9 </div> <div class="keluaran">6806</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=O12" class="result"> <div class="badge"> </div> <div class="pasaran">OREGON12 </div> <div class="keluaran">9148</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=P12" class="result"> <div class="badge"> </div> <div class="pasaran">POIPET12 </div> <div class="keluaran">3815</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=P15" class="result"> <div class="badge"> </div> <div class="pasaran">POIPET15 </div> <div class="keluaran">4857</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=P19" class="result"> <div class="badge"> </div> <div class="pasaran">POIPET19 </div> <div class="keluaran">6555</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=P22" class="result"> <div class="badge"> </div> <div class="pasaran">POIPET22 </div> <div class="keluaran">2356</div> <div class="tanggal">SABTU 1/11/2025</div> </a> <a href="/?content=hasil&pid=TWH" class="result"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN </div> <div class="keluaran">4774</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=CRD" class="result"> <div class="badge"> </div> <div class="pasaran">CAROLINADAY </div> <div class="keluaran">1259</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=CRE" class="result"> <div class="badge"> </div> <div class="pasaran">CAROLINA EVE </div> <div class="keluaran">6612</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=CAM" class="result"> <div class="badge"> </div> <div class="pasaran">CAMBODIA </div> <div class="keluaran">8159</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=SY" class="result"> <div class="badge"> </div> <div class="pasaran">SYDNEY </div> <div class="keluaran">8580</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=CHN" class="result"> <div class="badge"> </div> <div class="pasaran">CHINA </div> <div class="keluaran">0613</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=JP" class="result"> <div class="badge"> </div> <div class="pasaran">JAPAN </div> <div class="keluaran">1460</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=TWN" class="result"> <div class="badge"> </div> <div class="pasaran">TAIWAN </div> <div class="keluaran">2242</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=HK" class="result"> <div class="badge"> </div> <div class="pasaran">HONGKONG </div> <div class="keluaran">6937</div> <div class="tanggal">SABTU 1/11/2025</div> </a> <a href="/?content=hasil&pid=HKD" class="result"> <div class="badge"> </div> <div class="pasaran">HK SIANG </div> <div class="keluaran">4962</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=MY" class="result"> <div class="badge"> </div> <div class="pasaran">MALAYSIA </div> <div class="keluaran">2093</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=NYM" class="result"> <div class="badge"> </div> <div class="pasaran">NEWYORK MID </div> <div class="keluaran">1690</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=CFR" class="result"> <div class="badge"> </div> <div class="pasaran">CALIFORNIA </div> <div class="keluaran">1854</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=FLE" class="result"> <div class="badge"> </div> <div class="pasaran">FLORIDA EVE </div> <div class="keluaran">6875</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=BSE" class="result"> <div class="badge"> </div> <div class="pasaran">BULLSEYE </div> <div class="keluaran">1133</div> <div class="tanggal">MINGGU 2/11/2025</div> </a> <a href="/?content=hasil&pid=PCS" class="result"> <div class="badge"> </div> <div class="pasaran">PCSO </div> <div class="keluaran">9477</div> <div class="tanggal">SABTU 1/11/2025</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> <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="2" aria-label="Slide 3"></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-JRG"> <div class="badge"> </div> <div class="pasaran">JURONG </div> <div class="keluaran">7031</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-JRG" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6031</div> <div class="tanggal">02-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5022</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4788</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4511</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2313</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1420</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5741</div> <div class="tanggal">31-10-2025</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-JHR"> <div class="badge"> </div> <div class="pasaran">JOHOR </div> <div class="keluaran">9017</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-JHR" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2392</div> <div class="tanggal">02-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5961</div> <div class="tanggal">02-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3238</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8276</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4105</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1793</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9028</div> <div class="tanggal">31-10-2025</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-MA"> <div class="badge"> </div> <div class="pasaran">TOTO MACAU </div> <div class="keluaran">6716</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-MA" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2755</div> <div class="tanggal">02-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3291</div> <div class="tanggal">02-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1530</div> <div class="tanggal">02-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9508</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5351</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6354</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6941</div> <div class="tanggal">01-11-2025</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">8989</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-SG" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4326</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6283</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3378</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6031</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0316</div> <div class="tanggal">26-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8585</div> <div class="tanggal">25-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1951</div> <div class="tanggal">23-10-2025</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-KTM"> <div class="badge"> </div> <div class="pasaran">KENTUCKY MID </div> <div class="keluaran">5692</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-KTM" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6083</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3435</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5246</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7639</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9754</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0877</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9492</div> <div class="tanggal">26-10-2025</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-KTE"> <div class="badge"> </div> <div class="pasaran">KENTUCKY EVE </div> <div class="keluaran">9980</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-KTE" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3222</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2653</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8595</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7869</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8631</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8064</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0534</div> <div class="tanggal">26-10-2025</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-O3"> <div class="badge"> </div> <div class="pasaran">OREGON3 </div> <div class="keluaran">5930</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-O3" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8576</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8872</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5899</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7982</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6605</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1317</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1317</div> <div class="tanggal">27-10-2025</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-O6"> <div class="badge"> </div> <div class="pasaran">OREGON6 </div> <div class="keluaran">4214</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-O6" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8009</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4421</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1834</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6581</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1089</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3353</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9421</div> <div class="tanggal">26-10-2025</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-O9"> <div class="badge"> </div> <div class="pasaran">OREGON9 </div> <div class="keluaran">6806</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-O9" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5642</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9720</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3568</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8775</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3479</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7910</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8025</div> <div class="tanggal">26-10-2025</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-O12"> <div class="badge"> </div> <div class="pasaran">OREGON12 </div> <div class="keluaran">9148</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-O12" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7017</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0719</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2242</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7028</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0502</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5161</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8006</div> <div class="tanggal">26-10-2025</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-P12"> <div class="badge"> </div> <div class="pasaran">POIPET12 </div> <div class="keluaran">3815</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-P12" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8673</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6782</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4128</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5534</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2473</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5887</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6491</div> <div class="tanggal">26-10-2025</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-P15"> <div class="badge"> </div> <div class="pasaran">POIPET15 </div> <div class="keluaran">4857</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-P15" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8347</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0788</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2857</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8413</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3906</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6337</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9221</div> <div class="tanggal">26-10-2025</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-P19"> <div class="badge"> </div> <div class="pasaran">POIPET19 </div> <div class="keluaran">6555</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-P19" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8008</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8871</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8796</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5054</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7927</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4932</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9171</div> <div class="tanggal">26-10-2025</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-P22"> <div class="badge"> </div> <div class="pasaran">POIPET22 </div> <div class="keluaran">2356</div> <div class="tanggal">01-11-2025</div> </button> <div id="paito-P22" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9124</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4209</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5684</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9494</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3357</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0152</div> <div class="tanggal">26-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1420</div> <div class="tanggal">25-10-2025</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-TWH"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN </div> <div class="keluaran">4774</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-TWH" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8782</div> <div class="tanggal">02-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0951</div> <div class="tanggal">02-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2175</div> <div class="tanggal">02-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5178</div> <div class="tanggal">02-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7042</div> <div class="tanggal">02-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2166</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9075</div> <div class="tanggal">01-11-2025</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-CRD"> <div class="badge"> </div> <div class="pasaran">CAROLINADAY </div> <div class="keluaran">1259</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-CRD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9415</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8966</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3995</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4917</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4688</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2368</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0097</div> <div class="tanggal">26-10-2025</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-CRE"> <div class="badge"> </div> <div class="pasaran">CAROLINA EVE </div> <div class="keluaran">6612</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-CRE" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4629</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3988</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8034</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2687</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8907</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6355</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2410</div> <div class="tanggal">26-10-2025</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-CAM"> <div class="badge"> </div> <div class="pasaran">CAMBODIA </div> <div class="keluaran">8159</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-CAM" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4518</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8157</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0870</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4825</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6237</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2869</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7041</div> <div class="tanggal">26-10-2025</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-SY"> <div class="badge"> </div> <div class="pasaran">SYDNEY </div> <div class="keluaran">8580</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-SY" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0840</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2436</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8603</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0963</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2748</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1451</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9065</div> <div class="tanggal">26-10-2025</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-CHN"> <div class="badge"> </div> <div class="pasaran">CHINA </div> <div class="keluaran">0613</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-CHN" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2708</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2674</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3019</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0331</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7863</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9843</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3435</div> <div class="tanggal">26-10-2025</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-JP"> <div class="badge"> </div> <div class="pasaran">JAPAN </div> <div class="keluaran">1460</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-JP" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9415</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3191</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7213</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3952</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9041</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3497</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7108</div> <div class="tanggal">26-10-2025</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-TWN"> <div class="badge"> </div> <div class="pasaran">TAIWAN </div> <div class="keluaran">2242</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-TWN" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3543</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0074</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7842</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3502</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8776</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8485</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7924</div> <div class="tanggal">26-10-2025</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">6937</div> <div class="tanggal">01-11-2025</div> </button> <div id="paito-HK" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2962</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8644</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3752</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2843</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0489</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6874</div> <div class="tanggal">26-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4063</div> <div class="tanggal">25-10-2025</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">4962</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-HKD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8948</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5945</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7588</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9217</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4223</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6981</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6561</div> <div class="tanggal">26-10-2025</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">2093</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-MY" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7830</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8662</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0270</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7998</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3755</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5893</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0526</div> <div class="tanggal">26-10-2025</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-NYM"> <div class="badge"> </div> <div class="pasaran">NEWYORK MID </div> <div class="keluaran">1690</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-NYM" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0512</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9960</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9154</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1193</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2842</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5772</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1004</div> <div class="tanggal">26-10-2025</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-CFR"> <div class="badge"> </div> <div class="pasaran">CALIFORNIA </div> <div class="keluaran">1854</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-CFR" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6902</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1646</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5153</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9987</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2923</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3630</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6396</div> <div class="tanggal">26-10-2025</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-FLE"> <div class="badge"> </div> <div class="pasaran">FLORIDA EVE </div> <div class="keluaran">6875</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-FLE" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8726</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4206</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2409</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2061</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7108</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9443</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3846</div> <div class="tanggal">26-10-2025</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-BSE"> <div class="badge"> </div> <div class="pasaran">BULLSEYE </div> <div class="keluaran">1133</div> <div class="tanggal">02-11-2025</div> </button> <div id="paito-BSE" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4208</div> <div class="tanggal">01-11-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9458</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8133</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8251</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3121</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3943</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2610</div> <div class="tanggal">26-10-2025</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-PCS"> <div class="badge"> </div> <div class="pasaran">PCSO </div> <div class="keluaran">9477</div> <div class="tanggal">01-11-2025</div> </button> <div id="paito-PCS" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7851</div> <div class="tanggal">31-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1551</div> <div class="tanggal">30-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4195</div> <div class="tanggal">29-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5769</div> <div class="tanggal">28-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2669</div> <div class="tanggal">27-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6398</div> <div class="tanggal">25-10-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8264</div> <div class="tanggal">24-10-2025</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.png" class="desktop-only" alt="" style="padding-bottom: 16px"> <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt=""> <img src="https://img.viva88athenae.com/mproviders.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-crypto"; } .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-crypto { grid-area: transaksi-crypto; display: flex; justify-content: space-evenly; width: 100%; } .icon-crypto { width: 24px; height: 24px; } .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-list-crypto { height: fit-content; display: grid; grid-template-columns: repeat(2, 80px); gap: 10px 8px; } .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; } @media only screen and (max-width: 768px) { .transaksi-group { display: grid; grid-template-columns: 1fr; grid-template-areas: "transaksi-bank" "transaksi-other" "transaksi-crypto"; gap: 32px; margin-bottom: 8px; } .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-crypto { width: 86%; margin: auto; 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; line-height: 1.8rem; } .transaksi-wrapper { width: 100%; max-width: 100%!important; gap: 1rem; } .icon-crypto { width: 28px; height: 28px; } }</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" style="min-height: 144px"> <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">BSI</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 class="transaksi-crypto"> <div class="transaksi-wrapper" style="max-width: 284px"> <div class="transaksi-name mb-1">Crypto Currency</div> <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> </div> <div class="carousel-inner" > </div> </div> </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/whatsapp.png" width="20"/> <a class="d-flex flex-column" href="https://api.whatsapp.com/send/?phone=6285945000344" target='_blank'> <div style="color: #888888;">WHATSAPP</div> <div style="line-height: .9rem; color: var(--primary-text-color)">085945000344</div> </a> </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.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> <script>$("<a class='btn blink-border' style='width: 100%;height: 100%;display: block;background: linear-gradient(to right,#d4217c 0%,#59002e 100%);color: #ffffff;margin: auto;margin-top: 3px;text-align: center;padding: 10px 0px;font-size: 18px;font-weight: bold;border-radius: 8px;border: 4px outset white;' href='https://rasa4dprediksi.com/' target='_blank'>PREDIKSI TOGEL</a>").insertAfter(".btn-info");</script><script> window.addEventListener('DOMContentLoaded', () => { if (window.location.pathname === '/' || window.location.pathname === '/') { $('body').append(` <div id="pop-up-container" onclick="close_pop_up()"> <div id="bg-black" class="fade-in"></div> <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg"> <a href="#"><img src="https://myimagehost.me/rasa4d/rasaqris.webp" alt="popup" /></a> <button onclick="close_pop_up()" style="background:#d4217c;color: #fff">KLIK DISINI UNTUK MENUTUP</button> </div> </div> `); document.getElementById('pop-up-wrapper').addEventListener('click', e => { e.stopPropagation(); }); } }); const close_pop_up = () => { document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck'); document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out'); setTimeout(() => { const pop_up_container = document.getElementById('pop-up-container'); pop_up_container?.parentElement.removeChild(pop_up_container); }, 1000); };</script> <style> #pop-up-container { display: flex; align-items: center; justify-content: space-evenly; position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; } #pop-up-wrapper { width: 85%; min-width: 315px; max-width: 500px; min-height: 210px; position: relative; z-index: 11; overflow: visible; border-radius: 5px; } #pop-up-wrapper img { width: 100%; border-radius: 5px 5px 0 0; } #pop-up-wrapper button { width: 100%; padding: 0.75rem; font-size: -0.75rem; font-weight: 700; border: none; border-radius: 0 0 5px 5px; margin: 0; background-color: #a621d4; } .gray-bg { background: #00000000 no-repeat; } .swirl-in-fwd { -webkit-animation: swirl-in-fwd 0.6s ease-out both; animation: swirl-in-fwd 0.6s ease-out both; } .x-mark-container { position: absolute; top: 5px; right: 5px; background-color: black; border-radius: 50%; width: 8%; } #bg-black { background-color: rgba(0, 0, 0, 0.86); position: fixed; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; } @-webkit-keyframes swirl-in-fwd { 0% { -webkit-transform: rotate(-540deg) scale(0); transform: rotate(-540deg) scale(0); opacity: 0; } 100% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } } @keyframes swirl-in-fwd { 0% { -webkit-transform: rotate(-540deg) scale(0); transform: rotate(-540deg) scale(0); opacity: 0; } 100% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } } .swirl-out-bck { -webkit-animation: swirl-out-bck 0.6s ease-in both; animation: swirl-out-bck 0.6s ease-in both; } @-webkit-keyframes swirl-out-bck { 0% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } 100% { -webkit-transform: rotate(-540deg) scale(0); transform: rotate(-540deg) scale(0); opacity: 0; } } @keyframes swirl-out-bck { 0% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } 100% { -webkit-transform: rotate(-540deg) scale(0); transform: rotate(-540deg) scale(0); opacity: 0; } } .fade-in { -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .fade-out { -webkit-animation: fade-out 1s ease-out both; animation: fade-out 1s ease-out both; } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } }</style> <style>.duniaku { width: 100%; height: 50px; border-radius: 10px; background-color: #d4217c ;} .duniaku > p { margin-top: 8px; font-size: 15px; font-weight: bold; text-shadow: 1px 1px 10px black;}</style> </div> <div class="footer-group"> <div class="copyright"> <div style="white-space: nowrap">© 2015 - 2025 Copyright RASA4D.</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.png" alt=""> <button class="btn btn-aduan ms-lg-auto py-1 px-2" style="border: 2px solid #b08432;" data-toggle="tooltip" data-placement="bottom" title="Aduan Pelanggan" onclick="javascript:window.open ('https://ares88access.com/?token=K7rcy31VUNptK7F74EjeNyfLY9O8g-qejZSx5vjZA40.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> <i class="bi bi-shield-fill-exclamation"></i> <strong class="ms-1">LAPOR PUSAT</strong> </button> </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> <a href="https://api.whatsapp.com/send/?phone=6285945000344" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>085945000344</span> </a> </div> <div style="margin: 8px"> <a href="/?content=register"><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"></a> </div> </div> </div> </div> </div> <!--POP UP --> <!-- LIVE CHAT --> <!-- Start of LiveChat (www.livechat.com) code --><script> window.__lc = window.__lc || {}; window.__lc.license = 12668529; ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))</script><noscript><a href="https://www.livechat.com/chat-with/12668529/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript><!-- End of LiveChat code --> <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> document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { const mobileForm = document.querySelector('#mobilelogin form') || document.querySelector('#mobilelogin .login-form') || document.querySelector('.mobile-only form'); if (!mobileForm) { return; } const username = mobileForm.querySelector('input[name="username"]'); const password = mobileForm.querySelector('input[name="password"]'); const remember = document.querySelector('#rememberMe') || document.querySelector('input[type="checkbox"]'); if (!username || !password || !remember) { return; } try { localStorage.setItem('test', 'working'); if (localStorage.getItem('test') === 'working') { localStorage.removeItem('test'); } else { return; } } catch(e) { return; } initializeRememberMe(); loadSavedData(); mobileForm.addEventListener('submit', handleSave); mobileForm.addEventListener('click', function(e) { if (e.target.type === 'submit' || e.target.classList.contains('submit')) { handleSave(); } }); remember.addEventListener('change', function() { if (!this.checked) { clearSavedData(); localStorage.setItem('mobile_remember_unchecked', 'true'); } else { localStorage.removeItem('mobile_remember_unchecked'); } }); function initializeRememberMe() { try { const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { remember.checked = false; } else { remember.checked = true; } } catch(e) { remember.checked = true; } } function loadSavedData() { try { const savedUsername = localStorage.getItem('mobile_username'); const savedPassword = localStorage.getItem('mobile_password'); const rememberChecked = localStorage.getItem('mobile_remember'); if (rememberChecked === 'true' && savedUsername && savedPassword) { username.value = savedUsername; password.value = savedPassword; } } catch(e) { // console.log('Error loading data:', e); } } function handleSave() { if (remember.checked) { const usernameVal = username.value.trim(); const passwordVal = password.value.trim(); if (usernameVal && passwordVal) { try { localStorage.setItem('mobile_username', usernameVal); localStorage.setItem('mobile_password', passwordVal); localStorage.setItem('mobile_remember', 'true'); localStorage.setItem('mobile_login_success', 'true'); } catch(e) { // console.log('Error saving data:', e); } } } else { clearSavedData(); localStorage.setItem('mobile_login_success', 'true'); } } function clearSavedData() { try { localStorage.removeItem('mobile_username'); localStorage.removeItem('mobile_password'); localStorage.removeItem('mobile_remember'); } catch(e) { // console.log('Error clearing data:', e); } } }, 100); // Wait 100ms }); </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?v=1743228273"></script> <!-- POP UP COOKIES --> <style> .kebijakan-privasi, .kebijakan-cookies { color: white; text-decoration: underline; } </style> <div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074"> <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; 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>