<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>MIYA4D: Platform Game Online Slot Ternama Di Asia Paling Terpercaya</title> <meta name="description" content="MIYA4D adalah salah satu platform game online yang semakin populer di Asia, khususnya dalam kategori permainan slot. Dengan berbagai fitur menarik dan pengalaman bermain yang menyenangkan, MIYA4D telah berhasil menarik perhatian banyak pemain." /><meta name="keywords" content="miya4d, mia4d, miya4d login, miya4d slot, miya4d daftar, miya4d link, miya4d arternatif," /><link rel="canonical" href="https://virtualescapeglobal.com/"/><meta property="og:locale" content="id_ID" /><meta property="og:type" content="website" /><meta property="og:title" content="MIYA4D: Platform Game Online Slot Ternama Di Asia Paling Terpercaya" /><meta property="og:description" content="MIYA4D adalah salah satu platform game online yang semakin populer di Asia, khususnya dalam kategori permainan slot. Dengan berbagai fitur menarik dan pengalaman bermain yang menyenangkan, MIYA4D telah berhasil menarik perhatian banyak pemain." /><meta property="og:url" content="https://virtualescapeglobal.com/"/><meta property="og:site_name" content="MIYA4D" /><meta name="language" content="id-ID" /><meta name="geo.region" content="ID" /><meta name="geo.placename" content="Indonesia" /><link rel="amphtml" href="https://ampxn--h238hmiya4d.site/"/><meta name="google-site-verification" content="6c5LNDFcRZUVE0-P1lHGOL56GkYPEerGq0GaEshfjDk" /><meta name="google-site-verification" content="7ChcKlFHpFvJqmAJabQhsBzmYhEziQ5oe2as7gwHk8M" /><meta name="google-site-verification" content="mSX3b8AAwTxggEm5TpVSjrYWNxZWlh70PAe_nGlK1zw" /><meta name="google-site-verification" content="7bdQVC6r7HIWiq-WOUF1p2go4VJ_CO-VYv-TpBefhA8" /><meta name="google-site-verification" content="98O5swYGA_1vJNaaQT7Qg3ifGfUK7U9p6rDwmRnwtoY" /><link rel="icon" type="image/png" href="https://asd.domainganti.online/images/logoweb.png"> <meta name="viewport" content="width=1200, initial-scale=0.33"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css"> <link rel="stylesheet" href="/style.scss" > <!--<link rel="stylesheet" href="/css/old/template/BD.css">--> <link rel="stylesheet" href="/css/old/template/BD.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=nxt" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure> <figcaption>NEXTSPIN</figcaption> </a> <a href="/?content=slot&provider=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=wow" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure> <figcaption>WOW GAMING</figcaption> </a> <a href="/?content=slot&provider=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="MICROGAMING"></figure> <figcaption>MICROGAMING</figcaption> </a> <a href="/?content=casino&provider=ptlc" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure> <figcaption>PLAYTECH LIVE</figcaption> </a> <a href="/?content=casino&provider=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=sv" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure> <figcaption>SV388</figcaption> </a> <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=pp" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure> <figcaption>PRAGMATIC PLAY</figcaption> </a> --> <a href="/?content=interactive&provider=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=wow" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure> <figcaption>WOW GAMING</figcaption> </a> <a href="/?content=interactive&provider=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> <div class="navbar-item"> <div class="navbar-item-content speed-dial-btn"> <img src="https://img.viva88athenae.com//chat.png"/> <label>CHAT</label> </div> <a href="https://miya4dalt.link/" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -60px; height: 48px; width: 48px"> <img src="https://img.viva88athenae.com//skype.png" style="width: 100%; height: 100%"/> </a> <a href="https://www.facebook.com/groups/464725213271792" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -120px; height: 48px; width: 48px"> <img src="https://img.viva88athenae.com//facebook.png" style="width: 100%; height: 100%"/> </a> <a href="https://t.me/groupmiya4d" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -180px; height: 48px; width: 48px"> <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/> </a> <a href="https://www.facebook.com/groups/464725213271792" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -240px; height: 48px; width: 48px"> <img src="https://img.viva88athenae.com//facebook.png" style="width: 100%; height: 100%"/> </a> <a href="https://wa.me/6287717058948" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -300px; height: 48px; width: 48px"> <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/> </a> </div> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="https://direct.lc.chat/19135848/" 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="OO70XqbTLleAoCMegvX4nRMtBDzuk0rPz8RzPk5yzno="> </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?9034" width="100%" height="44" style="border-radius: 5px;"></span> <div class="input-group login-field mt-1"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi"> </div> </div> <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> <label style="font-size:12px;display:flex;align-items:center;margin-top:4px;margin-bottom:8px;cursor:pointer;"> <input type="checkbox" id="rememberMe" name="remember" style="margin-right:6px;width:16px;height:16px;cursor:pointer;"> Remember Me </label> <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button> <input type="hidden" name="task" value="login"> <input type="hidden" name="loginmobile" value="OO70XqbTLleAoCMegvX4nRMtBDzuk0rPz8RzPk5yzno="> </form> </div> <style> .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } .error-border { border-color: red !important; } .valid-border { border-color: green !important; } </style> <div id="mobile-daftar-form" style="width: 100%; display: none"> <div id="mobileregister"> <form id="formRegister" class="login-form p-0 pt-4"> <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div> <div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi"> </div> <div class="error-msg" id="err_username"></div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> </div> <div class="error-msg" id="err_password"></div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi"> </div> <div class="error-msg" id="err_passcon"></div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email"> </div> <div class="error-msg" id="err_email"></div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> </div> <div class="error-msg" id="err_telpon"></div> <div class="input-group login-field"> <select class="form-select login-input-field" name="bank" id="reg_bank"> <option value="">Pilih Bank</option> <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='Jenius'>Jenius</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><option value='Lain-lain'>Lain-lain</option> </select> </div> <div class="error-msg" id="err_bank"></div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend" style=""><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening"> </div> <div class="error-msg" id="err_rek"></div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening"> </div> <div class="error-msg" id="err_nama"></div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" > </div> <div class="error-msg" id="err_ref"></div> <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun"> <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> --> <div class="w-100 my-1"> <div id="capverifikasi"> <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px"> </div> <div class="input-group login-field mt-1"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off"> </div> <div class="error-msg" id="err_verifikasi"></div> </div> <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button> <input type="hidden" name="task" value="register"> <input type="hidden" name="regmobile" value="w2rJzOW7YqogcZlZem3js4m5qFMv8jgz6FBdRYWh8ZI="> <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> </form> </div> <script> (function(){ function root(){ return document.getElementById('mobileregister'); } function q(id){ return root()?.querySelector('#'+id) || null; } function qe(sel){ return root()?.querySelector(sel) || null; } function showError(field,msg){ const err = qe('#err_'+field); const inp = q('reg_'+field); if (err){ err.textContent = msg; err.style.display = 'block'; } if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } } function clearError(field){ const err = qe('#err_'+field); const inp = q('reg_'+field); if (err) err.style.display = 'none'; if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } } function vUsername(){ const v = (q('reg_username')?.value || '').trim(); if (!v) return showError('username','Username tidak boleh kosong'), false; if (v.length < 6) return showError('username','Username minimal 6 karakter'), false; if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false; if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; clearError('username'); return true; } function vPass(){ const v = q('reg_pass')?.value || ''; if (!v) return showError('password','Password tidak boleh kosong'), false; if (v.length < 6) return showError('password','Password minimal 6 karakter'), false; clearError('password'); return true; } function vPasscon(){ const p1 = q('reg_pass')?.value || ''; const p2 = q('reg_passcon')?.value || ''; if (!p2) return showError('passcon','Konfirmasi password kosong'), false; if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false; clearError('passcon'); return true; } function vEmail(){ const v = (q('reg_email')?.value || '').trim(); if (!v) return showError('email','Email tidak boleh kosong'), false; if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; clearError('email'); return true; } function vTelp(){ const el = q('reg_telpon'); if (!el) return true; el.value = (el.value || '').replace(/\D/g,''); if (!el.value) return showError('telpon','Telpon kosong'), false; if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false; clearError('telpon'); return true; } function vBank(){ if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; clearError('bank'); return true; } function vRek(){ const el = q('reg_rek'); if (!el) return true; el.value = (el.value || '').replace(/\D/g,''); if (!el.value) return showError('rek','Rekening kosong'), false; if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false; clearError('rek'); return true; } function vNama(){ const v = (q('reg_nama')?.value || '').trim(); if (!v) return showError('nama','Nama kosong'), false; if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false; if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; clearError('nama'); return true; } function vRefOpt(){ const el = q('reg_ref'); if (!el) return true; const v = (el.value || '').trim(); if (!v) return clearError('ref'), true; if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false; if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false; clearError('ref'); return true; } function vVerifOpt(){ const el = q('reg_verifikasi'); if (!el) return true; const v = (el.value || '').trim(); if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; clearError('verifikasi'); return true; } function validateAll(){ const ok = vUsername() & vPass() & vPasscon() & vEmail() & vTelp() & vBank() & vRek() & vNama() & vRefOpt() & vVerifOpt(); return !!ok; } function attach(id, validator, opts){ const el = q(id); if (!el) return; const run = () => validator(); el.addEventListener('focus', run); if (!opts || opts.input !== false) el.addEventListener('input', run); el.addEventListener('blur', run); if (opts && opts.change) el.addEventListener('change', run); } document.addEventListener('DOMContentLoaded', function(){ attach('reg_username', vUsername); attach('reg_pass', vPass); attach('reg_passcon', vPasscon); attach('reg_email', vEmail); attach('reg_telpon', vTelp); attach('reg_bank', vBank, { input:false, change:true }); attach('reg_rek', vRek); attach('reg_nama', vNama); attach('reg_ref', vRefOpt); attach('reg_verifikasi', vVerifOpt); const f = q('formRegister'); if (f) { f.addEventListener('submit', function(e){ if (!validateAll()) { e.preventDefault(); const firstErr = root()?.querySelector('.error-border') || q('reg_username'); if (firstErr && firstErr.focus) firstErr.focus(); } }); } }); })(); </script> </div> </div> <div class="menu"> <div class="menu-item desktop-only"> <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label></div><span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=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"> <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-20250911004759.jpg" class="d-block w-100 banner" alt="welcome" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20250911133517.jpg" class="d-block w-100 banner" alt="welcome" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20250911014500.jpg" class="d-block w-100 banner" alt="DEPOSIT QRIS" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20250911101036.jpg" class="d-block w-100 banner" alt="new member" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> </div></div> </div> <div class="mobile-only"><div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;"> <img src="https://img.viva88athenae.com/pop/mobile-fgs.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"></div></div> </div> </div> <!-- Togel --> <div class="provider"> <div class="provider-group"> <img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px"> <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt=""> <img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only"> </div> </div> <div class="transaksi"> <div> <div class="transaksi-kontak"> <div class="d-flex flex-column w-100"> <div class="transaksi-title"> <div class="transaksi-title-group"> <div class="fitur-header">Transaksi</div> <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div> </div> <div class="devider desktop-only" style="width: 320px"></div> </div> <div class="transaksi-content"> <!-- Bank --> <style> .transaksi-group { display: grid; grid-template-columns: 380px 1fr; justify-content: space-between; grid-template-areas: "transaksi-bank transaksi-other transaksi-crypto"; } .transaksi-bank { grid-area: transaksi-bank; display: grid; place-items: center } .transaksi-other { grid-area: transaksi-other; display: flex; justify-content: space-evenly; width: 100%; } .transaksi-crypto { grid-area: transaksi-crypto; display: flex; justify-content: space-evenly; width: 100%; } .icon-crypto { width: 24px; height: 24px; } .transaksi-list-bank { height: fit-content; display: grid; grid-template-columns: repeat(4, 92px); grid-template-rows: repeat(4, auto); gap: 4px; } .transaksi-list-other { height: fit-content; display: grid; grid-template-columns: repeat(3, 92px); gap: 4px; } .transaksi-list-crypto { height: fit-content; display: grid; grid-template-columns: repeat(2, 80px); gap: 10px 8px; } .transaksi-item { display: flex; flex-direction: column; /* transform: perspective(10px) rotateX(3deg); */ } .transaksi-header { height: 30px; border-radius: 5px; display: grid; place-items: center; font-weight: bold; border: 2px solid rgba(108,108,108,1); background: rgba(54,54,54,1); color: white; } .transaksi-status { margin-left: 3px; margin-right: 3px; height: 3px; border-radius: 0px 0px 4px 4px; background: rgb(54,54,54); background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%); } .header-green { background: rgba(44,121,6,1); border-color: rgba(168,255,0,1); } .header-blue { background: rgba(0,80,89,1); border-color: rgba(0,255,204,1); } .status-green { background: rgb(44,121,6); background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%); } .status-blue { background: rgb(0,80,89); background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%); } .transaksi-name { font-size: 1.1rem; font-weight: bold; line-height: 1.5rem } .transaksi-wrapper { display: flex; flex-direction: column; gap: .5rem; } @media only screen and (max-width: 768px) { .transaksi-group { display: grid; grid-template-columns: 1fr; grid-template-areas: "transaksi-bank" "transaksi-other" "transaksi-crypto"; gap: 32px; margin-bottom: 8px; } .transaksi-header { font-size: 1.1rem; height: 36px; } .transaksi-list-bank { grid-template-columns: repeat(4, 1fr); } .transaksi-list-other { grid-template-columns: repeat(4, 1fr); } .transaksi-list-crypto { width: 86%; margin: auto; grid-template-columns: repeat(4, 1fr); } .transaksi-list { display: grid; grid-template-columns: repeat(3, 1fr); } .transaksi-item { width: 100%; } .transaksi-title-group { justify-content: center; padding: 16px 0; } .transaksi-name { font-size: 1.3rem; text-align: center; line-height: 1.8rem; } .transaksi-wrapper { width: 100%; max-width: 100%!important; gap: 1rem; } .icon-crypto { width: 28px; height: 28px; } }</style> <div class="transaksi-group"> <div class="transaksi-bank"> <div class="transaksi-wrapper"> <div class="transaksi-name">Bank Lokal</div> <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> </div> <div class="carousel-inner" > <div class="carousel-item active" style="min-height: 144px"> <div class="transaksi-list-bank"> <div class="transaksi-item"> <div class="transaksi-header">BCA</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Mandiri</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BNI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BRI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">CIMB</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Danamon</div> <div class="transaksi-status 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">PANIN</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">OCBC</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">SUMUT</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">NEO</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">JAGO</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">Jenius</div> <div class="transaksi-status status-blue"></div> </div> <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 class="transaksi-item"> <div class="transaksi-header">Lain-lain</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">QRIS</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">AntarBank</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Telkomsel</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Axiata</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Indosat</div> <div class="transaksi-status status-blue"></div> </div> </div> </div> </div> </div> </div> <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div> </div> <div class="transaksi-crypto"> <div class="transaksi-wrapper" style="max-width: 284px"> <div class="transaksi-name mb-1">Crypto Currency</div> <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> </div> <div class="carousel-inner" > </div> </div> </div> </div></div> </div> </div> <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> <!-- <div class="transaksi-title">--> <!-- <div class="transaksi-title-group">--> <!-- <div class="fitur-header">Kontak Kami</div>--> <!-- </div>--> <!-- <div class="devider desktop-only"></div>--> <!-- </div>--> <!-- <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> <button type="button" data-bs-target="#kontak-kami-indicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#kontak-kami-indicators" data-bs-slide-to="1" aria-label="Slide 2"></button> </div> <div class="carousel-inner" style="height: 164px"> <div class="carousel-item active"> <div> <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/> <a class="d-flex flex-column" href="https://wa.me/6287717058948" target='_blank'> <div style="color: #888888;">WHATSAPP</div> <div style="line-height: .9rem; color: var(--primary-text-color)">6287717058948</div> </a> </div> <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/> <a class="d-flex flex-column" href="https://www.facebook.com/groups/464725213271792" target='_blank'> <div style="color: #888888;">FACEBOOK</div> <div style="line-height: .9rem; color: var(--primary-text-color)">HIBURAN MIYA4D</div> </a> </div> <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/> <a class="d-flex flex-column" href="https://t.me/groupmiya4d" target='_blank'> <div style="color: #888888;">TELEGRAM</div> <div style="line-height: .9rem; color: var(--primary-text-color)">FREE BET & BUKTI PEMBAYARAN MIYA4D</div> </a> </div> <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/> <a class="d-flex flex-column" href="https://www.facebook.com/groups/464725213271792" target='_blank'> <div style="color: #888888;">FACEBOOK</div> <div style="line-height: .9rem; color: var(--primary-text-color)">GROUP FACEBOOK MIYA4D 2</div> </a> </div> </div> </div> <div class="carousel-item "> <div> <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> <img src="https://img.viva88athenae.com/kontak/skype.png" width="20"/> <a class="d-flex flex-column" href="https://miya4dalt.link/" target='_blank'> <div style="color: #888888;">SKYPE</div> <div style="line-height: .9rem; color: var(--primary-text-color)">BUKTI JP </div> </a> </div> </div> </div> </div></div>--> <!--</div>--> </div> </div> </div> <div class="guidelines"> <div class="guidelines-content desktop-only"> <img src="https://img.viva88athenae.com/guidelines.png" /> </div> </div> <div class="bantuan"> <ul class="bantuan-content"> <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> </ul> </div> <footer class="footer"> <div> <center><h1>MIYA4D: Platform Game Online Slot Ternama Di Asia Paling Terpercaya</h1> </center></p><strong><a href="https://toothsomedocs.com" target="_blank" rel="noreferrer noopener">MIYA4D</a></strong> adalah salah satu platform game online yang semakin populer di Asia, khususnya dalam kategori permainan slot. Dengan berbagai fitur menarik dan pengalaman bermain yang menyenangkan, MIYA4D telah berhasil menarik perhatian banyak pemain. Platform ini menawarkan berbagai jenis permainan slot yang tidak hanya menghibur, tetapi juga memberikan peluang besar untuk meraih kemenangan. Dalam artikel ini, kita akan membahas lebih dalam mengenai MIYA4D, termasuk cara mendaftar, login, dan berbagai alternatif yang tersedia.<p/><br><center><h2> MIYA4D Merupakan Tempat teraman & Populer</h2> </center></p><strong><a href="https://toothsomedocs.com" target="_blank" rel="noreferrer noopener">MIYA4D</a></strong>dikenal sebagai platform yang sangat terpercaya. Keamanan dan kenyamanan pemain adalah prioritas utama mereka. Dengan sistem enkripsi yang canggih, MIYA4D memastikan bahwa semua data pribadi dan transaksi keuangan pemain terlindungi dengan baik. Selain itu, platform ini juga memiliki lisensi resmi yang menjamin bahwa semua permainan yang ditawarkan adalah adil dan transparan. Pemain dapat merasa tenang saat bermain, karena MIYA4D berkomitmen untuk memberikan pengalaman bermain yang aman dan menyenangkan.<p/> </p><strong><a href="https://toothsomedocs.com" target="_blank" rel="noreferrer noopener">MIYA4D</a></strong> Untuk memulai petualangan Anda di MIYA4D, langkah pertama yang perlu dilakukan adalah melakukan pendaftaran atau miya4d daftar. Proses pendaftaran sangat mudah dan cepat. Anda hanya perlu mengisi formulir pendaftaran dengan informasi yang diperlukan, seperti nama, alamat email, dan nomor telepon. Setelah mendaftar, Anda akan menerima konfirmasi melalui email yang berisi informasi untuk miya4d login. Dengan akun yang sudah aktif, Anda dapat langsung mengakses berbagai permainan yang ditawarkan.<p/> <center><h3> MIYA4D Memiliki Metode Transaksi Terlengkap dan Proses Cepat</h3> </center></p><strong><a href="https://toothsomedocs.com" target="_blank" rel="noreferrer noopener">MIYA4D</a></strong>Setelah berhasil melakukan miya4d login, Anda akan disambut dengan antarmuka yang ramah pengguna dan mudah dinavigasi. MIYA4D menawarkan berbagai pilihan permainan slot dari penyedia terkemuka, sehingga Anda dapat menemukan permainan yang sesuai dengan selera Anda. Selain itu, platform ini juga sering mengadakan promosi dan bonus menarik yang dapat meningkatkan peluang Anda untuk menang. Jangan lupa untuk memeriksa miya4d link resmi untuk mendapatkan informasi terbaru mengenai promosi dan permainan baru...<p/> <script>$("<a class='btn' style='color:White; background: radial-gradient(#001620, #da02f5); font-size: 15px; width: 100%; height: 50px; display: grid; border-radius: 20px; place-items: center' href='https://asd.domainganti.online/m/downloads/download.apk' target='_blank'>APK MIYA4D</a>").insertAfter(".btn-info:eq(0)")</script> <script> document.addEventListener("DOMContentLoaded", function () { const configMobile = { app: { icon: "https://takenupload.com/68c24833e881e", judul: "APLIKASI MIYA4D", subJudul: "Kini telah tersedia Aplikasi Android", linkApk: "//virtualescapeglobal.com/m/downloads/download.apk", }, }; if (window.innerWidth <= 768) { const loginFormDownload = [ ...document.querySelectorAll(".login-form"), ].find(function (form) { return form.querySelector("a[href*='download.apk']"); }); if (loginFormDownload) { // Hapus tombol download.apk const oldDownloadBtn = loginFormDownload.querySelector( "a[href*='download.apk']" ); if (oldDownloadBtn) oldDownloadBtn.remove(); const buttonContact = document.createElement("div"); buttonContact.className = "buttoncontact"; buttonContact.style.marginTop = "20px"; buttonContact.style.paddingLeft = "14px"; buttonContact.style.paddingRight = "14px"; buttonContact.innerHTML = ` <div class="contact-us-text" style="text-align:center; font-weight:bold; margin-bottom:10px;"> Klik Untuk Menghubungi CS MIYA4D </div> <div style="display: flex; flex-wrap: wrap; gap: 10px;"> <a href="https://wa.me/6287717058948" target="_blank" style="flex: 1 1 48%;"> <img src="https://takenupload.com/68c253eee360c" alt="WHATSAPP MIYA4D" style="width: 100%; display: block;"> </a> <a href="https://t.me/groupmiya4d" target="_blank" style="flex: 1 1 48%;"> <img src="https://takenupload.com/68c25421302dc" alt="TELEGRAM" style="width: 100%; display: block;"> </a> </div> `; loginFormDownload.insertAdjacentElement("afterend", buttonContact); } // ======= SMART BANNER ======= const appContainer = document.querySelector(".mobile-only"); const smartBanner = document.createElement("div"); const divider = document.createElement("div"); divider.className = "divider-mobile"; smartBanner.id = "smart_banner"; smartBanner.className = "smart-benner"; smartBanner.innerHTML = ` <div> <img src="${configMobile.app.icon}" alt="App Icon" style="height: 45px; width: 45px; margin-left: 18px;" class="app-icon"> </div> <div class="app_info" style="left:80px;"> <div class="app_title">${configMobile.app.judul}</div> <div class="app_slogan">${configMobile.app.subJudul}</div> </div> <a href="${configMobile.app.linkApk}" target="_blank" class="button-download" title="Download Apk MIYA4D"><div class="buttonBG">DOWNLOAD</div></a> <span id="close_button" class="btn-close">x</span> `; if (appContainer && appContainer.parentNode) { appContainer.parentNode.insertBefore(smartBanner, appContainer); appContainer.parentNode.insertBefore(divider, appContainer); } const buttonMe = document.querySelector(".buttonme"); const containerMain = document.querySelector(".container.main.no-bottom"); if (buttonMe) buttonMe.style.top = "67px"; if (containerMain) containerMain.style.paddingTop = "0px"; const closeButton = document.querySelector("#close_button"); if (closeButton) { closeButton.addEventListener("click", function () { smartBanner.style.display = "none"; const dividerMobile = document.querySelector(".divider-mobile"); if (dividerMobile) dividerMobile.remove(); }); } } });</script><style> :root { --m1-color: #00f5f6; --m2-color: #0b669e; --m3-color: #05f4fa; --m4-color: #00d3ff; } .button-download { padding: 6px 15px; color: #000000; background: linear-gradient(0deg, #ff8600, #ffd700, #ffd700); border-radius: 20px; border: 1px solid #ffd700; box-shadow: -1px 1px 3px 0px #ffd700; display: inline; text-align: center; right: 9px; margin-top: -39px; position: absolute; font-size: 17px; height: 40px;} a.button-download .buttonBG { background: #000; font-family: arial black; -webkit-text-fill-color: transparent; -webkit-background-clip: text; animation: fade-blink 1.7s infinite; } .btn-close { position: absolute; display: block; top: 0px; left: 0px; width: 25px; height: 63px; color: #fff; text-align: center; font-size: 18px; line-height: 60px; z-index: 999; } .smart-benner { width: 100%; padding: 10px; font-family: Verdana, arial, sans-serif; color: #fff; background: linear-gradient(to right, #272727 0%, #272727 50%, #272727 100%); height: inherit; transition: all 0.5s cubic-bezier(0, 1, 0.5, 1) 0s; overflow: hidden; position: fixed; z-index: 999; } .app-icon { width: 43px !important; height: auto !important; margin: 0px 0px 0px 13px; } .app_info { position: absolute; left: 67px; top: 10px; } .app_title { font-size: 19px; font-weight: bold; color: #FFD700; } .app_slogan { font-size: 12px; color: #fff; letter-spacing: 0px; } @keyframes fade-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .divider-mobile { height: 64px; } .contact-us-text { font-size: 12px; color: #fff; margin-bottom: 10px; text-align: center; font-weight: bold; }</style> <style>.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; z-index: 0; display: none;}</style><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <style> div.col-sm-0 span { display: none; } div.social { width: 100%; background-image: url(https://i.imgur.com/1SHCzVn.jpg); background-size: contain; padding: 5px 1px 10px 1px; margin: auto; text-align: center; } #ico { background: #131313; padding: 5px 15px 5px 15px; color: #fff; text-decoration: none; border-radius: 5px; margin: 5px 3px; border: .5px solid #ffffff; display: inline-block; } div.social img { vertical-align: middle; display: inline; } div.social p { display: inline-block; font-size: 14px; } .social { left: 0; width: 0; position: fixed; top: 130px; z-index: 9999999999; } .social ul { padding: 0px; -webkit-transform: translate(-130px, 0); -moz-transform: translate(-130px, 0); -ms-transform: translate(-130px, 0); -o-transform: translate(-130px, 0); transform: translate(-130px, 0); } .social ul li { display: block; margin: 6px; margin-left: 0px; background: rgba(0, 0, 0, 0.86); width: 189px; text-align: right; padding: 4px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; height: 53px; border: groove 2px #ab0102; } .social ul li:hover { -webkit-transform: translate(110px, 0); -moz-transform: translate(110px, 0); -ms-transform: translate(110px, 0); -o-transform: translate(110px, 0); transform: translate(110px, 0); background: rgba(95, 95, 95, 0.7); } .buttonWrap { text-transform: uppercase !important; }</style><!--end social account--> <style> .colu { width: 90px; padding: 10px 10px 5px 0px; position: fixed; bottom: 79px; left: 10px; z-index: 100; background-position: center; background-size: cover; font-family: "Raleway", sans-serif; color: #fff; font-size: 14px; text-align: center; justify-content: center } .cons { display: block; cursor: pointer; padding: 10px; border-radius: 20% 20% 20% 20%; box-shadow: 0 0 8px 2px rgb(136, 136, 136); background-color: #007ab2; width: 80px; margin: 0 auto; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease } .barmenu { display: block; height: 5px; width: 40px; background: linear-gradient(to bottom, #ffffff 0, #ffffff 100%); margin: 6px auto; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease } .icn { background: #007ab2; background-size: 300%; background-position: right; border-radius: 20% 20% 20% 20%; box-shadow: 0 0 8px 2px rgb(136, 136, 136); width: 80px; margin: 5px auto; text-align: center; color: #fff; cursor: pointer; transition: .5s; border: solid 3px white; display: block; white-space: nowrap; font-family: "Raleway", sans-serif; padding: 10px 5px; font-size: 10px; text-align: center; text-transform: uppercase; } .icn img { width: 40px; margin-bottom: 5px; } span.input-group-text.prepend.mobile-only { background: #00afff;} .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; border: 2px solid #00afff;} .btn-masuk { border: 2px solid #4bc6ff !important; border-radius: 16px; outline: none; background: #00afff !important; cursor: pointer; position: relative; z-index: 0; font-size: 17px; height: 2.3rem; text-transform: uppercase;} .btn-daftar { border: 2px solid #4bc6ff !important; border-radius: 16px; outline: none; background: #00afff !important; cursor: pointer; position: relative; z-index: 0; font-size: 17px; height: 2.3rem; text-transform: uppercase;}</style> <style> #pop-up-container { display: flex; align-items: center; justify-content: space-evenly; position: fixed; z-index: 11; top: 0; left: 0; right: 0; bottom: 0; }.show-more-content { background: #0b0b0b00; opacity: .7; display: grid; place-items: center; height: 32px;} #pop-up-wrapper { width: 85%; min-width: 315px; max-width: 500px; min-height: 210px; position: relative; z-index: 11; overflow: visible; border-radius: 5px; } #pop-up-wrapper img { width: 100%; border-radius: 5px 5px 0 0; } #pop-up-wrapper button { width: 100%; padding: 0.75rem; font-size: -0.75rem; font-weight: 700; border: none; border-radius: 0 0 5px 5px; margin: 0; background-color: #00afff; } .gray-bg { background: #00000000 no-repeat; } .swirl-in-fwd { -webkit-animation: swirl-in-fwd 0.6s ease-out both; animation: swirl-in-fwd 0.6s ease-out both; } .x-mark-container { position: absolute; top: 5px; right: 5px; background-color: black; border-radius: 50%; width: 8%; } #bg-black { background-color: rgba(0, 0, 0, 0.86); position: fixed; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; } @-webkit-keyframes swirl-in-fwd { 0% { -webkit-transform: rotate(0deg) scale(0); transform: rotate(0deg) scale(0); opacity: 0; } 100% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } } @keyframes swirl-in-fwd { 0% { -webkit-transform: rotate(0deg) scale(0); transform: rotate(0deg) scale(0); opacity: 0; } 100% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } } .swirl-out-bck { -webkit-animation: swirl-out-bck 0.6s ease-in both; animation: swirl-out-bck 0.6s ease-in both; } @-webkit-keyframes swirl-out-bck { 0% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } 100% { -webkit-transform: rotate(0deg) scale(0); transform: rotate(0deg) scale(0); opacity: 0; } } @keyframes swirl-out-bck { 0% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } 100% { -webkit-transform: rotate(0deg) scale(0); transform: rotate(0deg) scale(0); opacity: 0; } } .fade-in { -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .fade-out { -webkit-animation: fade-out 0.6s ease-out both; animation: fade-out 0.6s ease-out both; } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } }</style><script>window.addEventListener('DOMContentLoaded', () => { if (window.location.pathname === '/' || window.location.pathname === '/') { $('body').append(` <div id="pop-up-container" onclick="close_pop_up()"> <div id="bg-black" class="fade-in"></div> <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg"> <img src="https://takenupload.com/68c25c434cffa" alt="miya4d" /> <button onclick="close_pop_up()" style="color: #fff">KLIK UNTUK MENUTUP</button> </div> </div> `); document.getElementById('pop-up-wrapper').addEventListener('click', e => { e.stopPropagation(); }); } }); const close_pop_up = () => { document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck'); document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out'); setTimeout(() => { const pop_up_container = document.getElementById('pop-up-container'); pop_up_container?.parentElement.removeChild(pop_up_container); }, 1000); };</script><div class="colu"> <div class="cons"> <div class="barmenu" id="top"></div> <div class="barmenu middle" id="middle"></div> <div class="barmenu bottom" id="bottom"></div> <div>MENU</div> </div> <div class="icns" id="icns" style=""> <div class="icn"><a href="https://rtpmiya4d.online/rtpspaceman/"> <img src="https://newstsystar.com/asset/image/rtpspaceman.gif" alt="RTP SPACEMAN"></a> <div class="nav-text">SPACEMAN</div> </div> <div class="icns" id="icns"> <div class="icn"><a href="https://rtpmiya4d.online/rtpbonanza/rtp2/"> <img src="https://newstsystar.com/asset/image/RTPbonanza.gif" alt="BONANZA"></a> <div class="nav-text">BONANZA</div> </div> <div class="icns" id="icns"> <div class="icn"><a href="https://miya4dalt.link/"> <img src="https://newstsystar.com/asset/image/newrtpbacarat.gif" alt="BACCARAT"></a> <div class="nav-text">GROUP BUKTI JP</div> </div><div class="icns" id="icns"> <div class="icn"><a href="https://linklist.bio/miya4d"> <img src="https://newstsystar.com/asset/image/rtptoto.gif" alt="RTP SLOT"></a> <div class="nav-text">RTP SLOT</div> </div><div class="icns" id="icns"> <div class="icn"><a href="https://linklist.bio/miya4d"> <img src="https://newstsystar.com/asset/image/livescore.gif" alt="LIVE SCORE"></a> <div class="nav-text">LIVE SCORE</div> </div> </div> </div></div> </div></div><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script><script>$(document).ready(function () { $("#icns").hide(); $(".cons").click(function () { $("#top").toggleClass("top"); $("#bottom").toggleClass("bottom"); $("#middle").toggleClass("middle"); $("#icns").slideToggle() }) });</script> <script>!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}("undefined"!=typeof window?window:self,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=72)}({72:function(e,t,n){"use strict";var o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)||void 0===o||o.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n]||[];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)||void 0===t?void 0:t[e])||[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://s21-def.ap4r.com/kos/s101/nlav112572/pixel/events.js";i._i=i._i||{},i._i[e]=[],i._i[e]._u=a,i._t=i._t||{},i._t[e]=+new Date,i._o=i._o||{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s21-def.ks-la.net/kos/s101/nlav112572/pixel/events.js"+c)}}(window,document,"kwaiq")}})}));</script><script>kwaiq.load('287765937111323');kwaiq.page();</script> <!-- 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', '1509108123621636');fbq('track', 'PageView');</script><noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=1509108123621636&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', '1133017278183515');fbq('track', 'PageView');</script><noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=1133017278183515&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', '1536852741064381');fbq('track', 'PageView');</script><noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=1536852741064381&ev=PageView&noscript=1"/></noscript><!-- End Meta Pixel Code --> </div> <div class="footer-group"> <div class="copyright"> <div style="white-space: nowrap">© 2015 - 2025 Copyright MIYA4D.</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=bm-tywLxS4VOS1WZIC4igNgwIIZ_2IVFZruRb5tI9mo.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> <i class="bi bi-shield-fill-exclamation"></i> <strong class="ms-1">LAPOR PUSAT</strong> </button> </div> </footer> <!-- SIDENAV --> <div id="mySidenav" class="sidenav desktop-only"> <div id="nav"> <div style="display: flex; align-items: start;"> <div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;"> <img src="/assets/hubungi.png?11"> </div> <!--<img id="about" src="/images/kontak.png?4">--> </div> <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> <div id="" style="padding: 4px"> <img src="/assets/24h.png" style="width: 100%"></img> </div> <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> <a href="https://wa.me/6287717058948" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>6287717058948</span> </a> <a href="https://www.facebook.com/groups/464725213271792" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/><span>HIBURAN MIYA4D</span> </a> <a href="https://t.me/groupmiya4d" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>FREE BET & BUKTI PEMBAYARAN MIYA4D</span> </a> <a href="https://www.facebook.com/groups/464725213271792" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/><span>GROUP FACEBOOK MIYA4D 2</span> </a> <a href="https://miya4dalt.link/" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> <img src="https://img.viva88athenae.com/kontak/skype.png" width="20"/><span>BUKTI JP </span> </a> </div> <div style="margin: 8px"> <a href="/?content=register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white"></a> </div> </div> </div> </div> </div> <!--POP UP --> <!-- LIVE CHAT --> <!-- Start of LiveChat (www.livechat.com) code --><script> window.__lc = window.__lc || {}; window.__lc.license = 19135848; window.__lc.integration_name = "manual_onboarding"; 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/19135848/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript><!-- End of LiveChat code --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script> <script> document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { const mobileForm = document.querySelector('#mobilelogin form') || document.querySelector('#mobilelogin .login-form') || document.querySelector('.mobile-only form'); if (!mobileForm) { return; } const username = mobileForm.querySelector('input[name="username"]'); const password = mobileForm.querySelector('input[name="password"]'); const remember = document.querySelector('#rememberMe') || document.querySelector('input[type="checkbox"]'); if (!username || !password || !remember) { return; } try { localStorage.setItem('test', 'working'); if (localStorage.getItem('test') === 'working') { localStorage.removeItem('test'); } else { return; } } catch(e) { return; } initializeRememberMe(); loadSavedData(); mobileForm.addEventListener('submit', handleSave); mobileForm.addEventListener('click', function(e) { if (e.target.type === 'submit' || e.target.classList.contains('submit')) { handleSave(); } }); remember.addEventListener('change', function() { if (!this.checked) { clearSavedData(); localStorage.setItem('mobile_remember_unchecked', 'true'); } else { localStorage.removeItem('mobile_remember_unchecked'); } }); function initializeRememberMe() { try { const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { remember.checked = false; } else { remember.checked = true; } } catch(e) { remember.checked = true; } } function loadSavedData() { try { const savedUsername = localStorage.getItem('mobile_username'); const savedPassword = localStorage.getItem('mobile_password'); const rememberChecked = localStorage.getItem('mobile_remember'); if (rememberChecked === 'true' && savedUsername && savedPassword) { username.value = savedUsername; password.value = savedPassword; } } catch(e) { // console.log('Error loading data:', e); } } function handleSave() { if (remember.checked) { const usernameVal = username.value.trim(); const passwordVal = password.value.trim(); if (usernameVal && passwordVal) { try { localStorage.setItem('mobile_username', usernameVal); localStorage.setItem('mobile_password', passwordVal); localStorage.setItem('mobile_remember', 'true'); localStorage.setItem('mobile_login_success', 'true'); } catch(e) { // console.log('Error saving data:', e); } } } else { clearSavedData(); localStorage.setItem('mobile_login_success', 'true'); } } function clearSavedData() { try { localStorage.removeItem('mobile_username'); localStorage.removeItem('mobile_password'); localStorage.removeItem('mobile_remember'); } catch(e) { // console.log('Error clearing data:', e); } } }, 100); // Wait 100ms }); </script> <script> if(document.getElementById("promo")) { var myModal = new bootstrap.Modal(document.getElementById("promo"), {}); window.onload = () => { myModal.show(); } } var mobileurl = 'm/'; var showIDs = []; function showProducts(hoverID) { while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; // document.getElementById('hover').classList.add("hover-show"); document.getElementById('hover').style.transitionDelay = "0s"; document.getElementById('hover').style.visibility = "visible"; document.getElementById('hover').style.opacity = "1"; document.getElementById(hoverID).style.display = "flex"; showIDs.push(hoverID); } function hideProducts(hoverID) { // document.getElementById('hover').classList.remove("hover-show"); document.getElementById('hover').style.visibility = "hidden"; document.getElementById('hover').style.opacity = "0"; document.getElementById('hover').style.transitionDelay = "1s"; } var mobileDaftarForm = document.getElementById('mobile-daftar-form'); var marquee = document.getElementById('marquee'); function closeContent() { $('#main-content').html(""); } function openDaftar() { closeContent(); mobileDaftarForm.style.display = "block"; mobileDaftarForm.scrollIntoView(); } function closeDaftar() { mobileDaftarForm.style.display = "none"; marquee.scrollIntoView(); } function showProvider(type) { $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>"); $('#main-content').load("new-showprovider.php?type=" + type); } function toggleInformasi(item) { page(item); } function showInformasi(item) { document.getElementById('modal-wrapper').style.display='block'; toggleInformasi(item); } </script> <script src="/js/old/new-webduo35.js?v=1743228239"></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>
