Showing source for: https://surivon.com/
Duration: 0.391219s
Server: cloudflare
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BANDAR999 Winning Online Permainan Mobile Nomor 1 Indonesia</title>
<meta name="keywords" content="bandar999, bandar 999,bandar999 slot, daftar bandar999, bandar999 login, bandar999 slot login, bandar999 link alternatif, situs bandar999, situs 4d gacor hari ini, slot pragmatic, situs gacor 4d, situs slot terbaik">
<meta name="description" content="Bandar999 adalah situs game slot online gacor terpercaya menggunakan RTP tertinggi dan nikmati berbagai game slot populer dengan winrate tinggi proses wd tercepat." />
<meta property="og:title" content="BANDAR999 Winning Online Permainan Mobile Nomor 1 Indonesia" />
<meta property="og:description" content="bandar999 yang merupakan situs slot gacor paling populer di Indonesia dan juga resmi dengan jaminan pembayaran penuh pada setiap kemenangan untuk para member." />
<link rel="canonical" href="https://surivon.com/"/>
<link rel="shortcut icon" href="https://res.cloudinary.com/diboycmh4/image/upload/v1728585995/favicon-bd9_nfazoy.png" sizes="16x16">
<link rel="amphtml" href="https://tryb9.click/">
<link rel="preload" as="image" href="https://res.cloudinary.com/diboycmh4/image/upload/v1728586084/image_1_ak1qgv.jpg" >
<meta property="og:image" content="https://res.cloudinary.com/diboycmh4/image/upload/v1728586084/image_1_ak1qgv.jpg" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="466" />
<meta property="og:locale" content="id_ID"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://surivon.com/"/>
<meta property="og:site_name" content="BANDAR999"/>
<meta itemprop="thumbnailUrl" content="https://res.cloudinary.com/diboycmh4/image/upload/v1728586084/image_1_ak1qgv.jpg" />
<meta itemprop="image" content="https://res.cloudinary.com/diboycmh4/image/upload/v1728586084/image_1_ak1qgv.jpg" />
<meta name="language" content="id-ID"/>
<meta name="geo.region" content="ID"/>
<meta name="geo.placename" content="Indonesia"/>
<meta name="categories" content="website"/>
<meta name="google-site-verification" content="3Fd6VvaOpTvCaK4C9PznOMxDVM3tdJdy_j3_kbfqPyk" />
<meta name="google-site-verification" content="eaMhOuad3HvnnO0zHpDPUnmEIfuUxTK99uArvlpOfwg" />
<meta name="google-site-verification" content="YCLmr9QJ5JUp9y_tFLL2wV5LBZeb5kyJ8f1s493FW48" />
<meta name="google-site-verification" content="8hTFwnZ-RTu5wvRZxOIPbStM_ZiWu-LwqZer5R_zWxY" />
<meta name="google-site-verification" content="9Y_cFgCDG1uxaH538_PKByH0iHip7mgPjH_udPGVYdM" />
<meta name="google-site-verification" content="1G-aGsvTSdqj9QZyMcc_8p6QsPPt-11f_dMEXy1JHvY" />
<meta name="google-site-verification" content="DAMQOkXZoD48dmQqS0OHLVyKpyTvFvz-VD3N0JWuy4Y" />
<meta name="google-site-verification" content="RLWAEtWd_6w29oDwg1ipkiYMmQc-6Q3PjolN4y_Ay_Q" />
<meta name="google-site-verification" content="yYHu9xo6A-lg3fn8qvIlAWgLF87QHFDlCujXJWY4Low" />
<meta name="google-site-verification" content="Ff7VGZvJGY4DKrv-6TnmUGojGitZGIAoGET5E0XTfKY" />
<meta name="google-site-verification" content="mSBPnucTmQJVx4QkKXirGa4jnDdm4zP5cEX77Xna1os" />
<div id="banner1" style="position: fixed;bottom: 210px;left: 10px;z-index: 100;width: 50px;height: 50px;">
<!--Mulai disini-->
<a href="https://shortlink88.xyz/url/rtpbandar999" target="_blank" rel="nofollow"><img src="https://ik.imagekit.io/menawan/RTP.gif" width="60" height="60"></a>
<!--Akhir disini-->
</div>
<div id="banner2" style="position: fixed;bottom: 350px;left: 10px;z-index: 100;width: 50px;height: 50px;">
<!--Mulai disini-->
<a href="https://wa.me/62895324119332" target="_blank" rel="nofollow"><img src="https://ik.imagekit.io/menawan/WHATSAP.gif" width="60" height="60"></a>
<!--Akhir disini-->
</div>
<div id="banner3" style="position: fixed;bottom: 280px;left: 10px;z-index: 100;width: 50px;height: 50px;">
<!--Mulai disini-->
<a href="https://bd999s1.live/m/downloads/download.apk" target="_blank" rel="nofollow"><img src="https://ik.imagekit.io/menawan/APK.gif" width="60" height="60"></a>
<!--Akhir disini-->
</div>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-70ZV8670GQ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-70ZV8670GQ');
</script>
<!-- TikTok Pixel Code Start -->
<script>
!function (w, d, t) {
w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
ttq.load('CSBQGHBC77U6R3SIUB4G');
ttq.page();
}(window, document, 'ttq');
</script>
<!-- TikTok Pixel Code End -->
<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;
}
#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>
<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>
<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://ik.imagekit.io/menawan/EcMu7659FgI.webp"
alt="popup bandar999"
/>
<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> <meta name="viewport" content="width=1200, initial-scale=0.33">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/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/[email protected]/font/bootstrap-icons.css">
<!--<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=fgs" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
<figcaption>5G GAMES</figcaption>
</a>
<a href="/?content=slot&provider=pp" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
<figcaption>PRAGMATIC PLAY</figcaption>
</a>
<a href="/?content=slot&provider=pg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
<figcaption>PG SOFT</figcaption>
</a>
<a href="/?content=slot&provider=hb" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
<figcaption>HABANERO</figcaption>
</a>
<a href="/?content=slot&provider=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=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>MICRO GAMING</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>HACKSHAW 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=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=ps" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
<figcaption>PLAYSTAR</figcaption>
</a>
<a href="/?content=slot&provider=l22" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
<figcaption>LIVE22</figcaption>
</a>
<!-- <a href="/?content=slot&provider=nte" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
<figcaption>NETENT</figcaption>
</a> -->
<a href="/?content=slot&provider=cq9" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
<figcaption>CQ9</figcaption>
</a>
<!-- <a href="/?content=slot&provider=ttg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
<figcaption>TOPTREND GAMING</figcaption>
</a> -->
<a href="/?content=slot&provider=ss" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
<figcaption>SBO SLOT</figcaption>
</a>
</div>
<div id="hover-live" class="hover-menu" >
<a href="/?content=casino&provider=pplc" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
<figcaption>PRAGMATIC PLAY</figcaption>
</a>
<a href="/?content=casino&provider=ion" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
<figcaption>ION CASINO</figcaption>
</a>
<a href="/?content=casino&provider=evo" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
<figcaption>EVOLUTION</figcaption>
</a>
<a href="/?content=casino&provider=sx" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
<figcaption>SEXY GAMING</figcaption>
</a>
<a href="/?content=casino&provider=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=mg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure>
<figcaption>MICRO GAMING</figcaption>
</a>
<a href="/?content=casino&provider=og" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
<figcaption>OPUS PLUS</figcaption>
</a>
<a href="/?content=casino&provider=sbol" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
<figcaption>SBOBET CASINO</figcaption>
</a>
</div>
<div id="hover-sport" class="hover-menu">
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
<figcaption>SABA</figcaption>
</a>
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
<figcaption>SBOBET</figcaption>
</a>
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
<figcaption>CMD368</figcaption>
</a>
<!-- <a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
<figcaption>PINNACLE</figcaption>
</a> -->
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
<figcaption>TFGAMING</figcaption>
</a>
</div>
<div id="hover-fishing" class="hover-menu">
<a href="/?content=fish&provider=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=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://chat.whatsapp.com/CwPu0ZQjcsb8QZB8JJdqb0" target='_blank' class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//whatsapp.png"/>
<label>WHATSAPP</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="https://direct.lc.chat/13135251/" 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="pdbeIRH1N44Wm61LYMRWq+r9kUZyFpuGmm0RDZ8eoLU=">
</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?7799" width="100%" height="44" style="border-radius: 5px;"></span>
<div class="input-group login-field mt-1">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
<input type="text" inputmode="numeric" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi">
</div>
</div>
<input type="hidden" name="verif" id="verifval" class="verifval" value="1">
<button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
<button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
<input type="hidden" name="task" value="login">
<input type="hidden" name="loginmobile" value="pdbeIRH1N44Wm61LYMRWq+r9kUZyFpuGmm0RDZ8eoLU=">
</form>
</div>
<div id="mobile-daftar-form" style="width: 100%; display: none">
<div id="mobileregister">
<form id="formRegister" class="login-form p-0 pt-4">
<div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
<div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
<input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
<input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
<input type="text" inputmode="numeric" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
</div>
<div class="input-group login-field">
<select class="form-select login-input-field" name="bank" id="reg_bank">
<option value="">Pilih Bank</option>
<option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</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="input-group login-field">
<span class="input-group-text mobile-only prepend" style=""><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
</div>
<!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
<input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
<button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button>
<input type="hidden" name="task" value="register">
<input type="hidden" name="regmobile" value="oHXSrEyf2iqgzLNDxSsbcm/mVfpSn7DbwNgx+OWhgak=">
<button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
</form>
</div>
</div>
</div>
<div class="menu">
<div class="menu-item desktop-only">
<label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
</div>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
<!--<img class="mobile-only" src="assets/togel.png" alt="">-->
<label>TOGEL</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
<!--<img class="mobile-only" src="assets/slot.png" alt="">-->
<label>SLOT</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
<!--<img class="mobile-only" src="assets/live.png" alt="">-->
<label>LIVE CASINO</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
<!--<img class="mobile-only" src="assets/sport.png" alt="">-->
<label>SPORT</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
<!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
<label>ARCADE</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
<!-- <img class="mobile-only" src="assets/sabung.png" alt="">-->
<label>SABUNG</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
<!-- <img class="mobile-only" src="assets/sabung.png" alt="">-->
<label>INTERACTIVE</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
</div>
<div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">
<div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)">
<i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
</div>
<div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)">
<i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
</div>
<div id="menu-mobile" style="height:68px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">
<div style="white-space: nowrap; height: 100%; font-size: 0px">
<a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt="">
<label>TOGEL</label>
</div>
</div>
</a>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('slot')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
<label>SLOT</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('casino')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
<label>LIVE CASINO</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div href="/sport" class="menu-item" onclick="showProvider('sport')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
<label>SPORT</label>
</div>
</div>
</div>
<!--<div style="height: 100%; width: 92px; display: inline-block;">-->
<!-- <div style="display: grid; place-items: center; height: 100%">-->
<!-- <div class="menu-item" onclick="showProvider('esport')">-->
<!-- <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
<!-- <label>E-SPORT</label>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('fish')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
<label>ARCADE</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('sabung')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">
<label>SABUNG</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('interactive')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt="">
<label>INTERACTIVE</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-content mobile-only">
<div id="main-content" style="background: var(--content-box-background)">
</div>
</div>
<div class="promosi">
<!-- Desktop -->
<button class="btn-promosi fw-bold desktop-only" onclick="window.location.href='/?content=promosi'" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button>
<div class="btn-informasi desktop-only" onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer" href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"><i class="bi bi-info-circle-fill" style="font-size: 16px"></i></a></div>
<!-- Mobile -->
<div class="mobile-only" style="padding-top: 32px">
<div class="d-flex gap-3 justify-content-center align-items-center">
<a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
<div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
<a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
</div>
</div>
</div>
</div>
</header>
<div id="marquee" class="marquee desktop-only">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
<i class="bi bi-megaphone-fill desktop-only"></i>
</div>
<div class="running" style="padding-left: 8px; padding-right: 32px">
<marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee>
</div>
<div class="d-flex align-items-center gap-2">
<a href="/?content=event">
<img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>
</a>
</div>
</div>
</div>
<!--Informasi Modal -->
<div id="modal-wrapper" class="modal" style=" background:none;">
<div class="slideDown" id="informasi-menu">
<div class="row">
<div class="col-xs-3" style="padding-right:0px; width:164px">
<div id="informasi-logo">
<img src="/images/logoweb.png" width="120px"/>
</div>
<div class="menuleft">
<a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
<a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
<a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
<a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
<a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
<a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
<a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
</div>
</div>
<div class="col-xs-9" id="informasi-content" style="position: relative">
<div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div>
<div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2">
</div>
</div>
</div>
</div>
</div>
<div class="contentdata">
<div id="content-primary" class="p-0">
<div class="desktop-only">
<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
<div class="carousel-indicators">
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button>
</div>
<div class="carousel-inner" style="height: 100%">
<div class="carousel-item active" style="height: 100%">
<img src="/images/upload-Slides-20230426125409.jpg" class="d-block w-100 banner" alt="SELAMAT DATANG DI BANDAR999" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20230126120314.jpg" class="d-block w-100 banner" alt="BONUS NEW MEMBER 100%" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20220810141935.jpg" class="d-block w-100 banner" alt="Slot Deposit Pulsa Tanpa Potongan" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20220731213048.jpg" class="d-block w-100 banner" alt="Slot Bonus New Member 20% All Games" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20220625170301.jpg" class="d-block w-100 banner" alt="Proses Transaksi Tercepat Di Bandar999" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20230112122449.jpg" class="d-block w-100 banner" alt="Bonus Cashback MINGGUAN" 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-20230126122752.jpg" alt="BONUS NEW MEMBER 100%" 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">0738</div>
<div class="tanggal">SABTU 15/2/2025</div>
</a>
<a href="/?content=hasil&pid=MY" class="result">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA </div>
<div class="keluaran">2637</div>
<div class="tanggal">JUMAT 14/2/2025</div>
</a>
<a href="/?content=hasil&pid=HKD" class="result">
<div class="badge">
</div>
<div class="pasaran">HK SIANG </div>
<div class="keluaran">2564</div>
<div class="tanggal">SABTU 15/2/2025</div>
</a>
<a href="/?content=hasil&pid=QTR" class="result">
<div class="badge">
</div>
<div class="pasaran">QATAR </div>
<div class="keluaran">8672</div>
<div class="tanggal">JUMAT 14/2/2025</div>
</a>
<a href="/?content=hasil&pid=SGM" class="result">
<div class="badge">
</div>
<div class="pasaran">SG METRO </div>
<div class="keluaran">4960</div>
<div class="tanggal">SABTU 15/2/2025</div>
</a>
<a href="/?content=hasil&pid=SY" class="result">
<div class="badge">
</div>
<div class="pasaran">SYDNEY </div>
<div class="keluaran">6920</div>
<div class="tanggal">SABTU 15/2/2025</div>
</a>
<a href="/?content=hasil&pid=SG" class="result">
<div class="badge">
</div>
<div class="pasaran">SINGAPORE </div>
<div class="keluaran">1829</div>
<div class="tanggal">KAMIS 13/2/2025</div>
</a>
<a href="/?content=hasil&pid=HK" class="result">
<div class="badge">
</div>
<div class="pasaran">HONGKONG </div>
<div class="keluaran">0491</div>
<div class="tanggal">JUMAT 14/2/2025</div>
</a>
<a href="/?content=hasil&pid=MYD" class="result">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA SIANG </div>
<div class="keluaran">9822</div>
<div class="tanggal">JUMAT 14/2/2025</div>
</a>
<a href="/?content=hasil&pid=MCU" class="result">
<div class="badge">
</div>
<div class="pasaran">MACAU </div>
<div class="keluaran">8109</div>
<div class="tanggal">KAMIS 13/2/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">0738</div>
<div class="tanggal">15-02-2025</div>
</button>
<div id="paito-TWH" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7959</div>
<div class="tanggal">15-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4316</div>
<div class="tanggal">15-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2484</div>
<div class="tanggal">14-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3722</div>
<div class="tanggal">14-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0108</div>
<div class="tanggal">14-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4775</div>
<div class="tanggal">14-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8859</div>
<div class="tanggal">14-02-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">2637</div>
<div class="tanggal">14-02-2025</div>
</button>
<div id="paito-MY" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5293</div>
<div class="tanggal">13-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9597</div>
<div class="tanggal">12-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5469</div>
<div class="tanggal">11-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2418</div>
<div class="tanggal">10-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9495</div>
<div class="tanggal">09-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4524</div>
<div class="tanggal">08-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5961</div>
<div class="tanggal">07-02-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">2564</div>
<div class="tanggal">15-02-2025</div>
</button>
<div id="paito-HKD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8429</div>
<div class="tanggal">14-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4282</div>
<div class="tanggal">13-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3328</div>
<div class="tanggal">12-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9535</div>
<div class="tanggal">11-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0022</div>
<div class="tanggal">10-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1649</div>
<div class="tanggal">09-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3621</div>
<div class="tanggal">08-02-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">8672</div>
<div class="tanggal">14-02-2025</div>
</button>
<div id="paito-QTR" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4709</div>
<div class="tanggal">13-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0548</div>
<div class="tanggal">12-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6776</div>
<div class="tanggal">11-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4097</div>
<div class="tanggal">10-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3691</div>
<div class="tanggal">09-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2798</div>
<div class="tanggal">08-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9336</div>
<div class="tanggal">07-02-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">4960</div>
<div class="tanggal">15-02-2025</div>
</button>
<div id="paito-SGM" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1001</div>
<div class="tanggal">14-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1404</div>
<div class="tanggal">13-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9088</div>
<div class="tanggal">12-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7787</div>
<div class="tanggal">11-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1176</div>
<div class="tanggal">10-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5236</div>
<div class="tanggal">09-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0248</div>
<div class="tanggal">08-02-2025</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY">
<div class="badge">
</div>
<div class="pasaran">SYDNEY </div>
<div class="keluaran">6920</div>
<div class="tanggal">15-02-2025</div>
</button>
<div id="paito-SY" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1071</div>
<div class="tanggal">14-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5378</div>
<div class="tanggal">13-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4739</div>
<div class="tanggal">12-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5707</div>
<div class="tanggal">11-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2036</div>
<div class="tanggal">10-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2679</div>
<div class="tanggal">09-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1123</div>
<div class="tanggal">08-02-2025</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
<div class="badge">
</div>
<div class="pasaran">SINGAPORE </div>
<div class="keluaran">1829</div>
<div class="tanggal">13-02-2025</div>
</button>
<div id="paito-SG" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7164</div>
<div class="tanggal">12-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0210</div>
<div class="tanggal">10-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3388</div>
<div class="tanggal">09-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9285</div>
<div class="tanggal">08-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0165</div>
<div class="tanggal">07-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2079</div>
<div class="tanggal">05-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1200</div>
<div class="tanggal">03-02-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">0491</div>
<div class="tanggal">14-02-2025</div>
</button>
<div id="paito-HK" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1042</div>
<div class="tanggal">13-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3116</div>
<div class="tanggal">12-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0194</div>
<div class="tanggal">11-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8224</div>
<div class="tanggal">10-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0541</div>
<div class="tanggal">09-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4705</div>
<div class="tanggal">08-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0676</div>
<div class="tanggal">07-02-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">9822</div>
<div class="tanggal">14-02-2025</div>
</button>
<div id="paito-MYD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1434</div>
<div class="tanggal">13-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8830</div>
<div class="tanggal">12-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4771</div>
<div class="tanggal">11-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7610</div>
<div class="tanggal">10-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0261</div>
<div class="tanggal">09-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4303</div>
<div class="tanggal">08-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3584</div>
<div class="tanggal">07-02-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-MCU">
<div class="badge">
</div>
<div class="pasaran">MACAU </div>
<div class="keluaran">8109</div>
<div class="tanggal">13-02-2025</div>
</button>
<div id="paito-MCU" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1384</div>
<div class="tanggal">12-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3545</div>
<div class="tanggal">11-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6308</div>
<div class="tanggal">10-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4604</div>
<div class="tanggal">09-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2760</div>
<div class="tanggal">08-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9642</div>
<div class="tanggal">06-02-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4585</div>
<div class="tanggal">05-02-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">BJB</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">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">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">Three</div>
<div class="transaksi-status status-blue"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
</div>
</div>
</div>
</div>
<div class="d-flex flex-column desktop-only" style="width: 180px">
<div class="transaksi-title">
<div class="transaksi-title-group">
<div class="fitur-header">Kontak Kami</div>
</div>
<div class="devider desktop-only"></div>
</div>
<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
<div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
</div>
<div class="carousel-inner" style="height: 164px">
<div class="carousel-item active">
<div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
<a class="d-flex flex-column" href="https://chat.whatsapp.com/CwPu0ZQjcsb8QZB8JJdqb0" target='_blank'>
<div style="color: #888888;">WHATSAPP</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">WHATSAPP GRUP OFFICIAL</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>
<style>
.btn-success {
display: block;
background: linear-gradient(to bottom, #FFC2000%, #FFC20050%, #FFC200100%);
color: #e3e3e3;
text-shadow: 1px 1px #000000;
width: 300px;
height: 48px;
margin: auto;
text-align: center;
font-size: 15px;
font-weight: bold;
border-radius: 8px;
border: 1px solid #FFC200;
background-repeat: no-repeat;
filter: none;
}
.btn-success:hover {
color: #ffffff;
background-color: #FFC200;
background: #FFC200;
}
.btn-aduan{
display: none;
}
</style>
<div class="app-info row">
<div class=
"col-md-6 col-lg-4 col-xs-12 gradient-border mobile-border">
<h4 class="btn title" style="text-align:center;">KEUNGGULAN
LAYANAN</h4>
<div class="ml-md-2 mt-2">
<div class="row center no-gutters">
<div class="col-xs-8">
<div class="fs-md" style="color: #00a4ff;">DEPOSIT</div>
<div>Waktu rata-rata</div>
</div>
<div class="col-xs-4 text-right">
<div class="mb-0 progressNumber">1<span class=
"fs-sm">Menit</span></div>
</div>
<div class="col-xs-12">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 10%"
aria-valuenow="1" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mt-3 center no-gutters">
<div class="col-xs-8">
<div class="fs-md" style="color: #00a4ff;">WITHDRAW</div>
<div>Waktu rata-rata</div>
</div>
<div class="col-xs-4 text-right">
<div class="mb-0 progressNumber">3<span class=
"fs-sm">Menit</span></div>
</div>
<div class="col-xs-12">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 30%"
aria-valuenow="3" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<p class="mt-3 fs-sm">Deposit bisa melalui Bank, E-Wallet dan
pulsa.</p>
</div>
</div>
<div class=
"col-md-6 col-lg-4 col-xs-12 gradient-border mobile-border">
<h4 class="btn title" style="text-align:center;">JENIS
PERMAINAN</h4>
<section class="carousel-fixed-height">
<div id="pagination-info" class="carousel slide" data-ride=
"carousel">
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="d-block mb-3 pointer text-left">
<div class="fs-md" style="color:#00a4ff;">TOGEL</div>
<div style="white-space: normal;">Penyedia pasaran togel dengan
beragam pilihan pasaran terbaik.</div>
</div>
<div class="d-block mb-3 pointer text-left">
<div class="fs-md" style="color: #00a4ff;">SLOT GAME</div>
<div style="white-space: normal;">Penyedia slot gacor online dengan
beragam pilihan game menarik yang memudahkan pemain untuk mencapai
jackpot.</div>
</div>
<div class="d-block mb-3 pointer text-left">
<div class="fs-md" style="color: #00a4ff;">LIVE CASINO</div>
<div style="white-space: normal;">Penyedia permainan Live Casino
terlengkap.</div>
</div>
<div class="d-block mb-3 pointer text-left">
<div class="fs-md" style="color: #00a4ff;">SPORTSBOOK</div>
<div style="white-space: normal;">Penyedia provider Sportsbook Sbo
terlengkap.</div>
</div>
<div class="d-block mb-3 pointer text-left">
<div class="fs-md" style="color: #00a4ff;">SABUNG</div>
<div style="white-space: normal;">Penyedia provider Sabung Ayam
terbaik.</div>
</div>
</div>
</div>
</div>
</section>
</div>
<style>
.app-info .progressNumber {font-weight: 700;font-size: 42.728px}.fs-sm {font-size: 11.2px}.progress-bar {float: left;width: 0;height: 100%;font-size: 12px;line-height: 21px;color: #fff;text-align: center;background-color: #00a4ff;box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);transition: width .6s ease;}.title {width: 100%;height: 35px;border-color: #00a4ff;font-size:16px;color: #fff;font-family: Helvetica Neue, sans-serif;background: #00a4ff;font-weight: bold;}.fs-md {font-size: 16px;font-weight: bold;}.social-media-list{margin-top:5px}.social-media-list>h3{display:inline-block}.social-media-list>h3+h3{margin-left:10px}.social-media-list>h3 img{width:32px;height:32px}.social-media-list>h3:hover img{animation:bounce 1s}@keyframes bounce{0%,20%,60%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}
</style>
<style>
.snowflake{color:#fff;font-size:1em;font-family:Arial,sans-serif;text-shadow:0 0 5px #000;position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:20s,6s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:20s,6s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:first-of-type{left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
</div>
<style>
.BANDAR999{
width: 100%;
display: block;
color: #00a4ff;
text-shadow: 0px 1px #ffffff;
margin: auto;
margin-top: 3px;
text-align: center;
padding: 10px 0px;
font-size: 15px;
font-weight: bold;
border-radius: 5px;
border: 5px outset white;
animation: needmoney 1.5s infinite;
}
@keyframes needmoney {
0% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1 ;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
2.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
7.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
10% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
12.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
15% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
17.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
20% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
22.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
25% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
27.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
30% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
32.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
35% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c);
}
37.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c);
}
40% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c);
}
42.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c);
}
45% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff);
}
50% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
72.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
75% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff);
}
77.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c,#d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c);
}
80% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c);
}
82.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c);
}
85% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c);
}
87.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
90% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
92.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
95% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
97.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #d4217c, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
100% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c, #d4217c);
}
}
.blinking{
animation:blinkingText 1.5s infinite;
margin:auto;
display:block;
font-weight: 900;
color:#f00;
</style>
<style>
#snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -143px;
background-color: #00a4ff;
color: white;
text-align: center;
border-radius: 2px;
padding: 6px;
position: fixed;
z-index: 1;
left: 50%;
top: 100px;
font-size: 14px;
font-weight: bold;
}
#snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
from {top: 0; opacity: 0;}
to {top: 100px; opacity: 2;}
}
@keyframes fadein {
from {top: 0; opacity: 0;}
to {top: 100px; opacity: 2;}
}
@-webkit-keyframes fadeout {
from {top: 100px; opacity: 2;}
to {top: 0; opacity: 0;}
}
@keyframes fadeout {
from {top: 100px; 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 ="red";
// document.getElementById("withdraw").width ="30%";
// document.getElementById("withdraw").height ="25px";
}
loadlink();
setInterval(function(){
loadlink()
}, 5000);
</script>
</style>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5QL7JHH6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- snowflake -->
<script src="https://hcgames-3g.s3.ap-east-1.amazonaws.com/content/js/snow_effect.js"></script>
<style>.snowflakes .hide{display:none;}.snowflake{color:#fff;font-size:1em;font-family:Arial,sans-serif;text-shadow:0 0 5px #000;position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:first-of-type{left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}</style>
<!-- <div class="snowflakes hide" aria-hidden="true">
<div class="snowflake"><img src="https://imagedelivery.net/k1XOjB7fe6qGNLws5V0v9w/9518f628-5eb1-4339-912a-5f8e72c59000/public" height="40px" width="40px;"></div>
<div class="snowflake"><img src="https://imagedelivery.net/k1XOjB7fe6qGNLws5V0v9w/050eed2a-062e-4e84-d050-50af6fbf4c00/public" height="40px" width="40px;"></div>
<div class="snowflake"><img src="https://imagedelivery.net/k1XOjB7fe6qGNLws5V0v9w/fc556306-2146-4c83-0a94-326769f02700/public" height="40px" width="40px;"></div>
<div class="snowflake"><img src="https://imagedelivery.net/k1XOjB7fe6qGNLws5V0v9w/625b071b-b645-4221-2b40-ee7ec7fa6700/public" height="40px" width="40px;"></div>
<div class="snowflake"><img src="https://imagedelivery.net/k1XOjB7fe6qGNLws5V0v9w/69a9e4b5-c705-4b06-bd0a-7c3e2b0a9a00/public" height="40px" width="40px;"></div>
<div class="snowflake"><img src="https://imagedelivery.net/k1XOjB7fe6qGNLws5V0v9w/4ac5edf3-f585-4db1-a6ef-02c965924400/public" height="40px" width="40px;"></div>
<div class="snowflake"><img src="https://imagedelivery.net/k1XOjB7fe6qGNLws5V0v9w/ac5bcf30-ffb7-4b3c-e456-6f754925dc00/public" height="40px" width="40px;"></div>
<div class="snowflake"><img src="https://imagedelivery.net/k1XOjB7fe6qGNLws5V0v9w/5c36b479-7f11-453e-12db-39f2c8063700/public" height="40px" width="40px;"></div>
<div class="snowflake"><img src="https://imagedelivery.net/k1XOjB7fe6qGNLws5V0v9w/89c0bceb-8491-49c1-e6d7-eeb099532600/public" height="40px" width="40px;"></div>
<div class="snowflake"><img src="https://imagedelivery.net/k1XOjB7fe6qGNLws5V0v9w/bf4bb52d-e0a5-48ee-0604-227682ea8400/public" height="40px" width="40px;"></div>
</div> --> </div>
<div class="footer-group">
<div class="copyright">
<div style="white-space: nowrap">© 2015 - 2025 Copyright BANDAR999.</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=h73sb2PIDCDZW4j2tuHfNUdaFHkdemIzDInmMddulQk.','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://chat.whatsapp.com/CwPu0ZQjcsb8QZB8JJdqb0" 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>WHATSAPP GRUP OFFICIAL</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 = 13135251;
;(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/13135251/" 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>
$('.verifikasiform').hide();
$('.verifval').val('0');
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script>
if(document.getElementById("promo")) {
var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
window.onload = () => {
myModal.show();
}
}
var mobileurl = 'm/';
var showIDs = [];
function showProducts(hoverID) {
while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
// document.getElementById('hover').classList.add("hover-show");
document.getElementById('hover').style.transitionDelay = "0s";
document.getElementById('hover').style.visibility = "visible";
document.getElementById('hover').style.opacity = "1";
document.getElementById(hoverID).style.display = "flex";
showIDs.push(hoverID);
}
function hideProducts(hoverID) {
// document.getElementById('hover').classList.remove("hover-show");
document.getElementById('hover').style.visibility = "hidden";
document.getElementById('hover').style.opacity = "0";
document.getElementById('hover').style.transitionDelay = "1s";
}
var mobileDaftarForm = document.getElementById('mobile-daftar-form');
var marquee = document.getElementById('marquee');
function closeContent() {
$('#main-content').html("");
}
function openDaftar() {
closeContent();
mobileDaftarForm.style.display = "block";
mobileDaftarForm.scrollIntoView();
}
function closeDaftar() {
mobileDaftarForm.style.display = "none";
marquee.scrollIntoView();
}
function showProvider(type) {
$('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
$('#main-content').load("new-showprovider.php?type=" + type);
}
function toggleInformasi(item) {
page(item);
}
function showInformasi(item) {
document.getElementById('modal-wrapper').style.display='block';
toggleInformasi(item);
}
</script>
<script src="/js/old/new-webduo35.js"></script>
<!-- POP UP COOKIES -->
<style>
.kebijakan-privasi, .kebijakan-cookies {
color: 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>
# |
Url |
Url |
Source |
Date |
1 |
https://surivon.com/ |
|
2025-02-15 07:55:19 |
2 |
https://digi40sa.z22.web.core.wind… |
|
2025-02-15 07:55:19 |
3 |
https://cbdgummiessupport.org/en-u… |
|
2025-02-15 07:55:16 |
4 |
https://agoiare.dlbookit.se/(S(z1l… |
|
2025-02-15 07:55:12 |
5 |
https://thebolditalic.com/?gi=d12e… |
|
2025-02-15 07:55:11 |
6 |
https://agoiare.dlbookit.se/(S(sr1… |
|
2025-02-15 07:55:11 |
7 |
https://cbdgummiessupport.org/en-u… |
|
2025-02-15 07:55:10 |
8 |
https://www.snowvity.com/ |
|
2025-02-15 07:55:07 |
9 |
http://www.xmovs.com/user/4384018/… |
|
2025-02-15 07:55:06 |
10 |
https://agoiare.dlbookit.se/(S(xxx… |
|
2025-02-15 07:55:04 |
11 |
https://cbdgummiessupport.org/en-u… |
|
2025-02-15 07:55:04 |
12 |
https://agoiare.dlbookit.se/(S(u5m… |
|
2025-02-15 07:55:03 |
13 |
https://thebolditalic.com/?gi=44c8… |
|
2025-02-15 07:54:56 |
14 |
https://consent.youtube.com/ml?con… |
|
2025-02-15 07:54:55 |
15 |
https://storage.googleapis.com/dig… |
|
2025-02-15 07:54:54 |
16 |
https://www.fundoosale.com/ |
|
2025-02-15 07:54:54 |
17 |
https://agoiare.dlbookit.se/(S(dvk… |
|
2025-02-15 07:54:53 |
18 |
https://cbdgummiessupport.org/en-u… |
|
2025-02-15 07:54:53 |
19 |
https://yiwaiwai.me/ |
|
2025-02-15 07:54:52 |
20 |
https://agoiare.dlbookit.se/(S(dvg… |
|
2025-02-15 07:54:51 |