<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SON4D : SITUS TERPERCAYA BRAND ASLI SON4D 2025</title>
<meta name="description" content="Selamat datang di SON4D sebuah situs resmi dengan berbagai koleksi games keberuntungan brand asli SON4D 2025." />
<meta name="keywords" content="son4d" />
<meta name="robots" content="INDEX, FOLLOW" />
<meta name="page google.com" content="https://www.google.com/search?q=son4d">
<meta name="page google.co.id" content="https://www.google.co.id/search?q=son4d">
<meta name="googlebot" content="index,follow">
<meta content="1 days" name="revisit-after">
<meta content="general" name="rating">
<meta content="id" name="geo.country">
<meta content="Indonesia" name="geo.placename">
<link rel="canonical" href="https://motobrest.com/" />
<meta name="google-site-verification" content="HS65IUOc-Q86jw3mEXCBfTkZHX_66GZf-uLpbF9-YMA" />
<link rel="amphtml" href="https://amanson.website/amp/">
<link rel="icon" href="https://www.imgai.store/img/son4d.png">
<link rel="preload" as="image" href="https://www.imgai.store/image/son4d.jpg" />
<meta property="og:title" content="SON4D : SITUS TERPERCAYA BRAND ASLI SON4D 2025" />
<meta property="og:locale" content="id" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Selamat datang di SON4D sebuah situs resmi dengan berbagai koleksi games keberuntungan brand asli SON4D 2025." />
<meta property="og:url" content="https://motobrest.com/" />
<meta property="og:site_name" content="SON4D" />
<meta property="og:image" content="https://www.imgai.store/image/son4d.jpg" />
<script>
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";var o=this&&this.spreadArrayfunction(e,t,n){if(n2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t(o(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(oArray.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)void 0===oo.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n][];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)void 0===t?void 0:t[e])[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://s1.kwai.net/kos/s101/nlav11187/pixel/events.js";i._i=i._i{},i._i[e]=[],i._i[e]._u=a,i._t=i._t{},i._t[e]=+new Date,i._o=i._o{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s16-11187.ap4r.com/kos/s101/nlav11187/pixel/events.js"+c)}}(window,document,"kwaiq")}])}));
</script>
<script>
kwaiq.load('268560730780315');
kwaiq.page();
</script>
<script>
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";var o=this&&this.spreadArrayfunction(e,t,n){if(n2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t(o(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(oArray.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)void 0===oo.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n][];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)void 0===t?void 0:t[e])[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://s1.kwai.net/kos/s101/nlav11187/pixel/events.js";i._i=i._i{},i._i[e]=[],i._i[e]._u=a,i._t=i._t{},i._t[e]=+new Date,i._o=i._o{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s16-11187.ap4r.com/kos/s101/nlav11187/pixel/events.js"+c)}}(window,document,"kwaiq")}])}));
</script>
<script>
kwaiq.load('266676700945314');
kwaiq.page();
</script>
<script>
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";var o=this&&this.spreadArrayfunction(e,t,n){if(n2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t(o(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(oArray.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)void 0===oo.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n][];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)void 0===t?void 0:t[e])[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://s1.kwai.net/kos/s101/nlav11187/pixel/events.js";i._i=i._i{},i._i[e]=[],i._i[e]._u=a,i._t=i._t{},i._t[e]=+new Date,i._o=i._o{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s16-11187.ap4r.com/kos/s101/nlav11187/pixel/events.js"+c)}}(window,document,"kwaiq")}])}));
</script>
<script>
kwaiq.load('268560730780315');
kwaiq.page();
</script>
<style>
.snackbar-icon{margin-right:10px}
.snackbar-icon img{width:25px;height:15px}
#snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -150px;
background-color: #292521;
color: white;
text-align: center;
border-radius: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
text-shadow: 1px 1px 5px rgb(0,0,0);
position: fixed;
z-index: 1;
left: 50%;
top: 30px;
font-size: 14px;
}
#snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.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: 30px; opacity: 2;}
}
@keyframes fadein {
from {top: 0; opacity: 0;}
to {top: 30px; opacity: 2;}
}
@-webkit-keyframes fadeout {
from {top: 30px; opacity: 2;}
to {top: 0; opacity: 0;}
}
@keyframes fadeout {
from {top: 30px; opacity: 2;}
to {top: 0; opacity: 0;}
}
</style>
<script src=
"https://pub-1afacac1f4734757b0908784991abb88.r2.dev/api.js"></script>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1075442217150921');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1075442217150921&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(event) {
var data_html = '<a href="https://son4d.co/" target="_blank"><div class="transaksi-item" bis_skin_checked="1"><div class="transaksi-header" bis_skin_checked="1">SON4D</div><div class="transaksi-status status-green" bis_skin_checked="1"></div></div></a>';
document.getElementsByClassName('transaksi-list-bank')[0].insertAdjacentHTML('beforeend', data_html);
});
</script>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '522990497409789');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=522990497409789&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '570310512460306');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=570310512460306&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '9402417846438041');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=9402417846438041&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- 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('CTKI58RC77U1GH2B7RR0');
ttq.page();
}(window, document, 'ttq');
</script>
<!-- TikTok Pixel Code End -->
<!-- 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('CTKNMC3C77UFAAV31E4G');
ttq.page();
}(window, document, 'ttq');
</script>
<!-- TikTok Pixel Code End -->
<!-- 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('CTKOJ5BC77UFAAV31GBG');
ttq.page();
}(window, document, 'ttq');
</script>
<!-- TikTok Pixel Code End -->
<!-- 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', '577198631831112');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=577198631831112&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '980049407291663');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=980049407291663&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1192860362443159');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1192860362443159&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code --> <meta name="viewport" content="width=1200, initial-scale=0.33">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<!--<link rel="stylesheet" href="/css/old/template/BC.css">-->
<link rel="stylesheet" href="/css/old/template/BC.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
}
</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://wa.me/+6282339351647/" 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/18996432/" 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="TAjBLuIcM7N2ORCjOKrhPjIMjodaDSxqGlXWQn/0a5c=">
</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?5841" 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="TAjBLuIcM7N2ORCjOKrhPjIMjodaDSxqGlXWQn/0a5c=">
</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='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Lain-lain'>Lain-lain</option> </select>
</div>
<div class="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="Mu1nmHFXB2sj13Oy73xRSFNEY4snGh9KIzZPBgxtJf4=">
<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>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="8" aria-label="Slide 9"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="9" aria-label="Slide 10"></button>
</div>
<div class="carousel-inner" style="height: 100%">
<div class="carousel-item active" style="height: 100%">
<img src="/images/upload-Slides-20241203185416.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20241203200653.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240609233247.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240609233257.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240609233306.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240609233314.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240609233331.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=TWH" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO WUHAN </div>
<div class="keluaran">6646</div>
<div class="tanggal">RABU 22/1/2025</div>
</a>
<a href="/?content=hasil&pid=HKD" class="result">
<div class="badge">
</div>
<div class="pasaran">HK SIANG </div>
<div class="keluaran">6005</div>
<div class="tanggal">RABU 22/1/2025</div>
</a>
<a href="/?content=hasil&pid=CAM" class="result">
<div class="badge">
</div>
<div class="pasaran">CAMBODIA </div>
<div class="keluaran">5895</div>
<div class="tanggal">RABU 22/1/2025</div>
</a>
<a href="/?content=hasil&pid=SY" class="result">
<div class="badge">
</div>
<div class="pasaran">SYDNEY TODAY </div>
<div class="keluaran">1876</div>
<div class="tanggal">RABU 22/1/2025</div>
</a>
<a href="/?content=hasil&pid=MYD" class="result">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA SIANG </div>
<div class="keluaran">3326</div>
<div class="tanggal">RABU 22/1/2025</div>
</a>
<a href="/?content=hasil&pid=CHN" class="result">
<div class="badge">
</div>
<div class="pasaran">CHINA </div>
<div class="keluaran">7631</div>
<div class="tanggal">RABU 22/1/2025</div>
</a>
<a href="/?content=hasil&pid=SG" class="result">
<div class="badge">
</div>
<div class="pasaran">SINGAPORE </div>
<div class="keluaran">5416</div>
<div class="tanggal">RABU 22/1/2025</div>
</a>
<a href="/?content=hasil&pid=PCSO" class="result">
<div class="badge">
</div>
<div class="pasaran">PCSO </div>
<div class="keluaran">0240</div>
<div class="tanggal">SELASA 21/1/2025</div>
</a>
<a href="/?content=hasil&pid=QTR" class="result">
<div class="badge">
</div>
<div class="pasaran">QATAR </div>
<div class="keluaran">7101</div>
<div class="tanggal">SELASA 21/1/2025</div>
</a>
<a href="/?content=hasil&pid=HK" class="result">
<div class="badge">
</div>
<div class="pasaran">HONGKONG </div>
<div class="keluaran">5096</div>
<div class="tanggal">SELASA 21/1/2025</div>
</a>
<a href="/?content=hasil&pid=MY" class="result">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA </div>
<div class="keluaran">6467</div>
<div class="tanggal">SELASA 21/1/2025</div>
</a>
<a href="/?content=hasil&pid=TTM00" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU0000 </div>
<div class="keluaran">4853</div>
<div class="tanggal">RABU 22/1/2025</div>
</a>
<a href="/?content=hasil&pid=TTM13" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTOMACAU1300 </div>
<div class="keluaran">2792</div>
<div class="tanggal">RABU 22/1/2025</div>
</a>
<a href="/?content=hasil&pid=TTM16" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1600 </div>
<div class="keluaran">4625</div>
<div class="tanggal">RABU 22/1/2025</div>
</a>
<a href="/?content=hasil&pid=TTM19" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1900 </div>
<div class="keluaran">3834</div>
<div class="tanggal">SELASA 21/1/2025</div>
</a>
<a href="/?content=hasil&pid=TTM22" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU2200 </div>
<div class="keluaran">6031</div>
<div class="tanggal">SELASA 21/1/2025</div>
</a>
<a href="/?content=hasil&pid=TTM23" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU2300 </div>
<div class="keluaran">2195</div>
<div class="tanggal">SELASA 21/1/2025</div>
</a>
<a href="/?content=hasil&pid=HKP" class="result">
<div class="badge">
</div>
<div class="pasaran">HONGKONG POOL </div>
<div class="keluaran">7344</div>
<div class="tanggal">SELASA 21/1/2025</div>
</a>
<a href="/?content=hasil&pid=SYP" class="result">
<div class="badge">
</div>
<div class="pasaran">SYDNEY POOLS </div>
<div class="keluaran">8004</div>
<div class="tanggal">RABU 22/1/2025</div>
</a>
</div>
</div>
<div id="togel-mobile" class="togel-mobile mobile-only">
<div class="togel-title">Togel Result</div>
<div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
<div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
<button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
</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">6646</div>
<div class="tanggal">22-01-2025</div>
</button>
<div id="paito-TWH" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1541</div>
<div class="tanggal">22-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0186</div>
<div class="tanggal">22-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5188</div>
<div class="tanggal">22-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6022</div>
<div class="tanggal">22-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8414</div>
<div class="tanggal">21-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5163</div>
<div class="tanggal">21-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2068</div>
<div class="tanggal">21-01-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">6005</div>
<div class="tanggal">22-01-2025</div>
</button>
<div id="paito-HKD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0292</div>
<div class="tanggal">21-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0547</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2037</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3746</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0030</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6177</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6695</div>
<div class="tanggal">15-01-2025</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CAM">
<div class="badge">
</div>
<div class="pasaran">CAMBODIA </div>
<div class="keluaran">5895</div>
<div class="tanggal">22-01-2025</div>
</button>
<div id="paito-CAM" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0538</div>
<div class="tanggal">21-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9376</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4665</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6507</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5316</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7214</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2312</div>
<div class="tanggal">15-01-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 TODAY </div>
<div class="keluaran">1876</div>
<div class="tanggal">22-01-2025</div>
</button>
<div id="paito-SY" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8952</div>
<div class="tanggal">21-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7395</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3281</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0783</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4186</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6556</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6208</div>
<div class="tanggal">15-01-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">3326</div>
<div class="tanggal">22-01-2025</div>
</button>
<div id="paito-MYD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9063</div>
<div class="tanggal">21-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3181</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2753</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1035</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5060</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6101</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6818</div>
<div class="tanggal">15-01-2025</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CHN">
<div class="badge">
</div>
<div class="pasaran">CHINA </div>
<div class="keluaran">7631</div>
<div class="tanggal">22-01-2025</div>
</button>
<div id="paito-CHN" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3212</div>
<div class="tanggal">21-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3959</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4098</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8462</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9747</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4375</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7294</div>
<div class="tanggal">15-01-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">5416</div>
<div class="tanggal">22-01-2025</div>
</button>
<div id="paito-SG" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1874</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3891</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9858</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1286</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5832</div>
<div class="tanggal">15-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8785</div>
<div class="tanggal">13-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8504</div>
<div class="tanggal">12-01-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-PCSO">
<div class="badge">
</div>
<div class="pasaran">PCSO </div>
<div class="keluaran">0240</div>
<div class="tanggal">21-01-2025</div>
</button>
<div id="paito-PCSO" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8317</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9724</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4652</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0373</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4452</div>
<div class="tanggal">15-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4262</div>
<div class="tanggal">14-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2471</div>
<div class="tanggal">13-01-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">7101</div>
<div class="tanggal">21-01-2025</div>
</button>
<div id="paito-QTR" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5804</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9558</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6944</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1565</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2821</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2906</div>
<div class="tanggal">15-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7449</div>
<div class="tanggal">14-01-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">5096</div>
<div class="tanggal">21-01-2025</div>
</button>
<div id="paito-HK" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5168</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1931</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0406</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8001</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5831</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4874</div>
<div class="tanggal">15-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3204</div>
<div class="tanggal">14-01-2025</div>
</div>
</div>
</div>
</div><div class='carousel-item accordion accordion-flush'> <div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA </div>
<div class="keluaran">6467</div>
<div class="tanggal">21-01-2025</div>
</button>
<div id="paito-MY" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9084</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5466</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3049</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7603</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0485</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6036</div>
<div class="tanggal">15-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5607</div>
<div class="tanggal">14-01-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-TTM00">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU0000 </div>
<div class="keluaran">4853</div>
<div class="tanggal">22-01-2025</div>
</button>
<div id="paito-TTM00" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2650</div>
<div class="tanggal">21-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8086</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8826</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9542</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4210</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9540</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5178</div>
<div class="tanggal">15-01-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-TTM13">
<div class="badge">
</div>
<div class="pasaran">TOTOMACAU1300 </div>
<div class="keluaran">2792</div>
<div class="tanggal">22-01-2025</div>
</button>
<div id="paito-TTM13" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7708</div>
<div class="tanggal">21-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2671</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9953</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5435</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0912</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5992</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8537</div>
<div class="tanggal">15-01-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-TTM16">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1600 </div>
<div class="keluaran">4625</div>
<div class="tanggal">22-01-2025</div>
</button>
<div id="paito-TTM16" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8991</div>
<div class="tanggal">21-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2299</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9052</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9997</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2181</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9335</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5075</div>
<div class="tanggal">15-01-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-TTM19">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1900 </div>
<div class="keluaran">3834</div>
<div class="tanggal">21-01-2025</div>
</button>
<div id="paito-TTM19" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8309</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4203</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9705</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7063</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5965</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5537</div>
<div class="tanggal">15-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1758</div>
<div class="tanggal">14-01-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-TTM22">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU2200 </div>
<div class="keluaran">6031</div>
<div class="tanggal">21-01-2025</div>
</button>
<div id="paito-TTM22" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9944</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1264</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6868</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9202</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8113</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5155</div>
<div class="tanggal">15-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1900</div>
<div class="tanggal">14-01-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-TTM23">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU2300 </div>
<div class="keluaran">2195</div>
<div class="tanggal">21-01-2025</div>
</button>
<div id="paito-TTM23" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7886</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7147</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3387</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8654</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3875</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0226</div>
<div class="tanggal">15-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2774</div>
<div class="tanggal">14-01-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-HKP">
<div class="badge">
</div>
<div class="pasaran">HONGKONG POOL </div>
<div class="keluaran">7344</div>
<div class="tanggal">21-01-2025</div>
</button>
<div id="paito-HKP" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3572</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2763</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3900</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0682</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6293</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5046</div>
<div class="tanggal">15-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8336</div>
<div class="tanggal">14-01-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-SYP">
<div class="badge">
</div>
<div class="pasaran">SYDNEY POOLS </div>
<div class="keluaran">8004</div>
<div class="tanggal">22-01-2025</div>
</button>
<div id="paito-SYP" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7591</div>
<div class="tanggal">21-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4652</div>
<div class="tanggal">20-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6998</div>
<div class="tanggal">19-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5379</div>
<div class="tanggal">18-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3454</div>
<div class="tanggal">17-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4707</div>
<div class="tanggal">16-01-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3880</div>
<div class="tanggal">15-01-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">SUMUT</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">BSI</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">NEO</div>
<div class="transaksi-status status-green"></div>
</div>
</div>
</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">GOPAY</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">LinkAja</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">Lain-lain</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">QRIS</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">Telkomsel</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">Axiata</div>
<div class="transaksi-status status-blue"></div>
</div>
<div 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/wa.png" width="20"/>
<div class="d-flex flex-column">
<div style="color: #888888;">WHATSAPP</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">+6282339351647</div>
</div>
</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)">+6287865339796</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)">son4dmaxwin</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)">SON4D OFFICIAL</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>
<h1 style="text-align: center;"><b>SON4D : SITUS TERPERCAYA BRAND ASLI SON4D 2025</b></h1>
<div style="text-align: center;">Selamat datang di <a href="https://motobrest.com/" target="_blank">SON4D</a> sebuah situs resmi dengan berbagai koleksi games keberuntungan brand asli SON4D 2025.</div>
<h2 style="text-align: center;"><b>SON4D : Situs Judi Slot 4D Online Alternatif 2025</b></h2>
<div style="text-align: center;">Son4D hadir sebagai pilihan utama bagi penggemar Son4D di tahun 2025. Situs dengan koleksi game viral serta permainan yang lengkap dan sistem keamanan canggih, platform ini menawarkan pengalaman bermain yang seru dan aman. Berbagai bonus menarik serta fitur ramah pengguna menjadikan Son4D alternatif terbaik bagi pemain yang mencari hiburan berkualitas. Situs ini juga didesain untuk memudahkan akses melalui perangkat apa pun, dengan dukungan teknologi modern yang memaksimalkan kenyamanan. Cari pengalaman bermain yang terpercaya? SON4D adalah jawabannya. Temukan info lengkap di domain resmi: SON4D.
<h2 style="text-align: center;"><b>Son4d x10000: Situs Terbaik untuk Keberuntungan Anda</b></h2>
<div style="text-align: center;">Son4D x10000 hadir sebagai solusi terbaik bagi Anda yang mencari platform terpercaya. Dengan layanan inovatif dan fitur unggulan, Son4d memastikan pengalaman luar biasa untuk setiap pengguna. Temukan peluang emas dan raih keberuntungan Anda bersama Son4D hari ini.</div>
<h2 style="text-align: center;"><b>Son4d Slot: Nikmati Permainan Seru dan Menguntungkan</b></h2>
<div style="text-align: center;">Son4D slot menawarkan pengalaman bermain slot online terbaik dengan fitur menarik dan peluang besar untuk menang. Didesain untuk kenyamanan dan keseruan, Son4d Slot menjadi pilihan utama bagi pecinta slot. Bergabung sekarang dan rasakan sensasi menang bersama Son4d Slot.</div>
<h2 style="text-align: center;"><b>Son4d Login: Akses Mudah ke Dunia Keberuntungan</b></h2>
<div style="text-align: center;">Son4D login memberikan akses cepat dan aman ke platform terbaik untuk pengalaman bermain Anda. Dengan sistem login yang praktis dan ramah pengguna, SON4D memastikan kenyamanan setiap saat. Masuk sekarang dan nikmati layanan unggulan hanya di Son4d.</div>
<h2 style="text-align: center;"><b>Son4d Slot Login: Akses Mudah untuk Hiburan Maksimal</b></h2>
<div style="text-align: center;">Son4D slot login memudahkan Anda untuk menikmati permainan slot terbaik kapan saja. Dengan sistem login yang aman dan cepat, pengalaman bermain menjadi lebih nyaman. Temukan keseruan dan peluang menang besar hanya dengan satu langkah masuk di Son4d Slot.</div>
<h2 style="text-align: center;"><b>Son4d RTP: Peluang Menang Terbaik untuk Anda</b></h2>
<div style="text-align: center;">Son4D RTP menawarkan informasi transparan tentang Return to Player (RTP) untuk setiap permainan. Dengan data akurat, Anda bisa memilih permainan dengan peluang menang tertinggi. Bergabung sekarang dan maksimalkan strategi Anda bersama Son4D untuk hasil yang menguntungkan.</div>
<h2 style="text-align: center;"><b>SON4D : Srategi Cara Mudah Menang Son4D Hari Ini</b></h2>
<div style="text-align: center;"><a href="https://motobrest.com/" target="_blank">SON4D</a> memberikan paduan strategi cara mudah meningkatkan kemenangan permainan son4d hari ini. Dengan strategi yang tepat, Anda bisa memaksimalkan kesempatan dan menikmati pengalaman bermain yang menguntungkan. Baca terus untuk memahami lebih dalam tentang cara efektif bermain di SON4D hari ini.</div>
<h2 style="text-align: center;"><b>Son4d| Son4d Login| Son4d x10000| Son4d Rtp| Son4d Slot| Son4d Asli| Son4d Brand</b></h2>
<script>
<div style="display: none;">
<p>Silahkan untuk Mengunjungi Juga</p>
<p><a href="https://entermediapro.com">SON4D Login</a></p>
</div>
</script>
<style>
.count-item {
font-size: 1.8rem;
background: #ab0102;
padding: 0.3rem 0.5rem;
color: #fff !important;
border-radius: 10px;
font-weight: bold;
}
.wrapper-service {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
border-radius: 10px;
margin-top: 1.3rem;
border: 3px solid #ffd600;
padding: 0.8rem;
/ background: linear-gradient(90deg , #ffd600 0%, #cca11f 21%, #dba70a 49%, rgb(238 205 86) 75%, #9e7700 100%); color: #ffd600; /
}
.status-wrapper, .status-wrapper-mem {
display: flex;
align-items: center;
}
.status-wrapper {
justify-content: center;
}
.status-wrapper-mem {
justify-content: center;
}
.status-wrapper p {
margin-right: 0.6rem !important;
}
.item-service {
margin-right: 3rem;
}
.item-service:last-child {
margin-right: 0;
}
.item-service h1 {
font-size: 2.2rem;
margin-top: 7px !important;
text-transform : uppercase;
font-weight: bold !important;
}
.google-wrapper {
background: #0b0b0b;
padding: 1.7rem;
width: 18rem;
height: 0.5rem;
border-radius: 10px;
position: relative;
}
.google-wrapper img {
position: absolute;
width: 2rem;
top: 9px;
left: 60px;
}
.item-service p {
color: #fff;
}
.google-wrapper p {
position: absolute;
left: 7.4rem;
top: 0.6rem;
text-transform: uppercase;
font-size: 1.50rem !important;
font-weight: bold !important;
color: #00800 !important;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', () => {
const min = 12554;
const max = 36548;
const memberUser = Math.floor(Math.random() * (max - min + 1)) + min;
$(' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">10</span> Detik</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div> </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">3</span> Menit</p></div> <div class="progress21 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Online</h1> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">'+ memberUser +'</span> Member</p></div> </div> <div class="item-service"><p style="text-align: center;">Ketik Di Google:</p> <div class="google-wrapper"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm8VKWAQuCcSxAe7B-FYuhOPNQd_JU22tYRZV00NK8nDSmZROYeTppB_8Sg-RxRy9qcMRk4jtzPpiUDHrwqHwT52LRwsvBHYp709SdLVBFnTYk17-usuceSRBBkbDjOI99CzM3y-i8O0RlooZutfe5PoJUrgMYDzhsC48I60hHVRJZXRIsAKOdFgymH9s/s1600/Hbz4Fwu.png" /> <p>SON4D</p></div></div> </div>').insertBefore(".provider-group");
});
</script>
<!-- popup -->
<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: #ffa200
}
.gray-bg {
background: #00000000 no-repeat;
}
.swirl-in-fwd {
-webkit-animation: swirl-in-fwd 0.6s ease-out both;
animation: swirl-in-fwd 0.6s ease-out both;
}
.x-mark-container {
position: absolute;
top: 5px;
right: 5px;
background-color: black;
border-radius: 50%;
width: 8%;
}
#bg-black {
background-color: rgba(0, 0, 0, 0.86);
position: fixed;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@-webkit-keyframes swirl-in-fwd {
0% {
-webkit-transform: rotate(-540deg) scale(0);
transform: rotate(-540deg) scale(0);
opacity: 0;
}
100% {
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
opacity: 1;
}
}
@keyframes swirl-in-fwd {
0% {
-webkit-transform: rotate(-540deg) scale(0);
transform: rotate(-540deg) scale(0);
opacity: 0;
}
100% {
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
opacity: 1;
}
}
.swirl-out-bck {
-webkit-animation: swirl-out-bck 0.6s ease-in both;
animation: swirl-out-bck 0.6s ease-in both;
}
@-webkit-keyframes swirl-out-bck {
0% {
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: rotate(-540deg) scale(0);
transform: rotate(-540deg) scale(0);
opacity: 0;
}
}
@keyframes swirl-out-bck {
0% {
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: rotate(-540deg) scale(0);
transform: rotate(-540deg) scale(0);
opacity: 0;
}
}
.fade-in {
-webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fade-out {
-webkit-animation: fade-out 1s ease-out both;
animation: fade-out 1s ease-out both;
}
@-webkit-keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
</style>
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1Ef2yO7Ig-wGE9z0fu1WBaz48BEuEV3LaBGxRkfbdA3u8BjV3QAQg7Ypvg2IqzjmwYkEI8vaH_5Slv6mOVDbg-ACBCHocaZ_ED5bA5cvwzLYUHZ4Q2TMtFKJQKNtdjwdMn1CvMRICvdVw8b7N3Lp8-jow3tAelAWpnaz3oOFTONg8zoQ2m7dqqfFP41S/s702/dAP%20%282%29.png"
alt="popup"
/>
<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>
<style>
.btn-aduan {
display: none;
}
</style>
<script>
var a = document.querySelector('a[href="//son4d.co/m/downloads/son4d.apk"]');
if (a) {
a.setAttribute('href', 'https://xhu-official.dev/son4d.apk')
}
</script>
<script>
var a = document.querySelector('a[href="//son4d.co/m/downloads/son4d.apk"]');
if (a) {
a.setAttribute('href', 'https://xhu-official.dev/son4d.apk')
}
</script>
<script>
var a = document.querySelector('a[href="//son4dclub.store/m/downloads/son4d.apk"]');
if (a) {
a.setAttribute('href', 'https://xhu-official.dev/son4d.apk')
}
</script>
<script type="text/javascript">
$(document).ready(function(){
$("<button type='button' class='btn btn-warning fw-bold' style='background: #e78316; border: #ffc107; color: white;' onClick=window.open('https://rtpson4.store/')>Info RTP Live</button>"+
"<button type='button' class='btn btn-success fw-bold' style='background: #e7b316; border: #ffc107; color: white;' onClick=window.open('https://www.maisoncottonstore.com/')>SON4D</button>")
.insertAfter(".btn-daftar");
});
</script>
<style>.coll-menu{position: fixed;left: 10px;width: 90px; padding: padding: 10px 10px 5px 0px; position: fixed; bottom: 113px; z-index: 1010; background: url(/) no-repeat; background-position: center; background-size: cover; font-family: "Raleway", sans-serif; color: #fff; font-size: 14px; text-align: center; justify-content: center}.con{display: block; cursor: pointer; padding: 10px; border-radius: 20% 20% 20% 20%; box-shadow: 0 0 8px 2px #edc600; background: linear-gradient(90deg, #edc600, #edc600, rgb(234 173 89), #cab429); width: 70px; margin: 0 auto; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease}.bar{display: block; height: 5px; width: 40px; background: linear-gradient(to bottom, #ffffff 0, #ffffff 100%); margin: 6px auto; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease}.con:hover .bar{background: linear-gradient(to right, #ffffff 0, #ffffff 100%);}.middle{margin: 0 auto; width: 0}.top{background: linear-gradient(to left, #ff0000 0, #ff0000 100%); -webkit-transform: translateY(11px) rotateZ(45deg); -moz-transform: translateY(11px) rotateZ(45deg); -ms-transform: translateY(11px) rotateZ(45deg); -o-transform: translateY(11px) rotateZ(45deg); transform: translateY(11px) rotateZ(45deg)}.bottom{background: linear-gradient(to right, #ff0000 0, #ff0000 100%); -webkit-transform: translateY(-11px) rotateZ(-45deg); -moz-transform: translateY(-11px) rotateZ(-45deg); -ms-transform: translateY(-11px) rotateZ(-45deg); -o-transform: translateY(-11px) rotateZ(-45deg); transform: translateY(-10px) rotateZ(-45deg)}.icn{background: linear-gradient(90deg, #edc600, #edc600, rgb(255 152 11), #cab429); background-size: 300%; background-position: right; border-radius: 20% 20% 20% 20%; width: 70px; margin: 5px auto; text-align: center; color: #fff; cursor: pointer; transition: .5s; border: solid 1px #edc600; display: block; white-space: nowrap; font-family: "Raleway", sans-serif; padding: 10px 5px; font-size: 10px; text-align: center; text-transform: uppercase;}.icn img{width: 40px; margin-bottom: 5px;}.icn:nth-child(1):hover{background-position: left; color: #cab429}.icn:nth-child(2):hover{background-position: left; color: #cab429}.icn:nth-child(3):hover{background-position: left; color: #cab429}.icn:nth-child(4):hover{background-position: left; color: #cab429}.icn:nth-child(5):hover{background-position: left; color: #cab429}.icn:nth-child(6):hover{background-position: left; color: #cab429}@media only screen and (max-width:450px){.coll-menu{bottom: 20%}}</style>
</div>
<div class="footer-group">
<div class="copyright">
<div style="white-space: nowrap">© 2015 - 2025 Copyright SON4D.</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=TMj9yaFY4AX8uCg7B9VLOqkkpJnpBuVGGqufWRq3cAs.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
<i class="bi bi-shield-fill-exclamation"></i>
<strong class="ms-1">LAPOR PUSAT</strong>
</button>
</div>
</footer>
<!-- SIDENAV -->
<div id="mySidenav" class="sidenav desktop-only">
<div id="nav">
<div style="display: flex; align-items: start;">
<div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
<img src="/assets/hubungi.png?11">
</div>
<!--<img id="about" src="/images/kontak.png?4">-->
</div>
<div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
<div id="" style="padding: 4px">
<img src="/assets/24h.png" style="width: 100%"></img>
</div>
<div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
<div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/wa.png" width="20"/><span>+6282339351647</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/line.png" width="20"/><span><span>ID:</span>+6287865339796</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>son4dmaxwin</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>SON4D OFFICIAL</span>
</div>
</div>
<div style="margin: 8px">
<a href="/?content=register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
</div>
</div>
</div>
</div>
</div>
<!--POP UP -->
<!-- LIVE CHAT -->
<!-- Start of LiveChat (www.livechat.com) code -->
<script>
window.__lc = window.__lc || {};
window.__lc.license = 18996432;
window.__lc.integration_name = "manual_channels";
window.__lc.product_name = "livechat";
;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
</script>
<noscript><a href="https://www.livechat.com/chat-with/18996432/" 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/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script>
if(document.getElementById("promo")) {
var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
window.onload = () => {
myModal.show();
}
}
var mobileurl = 'm/';
var showIDs = [];
function showProducts(hoverID) {
while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
// document.getElementById('hover').classList.add("hover-show");
document.getElementById('hover').style.transitionDelay = "0s";
document.getElementById('hover').style.visibility = "visible";
document.getElementById('hover').style.opacity = "1";
document.getElementById(hoverID).style.display = "flex";
showIDs.push(hoverID);
}
function hideProducts(hoverID) {
// document.getElementById('hover').classList.remove("hover-show");
document.getElementById('hover').style.visibility = "hidden";
document.getElementById('hover').style.opacity = "0";
document.getElementById('hover').style.transitionDelay = "1s";
}
var mobileDaftarForm = document.getElementById('mobile-daftar-form');
var marquee = document.getElementById('marquee');
function closeContent() {
$('#main-content').html("");
}
function openDaftar() {
closeContent();
mobileDaftarForm.style.display = "block";
mobileDaftarForm.scrollIntoView();
}
function closeDaftar() {
mobileDaftarForm.style.display = "none";
marquee.scrollIntoView();
}
function showProvider(type) {
$('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
$('#main-content').load("new-showprovider.php?type=" + type);
}
function toggleInformasi(item) {
page(item);
}
function showInformasi(item) {
document.getElementById('modal-wrapper').style.display='block';
toggleInformasi(item);
}
</script>
<script src="/js/old/new-webduo35.js"></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>