<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mercy4D | Link Hiburan Hammer of Vulcan | Qris 1 Detik</title>
<meta name="google-site-verification" content="5GyGwte2MOGCDGQubPOXBGXLZCrB6EuH4-BGbGvJH-s" />
<meta name="google-site-verification" content="jLPP6COU5qr7wMQo9AQlXecunB8NhEC1290pPoFNFgo" />
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1693553297836018');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1693553297836018&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<link rel="amphtml" href="https://mobildinas.fun/">
<meta name="description" content="Main Hammer of Vulcan di Mercy4D dengan deposit QRIS hanya 1 detik! Nikmati hiburan seru dan peluang menang besar dalam setiap putaran."/>
<meta name="google-site-verification" content="Qf8dEGQQpo2hyLhnwu5eZqLb7w6LdQQams9VpintM5Q" />
<meta name="google-site-verification" content="ljj8SYlvmcgAMQBsgnv3hAqZgVbWouIUej9ms_0OUq0" />
<meta name="google-site-verification" content="ckigTiMQKM6Ihm_Wa9gKOM5duF-GPWrHCof43PEvVz4" />
<meta name="google-site-verification" content="escg8o5bGOvr1MHDf5CLD3MITL1R2lbx7Tu0Y2aEXO0" />
<meta name="google-site-verification" content="SC95S1lK8gtPhSs7YcWxJocCeguGuZqLhYqBBrNRL9I" />
<meta name="google-site-verification" content="zixy823sXaVLUDmWw0RID_el3NgX1SEWgdhNxPdx0k8" />
<meta name="google-site-verification" content="LyTa6Y8_q3BVUlU4jJ0vK1Rz0nUYgVzIJQ06sLpA2bQ" />
<meta name="google-site-verification" content="G6VVrVvSMHvthJZdZ75AoDUm5xpxnunpUsjqSRuu2bg" />
<meta name="google-site-verification" content="y7n_T1UGvhDjtrnMGHj5cYpPziOU9TWY7hf6cdLm6Ro" />
<meta name="google-site-verification" content="yCpUhapAwT_5p2ATtivAdigSC3fZNABZ9oCkh8_cvRs" />
<meta name="google-site-verification" content="LEj0y-pQWmVGRPEeYRvJTVKNJdrt_0fzdhHIn1nkUh0" />
<meta name="google-site-verification" content="KD47XGezrtxIphio-Fe32A7a0CB5lScuPplrQIUuRY0" />
<meta name="google-site-verification" content="TEpE3hdTJyqEFgq4wrNi4sZYfVkpnNzdKGL79YIf_PI" />
<meta name="google-site-verification" content="1Q3yq1TxG1lurX9MjQNnYCvWpK3CWTd00ZQU3UY2-DM" />
<meta name="google-site-verification" content="mLnuIkq07He9tLnGeJIbEaV0BQUaTJeRxTwJYM0ftQo" />
<meta name="google-site-verification" content="oxz8mIP9YRbjm6_XiNRiJu4sDnaG6-KxdBhV5gOyn-I" />
<meta name="google-site-verification" content="IuBf4-tMohqp6UF2_t4GAgt3RcxT8Bd_ccpPcNfnwek" />
<meta name="google-site-verification" content="6rpHdiop6F0Taz2uvlwiyiweV1J_K1mxvRvXMiteMKY" />
<meta name="google-site-verification" content="yszd4k0YclYyvAYPK0Q83gdoO51zg4ThXH43C-k8s5Y" />
<meta name="google-site-verification" content="XzgTtzlDaHSn-fxXkUAEMDF07Jdkc3yUd8NQOTr3JII" />
<meta name="google-site-verification" content="lO4-umjcqzFfsZ9DYCCyNi0IAOD8mFzqMwD_AabT5VU" />
<meta name="google-site-verification" content="68H3YGVofOtjVWY_TZW199Mrx-a562qKthMl_EziwZE" />
<meta name="google-site-verification" content="Bkx0907zVy_OMoVH0BlTNMf9-LNzEYdHj4JNZWF_YGY" />
<meta name="google-site-verification" content="TBa2RE8T3pgJ581EMyfafisDp7O4_S9HDOC_ekDElqo" />
<meta name="google-site-verification" content="lHgFNc7OPQ3ID5VFe-k4zPiF-KIutgt1YAu1vy9AIkg" />
<link rel="canonical" href="https://rockingx.com/">
<div id="cl" style="z-index:105;cursor:pointer;bottom:130px;left:15px;position:fixed;">
<div onclick="window.open('https://rebrand.ly/WhatsappMercy4D');" style=""><img src="https://cuanyuk.xyz/img/waweb.webp" width="50" height="50"></div>
</div>
<div id="cl" style="z-index:105;cursor:pointer;bottom:190px;left:15px;position:fixed;">
<div onclick="window.open('https://t.me/mercymerahcerah');" style=""><img src="https://cuanyuk.xyz/img/telegramweb.webp" width="50" height="50"></div>
</div>
<div id="cl" style="z-index:105;cursor:pointer;bottom:250px;left:15px;position:fixed;">
<div onclick="window.open('https://rebrand.ly/rtp-pusat');" style=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-x-kgWrmqup7JFZn7L-5h7nJOsUMtB7kMFQ5Rl-u76B9iMc-W-CledcG1ZPfX-hq1sD9GVfo8uqNHWND5QZBzgefspcBZDDn5rf9vDTtctlRpfBmliEHDjssCIAYohH9yXqs4rWGI-UV9tXMyAGza29Zr4K06zHKpomB4hiNmjErOnF8G4Jt1JM9iiBI/s1600/INFO-RTP.gif" width="50" height="50"></div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-N7EXLEJ88C"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-N7EXLEJ88C');
</script>
<meta name="viewport" content="width=1200, initial-scale=0.33">
<link href="/css/bootstrap-5.3.0.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="/css/bootstrap-icons.css">
<!--<link rel="stylesheet" href="/css/template/RP.css">-->
<link rel="stylesheet" href="/css/template/RP.css">
<link rel="stylesheet" href="/css/variable.css">
<link rel="stylesheet" href="/css/dark.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="icon" type="image/png" href="favicon.png">
<script src="/js/jquery-3.6.4.min.js"></script>
<style>
.login-input-field {
font-size: 1rem;
}
@media only screen and (max-width: 1000px) {
.login-input-field {
font-size: 1.2rem;
}
}
</style>
</head>
<body id="desktop">
<div id="hover" class="hover desktop-only">
<div id="hover-togel" class="hover-menu">
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
<figcaption>TOGEL</figcaption>
</a>
</div>
<div id="hover-slot" class="hover-menu">
<a href="/?content=slot&provider=fgs" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
<figcaption>5G GAMES</figcaption>
</a>
<a href="/?content=slot&provider=pp" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
<figcaption>PRAGMATIC PLAY</figcaption>
</a>
<a href="/?content=slot&provider=pg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
<figcaption>PG SOFT</figcaption>
</a>
<a href="/?content=slot&provider=hb" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
<figcaption>HABANERO</figcaption>
</a>
<a href="/?content=slot&provider=sg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
<figcaption>SPADEGAMING</figcaption>
</a>
<a href="/?content=slot&provider=jg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
<figcaption>JOKER</figcaption>
</a>
<a href="/?content=slot&provider=nlc" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
<figcaption>NOLIMIT CITY</figcaption>
</a>
<a href="/?content=slot&provider=mg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
<figcaption>MICRO GAMING</figcaption>
</a>
<a href="/?content=slot&provider=jl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
<figcaption>JILI</figcaption>
</a>
<a href="/?content=slot&provider=fs" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
<figcaption>FASTSPIN</figcaption>
</a>
<a href="/?content=slot&provider=ps" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
<figcaption>PLAYSTAR</figcaption>
</a>
<a href="/?content=slot&provider=l22" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
<figcaption>LIVE22</figcaption>
</a>
<!-- <a href="/?content=slot&provider=nte" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
<figcaption>NETENT</figcaption>
</a> -->
<a href="/?content=slot&provider=cq9" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
<figcaption>CQ9</figcaption>
</a>
<!-- <a href="/?content=slot&provider=ttg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
<figcaption>TOPTREND GAMING</figcaption>
</a> -->
<a href="/?content=slot&provider=ss" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
<figcaption>SBO SLOT</figcaption>
</a>
</div>
<div id="hover-live" class="hover-menu" >
<a href="/?content=casino&provider=pplc" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
<figcaption>PRAGMATIC PLAY</figcaption>
</a>
<a href="/?content=casino&provider=ion" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
<figcaption>ION CASINO</figcaption>
</a>
<a href="/?content=casino&provider=evo" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
<figcaption>EVOLUTION</figcaption>
</a>
<a href="/?content=casino&provider=sx" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
<figcaption>SEXY GAMING</figcaption>
</a>
<a href="/?content=casino&provider=ab" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
<figcaption>ALLBET</figcaption>
</a>
<a href="/?content=casino&provider=sa" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
<figcaption>SA GAMING</figcaption>
</a>
<a href="/?content=casino&provider=mg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure>
<figcaption>MICRO GAMING</figcaption>
</a>
<a href="/?content=casino&provider=og" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
<figcaption>OPUS PLUS</figcaption>
</a>
<a href="/?content=casino&provider=sbol" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
<figcaption>SBOBET CASINO</figcaption>
</a>
</div>
<div id="hover-sport" class="hover-menu">
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
<figcaption>SABA</figcaption>
</a>
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
<figcaption>SBOBET</figcaption>
</a>
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
<figcaption>CMD368</figcaption>
</a>
<!-- <a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
<figcaption>PINNACLE</figcaption>
</a> -->
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
<figcaption>TFGAMING</figcaption>
</a>
</div>
<div id="hover-fishing" class="hover-menu">
<a href="/?content=fish&provider=sg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
<figcaption>SPADE GAMING</figcaption>
</a>
<a href="/?content=fish&provider=jl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
<figcaption>JILI</figcaption>
</a>
<a href="/?content=fish&provider=fs" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
<figcaption>FASTSPIN</figcaption>
</a>
<!-- <a href="/?content=fish&provider=ps" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
<figcaption>PLAYSTAR</figcaption>
</a>
<a href="/?content=fish&provider=l22" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
<figcaption>LIVE22</figcaption>
</a> -->
</div>
<div id="hover-sabung" class="hover-menu">
<a href="/?content=sabung&provider=ws" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
<figcaption>WS168</figcaption>
</a>
</div>
<div id="hover-interactive" class="hover-menu">
<a href="/?content=interactive&provider=gmn" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
<figcaption>GEMINI</figcaption>
</a>
<a href="/?content=interactive&provider=jg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
<figcaption>JOKER</figcaption>
</a>
<a href="/?content=interactive&provider=mg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
<figcaption>MICRO GAMING</figcaption>
</a>
<a href="/?content=interactive&provider=jl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
<figcaption>JILI</figcaption>
</a>
<!-- <a href="/?content=interactive&provider=ps" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
<figcaption>PLAYSTAR</figcaption>
</a> -->
</div>
</div><style>
.my-navbar {
height: 52px;
padding: 0px;
width: 100%;
background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
position: fixed;
bottom: 0;
color: white;
z-index: 1100;
display: flex;
box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
}
.navbar-item {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.navbar-item-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: -16px
}
.navbar-item-content>i {
font-size: 20px;
line-height: 22px;
color: white;
padding-bottom: 4px;
}
.navbar-item-content>img {
height: 36px;
width: 36px;
}
.navbar-item-content>label {
white-space: nowrap;
margin-top: 4px;
font-weight: bold;
font-size: var(--text-size-default);
color: white
}
</style>
<div class="mobile-only" >
<div class="my-navbar">
<a href="/" class="navbar-item" style="position: relative">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//beranda.png"/>
<label>BERANDA</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="/m/promosi.php" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//promosi.png"/>
<label>PROMOSI</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="/m/event.php" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//events.png"/>
<label>EVENT</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="https://rebrand.ly/WhatsappMercy4D" 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://app.chaport.com/widget/show.html?appid=64daa2db85f08ded6e1ad25b" target="_blank" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//livechat.png"/>
<label>LIVECHAT</label>
</div>
</a>
</div>
</div>
<div id="top" class="wrapper">
<header class="header">
<div class="header-content">
<div class="logo" href="/">
<a href='/'><img src="/images/logoweb.png" class='logoimg' alt=""></a>
</div>
<div id="marquee-mobile" class="marquee mobile-only">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
</div>
<div class="running">
<div class="marquee-shadow"></div>
<marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee>
</div>
<div class="d-flex align-items-center gap-2">
</div>
</div>
</div>
<div class="mslider mobile-only">
</div>
<div class="login">
<div id="desktoplogin" class="desktop-only">
<form class="login-form form" role="form">
<div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div>
<div class="input-group login-field">
<span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
<input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
</div>
<div id="marquee" class="marquee mobile-only">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<i class="bi bi-megaphone-fill desktop-only"></i>
</div>
<div class="running">
<div class="marquee-shadow"></div>
<marquee behavior="" direction="" id="broadcast"></marquee>
</div>
</div>
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
<input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
</div>
<div class="verifikasiform" style="display: flex; gap: 2px;">
<span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
<input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off">
</div>
<input type="hidden" name="verif" id="verifval" class="verifval" value="1">
<button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
<button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/?content=register'">Daftar</button>
<input type="hidden" name="task" value="login">
<input type="hidden" name="logindesktop" value="7PNWNqSE7Z/FpfUI0837FSYfys0nuzAZz7KUy8QgTeI=">
</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?5927" 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="7PNWNqSE7Z/FpfUI0837FSYfys0nuzAZz7KUy8QgTeI=">
</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='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option> </select>
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend" style=""><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
</div>
<!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
<input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
<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="03xc12fxd/gbji/bWpLi18Cevbu+BIRj1dibEpOPAfo=">
<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" 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-20220311152203.jpg" class="d-block w-100 banner" alt="Welcome to Mercy4D" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20220712121033.jpg" class="d-block w-100 banner" alt="Bonus New Member dan Bonus Harian" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20220712182349.jpg" class="d-block w-100 banner" alt="Bonus Cashback dan Rollingan" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20220712135245.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20221221061351.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://img.viva88athenae.com/banner/5g-10rb.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
</div>
</div>
</div>
<div class="mobile-only"><div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
<img src="https://img.viva88athenae.com/pop/mobile-fgs.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;">
</div></div>
</div>
</div>
<!-- Togel -->
<style>
.togel-desktop {
background: var(--togel-background);
grid-area: togel-desktop;
position: relative;
}
.togel-mobile {
display: none;
}
.show-more {
position: absolute;
z-index: 999;
bottom: 0px;
width: 100%;
/* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
}
.show-more-content {
background: var(--secondary-background);
opacity: .7;
display: grid;
place-items: center;
height: 32px
}
.togel-content {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
/*display: grid;*/
/*grid-template-columns: repeat(10, 1fr);*/
gap: 8px 4px;
padding: 16px 0;
}
.see-more {
padding: 16px 0 48px 0;
max-height: 162px;
transition: max-height .75s ease-out;
transition-delay: .1s;
overflow: hidden;
}
.togel-content:hover{
max-height: 1000px;
transition: max-height 0.25s ease-in;
}
.result {
height: 110px;
width: 96px;
border-radius: 10px;
background: var(--result-background);
border: var(--result-border);
display: grid;
grid-template-rows: 0px 20px 1fr 28px;
grid-template-areas:
"badge"
"pasaran"
"keluaran"
"tanggal"
;
/* display: flex;
flex-direction: column;
justify-content: space-between; */
overflow: hidden;
}
.badge {
grid-area: badge;
display: grid;
place-items: center;
}
.result>.pasaran {
grid-area: pasaran;
padding-top: 8px;
white-space: nowrap;
font-size: .7rem;
line-height: .7rem;
color: var(--result-pasaran-color);
display: grid;
place-items: center;
}
.result>.keluaran {
grid-area: keluaran;
padding-bottom: 8px;
font-family: 'Oswald', sans-serif;
line-height: 40px;
font-size: 40px;
color: var(--result-keluaran-color);
display: grid;
place-items: center;
}
.result>.tanggal {
grid-area: tanggal;
width: 100%;
height: 100%;
/* background: rgb(40,0,0);
background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
background: var(--result-tanggal-background);
white-space: nowarp;
font-size: .79rem;
display: grid;
place-items: center;
font-family: 'Abel', sans-serif;
color: var(--result-tanggal-color);
}
@media only screen and (max-width: 1000px) {
.togel-desktop {
display: none;
}
.togel-mobile {
background: var(--secondary-background);
grid-area: togel-mobile;
padding: 24px;
padding-bottom: 12px;
box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
}
.togel-title {
padding: 0px;
padding-bottom: 20px;
font-size: 1.4rem;
font-weight: bold;
color: var(--primary-text-color);
}
.togel-content {
max-height: fit-content;
display: grid;
grid-template-columns: 1fr;
gap: 0;
border-radius: 8px;
}
.provider-group {
padding: var(--mobile-padding-horizontal);
}
.badge {
display: none;
}
.result {
height: auto;
width: 100%;
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 80px;
grid-template-areas: "pasaran tanggal keluaran";
border-radius: 0;
border: none;
background: transparent;
padding: 4px 12px;
color: var(--primary-text-color);
font-family: 'Abel', sans-serif;
}
.result-data:nth-child(odd) {
background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
}
.accordion-item {
background-color: transparent;
border: 0px;
}
.accordion-button:not(.collapsed) {
color: inherit;
background-color: transparent;
box-shadow: none;
}
.accordion-button::after {
height: 0px;
}
.result>* {
padding: 0px!important;
margin: 0px!important;
font-size: 1.4rem!important;
line-height: auto!important;
font-weight: normal!important;
}
.result>.pasaran {
display: flex;
justify-content: start;
color: var(--primary-text-color)!important;
opacity: .7;
}
.result>.tanggal {
display: flex;
justify-content: center;
background: transparent;
color: var(--primary-text-color)!important;
opacity: .7;
}
.result>.keluaran {
display: flex;
justify-content: end;
/*color: var(--primary-text-color)!important;*/
font-family: 'Abel', sans-serif;
color: var(--highlight-text-color);
}
}
</style>
<div id="togel-desktop" class="togel-desktop desktop-only">
<div class="show-more desktop-only">
<div class="show-more-content">
<i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
</div>
</div>
<div class="togel-content see-more">
<a href="/?content=hasil&pid=MAD" class="result">
<div class="badge">
</div>
<div class="pasaran">MADRID </div>
<div class="keluaran">2575</div>
<div class="tanggal">MINGGU 29/9/2024</div>
</a>
<a href="/?content=hasil&pid=TOK" class="result">
<div class="badge">
</div>
<div class="pasaran">TOKYO </div>
<div class="keluaran">9328</div>
<div class="tanggal">SABTU 28/9/2024</div>
</a>
<a href="/?content=hasil&pid=OSA" class="result">
<div class="badge">
</div>
<div class="pasaran">OSAKA </div>
<div class="keluaran">1662</div>
<div class="tanggal">SABTU 28/9/2024</div>
</a>
<a href="/?content=hasil&pid=SHA" class="result">
<div class="badge">
</div>
<div class="pasaran">SHANGHAI </div>
<div class="keluaran">8519</div>
<div class="tanggal">SABTU 28/9/2024</div>
</a>
<a href="/?content=hasil&pid=SG" class="result">
<div class="badge">
</div>
<div class="pasaran">SINGAPORE </div>
<div class="keluaran">1672</div>
<div class="tanggal">SABTU 28/9/2024</div>
</a>
<a href="/?content=hasil&pid=PHU" class="result">
<div class="badge">
</div>
<div class="pasaran">PHUKET4D </div>
<div class="keluaran">2700</div>
<div class="tanggal">SABTU 28/9/2024</div>
</a>
<a href="/?content=hasil&pid=LON" class="result">
<div class="badge">
</div>
<div class="pasaran">LONDON </div>
<div class="keluaran">4196</div>
<div class="tanggal">SABTU 28/9/2024</div>
</a>
<a href="/?content=hasil&pid=DUB" class="result">
<div class="badge">
</div>
<div class="pasaran">DUBAI </div>
<div class="keluaran">5908</div>
<div class="tanggal">SABTU 28/9/2024</div>
</a>
<a href="/?content=hasil&pid=TWH" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO WUHAN </div>
<div class="keluaran">6954</div>
<div class="tanggal">MINGGU 29/9/2024</div>
</a>
<a href="/?content=hasil&pid=HKD" class="result">
<div class="badge">
</div>
<div class="pasaran">HK SIANG </div>
<div class="keluaran">4386</div>
<div class="tanggal">SABTU 28/9/2024</div>
</a>
<a href="/?content=hasil&pid=MY" class="result">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA </div>
<div class="keluaran">1585</div>
<div class="tanggal">SABTU 28/9/2024</div>
</a>
</div>
</div>
<div id="togel-mobile" class="togel-mobile mobile-only">
<div class="togel-title">Togel Result</div>
<div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
<div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
<button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
</div>
<div class="carousel-inner">
<div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MAD">
<div class="badge">
</div>
<div class="pasaran">MADRID </div>
<div class="keluaran">2575</div>
<div class="tanggal">29-09-2024</div>
</button>
<div id="paito-MAD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5633</div>
<div class="tanggal">28-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2948</div>
<div class="tanggal">27-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6762</div>
<div class="tanggal">26-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8227</div>
<div class="tanggal">25-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0930</div>
<div class="tanggal">24-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1077</div>
<div class="tanggal">23-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3275</div>
<div class="tanggal">22-09-2024</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TOK">
<div class="badge">
</div>
<div class="pasaran">TOKYO </div>
<div class="keluaran">9328</div>
<div class="tanggal">28-09-2024</div>
</button>
<div id="paito-TOK" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7714</div>
<div class="tanggal">27-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9083</div>
<div class="tanggal">26-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5791</div>
<div class="tanggal">25-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6384</div>
<div class="tanggal">24-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4195</div>
<div class="tanggal">23-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0869</div>
<div class="tanggal">22-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1724</div>
<div class="tanggal">21-09-2024</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-OSA">
<div class="badge">
</div>
<div class="pasaran">OSAKA </div>
<div class="keluaran">1662</div>
<div class="tanggal">28-09-2024</div>
</button>
<div id="paito-OSA" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0839</div>
<div class="tanggal">27-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7126</div>
<div class="tanggal">26-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4833</div>
<div class="tanggal">25-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1560</div>
<div class="tanggal">24-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9287</div>
<div class="tanggal">23-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2455</div>
<div class="tanggal">22-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6319</div>
<div class="tanggal">21-09-2024</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SHA">
<div class="badge">
</div>
<div class="pasaran">SHANGHAI </div>
<div class="keluaran">8519</div>
<div class="tanggal">28-09-2024</div>
</button>
<div id="paito-SHA" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4265</div>
<div class="tanggal">27-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3152</div>
<div class="tanggal">26-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6909</div>
<div class="tanggal">25-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9817</div>
<div class="tanggal">24-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3664</div>
<div class="tanggal">23-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4910</div>
<div class="tanggal">22-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0076</div>
<div class="tanggal">21-09-2024</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
<div class="badge">
</div>
<div class="pasaran">SINGAPORE </div>
<div class="keluaran">1672</div>
<div class="tanggal">28-09-2024</div>
</button>
<div id="paito-SG" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9907</div>
<div class="tanggal">26-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2769</div>
<div class="tanggal">25-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2979</div>
<div class="tanggal">23-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4317</div>
<div class="tanggal">22-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7954</div>
<div class="tanggal">21-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0311</div>
<div class="tanggal">19-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6553</div>
<div class="tanggal">18-09-2024</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-PHU">
<div class="badge">
</div>
<div class="pasaran">PHUKET4D </div>
<div class="keluaran">2700</div>
<div class="tanggal">28-09-2024</div>
</button>
<div id="paito-PHU" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8196</div>
<div class="tanggal">27-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4631</div>
<div class="tanggal">26-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1877</div>
<div class="tanggal">25-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5058</div>
<div class="tanggal">24-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7304</div>
<div class="tanggal">23-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7681</div>
<div class="tanggal">22-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2551</div>
<div class="tanggal">21-09-2024</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-LON">
<div class="badge">
</div>
<div class="pasaran">LONDON </div>
<div class="keluaran">4196</div>
<div class="tanggal">28-09-2024</div>
</button>
<div id="paito-LON" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3624</div>
<div class="tanggal">27-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5474</div>
<div class="tanggal">26-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0213</div>
<div class="tanggal">25-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3286</div>
<div class="tanggal">24-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8651</div>
<div class="tanggal">23-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6599</div>
<div class="tanggal">22-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4126</div>
<div class="tanggal">21-09-2024</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-DUB">
<div class="badge">
</div>
<div class="pasaran">DUBAI </div>
<div class="keluaran">5908</div>
<div class="tanggal">28-09-2024</div>
</button>
<div id="paito-DUB" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5272</div>
<div class="tanggal">27-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8805</div>
<div class="tanggal">26-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9358</div>
<div class="tanggal">25-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7442</div>
<div class="tanggal">24-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6217</div>
<div class="tanggal">23-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1803</div>
<div class="tanggal">22-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3866</div>
<div class="tanggal">21-09-2024</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
<div class="badge">
</div>
<div class="pasaran">TOTO WUHAN </div>
<div class="keluaran">6954</div>
<div class="tanggal">29-09-2024</div>
</button>
<div id="paito-TWH" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7750</div>
<div class="tanggal">28-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8479</div>
<div class="tanggal">28-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4388</div>
<div class="tanggal">28-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6375</div>
<div class="tanggal">28-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0992</div>
<div class="tanggal">28-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2731</div>
<div class="tanggal">28-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8507</div>
<div class="tanggal">27-09-2024</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
<div class="badge">
</div>
<div class="pasaran">HK SIANG </div>
<div class="keluaran">4386</div>
<div class="tanggal">28-09-2024</div>
</button>
<div id="paito-HKD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5494</div>
<div class="tanggal">27-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7033</div>
<div class="tanggal">26-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3455</div>
<div class="tanggal">25-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0374</div>
<div class="tanggal">24-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4684</div>
<div class="tanggal">23-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3064</div>
<div class="tanggal">22-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1057</div>
<div class="tanggal">21-09-2024</div>
</div>
</div>
</div>
</div><div class='carousel-item accordion accordion-flush'> <div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA </div>
<div class="keluaran">1585</div>
<div class="tanggal">28-09-2024</div>
</button>
<div id="paito-MY" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8416</div>
<div class="tanggal">27-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0411</div>
<div class="tanggal">26-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9098</div>
<div class="tanggal">25-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3602</div>
<div class="tanggal">24-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5044</div>
<div class="tanggal">23-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2305</div>
<div class="tanggal">22-09-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7631</div>
<div class="tanggal">21-09-2024</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function togglePaito(paitoid) {
let paito = document.getElementById(paitoid);
paito.classList.add("open");
}
</script>
<div class="provider">
<div class="provider-group">
<img src="https://img.viva88athenae.com//assets/categories.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>
</div>
</div>
</div>
</div>
</div>
<div class="transaksi-other">
<div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
<div class="transaksi-wrapper" style="max-width: 284px">
<div class="transaksi-name">E Money & Pulsa</div>
<div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
</div>
<div class="carousel-inner" >
<div class="carousel-item active">
<div class="transaksi-list-other">
<div class="transaksi-item">
<div class="transaksi-header">DANA</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">OVO</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">GOPAY</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">LinkAja</div>
<div class="transaksi-status status-blue"></div>
</div>
</div>
</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/line.png" width="20"/>
<div class="d-flex flex-column">
<div style="color: #888888;">LINE</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">mercyceria</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
<div class="d-flex flex-column">
<div style="color: #888888;">TELEGRAM</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">@mercymerahcerah</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com/kontak/fb.png" width="20"/>
<div class="d-flex flex-column">
<div style="color: #888888;">FACEBOOK</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">mercy4dofficial</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="guidelines">
<div class="guidelines-content desktop-only">
<img src="https://img.viva88athenae.com//guidelines.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>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>Mercy4D: Link Hiburan Hammer of Vulcan | QRIS 1 Detik</h1>
<p>Bagi para penggemar slot online, <a title="Mercy4D" href=
"https://rockingx.com">Mercy4D</a> adalah salah satu platform
terbaik yang menawarkan pengalaman bermain seru dan mudah. Salah
satu permainan unggulan di Mercy4D adalah Hammer of Vulcan,
permainan slot dengan tema mitologi yang penuh aksi dan peluang
kemenangan besar. Tak hanya itu, Mercy4D juga memudahkan para
pemain dengan metode deposit QRIS yang memungkinkan transaksi hanya
dalam 1 detik, membuat pengalaman bermain menjadi lebih lancar dan
cepat. Artikel ini akan membahas secara lengkap mengenai Hammer of
Vulcan di Mercy4D, serta mengapa fitur QRIS di Mercy4D memberikan
kemudahan bagi para pemain.</p>
<p>Mengenal Hammer of Vulcan<br>
Hammer of Vulcan adalah permainan slot yang dikembangkan oleh
Quickspin, dengan tema mitologi Romawi. Permainan ini berpusat pada
Vulcan, dewa api dan pandai besi, yang mengendalikan
senjata-senjata magis dan menghasilkan kemenangan besar bagi pemain
yang berhasil memanfaatkan fitur-fitur unik dalam game.</p>
<p>Game ini memiliki format 6 gulungan dan 4 baris dengan 4096 cara
menang, memberikan banyak peluang bagi pemain untuk meraih
kombinasi kemenangan. Simbol-simbol seperti palu, helm, dan senjata
perang menambah nuansa petualangan yang epik. Selain itu, fitur
free spins dan pengganda kemenangan yang muncul selama permainan
membuat Hammer of Vulcan menjadi salah satu slot paling seru di
Mercy4D.</p>
<p>Keunggulan Bermain di Mercy4D<br>
QRIS 1 Detik: Transaksi Cepat dan Mudah Salah satu keunggulan
terbesar yang ditawarkan oleh Mercy4D adalah sistem deposit QRIS.
Dengan QRIS, pemain hanya perlu memindai kode QR, dan dalam waktu 1
detik, saldo akan langsung masuk ke akun. Fitur ini sangat membantu
pemain yang ingin segera memulai permainan tanpa harus menunggu
proses deposit yang lama. Proses yang cepat dan mudah ini membuat
Mercy4D menjadi pilihan yang sangat praktis bagi pemain slot
online.</p>
<p>Hammer of Vulcan: Slot Seru dengan Fitur Pengganda Hammer of
Vulcan menawarkan berbagai fitur menarik yang meningkatkan peluang
kemenangan. Salah satu fitur utamanya adalah Vulcan’s Forge Free
Spins, yang diaktifkan dengan mendapatkan 3 atau lebih simbol
scatter. Selama free spins, palu Vulcan akan menghantam gulungan
dan mengubah simbol menjadi wild, meningkatkan peluang kemenangan
besar. Ditambah lagi dengan pengganda yang terus meningkat selama
putaran free spins, pemain bisa meraih kemenangan besar hingga
ratusan kali lipat dari taruhan awal.</p>
<p>Platform Terpercaya dan Aman Mercy4D adalah platform yang aman
dan terpercaya, dengan sistem enkripsi terbaru yang melindungi data
dan transaksi para pemain. Semua permainan di Mercy4D, termasuk
Hammer of Vulcan, diatur dengan adil dan transparan, memberikan
para pemain pengalaman bermain yang nyaman dan tenang. Selain itu,
Mercy4D memiliki layanan pelanggan yang responsif dan siap membantu
jika pemain mengalami kendala.</p>
<p>Promosi dan Bonus Menarik Mercy4D juga menawarkan berbagai
promosi dan bonus yang bisa dimanfaatkan oleh pemain. Dari bonus
deposit hingga cashback mingguan, Mercy4D selalu menyediakan
penawaran menarik yang membuat pengalaman bermain semakin
menguntungkan. Pastikan untuk memanfaatkan promosi ini agar Anda
bisa menambah saldo dan memperbesar peluang menang dalam
permainan.</p>
<p>Cara Bermain Hammer of Vulcan di Mercy4D<br>
Berikut adalah langkah-langkah mudah untuk mulai bermain Hammer of
Vulcan di Mercy4D:</p>
<p>Daftar Akun di Mercy4D Langkah pertama adalah mendaftar akun di
situs resmi Mercy4D. Proses pendaftaran sangat mudah dan cepat,
Anda hanya perlu mengisi data pribadi seperti nama, email, dan
nomor telepon.</p>
<p>Deposit Menggunakan QRIS Setelah akun Anda aktif, lakukan
deposit menggunakan QRIS. Cukup pindai kode QR yang muncul di situs
Mercy4D, dan dalam waktu 1 detik, saldo akan langsung masuk ke akun
Anda. Proses ini cepat dan aman, sehingga Anda bisa langsung
bermain tanpa menunggu lama.</p>
<p>Pilih Hammer of Vulcan di Menu Slot Setelah saldo masuk, Anda
bisa memilih Hammer of Vulcan dari menu permainan slot yang
tersedia di Mercy4D. Pasang taruhan sesuai dengan anggaran Anda,
dan mulailah berputar untuk meraih kemenangan besar.</p>
<p>Manfaatkan Fitur Free Spins dan Pengganda Dalam permainan,
kumpulkan 3 atau lebih simbol scatter untuk memicu free spins. Saat
palu Vulcan menghantam gulungan, simbol wild akan muncul dan
meningkatkan peluang kemenangan Anda. Setiap kali palu menghantam,
pengganda kemenangan juga akan bertambah, memberikan peluang besar
untuk meraih hadiah besar.</p>
<p>Tips Bermain Hammer of Vulcan<br>
Manfaatkan Free Spins: Fitur free spins adalah kunci untuk meraih
kemenangan besar dalam Hammer of Vulcan. Cobalah untuk mendapatkan
sebanyak mungkin simbol scatter untuk mengaktifkan fitur ini dan
nikmati pengganda kemenangan.</p>
<p>Kelola Taruhan dengan Bijak: Penting untuk selalu mengelola
taruhan dengan bijak. Meskipun Hammer of Vulcan menawarkan peluang
besar untuk menang, pastikan Anda bermain sesuai anggaran yang
telah ditetapkan.</p>
<p>Perhatikan Wild dan Pengganda: Simbol wild dan pengganda adalah
dua fitur utama yang dapat meningkatkan kemenangan Anda. Selalu
perhatikan setiap kali palu Vulcan menghantam gulungan, karena ini
bisa menghasilkan kemenangan besar.</p>
</body>
</html> </div>
<div class="footer-group">
<div class="copyright">
<div style="white-space: nowrap">© 2015 - 2024 Copyright MERCY4D.</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</div>
<div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
</div>
</div>
<img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com//guidelines.png" alt="">
</div>
</footer>
<!-- SIDENAV -->
<div id="mySidenav" class="sidenav desktop-only">
<div id="nav">
<div style="display: flex; align-items: start;">
<div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
<img src="/assets/hubungi.png?11">
</div>
<!--<img id="about" src="/images/kontak.png?4">-->
</div>
<div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
<div id="" style="padding: 4px">
<img src="/assets/24h.png" style="width: 100%"></img>
</div>
<div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
<div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/line.png" width="20"/><span><span>ID:</span>mercyceria</span>
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span><span></span>@mercymerahcerah</span>
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/fb.png" width="20"><span>mercy4dofficial</span>
</div>
</div>
<div style="margin: 8px">
<input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white" onClick="window.location.href='/?content=register'" >
</div>
</div>
</div>
</div>
</div>
<!--POP UP -->
<style>
.modal-dialog {
max-width: max-content;
margin-top: 180px
}
.imgpop {
border:2px solid #FFF;
width: 600px;
aspect-ratio: 2;
object-fit: cover;
}
@media only screen and (max-width: 768px) {
.modal-dialog {
margin-top: 98px
}
.imgpop {
width: 100%;
}
}
</style>
<!-- Modal -->
<div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" style="">
<div class="modal-content">
<div class="modal-body" style="padding: 0px">
<img src="images/upload-Popup-20240810165240.jpg" alt="" class="imgpop"/>
</div>
</div>
</div>
</div>
<!--<div class="modal fade" id="promo">-->
<!-- <div class="modal-dialog" style="margin:180px auto 0px; width:600px; padding:0px">-->
<!-- <div class="modal-content" style="padding:0px; border-radius:0px;">-->
<!-- <div class="modal-body" style="padding:0px;">-->
<!-- <img src="images/upload-Popup-20240810165240.jpg" alt="" style="border:2px solid #FFF; width: 600px; height: 300px;"/>-->
<!-- <button type="btn button" class="closepop" data-dismiss="modal" style="color:#FFF; margin-top:10px">×</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div> -->
<!-- LIVE CHAT -->
<!-- Begin of Chaport Live Chat code -->
<script type="text/javascript">
(function(w,d,v3){
w.chaportConfig = {
appId : '64daa2db85f08ded6e1ad25b'
};
if(w.chaport)return;v3=w.chaport={};v3._q=[];v3._l={};v3.q=function(){v3._q.push(arguments)};v3.on=function(e,fn){if(!v3._l[e])v3._l[e]=[];v3._l[e].push(fn)};var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://app.chaport.com/javascripts/insert.js';var ss=d.getElementsByTagName('script')[0];ss.parentNode.insertBefore(s,ss)})(window, document);
</script>
<!-- End of Chaport Live Chat code -->
<script>
$('.verifikasiform').hide();
$('.verifval').val('0');
</script>
<script src="/js/bootstrap-5.3.0.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/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>