<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Lux78 Gabung Dan Bermain Nikmati Bonus Setiap Minggunya</title> <link rel="canonical" href="https://lux78.com/" /><link rel="amphtml" href="https://lux78super.org/" /><link rel="icon" type="image/png" href="https://res.cloudinary.com/detrigr8k/image/upload/v1745699330/LUX780_mmajwr.png"><meta name="description" content="Lux78 adalah link yang mampu memberi sajian promo menarik salah satunya bonus refferal syaratnya hanya dengan mengajak teman bermain."/><meta name="keywords" content="lux78, lux78 login, lux78 alternatif" /><meta name="author" content="LUX78" /><meta name="revisit-after" content="1 days" /><meta name="rating" content="general" /><meta name="geo.country" content="id" /><meta name="geo.placename" content="Indonesia" /><meta name="geo.region" content="ID" /><meta name="language" content="id-ID" /><meta name="publisher" content="LUX78" /><meta name="robots" content="index,follow" /><meta name="google-site-verification" content="t7fhLyNae16YWU91LLD3E461oM4EzYYf-mVOdaU6BU0" /><meta name="google-site-verification" content="SM5wFJ4Cjd2Jwh5xmppB5VOXDcsa24IBe4UDLLAKI1s" /><!-- Meta Pixel Code --><script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '3932490187073138');fbq('track', 'PageView');</script><noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=3932490187073138&ev=PageView&noscript=1"/></noscript><!-- End Meta Pixel Code --> <!-- Meta Pixel Code --><script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '441725442318542');fbq('track', 'PageView');</script><noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=441725442318542&ev=PageView&noscript=1"/></noscript><!-- End Meta Pixel Code --> <!-- Meta Pixel Code --><script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '1078779800653748');fbq('track', 'PageView');</script><noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=1078779800653748&ev=PageView&noscript=1"/></noscript><!-- End Meta Pixel Code --> <meta name="viewport" content="width=1200, initial-scale=0.33"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css"> <!--<link rel="stylesheet" href="/css/old/template/RP.css">--> <link rel="stylesheet" href="/css/old/template/RP.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=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=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=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=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=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=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=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=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=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=adv" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-adv.png" alt="ADVANT PLAY"></figure> <figcaption>ADVANT PLAY</figcaption> </a> <a href="/?content=slot&provider=l22" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure> <figcaption>LIVE22</figcaption> </a> <!-- <a href="/?content=slot&provider=nte" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure> <figcaption>NETENT</figcaption> </a> --> <a href="/?content=slot&provider=cq9" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure> <figcaption>CQ9</figcaption> </a> <!-- <a href="/?content=slot&provider=ttg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure> <figcaption>TOPTREND GAMING</figcaption> </a> --> <a href="/?content=slot&provider=ss" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure> <figcaption>SBO SLOT</figcaption> </a> </div> <div id="hover-live" class="hover-menu" > <a href="/?content=casino&provider=pplc" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure> <figcaption>PRAGMATIC PLAY</figcaption> </a> <a href="/?content=casino&provider=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="MICRO GAMING"></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=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> </div> <div id="hover-interactive" class="hover-menu"> <a href="/?content=interactive&provider=gmn" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure> <figcaption>GEMINI</figcaption> </a> <a href="/?content=interactive&provider=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=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://direct.lc.chat/18497628" 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="6CKjAurUaya5hia2yiMCCWE1YO5crPj6Q12+jQfkm/8="> </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?2187" 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"> <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="6CKjAurUaya5hia2yiMCCWE1YO5crPj6Q12+jQfkm/8="> </form> </div> <div id="mobile-daftar-form" style="width: 100%; display: none"> <div id="mobileregister"> <form id="formRegister" class="login-form p-0 pt-4"> <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div> <div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> </div> <div class="input-group login-field"> <select class="form-select login-input-field" name="bank" id="reg_bank"> <option value="">Pilih Bank</option> <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BSI'>BSI</option><option value='SeaBank'>SeaBank</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='ShopeePay'>ShopeePay</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option> </select> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend" style=""><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" > </div> <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun"> <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> --> <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> <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="3mD9VfRzjn2ji81f7AX11RDd8iJWf2o3IPiE/OBS0YI="> <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> </form> </div> </div> </div> <div class="menu"> <div class="menu-item desktop-only"> <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label></div><span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')"> <!--<img class="mobile-only" src="assets/togel.png" alt="">--> <label>TOGEL</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')"> <!--<img class="mobile-only" src="assets/slot.png" alt="">--> <label>SLOT</label></a><span class="desktop-only" style="color: var(--menu-item-color)">|</span><a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')"> <!--<img class="mobile-only" src="assets/live.png" alt="">--> <label>LIVE CASINO</label></a><span class="desktop-only" style="color: var(--menu-item-color)">|</span><a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')"> <!--<img class="mobile-only" src="assets/sport.png" alt="">--> <label>SPORT</label></a><span class="desktop-only" style="color: var(--menu-item-color)">|</span><a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')"> <!--<img class="mobile-only" src="assets/fishing.png" alt="">--> <label>ARCADE</label></a><span class="desktop-only" style="color: var(--menu-item-color)">|</span><a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')"><!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> <label>SABUNG</label></a><span class="desktop-only" style="color: var(--menu-item-color)">|</span><a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')"><!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> <label>INTERACTIVE</label></a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> </div> <div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)"> <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)"> <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i> </div> <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)"> <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i> </div> <div id="menu-mobile" style="height:68px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)"> <div style="white-space: nowrap; height: 100%; font-size: 0px"> <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt=""> <label>TOGEL</label> </div> </div> </a> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('slot')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt=""> <label>SLOT</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('casino')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt=""> <label>LIVE CASINO</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div href="/sport" class="menu-item" onclick="showProvider('sport')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt=""> <label>SPORT</label> </div> </div> </div> <!--<div style="height: 100%; width: 92px; display: inline-block;">--> <!-- <div style="display: grid; place-items: center; height: 100%">--> <!-- <div class="menu-item" onclick="showProvider('esport')">--> <!-- <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">--> <!-- <label>E-SPORT</label>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('fish')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt=""> <label>ARCADE</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('sabung')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt=""> <label>SABUNG</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('interactive')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt=""> <label>INTERACTIVE</label> </div> </div> </div> </div> </div> </div> <div class="menu-content mobile-only"> <div id="main-content" style="background: var(--content-box-background)"> </div> </div> <div class="promosi"> <!-- Desktop --> <button class="btn-promosi fw-bold desktop-only" onclick="window.location.href='/?content=promosi'" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button> <div class="btn-informasi desktop-only" onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer" href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"><i class="bi bi-info-circle-fill" style="font-size: 16px"></i></a></div> <!-- Mobile --> <div class="mobile-only" style="padding-top: 32px"> <div class="d-flex gap-3 justify-content-center align-items-center"> <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a> <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div> <a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a> </div> </div> </div> </div> </header> <div id="marquee" class="marquee desktop-only"> <div class="marquee-content"> <div class="d-flex align-items-center gap-2"> <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div> <i class="bi bi-megaphone-fill desktop-only"></i> </div> <div class="running" style="padding-left: 8px; padding-right: 32px"> <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee> </div> <div class="d-flex align-items-center gap-2"> <a href="/?content=event"> <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/> </a> </div> </div> </div> <!--Informasi Modal --> <div id="modal-wrapper" class="modal" style=" background:none;"> <div class="slideDown" id="informasi-menu"> <div class="row"> <div class="col-xs-3" style="padding-right:0px; width:164px"> <div id="informasi-logo"> <img src="/images/logoweb.png" width="120px"/> </div> <div class="menuleft"> <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a> <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a> <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a> <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a> <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a> <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a> <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a> </div> </div> <div class="col-xs-9" id="informasi-content" style="position: relative"> <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div> <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> </div> </div> </div> </div> </div> <div class="contentdata"> <div id="content-primary" class="p-0"> <div class="desktop-only"><div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%"> <div class="carousel-indicators"> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button> </div> <div class="carousel-inner" style="height: 100%"> <div class="carousel-item active" style="height: 100%"> <img src="/images/upload-Slides-20240924030745.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20240924023155.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20240924023201.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20240924023207.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> </div></div> </div> <div class="mobile-only"><div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;"> <img src="images/upload-SlidesMobile-20241019160816.gif" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"/></div><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="togel-content "> <a href="/?content=hasil&pid=TWH" class="result"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN </div> <div class="keluaran">7241</div> <div class="tanggal">SENIN 19/5/2025</div> </a> <a href="/?content=hasil&pid=HKD" class="result"> <div class="badge"> </div> <div class="pasaran">HK SIANG </div> <div class="keluaran">9422</div> <div class="tanggal">SENIN 19/5/2025</div> </a> <a href="/?content=hasil&pid=SGM" class="result"> <div class="badge"> </div> <div class="pasaran">SG METRO </div> <div class="keluaran">2301</div> <div class="tanggal">SENIN 19/5/2025</div> </a> <a href="/?content=hasil&pid=SYD" class="result"> <div class="badge"> </div> <div class="pasaran">SYDNEY </div> <div class="keluaran">0664</div> <div class="tanggal">SENIN 19/5/2025</div> </a> <a href="/?content=hasil&pid=MYD" class="result"> <div class="badge"> </div> <div class="pasaran">MALAYSIA SIANG </div> <div class="keluaran">4485</div> <div class="tanggal">SENIN 19/5/2025</div> </a> <a href="/?content=hasil&pid=SGP" class="result"> <div class="badge"> </div> <div class="pasaran">SINGAPORE </div> <div class="keluaran">0665</div> <div class="tanggal">MINGGU 18/5/2025</div> </a> <a href="/?content=hasil&pid=MY" class="result"> <div class="badge"> </div> <div class="pasaran">MALAYSIA </div> <div class="keluaran">2069</div> <div class="tanggal">MINGGU 18/5/2025</div> </a> <a href="/?content=hasil&pid=MC" class="result"> <div class="badge"> </div> <div class="pasaran">MACAU </div> <div class="keluaran">6217</div> <div class="tanggal">MINGGU 18/5/2025</div> </a> <a href="/?content=hasil&pid=QTR" class="result"> <div class="badge"> </div> <div class="pasaran">QATAR </div> <div class="keluaran">1089</div> <div class="tanggal">MINGGU 18/5/2025</div> </a> <a href="/?content=hasil&pid=HK" class="result"> <div class="badge"> </div> <div class="pasaran">HONGKONG </div> <div class="keluaran">2887</div> <div class="tanggal">MINGGU 18/5/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"> </div> <div class="carousel-inner"> <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN </div> <div class="keluaran">7241</div> <div class="tanggal">19-05-2025</div> </button> <div id="paito-TWH" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1892</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5462</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2852</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9102</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5170</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3601</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6330</div> <div class="tanggal">18-05-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">9422</div> <div class="tanggal">19-05-2025</div> </button> <div id="paito-HKD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4328</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2141</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8636</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1721</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5223</div> <div class="tanggal">14-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0276</div> <div class="tanggal">13-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2336</div> <div class="tanggal">12-05-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-SGM"> <div class="badge"> </div> <div class="pasaran">SG METRO </div> <div class="keluaran">2301</div> <div class="tanggal">19-05-2025</div> </button> <div id="paito-SGM" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6213</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3984</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1619</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7079</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1412</div> <div class="tanggal">14-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7672</div> <div class="tanggal">13-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7508</div> <div class="tanggal">12-05-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-SYD"> <div class="badge"> </div> <div class="pasaran">SYDNEY </div> <div class="keluaran">0664</div> <div class="tanggal">19-05-2025</div> </button> <div id="paito-SYD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5337</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4053</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2994</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7161</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1588</div> <div class="tanggal">14-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5712</div> <div class="tanggal">13-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0713</div> <div class="tanggal">12-05-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-MYD"> <div class="badge"> </div> <div class="pasaran">MALAYSIA SIANG </div> <div class="keluaran">4485</div> <div class="tanggal">19-05-2025</div> </button> <div id="paito-MYD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9513</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3457</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2788</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1154</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8681</div> <div class="tanggal">14-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9776</div> <div class="tanggal">13-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2823</div> <div class="tanggal">12-05-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-SGP"> <div class="badge"> </div> <div class="pasaran">SINGAPORE </div> <div class="keluaran">0665</div> <div class="tanggal">18-05-2025</div> </button> <div id="paito-SGP" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6660</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3439</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8283</div> <div class="tanggal">14-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6397</div> <div class="tanggal">12-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8947</div> <div class="tanggal">11-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0050</div> <div class="tanggal">10-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0508</div> <div class="tanggal">08-05-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">2069</div> <div class="tanggal">18-05-2025</div> </button> <div id="paito-MY" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7448</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5464</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8112</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0643</div> <div class="tanggal">14-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5057</div> <div class="tanggal">13-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7016</div> <div class="tanggal">12-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8003</div> <div class="tanggal">11-05-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-MC"> <div class="badge"> </div> <div class="pasaran">MACAU </div> <div class="keluaran">6217</div> <div class="tanggal">18-05-2025</div> </button> <div id="paito-MC" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9726</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2195</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0298</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5542</div> <div class="tanggal">14-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3165</div> <div class="tanggal">13-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1324</div> <div class="tanggal">12-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6409</div> <div class="tanggal">11-05-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-QTR"> <div class="badge"> </div> <div class="pasaran">QATAR </div> <div class="keluaran">1089</div> <div class="tanggal">18-05-2025</div> </button> <div id="paito-QTR" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4902</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7398</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0282</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2343</div> <div class="tanggal">14-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4319</div> <div class="tanggal">13-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5939</div> <div class="tanggal">12-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1254</div> <div class="tanggal">11-05-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">2887</div> <div class="tanggal">18-05-2025</div> </button> <div id="paito-HK" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3570</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5252</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8317</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2619</div> <div class="tanggal">14-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5075</div> <div class="tanggal">13-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6353</div> <div class="tanggal">12-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6995</div> <div class="tanggal">11-05-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-bank { grid-area: transaksi-bank; display: grid; place-items: center } .transaksi-other { grid-area: transaksi-other; display: flex; justify-content: space-evenly; width: 100%; } .transaksi-list-bank { height: fit-content; display: grid; grid-template-columns: repeat(4, 92px); grid-template-rows: repeat(4, auto); gap: 4px; } .transaksi-list-other { height: fit-content; display: grid; grid-template-columns: repeat(3, 92px); gap: 4px; } .transaksi-item { display: flex; flex-direction: column; /* transform: perspective(10px) rotateX(3deg); */ } .transaksi-header { height: 30px; border-radius: 5px; display: grid; place-items: center; font-weight: bold; border: 2px solid rgba(108,108,108,1); background: rgba(54,54,54,1); color: white; } .transaksi-status { margin-left: 3px; margin-right: 3px; height: 3px; border-radius: 0px 0px 4px 4px; background: rgb(54,54,54); background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%); } .header-green { background: rgba(44,121,6,1); border-color: rgba(168,255,0,1); } .header-blue { background: rgba(0,80,89,1); border-color: rgba(0,255,204,1); } .status-green { background: rgb(44,121,6); background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%); } .status-blue { background: rgb(0,80,89); background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%); } .transaksi-name { font-size: 1.1rem; font-weight: bold; line-height: 1.5rem } .transaksi-wrapper { display: flex; flex-direction: column; gap: .5rem; } #transaksi-bank-indicators .carousel-inner .carousel-item.active { height: 154px; } @media only screen and (max-width: 768px) { .transaksi-group { display: grid; grid-template-columns: 1fr; grid-template-areas: "transaksi-bank" "transaksi-other"; gap: 16px; } .transaksi-header { font-size: 1.1rem; height: 36px; } .transaksi-list-bank { grid-template-columns: repeat(4, 1fr); } .transaksi-list-other { grid-template-columns: repeat(4, 1fr); } .transaksi-list { display: grid; grid-template-columns: repeat(3, 1fr); } .transaksi-item { width: 100%; } .transaksi-title-group { justify-content: center; padding: 16px 0; } .transaksi-name { font-size: 1.3rem; text-align: center; } .transaksi-wrapper { width: 100%; max-width: 100%!important; gap: 1rem; } #transaksi-bank-indicators .carousel-inner .carousel-item.active { height: 184px!important; } }</style> <div class="transaksi-group"> <div class="transaksi-bank"> <div class="transaksi-wrapper"> <div class="transaksi-name">Bank Lokal</div> <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> </div> <div class="carousel-inner" > <div class="carousel-item active"> <div class="transaksi-list-bank"> <div class="transaksi-item"> <div class="transaksi-header">BCA</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Mandiri</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BNI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BRI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">CIMB</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Danamon</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Permata</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BSI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">SeaBank</div> <div class="transaksi-status status-green"></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">ShopeePay</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> </div> </div> </div> </div> <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div> </div></div> </div> </div> <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> <!-- <div class="transaksi-title">--> <!-- <div class="transaksi-title-group">--> <!-- <div class="fitur-header">Kontak Kami</div>--> <!-- </div>--> <!-- <div class="devider desktop-only"></div>--> <!-- </div>--> <!-- <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> </div> <div class="carousel-inner" style="height: 164px"> </div></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> <style>.snow-container { position: fixed; top: 0; left: 0; overflow: hidden; width: 100vw; height: 100vh; z-index: 99999; pointer-events: none;} .snowflake { position: absolute; background-color: white; border-radius: 50%; opacity: 0.8; pointer-events: none;} @keyframes fall { 0% { opacity: 0; transform: translateY(0); } 10% { opacity: 1; } 100% { opacity: 0.5; transform: translateY(100vh); }} @keyframes diagonal-fall { 0% { opacity: 0; transform: translate(0, 0); } 10% { opacity: 1; } 100% { opacity: 0.25; transform: translate(10vw, 100vh); }}</style> <style>:root { --y-color: #ffffff; --y2-color: red; --y3-color: blue; --y4-color: red;} .count-item { font-size: 1.8rem; background: linear-gradient(186deg, #000000, #307000); padding: 0.3rem 0.5rem; color: rgb(255, 255, 255) !important; border-radius: 10px; font-weight: bold;} .wrapper-service { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; border-radius: 10px; margin-top: 1.3rem; border: 3px solid transparent; padding: 0.8rem; position: relative; z-index: 0;} .wrapper-service::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; z-index: -1; border-radius: 10px; background: linear-gradient(90deg, #307000, #ff0000, #0000ff, #ff0000, #307000); background-size: 400% 400%; animation: animateBorder 5s linear infinite;} @keyframes animateBorder { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; }} .status-wrapper, .status-wrapper-mem { display: flex; align-items: center;} .status-wrapper { justify-content: space-between;} .status-wrapper-mem { justify-content: center;} .status-wrapper p { margin-right: 0.6rem !important;} .item-service { margin-right: 3rem;} .item-service:last-child { margin-right: 0;} .item-service h1 { font-size: 2.2rem; margin-top: 7px !important; text-transform: uppercase; font-weight: bold !important;} .google-wrapper { background: #fff; padding: 1.7rem; width: 18rem; height: 0.5rem; border-radius: 20px; position: relative;} .google-wrapper img { position: absolute; width: 2rem; top: 9px; left: 10px;} .item-service p { color: var(--y-color) !important;} .google-wrapper p { position: absolute; left: 3.4rem; top: 0.6rem; text-transform: uppercase; font-size: 1.50rem !important; font-weight: bold !important; color: #000 !important;} .btn-vpn { background: var(--y-color) !important; color: #000 !important; font-weight: bold;} .btn-vpn-m { font-size: 1.3rem; background: var(--y-color) !important; color: #000 !important; font-weight: bold; height: 44px !important; border-radius: 8px;} .snowflake { color: #fff; font-size: 1em; font-family: Arial, sans-serif; text-shadow: 0 0 5px #000;}</style><script>document.addEventListener('DOMContentLoaded', () => { const min = 10000; const max = 90000; const memberUser = Math.floor(Math.random() * (max - min + 1)) + min; $(' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">01</span> Menit</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div> </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">03</span> Menit</p></div> <div class="progress31 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Online</h1> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">'+ memberUser +'</span> Member</p></div> </div> <div class="item-service"><p style="text-align: center;">Cari Kami di:</p> <div class="google-wrapper"><img src="https://iili.io/JuAnxp9.png" /> <p>LUX78</p></div></div> </div>').insertBefore(".provider-group");});</script> <style> #snackbar { visibility: hidden; min-width: 250px; margin-left: -150px; background-color: #800000; color: white; text-align: center; border-radius: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-shadow: 1px 1px 5px rgb(0,0,0); position: fixed; z-index: 1; left: 50%; top: 30px; font-size: 14px; } #snackbar.show { visibility: visible; -webkit-animation: fadein 0.8s, fadeout 0.8s 4.5s; animation: fadein 0.8s, fadeout 0.8s 4.5s; } @-webkit-keyframes fadein { from {top: 0; opacity: 0;} to {top: 30px; opacity: 2;} } @keyframes fadein { from {top: 0; opacity: 0;} to {top: 30px; opacity: 2;} } @-webkit-keyframes fadeout { from {top: 30px; opacity: 2;} to {top: 0; opacity: 0;} } @keyframes fadeout { from {top: 30px; opacity: 2;} to {top: 0; opacity: 0;} }</style><div id="snackbar" class="show"><p id="withdraw"></p></div><script> function loadlink(){ var angka_acak = Math.floor(Math.random() * (10001-50)+50); function maketextnumber(n) { for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"], e = n, t = new Array, a = 0; a <= e - 1; a++) { t[a] = r[parseInt(Math.random() * r.length)]; t = t; randomtextnumber = t.join("") } } var huruf_acak = (maketextnumber(8), randomtextnumber); var huruf_belakang = huruf_acak.substring(6); var huruf_depan = huruf_acak.substring(0, 2); const rupiah = (number)=>{ return new Intl.NumberFormat("id-ID", { style: "currency", currency: "IDR" }).format(number); } var nominal = rupiah(angka_acak+"000"); var baris = huruf_depan+"****"+huruf_belakang+" Berhasil Withdraw "+nominal; var x = document.getElementById("snackbar"); x.className = "show"; setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000); // setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000); document.getElementById("withdraw").innerHTML = huruf_depan+"****"+huruf_belakang+" Berhasil Withdraw "+nominal; // document.getElementById("withdraw").style.backgroundColor ="Dark Green"; // document.getElementById("withdraw").width ="30%"; // document.getElementById("withdraw").height ="25px"; } loadlink(); setInterval(function(){ loadlink() }, 5000); </script> <div style="position:fixed;bottom:429px;left:10px;z-index:10;opacity:0.98"><a href="https://rtp-lux78.club/" target="_blank" rel="noopener"><img src="https://ampjayaprobet.xyz/images/rtp.gif" alt="LUX78 RTP" width="65" height="65"></a></div><div style="position:fixed;bottom:339px;left:10px;z-index:10;opacity:0.98"><a href="https://www.facebook.com/groups/1590667538504669" target="_blank" rel="noopener"><img src="https://ampjayaprobet.xyz/images/fb.gif" alt="LUX78 FACEBOOK" width="65" height="65"></a></div><div style="position:fixed;bottom:249px;left:10px;z-index:10;opacity:0.98"><a href="https://wa.me/6287790246319" target="_blank" rel="noopener"><img src="https://ampjayaprobet.xyz/images/wa.gif" alt="LUX78 Whatsapp" width="65" height="65"></a></div> <style> body { margin: 0; padding: 0; min-height: 100vh; position: relative; background-color: #f0f0f0; } .btn-aduan { position: absolute; bottom: 0; left: 20px; z-index: 1; margin-bottom: 10px; } .custom-footer { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; border-top: 1px solid #ccc; text-align: center; padding: 15px; z-index: 999; } </style></head><body> <button class="btn btn-aduan btn-outline-warning py-1 px-2" title="Aduan Pelanggan" onclick="window.open('https://ares88access.com/?token=N9F_XtCh4oEivSXoQNbEj3oBNqC8TXZehpJ0iCPB_hM.', '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> <!-- Footer --> <footer class="custom-footer"> © 2025 lux78 </footer> </body> <style>.snow-container { position: fixed; top: 0; left: 0; overflow: hidden; width: 100vw; height: 100vh; z-index: 99999; pointer-events: none;} .snowflake { position: absolute; background-color: white; border-radius: 50%; opacity: 0.8; pointer-events: none;} @keyframes fall { 0% { opacity: 0; transform: translateY(0); } 10% { opacity: 1; } 100% { opacity: 0.5; transform: translateY(100vh); }} @keyframes diagonal-fall { 0% { opacity: 0; transform: translate(0, 0); } 10% { opacity: 1; } 100% { opacity: 0.25; transform: translate(10vw, 100vh); }}</style> <div class="snow-container"><div class="snowflake" style="width: 4.00446px; height: 4.00446px; left: 334.915px; top: -4.00446px; animation-duration: 15.7438s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.52084px; height: 5.52084px; left: 1370.77px; top: -5.52084px; animation-duration: 11.6632s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.64129px; height: 3.64129px; left: 404.396px; top: -3.64129px; animation-duration: 15.516s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.14799px; height: 4.14799px; left: 1119.9px; top: -4.14799px; animation-duration: 16.3553s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.13284px; height: 5.13284px; left: 427.983px; top: -5.13284px; animation-duration: 14.2576s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.73401px; height: 2.73401px; left: 453.002px; top: -2.73401px; animation-duration: 8.76065s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.36988px; height: 1.36988px; left: 998.135px; top: -1.36988px; animation-duration: 9.76536s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.32274px; height: 5.32274px; left: 7.20945px; top: -5.32274px; animation-duration: 14.5304s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.88719px; height: 5.88719px; left: 222.888px; top: -5.88719px; animation-duration: 11.024s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.32615px; height: 2.32615px; left: 828.466px; top: -2.32615px; animation-duration: 14.2486s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.34796px; height: 1.34796px; left: 780.095px; top: -1.34796px; animation-duration: 10.6972s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.48167px; height: 1.48167px; left: 50.3223px; top: -1.48167px; animation-duration: 14.6153s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.30625px; height: 5.30625px; left: 1011.43px; top: -5.30625px; animation-duration: 14.8064s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.0401px; height: 5.0401px; left: 1810.56px; top: -5.0401px; animation-duration: 13.6193s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.66202px; height: 5.66202px; left: 503.477px; top: -5.66202px; animation-duration: 15.5218s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.04546px; height: 5.04546px; left: 1129.18px; top: -5.04546px; animation-duration: 8.53498s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.7669px; height: 5.7669px; left: 1262.4px; top: -5.7669px; animation-duration: 16.4917s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.87284px; height: 4.87284px; left: 550.593px; top: -4.87284px; animation-duration: 11.2685s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.82338px; height: 2.82338px; left: 399.258px; top: -2.82338px; animation-duration: 12.131s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.91957px; height: 2.91957px; left: 942.304px; top: -2.91957px; animation-duration: 9.79816s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.139px; height: 3.139px; left: 688.002px; top: -3.139px; animation-duration: 15.2832s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.29381px; height: 1.29381px; left: 318.976px; top: -1.29381px; animation-duration: 11.0115s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.84811px; height: 2.84811px; left: 375.363px; top: -2.84811px; animation-duration: 10.3931s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.28945px; height: 3.28945px; left: 1722.17px; top: -3.28945px; animation-duration: 11.3291s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.09746px; height: 1.09746px; left: 401.524px; top: -1.09746px; animation-duration: 10.1023s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.67123px; height: 1.67123px; left: 936.459px; top: -1.67123px; animation-duration: 7.72569s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.4856px; height: 2.4856px; left: 890.786px; top: -2.4856px; animation-duration: 14.0247s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.37183px; height: 1.37183px; left: 96.1486px; top: -1.37183px; animation-duration: 14.0184s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.26395px; height: 3.26395px; left: 697.758px; top: -3.26395px; animation-duration: 14.3735s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.14882px; height: 2.14882px; left: 180.761px; top: -2.14882px; animation-duration: 8.08951s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.91052px; height: 4.91052px; left: 853.206px; top: -4.91052px; animation-duration: 7.52102s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.89597px; height: 4.89597px; left: 233.321px; top: -4.89597px; animation-duration: 12.1882s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.17671px; height: 1.17671px; left: 962.826px; top: -1.17671px; animation-duration: 13.4729s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.37547px; height: 1.37547px; left: 1154.13px; top: -1.37547px; animation-duration: 15.4261s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.85495px; height: 3.85495px; left: 652.808px; top: -3.85495px; animation-duration: 10.119s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.4595px; height: 5.4595px; left: 897.345px; top: -5.4595px; animation-duration: 9.59361s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.79154px; height: 1.79154px; left: 878.586px; top: -1.79154px; animation-duration: 11.0731s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.16468px; height: 5.16468px; left: 1146.88px; top: -5.16468px; animation-duration: 7.63539s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.59826px; height: 2.59826px; left: 925.852px; top: -2.59826px; animation-duration: 7.73114s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.22699px; height: 3.22699px; left: 728.668px; top: -3.22699px; animation-duration: 14.626s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.9087px; height: 5.9087px; left: 431.091px; top: -5.9087px; animation-duration: 16.138s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.54177px; height: 4.54177px; left: 264.416px; top: -4.54177px; animation-duration: 10.6864s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.47539px; height: 5.47539px; left: 214.458px; top: -5.47539px; animation-duration: 9.10673s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.20775px; height: 2.20775px; left: 857.677px; top: -2.20775px; animation-duration: 7.49657s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.72644px; height: 5.72644px; left: 224.766px; top: -5.72644px; animation-duration: 15.9241s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.83402px; height: 3.83402px; left: 804.25px; top: -3.83402px; animation-duration: 14.099s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.47907px; height: 3.47907px; left: 376.003px; top: -3.47907px; animation-duration: 14.7927s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.88654px; height: 2.88654px; left: 346.514px; top: -2.88654px; animation-duration: 12.4834s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.8211px; height: 5.8211px; left: 150.858px; top: -5.8211px; animation-duration: 11.6728s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.72571px; height: 2.72571px; left: 191.838px; top: -2.72571px; animation-duration: 15.2757s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.80741px; height: 1.80741px; left: 351.761px; top: -1.80741px; animation-duration: 14.5347s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.96496px; height: 2.96496px; left: 911.732px; top: -2.96496px; animation-duration: 14.6158s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.98558px; height: 1.98558px; left: 799.876px; top: -1.98558px; animation-duration: 11.0664s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.84113px; height: 3.84113px; left: 1895.48px; top: -3.84113px; animation-duration: 12.5834s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.39728px; height: 3.39728px; left: 1673.74px; top: -3.39728px; animation-duration: 15.0172s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.89721px; height: 5.89721px; left: 1265.82px; top: -5.89721px; animation-duration: 13.2185s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.73467px; height: 3.73467px; left: 60.1312px; top: -3.73467px; animation-duration: 12.6195s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.65463px; height: 5.65463px; left: 1095.09px; top: -5.65463px; animation-duration: 14.2347s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.21533px; height: 4.21533px; left: 1264.3px; top: -4.21533px; animation-duration: 16.0218s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.94803px; height: 1.94803px; left: 771.127px; top: -1.94803px; animation-duration: 15.3389s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.40028px; height: 4.40028px; left: 272.299px; top: -4.40028px; animation-duration: 12.2738s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.61449px; height: 2.61449px; left: 918.003px; top: -2.61449px; animation-duration: 15.1332s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.90145px; height: 5.90145px; left: 902.46px; top: -5.90145px; animation-duration: 15.6638s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.67705px; height: 3.67705px; left: 8.79521px; top: -3.67705px; animation-duration: 10.3116s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.12032px; height: 4.12032px; left: 1173.27px; top: -4.12032px; animation-duration: 13.586s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.31885px; height: 2.31885px; left: 543.909px; top: -2.31885px; animation-duration: 9.39905s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.67337px; height: 4.67337px; left: 739.611px; top: -4.67337px; animation-duration: 15.9839s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.3598px; height: 4.3598px; left: 507.578px; top: -4.3598px; animation-duration: 16.5591s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.15633px; height: 1.15633px; left: 1036.21px; top: -1.15633px; animation-duration: 11.0672s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.61564px; height: 3.61564px; left: 826.119px; top: -3.61564px; animation-duration: 14.841s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.1253px; height: 1.1253px; left: 1604.4px; top: -1.1253px; animation-duration: 15.4028s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.93958px; height: 2.93958px; left: 249.387px; top: -2.93958px; animation-duration: 12.3554s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.99953px; height: 3.99953px; left: 343.113px; top: -3.99953px; animation-duration: 16.1929s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.4608px; height: 2.4608px; left: 862.898px; top: -2.4608px; animation-duration: 15.9812s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.77075px; height: 2.77075px; left: 190.567px; top: -2.77075px; animation-duration: 10.4064s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.52757px; height: 2.52757px; left: 232.402px; top: -2.52757px; animation-duration: 10.5231s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.41783px; height: 3.41783px; left: 1009.24px; top: -3.41783px; animation-duration: 10.743s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.51487px; height: 4.51487px; left: 1077.45px; top: -4.51487px; animation-duration: 13.608s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.42604px; height: 4.42604px; left: 958.105px; top: -4.42604px; animation-duration: 13.7068s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.4988px; height: 4.4988px; left: 1405.79px; top: -4.4988px; animation-duration: 12.4257s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.05291px; height: 2.05291px; left: 1036.7px; top: -2.05291px; animation-duration: 13.5618s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.31608px; height: 2.31608px; left: 805.102px; top: -2.31608px; animation-duration: 16.5541s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.25884px; height: 3.25884px; left: 575.024px; top: -3.25884px; animation-duration: 7.51693s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.82058px; height: 4.82058px; left: 1814.36px; top: -4.82058px; animation-duration: 15.2706s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.84526px; height: 2.84526px; left: 266.984px; top: -2.84526px; animation-duration: 9.77367s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.98783px; height: 2.98783px; left: 283.313px; top: -2.98783px; animation-duration: 14.7541s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.88947px; height: 4.88947px; left: 872.218px; top: -4.88947px; animation-duration: 14.8486s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.62932px; height: 4.62932px; left: 386.106px; top: -4.62932px; animation-duration: 7.14342s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.92354px; height: 1.92354px; left: 505.3px; top: -1.92354px; animation-duration: 13.2643s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.39002px; height: 3.39002px; left: 70.5123px; top: -3.39002px; animation-duration: 16.0418s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.16761px; height: 2.16761px; left: 701.516px; top: -2.16761px; animation-duration: 15.5248s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.60527px; height: 3.60527px; left: 1070.09px; top: -3.60527px; animation-duration: 9.13716s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.18768px; height: 5.18768px; left: 998.253px; top: -5.18768px; animation-duration: 8.12881s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.77821px; height: 3.77821px; left: 380.211px; top: -3.77821px; animation-duration: 6.95728s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.70201px; height: 5.70201px; left: 608.99px; top: -5.70201px; animation-duration: 15.3153s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.93369px; height: 1.93369px; left: 1020.63px; top: -1.93369px; animation-duration: 10.8347s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.64573px; height: 4.64573px; left: 234.301px; top: -4.64573px; animation-duration: 14.3382s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.12269px; height: 1.12269px; left: 721.539px; top: -1.12269px; animation-duration: 15.343s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.63606px; height: 5.63606px; left: 386.849px; top: -5.63606px; animation-duration: 15.8541s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.84777px; height: 4.84777px; left: 1837.88px; top: -4.84777px; animation-duration: 13.3658s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.2461px; height: 2.2461px; left: 1410.93px; top: -2.2461px; animation-duration: 15.6372s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.82688px; height: 5.82688px; left: 1039.62px; top: -5.82688px; animation-duration: 7.02588s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.58823px; height: 4.58823px; left: 1629.63px; top: -4.58823px; animation-duration: 14.6446s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.37731px; height: 2.37731px; left: 1768.59px; top: -2.37731px; animation-duration: 12.0646s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.80487px; height: 5.80487px; left: 949.691px; top: -5.80487px; animation-duration: 11.9946s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.50514px; height: 3.50514px; left: 855.82px; top: -3.50514px; animation-duration: 15.4419s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.65191px; height: 4.65191px; left: 349.838px; top: -4.65191px; animation-duration: 15.5692s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.76308px; height: 5.76308px; left: 819.103px; top: -5.76308px; animation-duration: 15.1843s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.52133px; height: 4.52133px; left: 784.971px; top: -4.52133px; animation-duration: 13.7626s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.44203px; height: 3.44203px; left: 349.449px; top: -3.44203px; animation-duration: 11.6755s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.33106px; height: 4.33106px; left: 1563.41px; top: -4.33106px; animation-duration: 13.2073s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.32944px; height: 1.32944px; left: 1315.4px; top: -1.32944px; animation-duration: 14.9408s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.31924px; height: 4.31924px; left: 718.909px; top: -4.31924px; animation-duration: 12.5765s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.62633px; height: 3.62633px; left: 294.645px; top: -3.62633px; animation-duration: 14.8736s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.04248px; height: 3.04248px; left: 1216.86px; top: -3.04248px; animation-duration: 16.2003s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.31299px; height: 2.31299px; left: 837.475px; top: -2.31299px; animation-duration: 6.90756s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.23341px; height: 3.23341px; left: 979.374px; top: -3.23341px; animation-duration: 11.0897s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.21377px; height: 1.21377px; left: 291.34px; top: -1.21377px; animation-duration: 15.3333s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.29975px; height: 5.29975px; left: 283.566px; top: -5.29975px; animation-duration: 13.8754s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.79315px; height: 1.79315px; left: 548.41px; top: -1.79315px; animation-duration: 14.8011s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.19865px; height: 1.19865px; left: 834.138px; top: -1.19865px; animation-duration: 8.31899s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.83334px; height: 3.83334px; left: 1571.89px; top: -3.83334px; animation-duration: 14.8846s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.50763px; height: 5.50763px; left: 1787.17px; top: -5.50763px; animation-duration: 12.9809s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.0898px; height: 3.0898px; left: 1120.93px; top: -3.0898px; animation-duration: 16.5102s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.62235px; height: 4.62235px; left: 1013.47px; top: -4.62235px; animation-duration: 7.53684s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.71416px; height: 4.71416px; left: 1433.9px; top: -4.71416px; animation-duration: 12.7492s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.08798px; height: 5.08798px; left: 368.954px; top: -5.08798px; animation-duration: 12.8904s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.96811px; height: 3.96811px; left: 375.224px; top: -3.96811px; animation-duration: 14.4204s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.07231px; height: 2.07231px; left: 311.121px; top: -2.07231px; animation-duration: 11.0836s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.17522px; height: 3.17522px; left: 1862.16px; top: -3.17522px; animation-duration: 15.9223s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.65219px; height: 3.65219px; left: 1198.39px; top: -3.65219px; animation-duration: 15.9659s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.62281px; height: 4.62281px; left: 953.5px; top: -4.62281px; animation-duration: 14.6671s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.88654px; height: 4.88654px; left: 60.3201px; top: -4.88654px; animation-duration: 14.0694s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.20342px; height: 4.20342px; left: 108.495px; top: -4.20342px; animation-duration: 11.7449s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.90965px; height: 3.90965px; left: 1779.35px; top: -3.90965px; animation-duration: 14.2369s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.43739px; height: 5.43739px; left: 232.57px; top: -5.43739px; animation-duration: 14.3695s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.69755px; height: 5.69755px; left: 1156.37px; top: -5.69755px; animation-duration: 9.53208s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.11521px; height: 4.11521px; left: 1253.22px; top: -4.11521px; animation-duration: 15.6855s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.66698px; height: 3.66698px; left: 1615.97px; top: -3.66698px; animation-duration: 13.1446s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.64293px; height: 5.64293px; left: 522.127px; top: -5.64293px; animation-duration: 9.03034s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.20347px; height: 3.20347px; left: 566.84px; top: -3.20347px; animation-duration: 8.90228s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.44619px; height: 4.44619px; left: 974.844px; top: -4.44619px; animation-duration: 10.5136s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.46968px; height: 1.46968px; left: 1144.89px; top: -1.46968px; animation-duration: 15.8567s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.70135px; height: 5.70135px; left: 1649.66px; top: -5.70135px; animation-duration: 12.9504s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.16954px; height: 2.16954px; left: 627.407px; top: -2.16954px; animation-duration: 16.1398s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.77045px; height: 2.77045px; left: 1745.27px; top: -2.77045px; animation-duration: 13.0854s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.24124px; height: 3.24124px; left: 900.959px; top: -3.24124px; animation-duration: 7.72992s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.39467px; height: 3.39467px; left: 58.8394px; top: -3.39467px; animation-duration: 12.5668s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.7337px; height: 2.7337px; left: 145.318px; top: -2.7337px; animation-duration: 15.1488s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.47154px; height: 5.47154px; left: 558.748px; top: -5.47154px; animation-duration: 10.5129s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.66785px; height: 5.66785px; left: 844.643px; top: -5.66785px; animation-duration: 15.6141s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.4238px; height: 5.4238px; left: 975.419px; top: -5.4238px; animation-duration: 14.4444s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.11473px; height: 3.11473px; left: 281.263px; top: -3.11473px; animation-duration: 9.47274s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.08715px; height: 5.08715px; left: 560.164px; top: -5.08715px; animation-duration: 14.065s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.0986px; height: 3.0986px; left: 1358.63px; top: -3.0986px; animation-duration: 14.3045s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.8902px; height: 4.8902px; left: 810.435px; top: -4.8902px; animation-duration: 8.95466s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.16133px; height: 2.16133px; left: 197.97px; top: -2.16133px; animation-duration: 10.7306s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.51979px; height: 4.51979px; left: 1862.3px; top: -4.51979px; animation-duration: 15.0656s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.8459px; height: 1.8459px; left: 329.842px; top: -1.8459px; animation-duration: 13.9858s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.46625px; height: 1.46625px; left: 1550.95px; top: -1.46625px; animation-duration: 10.166s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.13223px; height: 4.13223px; left: 930.159px; top: -4.13223px; animation-duration: 16.6639s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.316px; height: 5.316px; left: 1722.87px; top: -5.316px; animation-duration: 14.5806s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.98375px; height: 3.98375px; left: 1586.86px; top: -3.98375px; animation-duration: 9.49133s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.08208px; height: 5.08208px; left: 1221.09px; top: -5.08208px; animation-duration: 9.31607s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.67446px; height: 3.67446px; left: 1734.31px; top: -3.67446px; animation-duration: 15.5512s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.25214px; height: 1.25214px; left: 1899.37px; top: -1.25214px; animation-duration: 10.86s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.14593px; height: 5.14593px; left: 903.464px; top: -5.14593px; animation-duration: 16.4758s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.21569px; height: 4.21569px; left: 346.63px; top: -4.21569px; animation-duration: 13.3444s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.39882px; height: 3.39882px; left: 595.242px; top: -3.39882px; animation-duration: 16.2615s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.10965px; height: 4.10965px; left: 1710.67px; top: -4.10965px; animation-duration: 13.5511s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.74845px; height: 3.74845px; left: 902.987px; top: -3.74845px; animation-duration: 8.1316s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.745px; height: 3.745px; left: 686.025px; top: -3.745px; animation-duration: 9.12419s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.2026px; height: 1.2026px; left: 127.721px; top: -1.2026px; animation-duration: 10.6297s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.72652px; height: 5.72652px; left: 182.782px; top: -5.72652px; animation-duration: 10.3107s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.88235px; height: 4.88235px; left: 862.144px; top: -4.88235px; animation-duration: 7.66032s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.07588px; height: 5.07588px; left: 924.772px; top: -5.07588px; animation-duration: 11.7202s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.30417px; height: 2.30417px; left: 295.577px; top: -2.30417px; animation-duration: 9.16259s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.74627px; height: 5.74627px; left: 460.203px; top: -5.74627px; animation-duration: 7.1987s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.68216px; height: 1.68216px; left: 771.004px; top: -1.68216px; animation-duration: 11.2315s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.12022px; height: 4.12022px; left: 515.122px; top: -4.12022px; animation-duration: 15.483s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.75494px; height: 3.75494px; left: 156.341px; top: -3.75494px; animation-duration: 8.97509s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 5.85455px; height: 5.85455px; left: 989.232px; top: -5.85455px; animation-duration: 12.643s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.68366px; height: 3.68366px; left: 1134.63px; top: -3.68366px; animation-duration: 8.93248s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.34368px; height: 4.34368px; left: 205.819px; top: -4.34368px; animation-duration: 9.31191s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.35486px; height: 1.35486px; left: 400.017px; top: -1.35486px; animation-duration: 9.67813s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 1.87458px; height: 1.87458px; left: 923.016px; top: -1.87458px; animation-duration: 6.99507s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.1142px; height: 1.1142px; left: 99.9661px; top: -1.1142px; animation-duration: 12.7298s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.18028px; height: 3.18028px; left: 474.737px; top: -3.18028px; animation-duration: 11.3173s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.82473px; height: 4.82473px; left: 358.139px; top: -4.82473px; animation-duration: 11.6016s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 4.09636px; height: 4.09636px; left: 509.565px; top: -4.09636px; animation-duration: 9.57476s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.7145px; height: 4.7145px; left: 1016.35px; top: -4.7145px; animation-duration: 14.0461s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 2.1829px; height: 2.1829px; left: 703.015px; top: -2.1829px; animation-duration: 12.1646s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.37951px; height: 3.37951px; left: 327.966px; top: -3.37951px; animation-duration: 11.4253s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 3.45982px; height: 3.45982px; left: 463.481px; top: -3.45982px; animation-duration: 10.9982s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.56515px; height: 3.56515px; left: 682.203px; top: -3.56515px; animation-duration: 11.681s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 4.76832px; height: 4.76832px; left: 88.647px; top: -4.76832px; animation-duration: 9.9396s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 2.04292px; height: 2.04292px; left: 312.007px; top: -2.04292px; animation-duration: 9.07856s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 3.85035px; height: 3.85035px; left: 286.153px; top: -3.85035px; animation-duration: 11.7323s; animation-timing-function: linear; animation-name: fall;"></div><div class="snowflake" style="width: 1.95183px; height: 1.95183px; left: 352.446px; top: -1.95183px; animation-duration: 9.9307s; animation-timing-function: linear; animation-name: diagonal-fall;"></div><div class="snowflake" style="width: 5.64113px; height: 5.64113px; left: 575.606px; top: -5.64113px; animation-duration: 15.9863s; animation-timing-function: linear; animation-name: diagonal-fall;"></div></div> <script>document.addEventListener("DOMContentLoaded", function () { const snowContainer = document.querySelector(".snow-container"); const particlesPerThousandPixels = 0.1; const fallSpeed = 0.3; const pauseWhenNotActive = true; const maxSnowflakes = 200; const snowflakes = []; let snowflakeInterval; let isTabActive = true; function resetSnowflake(snowflake) { const size = Math.random() * 5 + 1; const viewportWidth = window.innerWidth - size; // Adjust for snowflake size const viewportHeight = window.innerHeight; snowflake.style.width = `${size}px`; snowflake.style.height = `${size}px`; snowflake.style.left = `${Math.random() * viewportWidth}px`; // Constrain within viewport width snowflake.style.top = `-${size}px`; const animationDuration = (Math.random() * </div> <div class="footer-group"> <div class="copyright"> <div style="white-space: nowrap">© 2015 - 2025 Copyright LUX78.</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=lyj8qsmKLP_VptI3qVbg1wW7fdR8Ox9o2bC-VS_SvAY.','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> </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 = 18497628; window.__lc.integration_name = "manual_channels"; window.__lc.product_name = "livechat"; ;(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/18497628/" 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> 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=1743228230"></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>
