<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WINLIVE4D - Ini dia Situs Tertua di asia, Menyediakan Semua Provider Slot!</title>
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" href="https://slotgacor.b-cdn.net/favicon/winlive4d.png"/>
<link rel="canonical" href="https://winlive4dsite.com">
<link href="https://winlive4dsite.com" rel="dns-prefetch">
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap" rel="stylesheet">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<link rel="amphtml" href="https://daftarwinlive4d.com/" />
<meta name="description" content="WINLIVE4D adalah situs tertua di Asia yang menyediakan semua provider slot terpercaya. Mainkan ratusan game gacor dengan peluang jackpot besar setiap hari!">
<meta name="keywords" content="winlive4d, winlive 4d, situs judi bola">
<meta name="categories" content="website">
<meta http-equiv="content-language" content="id">
<meta content="id" name="geo.country">
<meta content="Indonesia" name="geo.placename">
<meta name="language" content="id-ID">
<meta name="author" content="winlive4d">
<meta property="og:locale" content="id_ID">
<meta property="og:title" content="WINLIVE4D - Ini dia Situs Tertua di asia, Menyediakan Semua Provider Slot!">
<meta property="og:type" content="website">
<meta property="og:description" content="WINLIVE4D adalah situs tertua di Asia yang menyediakan semua provider slot terpercaya. Mainkan ratusan game gacor dengan peluang jackpot besar setiap hari!">
<meta property="og:image" content="https://slotgacor.b-cdn.net/gates-of-olympus-1000-x1000.jpg">
<meta property="og:url" content="https://winlive4dsite.com">
<meta content="1 days" name="revisit-after">
<meta content="general" name="rating">
<meta name="googlebot" content="index,follow">
<meta name="Scooter" content="follow, all">
<meta name="msnbot" content="follow, all">
<meta name="alexabot" content="follow, all">
<meta name="Slurp" content="follow, all">
<meta name="ZyBorg" content="follow, all">
<meta name="yahoobot" content="follow, all">
<meta name="bingbot" content="follow, all">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@Winlive4d" />
<meta name="twitter:creator" content="@Winlive4d" />
<meta name="twitter:domain" content="https://winlive4dsite.com" />
<meta name="publisher" content="Winlive4d">
<meta name="distribution" content="global">
<meta name="twitter:title" content="WINLIVE4D - Ini dia Situs Tertua di asia, Menyediakan Semua Provider Slot!"/>
<meta name="twitter:description" content="WINLIVE4D adalah situs tertua di Asia yang menyediakan semua provider slot terpercaya. Mainkan ratusan game gacor dengan peluang jackpot besar setiap hari!" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LG8GLCY34X"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LG8GLCY34X');
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M6YM3KYKMB"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-M6YM3KYKMB');
</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', '3696696230574254');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=3696696230574254&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5HCXGFFB');</script>
<!-- End Google Tag Manager -->
<!-- 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('CRKJMBBC77U51LO9OOP0');
ttq.page();
}(window, document, 'ttq');
</script>
<!-- TikTok Pixel Code End -->
<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.spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};Object.defineProperty(t,"_esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)||void 0===o||o.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n]||[];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)||void 0===t?void 0:t[e])||[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://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('260693420077654');
kwaiq.page();
</script>
<!-- PushAlert -->
<script type="text/javascript">
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = "https://cdn.pushalert.co/integrate_f6243deec4fd1b3cbbe9e34f31c779bb.js";
s.parentNode.insertBefore(g, s);
}(document, "script"));
</script>
<!-- End PushAlert -->
<meta name="yandex-verification" content="15c9672abba2de0f" />
<meta name="msvalidate.01" content="591EB5C8A10666F57EEFC5488D24399A" />
<meta name="google-site-verification" content="4I-iDDL7QWOlB5hGN27kaHnDIcazpp4L2taODQ0X5YM" />
<meta name="google-site-verification" content="jp_5ZB6yERilEaXwmmuz9hez9CIO-rGST2sOvoFOxWo" />
<meta name="google-site-verification" content="jp_5ZB6yERilEaXwmmuz9hez9CIO-rGST2sOvoFOxWo" />
<meta name="google-site-verification" content="gKCokyuTGsT4ijjHXYLKhuefxRE-PzUmv2It5tGrWGA" />
<meta name="google-site-verification" content="h1ruiTpf-naQVzKF_HN63dilurojuEotLutL4FOSg5s" />
<meta name="google-site-verification" content="-iqL1M9tNMKaiSxM2GgsQlEj-SNZAnxfkeU0FQ8v2lA" />
<meta name="google-site-verification" content="gByAizTY1Pi8GoB3P-CklhDvmZ2SkWbMpEUBhgRJv80" />
<meta name="google-site-verification" content="7WkUsVf-bu5HVQAMpq8XDRxLLf8JXrh3rNW7Ptb_d0Y" />
<meta name="google-site-verification" content="Bx6_SOlG-9hgcj14ffcwYdK-KM28vSfJUpJegJZ-4vY" />
<meta name="google-site-verification" content="klX2S1aytTmCt6Z229RV5wDwyk3pUJlxSKWOvcrtcPo" />
<meta name="google-site-verification" content="pBXT3qa7OqjLCX9pU9kxFpReB7HCYJoQnWAHGHFuc64" />
<meta name="google-site-verification" content="UQu5t4GCEkg7OAA2lqiCMhIfPF83WaKJHb_TC6vDd5I" />
<meta name="google-site-verification" content="QmIl1jU_y_v7qEQm1sHsiEPHSCBHWlFt1Zktyjqvw9w" />
<meta name="google-site-verification" content="mzTCNw8mRIVElY_NtzwX19Xwg6jaK-WxRfk_SuaW904" />
<meta name="google-site-verification" content="8G8dTCPFekdfobbmYAqym8YUy-JEvcwKvlFOqZnaHPI" />
<meta name="google-site-verification" content="s-nV5t6bEluj8NaK7bix50iOm5TUT2DtzXEQD6ekif8" />
<meta name="google-site-verification" content="V5Xqxe64wNA8cGHSKXRD7z6iI_I8dahLxR1dMRVs1z4" />
<meta name="google-site-verification" content="fvGz74TQAkeUuahm-g9h6HTMM_Hi-c6vrEF0AjHVnRI" />
<meta name="google-site-verification" content="jrvU6cMHQRQNM8PG6gjv04_BvtpV27axaOFqSTn4P48" />
<meta name="google-site-verification" content="pz4B3paXv4eQqSjJ7kwIuUymxf4V7KHZgm9lX0tBlVg" />
<meta name="google-site-verification" content="6IGfYWP9_6mpX8AS3_P153Q92B5wppfrH_-bnPl_XoU" />
<meta name="google-site-verification" content="XKdRQqFhdkbRPK8CBrC0GEyJ7JNlR4ifbibdeyiTdis" />
<meta name="google-site-verification" content="13tetTlMh7XqeI31GY6EeSb4WaP9tQAQB6Cle2amyK4" />
<meta name="google-site-verification" content="ax_oMemoAchgl-SPcQYvzR1pJyJnNFUusV74XS6XGGc" />
<meta name="google-site-verification" content="PkrTUb2995LE6jgCHDCl2Z7zB9xKEo4k7ZRoU2Unrkk" />
<meta name="google-site-verification" content="xkQagwzBXzDnzVQyUPQJdW67ApudlXbEMshi4KeEBo0" />
<meta name="google-site-verification" content="nslV-pzszXOCj8EcV_3MZ2tXEUUukJhg-V3wiR7mV6A" />
<meta name="google-site-verification" content="ufv7ikz9Je1LV7g9Asu8iWutzqZNrLeBLi6ICLGt8DI" />
<meta name="google-site-verification" content="AmQI_7MuZSm5Itirqr76NxjHwnOylmA59qcvHEYNZ7s" />
<meta name="google-site-verification" content="tPqbY89PamTBLvj1fTSnxlHbB9il1oSOOYqXWUv-MxE" />
<meta name="google-site-verification" content="EIy594Pa_v8KPZK3vH6Kq4VpiWbe11E69LpLNM3LZ7A" />
<meta name="google-site-verification" content="Qmk5HEj43kMwjHMM9El3OsbQSjm7-pqyYUjEbpeSs6c" />
<meta name="google-site-verification" content="2hDfedcrJb5l4KNCAkGWzGSSUzDQNdoq_vNollGN-Ok" />
<meta name="google-site-verification" content="U8cfCnpgJEVIgGTqR4CjrVW06k9FOjQVzYt-ywINF3E" />
<meta name="google-site-verification" content="tPNbpGgxqTnmY0eb6Dso0z2R3wEIMAeh0f2aF9fFYS4" />
<meta name="google-site-verification" content="ZWx9Z6RAbm_gywCJ6nZVMzmYSQz6pp8Fey1PanPY66o" />
<meta name="google-site-verification" content="5FhTdbcxVhqRT9XcmY3AQUh2BumeI53iBIftFJ7LlSo" />
<meta name="google-site-verification" content="wIctDP9qxTOT-G9LnQ44TwUzLeuRgl0u9ePNeBeLnPk" />
<meta name="google-site-verification" content="T5EyYg2boT6KjS6kDfOODYQGz9AxxJEYLjxNrwfGd-M" />
<meta name="google-site-verification" content="WaQaGeKMXAvPUJHOW0FBN20KJegDzKpCtW7lifFnm90" />
<meta name="google-site-verification" content="QVinXbifHrYBwKAH4-zdgn0bvXPDgsTU58daBknUk6U" />
<meta name="google-site-verification" content="DF_PLxOJzwG32XZSIA-BobYagG_9xiQw1Yf8TJatwIw" />
<meta name="google-site-verification" content="PhnymlP9zh66KheqeWTQu76BRATrKq31tPN5T6UwlKQ" />
<meta name="google-site-verification" content="JaLPjRlcFcwoVSyrQasTFk_YHXYffYo7O-Z-Wri-Myc" />
<meta name="google-site-verification" content="NW7OsIrBx_2lzi-7b-PQbJl4fzz5qW2sQ0p4n86jt2Q" />
<meta name="google-site-verification" content="vjwgJPhBRl_VbxK0_Li9QDd-cqQC8eaOngATsxRIr2s" />
<meta name="google-site-verification" content="3wUKCaq8DMrpF6NrWyK4rJpiaOszY6TTJVo5CjKPj7s" />
<meta name="google-site-verification" content="lRQIm4XT4TuTogtluLoIaVSmUv6CbhCebD4lBeTI8PA" />
<meta name="google-site-verification" content="0lfDI9_qLQV3gkKCu4znBe-Z38rnFPq_Wg6_GTBGZug" />
<meta name="google-site-verification" content="Wd097lKpgOnf9yvySm8iC3Kvjnpnrz7tA_-9ctNi2LE" />
<meta name="google-site-verification" content="SPsoj1Uomb45kyi-ppqan-iGn1uX2OkU7xiNgU1vyJE" />
<meta name="google-site-verification" content="zD4iwPb9vMRN5pcQh5HPcKaW0AaJkpVviWoFyxi6pms" />
<meta name="google-site-verification" content="BHIuMx6gjUlFHvzUQJ_C1r5mlVOnvxA6Jz9I4wcuIfA" />
<meta name="google-site-verification" content="g_mVbvwEk79NFoAnhkylPKITL1PqceOPqOxHmobPjH0" />
<meta name="google-site-verification" content="S3CS2Z1Bwkh8cJp3nK7JGnv3FdVhFq_NiQr7FTDPRdA" />
<meta name="google-site-verification" content="APhdRvlHJAUBcdHNk3Hjk9Yjq2aulj48ASMHmcmJ_P8" />
<meta name="google-site-verification" content="wtElCSGQ59BnnvJ5EnRFkbrKm_I2WuwUzgbre46U5ZA" />
<meta name="google-site-verification" content="oKw_exKKRLDJnqk9RAUwt9x4g530YLvStR330nVsIQY" />
<meta name="google-site-verification" content="5ABzQHHMfpvSjl9A5WDfComHdVAfUoHBW9xq3R7gXz8" />
<meta name="google-site-verification" content="eGN01koNXuoFuBWgZk7tqy3eSB8Yb2iUCpxVmZeGM6g" />
<meta name="google-site-verification" content="fUDF3p8Mb11otjUioBfBQ5cZ-teIF8I4Uj3oFzQKdNo" />
<meta name="google-site-verification" content="8CY9F4yDyFOVB2fGG4hGm7e65RjNUSti3zl1Er9ND7M" />
<meta name="google-site-verification" content="x0j5BHU8gZHRh7mq3wnjD3_l4-ZT0DfHCIQ78PaGiHw" />
<meta name="google-site-verification" content="_KIAnrvxHIqF-y87Am_6WeeSi58A409kbmKYp0HWgyQ" />
<meta name="google-site-verification" content="h2ocBWIrWqu_EgoI1jXHDrocD6lX5ufVzVgiPtGMukw" />
<meta name="google-site-verification" content="tLJXmiH6_RTkiKFTlOe46hewaLcqZFoO2R8FEMNeUKg" />
<meta name="google-site-verification" content="Q8RSUiZ-Lv7YuwpC1D-4pnDfdAkN3oTkEqAGmyZvNhk" />
<meta name="google-site-verification" content="gphKJFIauyK1QJY8dZF6yGjSrLrNqqbPpCaiFVcFvxw" />
<meta name="google-site-verification" content="nXdcNGe9bnykJApr6Tg-2vrvO139gSFAkFIRnUp1fGU" />
<meta name="google-site-verification" content="eoUtOzOwA-yoeMbyXpGPSvcEHybrXaXKC0eHCGAtj7g" />
<meta name="google-site-verification" content="jAIxl8lcszJJeqyoiVVGn_H1Dr7jZigGIPzP0T9qJJk" />
<meta name="google-site-verification" content="s8ADQpbI0OiuP0unPEtkj-A3RvudXhWz0a9ecaQF6gI" />
<meta name="google-site-verification" content="y0ZHt8z_Ainj4bBRNOE_7Z0pknBVSZAthF6B-kT7gXc" />
<meta name="google-site-verification" content="8_9QXBQqmbJBz6c5jwSoBTpqPtx875stwKPgekg_pXc" />
<meta name="google-site-verification" content="KO1JFcPzPOKyzjrsBTfW2GTp8mVctNtgf5rHoY9Z3OY" />
<meta name="google-site-verification" content="pxNVKqoTF_oDBDHaXcC2u88d20Ss83wrx1M27t8pqjg" />
<meta name="google-site-verification" content="SOfnWQ7LX7Gnod6ZHauZrdIHeX3oxnqdHkqiGtucb_U" />
<meta name="google-site-verification" content="an9YHqv4xDwTtJzAXoiCvxCXtKtndR4g-oOhIc3Antg" />
<meta name="google-site-verification" content="Ui6zDDhZ_MnTf0MJsO8v-HXYvkzErajVJ6nEZO5syo4" />
<meta name="google-site-verification" content="kWns7ch6Bnm6Pv-rZNGM00Vs5cKvQEcxr1hLVx9ioOM" />
<meta name="google-site-verification" content="hCi8dWFHRhi_-HGHw_X_oonVIF9xMad74cpwsj8k48w" />
<meta name="google-site-verification" content="4I8K5HvO7BdPKF9MgFWQPZrYZO4NV3nNsXJOHcCjOFs" />
<meta name="google-site-verification" content="90NGJqpY2b7VRmCBlrwxt_0-NEEJ8h0SXH3G9Hhr7Bk" />
<meta name="google-site-verification" content="WtnR7sb4dge7ukpIio3qSvEmYpw6zaavB995VFFkUnA" />
<meta name="google-site-verification" content="4UWTGDZgcqcdtD0ohDtPcdQpacDfJgqOr0hldhfMpeU" />
<meta name="google-site-verification" content="Y0Tfgpu0GBDv9320IDbTD3uvtvJxbHF2wwXYWkCXZW4" />
<meta name="google-site-verification" content="VviS_JLHonsI5rdCRFkvKDdepKjT22kSRIHQhe73Ec0" />
<meta name="google-site-verification" content="6btODqbQ5iB6qjER8LrOLvFW4mlkKKRF8UdqKrWF4Uw" />
<meta name="google-site-verification" content="QlWQEJRHCJxKlHe0gJmZilltfJlU5wJZdveOcasu4Ks" />
<meta name="google-site-verification" content="NR56K-oa5bfcb2E7doNUiRF25A1vYPO1dYdPswc9Wbg" />
<meta name="google-site-verification" content="pTWcG-uFsSWqqRxzas6GfmvePNdye1Zoirlr--UhCpk" />
<meta name="google-site-verification" content="RCZgEEBUkt1v8vXe_s7Mt7Fwq1z_viMJASDTVrPkqvQ" />
<meta name="google-site-verification" content="nOx4Vy3x4GH1a8Y4jr2YGGlNq4pLkuVBUEFm5VZ_IlQ" />
<meta name="google-site-verification" content="iuaKx2yGVF1huKXuzLZkMyyfi3gQuKNGZBP2KzxBMPU" />
<meta name="google-site-verification" content="iuaKx2yGVF1huKXuzLZkMyyfi3gQuKNGZBP2KzxBMPU" />
<meta name="google-site-verification" content="dA4cZglwqicdHAZ-zyN8QLTM-v6E7wEyx97_pPkhGG8" />
<meta name="google-site-verification" content="OZn6zllYGt8SQaEYfTE1V1DRcmPeaRT6SYXb7anCJps" />
<meta name="google-site-verification" content="xgxLUM4d4MbbfKMjSk73kCe-Sq1dwlngUc-6Hacc_cM" />
<meta name="google-site-verification" content="svEgsrO9OsQsFM2Bl-gwyboJtI4zFWrMYvGBgTjWtoU" />
<meta name="google-site-verification" content="UEi6tHPzyG5DMO5TqFQrTPe4njrb3g2hC3WHf3asLjo" />
<meta name="google-site-verification" content="9t-PCV1rUV2QaBfLqqD3hrZD4ZQmjF4R7eCResxKPtI" />
<meta name="google-site-verification" content="Xgin4ACa7wgiFJdZUixzcoW5G1OJm6ZjNfgymWgpCbY" />
<meta name="google-site-verification" content="yDpW_nbm0b-U2DJ0ocVPTeBIYG9PiyaZbtTBisSxjko" />
<meta name="google-site-verification" content="XXv5fqKOTAMO6TFVFELpzGcmVnnvfbmJu172ISUQ77c" />
<meta name="google-site-verification" content="uFeuu_6b-svTGFkyeZWvQRGmq2N3bGqy1XyAMpajc28" />
<style>
#snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
background-color: white;
color: black;
text-align: center;
border-radius: 1px;
padding: 9px;
position: fixed;
z-index: 1;
left: 50%;
bottom: 70px;
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 {bottom: 0; opacity: 0;}
to {bottom: 70px; opacity: 1;}
}
@keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 70px; opacity: 1;}
}
@-webkit-keyframes fadeout {
from {bottom: 70px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}
@keyframes fadeout {
from {bottom: 70px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}
</style>
<div id="snackbar" class="show">
<p id="withdraw">ue****cl Berhasil Withdraw Rp 4.783.000,00</p>
</div>
<!-- <marquee direction ="up" scrolldelay ="600" id="withdraw" style ="font-size: 22px;"></marquee> -->
<script>
function loadlink(){
var angka_acak = Math.floor(Math.random() * (10001-50)+50);
function maketextnumber(n) {
for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"], e = n, t = new Array, a = 0; a <= e - 1; a++) {
t[a] = r[parseInt(Math.random() * r.length)];
t = t;
randomtextnumber = t.join("")
}
}
var huruf_acak = (maketextnumber(8), randomtextnumber);
var huruf_belakang = huruf_acak.substring(6);
var huruf_depan = huruf_acak.substring(0, 2);
const rupiah = (number)=>{
return new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR"
}).format(number);
}
var nominal = rupiah(angka_acak+"000");
var baris = huruf_depan+"****"+huruf_belakang+" Berhasil Withdraw "+nominal;
var x = document.getElementById("snackbar");
x.className = "show";
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
// setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
document.getElementById("withdraw").innerHTML = huruf_depan+"****"+huruf_belakang+" Berhasil Withdraw "+nominal;
// document.getElementById("withdraw").style.backgroundColor ="red";
// document.getElementById("withdraw").width ="30%";
// document.getElementById("withdraw").height ="25px";
}
loadlink();
setInterval(function(){
loadlink()
}, 5000);
</script>
<center style="background-color: #DDDDDD">
<select style="background-image:url(https://slotgacor.b-cdn.net/server.webp); background-color: transparent; background-size: cover; color: transparent !important; height:35px;font-size:23px;text-align:center;margin-top:-1px !important;border-color: #DDDDDD !important; z-index:10;" onchange="(this.options[this.selectedIndex].value?window.open(this.options[this.selectedIndex].value,'_blank'):'')">
<option selected disabled value="#">PILIH SERVER!</option>
<option value="https://wl4d.vip/winlive4d" style="color:red">[ 121.731.11.210 ] Server Thailand </option>
<option value="https://wl4d.vip/winlive4d" style="color:red">[ 103.50.131.213 ] Server Indonesia</option>
<option value="https://wl4d.vip/winlive4d" style="color:red">[ 130.235.12.342 ] Server Kamboja</option>
<option value="https://wl4d.vip/winlive4d" style="color:red">[ 43.159.46.237 ] Server Singapore</option>
</select>
</center>
<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/template/BY.css">-->
<link rel="stylesheet" href="/css/template/BY.css">
<link rel="stylesheet" href="/css/variable.css">
<link rel="stylesheet" href="/css/light.css?35644">
<link rel="stylesheet" href="/css/style.css?345435">
<link rel="icon" type="image/png" href="favicon.png">
<script src="/js/jquery-3.6.4.min.js"></script>
<style>
.login-input-field {
font-size: 1rem;
}
@media only screen and (max-width: 1000px) {
.login-input-field {
font-size: 1.2rem;
}
}
</style>
<style>
.count-item {
font-size: 1.8rem;
background: #001454;
padding: 0.3rem 0.5rem;
color: #ffffff !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 #001454;
padding: 0.8rem;
/* background: linear-gradient(90deg , #d39e00 0%, #cca11f 21%, #dba70a 49%, rgb(238 205 86) 75%, #9e7700 100%); color: #000; */
}
.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: #fefefe;
padding: 1.7rem;
width: 18rem;
height: 0.5rem;
border-radius: 10px;
position: relative;
}
.google-wrapper img {
position: absolute;
width: 2rem;
top: 9px;
left: 10px;
}
.item-service p {
color: #fff;
}
.google-wrapper p {
position: absolute;
left: 3.4rem;
top: 0.6rem;
text-transform: uppercase;
font-size: 1.50rem !important;
font-weight: bold !important;
color: #000 !important;
}
</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">1</span> Menit</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div> </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">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://slotgacor.b-cdn.net/VCsb-Hfvw-Mm.png" /> <p>WINLIVE4D</p></div></div> </div>').insertBefore(".provider-group");
});
</script>
<style>
:root {
--t1-color: var(--result-tanggal-background);
--t2-color: var(--result-keluaran-color);
}
.provider {
padding-top: 1rem;
background: #000000;
color: #ffffff;
}
.login-field {
width: 147px;
}
.header {
background: #000000;
}
.menu-item>label, .menu span {
color: #fff !important;
}
.title-infos {
text-transform: uppercase;
color: #fff;
font-size: 1.2rem;
text-align: center;
display: flex;
align-items:center;
justify-content: center;
}
.img-title-infos {
width: 40px;
margin-right: 0.5rem;
}
.transaksi {
padding-top: 1.5rem;
}
.wrap-all-trans {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 5px;
}
.wrapper-transactions {
width: 35rem;
max-width: 100%;
padding: 0.7rem;
margin-bottom: 1rem;
margin-top: 1rem;
border-radius: 10px;
border: 3px solid #001454;
background: var(--result-background);
}
.content-trans {
height: 15rem;
overflow: hidden;
position: relative;
}
.avatar-trans {
width: 2rem;
max-width: 100%;
margin-right: 0.7rem;
}
.avatar-wrapper {
display: flex;
justify-content: center;
}
.item-trans {
color: #ffffff;
background: #001042;
display: flex;
width: 100%;
border: 2px solid #001454;
justify-content: space-between;
align-items: center;
border-radius: 5px;
font-size: 1rem;
margin-bottom: 0.45rem !important;
padding: 0.4rem;
position: relative;
bottom: 0; /* Start the boxes at the bottom of the container */
animation: moveUp 40s linear infinite;
}
.rupiah-trans {
color: #ffffff;
font-weight: bold;
}
.text-centertitle {
color: #ffffff;
margin-top: 0;
padding-bottom: 0.5rem;
font-size: 1.15rem;
font-weight: bold;
}
.divider-trans {
margin-top: 14px !important;
border-top: 1px solid rgb(0 0 0);
}
@keyframes moveUp {
0% {
transform: translateY(0); /* Initial position, no translation */
}
100% {
transform: translateY(-1500px); /* Move the box upwards by the height of container */
}
}
@keyframes glowing {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
@keyframes glowing {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
@media only screen and (max-width: 1000px) {
.wrap-all-trans {
display: block;
}
.wrapper-transactions {
width: 100%;
}
.gambar-samping {
display: none;
}
.menu-alternatif li {
width: 100%;
text-align: center;
padding: 0.3rem;
font-size: 1rem;
}
}
@media only screen and (max-width: 1000px) {
.login-form {
margin: 0 20px;
}
.login-field, .login-form>button, .btn-promosi, .wikwik {
border-radius: 5px;
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', () => {
// Withdraw & Deposit
const getProvider = document.querySelector('.provider-group');
const transWrap = document.createElement('div');
transWrap.className = 'wrapper-transactions';
const transWrapDp = document.createElement('div');
transWrapDp.className = 'wrapper-transactions';
const transContent = document.createElement('div');
transContent.className = 'content-trans';
const transContentDp = document.createElement('div');
transContentDp.className = 'content-trans';
const makeDp = document.createElement('div');
makeDp.className = 'deposit-members';
const makeWd = document.createElement('div');
makeWd.className = 'withdraw-members';
const titleDp = document.createElement('h3');
titleDp.className = 'text-centertitle';
titleDp.textContent = 'NEW DEPOSIT';
const titleWd = document.createElement('h3');
titleWd.className = 'text-centertitle';
titleWd.textContent = 'NEW WITHDRAW';
transContentDp.appendChild(makeDp);
transContent.appendChild(makeWd);
transWrapDp.appendChild(titleDp);
transWrap.appendChild(titleWd);
transWrapDp.appendChild(transContentDp);
transWrap.appendChild(transContent);
const wrapAllTrans = document.createElement('div');
wrapAllTrans.className = 'wrap-all-trans';
wrapAllTrans.appendChild(transWrapDp);
wrapAllTrans.appendChild(transWrap);
getProvider.parentNode.insertBefore(wrapAllTrans, getProvider);
function LinkAlter() {
$('<ul class="menu-alternatif"><li>Link alternatif :</li> <li data-alternatif="' + linkAlt1 + '">'+ linkAlt1 +'</li> <li data-alternatif="' + linkAlt2 + '">'+ linkAlt2 +'</li> <li data-alternatif="' + linkAlt3 + '">'+ linkAlt3 +'</li></ul>').insertBefore($('.wrap-all-trans'));
$('.menu-alternatif li').click(function() {
const targetLink = $(this).data('alternatif');
if(targetLink !== undefined ) {
location.href = 'https://' + targetLink;
}
});
}
function getDP() {
$.ajax({
url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
type: 'GET',
dataType: 'JSON',
success: function(response) {
const getUser = randomUser(response.slice(0, 50));
$.each(getUser, function(index, items){
// IDR Value
const dana_wd = uangRupiahDp(50000, 4000000);
$('.deposit-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://slotgacor.b-cdn.net/wl4d-fav.jpg" class="avatar-trans" />'+ items.user +' | Deposit:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
});
}
})
}
function getWD() {
$.ajax({
url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
type: 'GET',
dataType: 'JSON',
success: function(response) {
const getUser = randomUser(response.slice(0, 50));
$.each(getUser, function(index, items){
// IDR Value
const dana_wd = uangRupiah(450000, 15000000);
$('.withdraw-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://slotgacor.b-cdn.net/wl4d-fav.jpg" class="avatar-trans" />'+ items.user +' | Withdraw:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
});
}
})
}
function uangRupiah(min, max) {
function getRandomRoundNumber(min, max) {
const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
const returnNum = Math.floor(randomNumber / 10000) * 10000;
if(returnNum != 0 || !isNaN(returnNum)) {
return returnNum;
}
}
const randomRoundNumber = getRandomRoundNumber(min, max);
const roundedNumber = randomRoundNumber;
return new Intl.NumberFormat().format(roundedNumber);
}
function uangRupiahDp(min, max) {
function getRandomRoundNumber(min, max) {
const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
const returnNum = Math.floor(randomNumber / 5000) * 5000;
if(returnNum != 0 || !isNaN(returnNum)) {
return returnNum;
}
}
const randomRoundNumber = getRandomRoundNumber(min, max);
const roundedNumber = randomRoundNumber;
return new Intl.NumberFormat().format(roundedNumber);
}
function randomUser(array) {
var currentIndex = array.length, temporaryValue, randomIndex;
// While there remain elements to shuffle
while (0 !== currentIndex) {
// Pick a remaining element
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex -= 1;
// Swap it with the current element
temporaryValue = array[currentIndex];
array[currentIndex] = array[randomIndex];
array[randomIndex] = temporaryValue;
}
return array;
}
getWD();
getDP();
LinkAlter();
});
</script>
<meta name="viewport" content="width=1200, initial-scale=0.33">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<link rel="stylesheet" href="/style.scss" >
<!--<link rel="stylesheet" href="/css/old/template/BD.css">-->
<link rel="stylesheet" href="/css/old/template/BD.css">
<link rel="stylesheet" href="/css/old/variable.css">
<link rel="stylesheet" href="/css/old/dark.css">
<link rel="stylesheet" href="/css/old/style.css">
<link rel="icon" type="image/png" href="favicon.png">
<script src="/js/old/jquery-3.6.4.min.js"></script>
<style>
.login-input-field {
font-size: 1rem;
}
.btn-aduan {
background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 300% 300%;
animation: gradient 2s ease infinite;
}
.transaksi-title {
place-items: start;
}
@media only screen and (max-width: 1000px) {
.transaksi-title {
place-items: center;
}
.login-input-field {
font-size: 1.2rem;
}
}
</style>
</head>
<body id="desktop">
<div id="hover" class="hover desktop-only">
<div id="hover-togel" class="hover-menu">
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
<figcaption>TOGEL</figcaption>
</a>
</div>
<div id="hover-slot" class="hover-menu">
<a href="/?content=slot&provider=pp" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
<figcaption>PRAGMATIC PLAY</figcaption>
</a>
<a href="/?content=slot&provider=pg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
<figcaption>PG SOFT</figcaption>
</a>
<a href="/?content=slot&provider=hb" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
<figcaption>HABANERO</figcaption>
</a>
<a href="/?content=slot&provider=jl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
<figcaption>JILI</figcaption>
</a>
<a href="/?content=slot&provider=sg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
<figcaption>SPADEGAMING</figcaption>
</a>
<a href="/?content=slot&provider=nxt" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
<figcaption>NEXTSPIN</figcaption>
</a>
<a href="/?content=slot&provider=fgs" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
<figcaption>5G GAMES</figcaption>
</a>
<a href="/?content=slot&provider=wow" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
<figcaption>WOW GAMING</figcaption>
</a>
<a href="/?content=slot&provider=jg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
<figcaption>JOKER</figcaption>
</a>
<a href="/?content=slot&provider=mg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
<figcaption>MICROGAMING</figcaption>
</a>
<a href="/?content=slot&provider=hks" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
<figcaption>HACKSAW GAMING</figcaption>
</a>
<a href="/?content=slot&provider=fs" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
<figcaption>FASTSPIN</figcaption>
</a>
<a href="/?content=slot&provider=nlc" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
<figcaption>NOLIMIT CITY</figcaption>
</a>
<a href="/?content=slot&provider=ps" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
<figcaption>PLAYSTAR</figcaption>
</a>
<a href="/?content=slot&provider=pt" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
<figcaption>PLAYTECH</figcaption>
</a>
<a href="/?content=slot&provider=adv" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-adv.png" alt="ADVANT PLAY"></figure>
<figcaption>ADVANT PLAY</figcaption>
</a>
<a href="/?content=slot&provider=l22" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
<figcaption>LIVE22</figcaption>
</a>
<!-- <a href="/?content=slot&provider=nte" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
<figcaption>NETENT</figcaption>
</a> -->
<a href="/?content=slot&provider=cq9" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
<figcaption>CQ9</figcaption>
</a>
<!-- <a href="/?content=slot&provider=ttg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
<figcaption>TOPTREND GAMING</figcaption>
</a> -->
<a href="/?content=slot&provider=ss" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
<figcaption>SBO SLOT</figcaption>
</a>
</div>
<div id="hover-live" class="hover-menu" >
<a href="/?content=casino&provider=pplc" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
<figcaption>PRAGMATIC PLAY</figcaption>
</a>
<a href="/?content=casino&provider=evo" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
<figcaption>EVOLUTION</figcaption>
</a>
<a href="/?content=casino&provider=mg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
<figcaption>MICROGAMING</figcaption>
</a>
<a href="/?content=casino&provider=ptlc" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
<figcaption>PLAYTECH LIVE</figcaption>
</a>
<a href="/?content=casino&provider=ion" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
<figcaption>ION CASINO</figcaption>
</a>
<a href="/?content=casino&provider=sx" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
<figcaption>SEXY GAMING</figcaption>
</a>
<a href="/?content=casino&provider=sa" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
<figcaption>SA GAMING</figcaption>
</a>
<a href="/?content=casino&provider=ab" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
<figcaption>ALLBET</figcaption>
</a>
<a href="/?content=casino&provider=gmnl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
<figcaption>GEMINI LIVE</figcaption>
</a>
<a href="/?content=casino&provider=og" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
<figcaption>OPUS PLUS</figcaption>
</a>
<a href="/?content=casino&provider=sbol" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
<figcaption>SBOBET CASINO</figcaption>
</a>
</div>
<div id="hover-sport" class="hover-menu">
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
<figcaption>SABA</figcaption>
</a>
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
<figcaption>SBOBET</figcaption>
</a>
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
<figcaption>CMD368</figcaption>
</a>
<!-- <a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
<figcaption>PINNACLE</figcaption>
</a> -->
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
<figcaption>TFGAMING</figcaption>
</a>
</div>
<div id="hover-fishing" class="hover-menu">
<a href="/?content=fish&provider=jl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
<figcaption>JILI</figcaption>
</a>
<a href="/?content=fish&provider=sg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
<figcaption>SPADE GAMING</figcaption>
</a>
<a href="/?content=fish&provider=fs" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
<figcaption>FASTSPIN</figcaption>
</a>
<!-- <a href="/?content=fish&provider=ps" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
<figcaption>PLAYSTAR</figcaption>
</a>
<a href="/?content=fish&provider=l22" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
<figcaption>LIVE22</figcaption>
</a> -->
</div>
<div id="hover-sabung" class="hover-menu">
<a href="/?content=sabung&provider=ws" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
<figcaption>WS168</figcaption>
</a>
</div>
<div id="hover-interactive" class="hover-menu">
<a href="/?content=interactive&provider=gmn" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
<figcaption>GEMINI</figcaption>
</a>
<!-- <a href="/?content=interactive&provider=pp" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
<figcaption>PRAGMATIC PLAY</figcaption>
</a> -->
<a href="/?content=interactive&provider=jl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
<figcaption>JILI</figcaption>
</a>
<a href="/?content=interactive&provider=wow" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
<figcaption>WOW GAMING</figcaption>
</a>
<a href="/?content=interactive&provider=jg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
<figcaption>JOKER</figcaption>
</a>
<a href="/?content=interactive&provider=mg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
<figcaption>MICRO GAMING</figcaption>
</a>
<a href="/?content=interactive&provider=hks" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
<figcaption>HACKSAW GAMING</figcaption>
</a>
<a href="/?content=interactive&provider=pt" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
<figcaption>PLAYTECH</figcaption>
</a>
<!-- <a href="/?content=interactive&provider=ps" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
<figcaption>PLAYSTAR</figcaption>
</a> -->
</div>
</div>
<style>
.my-navbar {
height: 52px;
padding: 0px;
width: 100%;
background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
position: fixed;
bottom: 0;
color: white;
z-index: 1100;
display: flex;
box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
}
.navbar-item {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.navbar-item-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: -16px
}
.navbar-item-content>i {
font-size: 20px;
line-height: 22px;
color: white;
padding-bottom: 4px;
}
.navbar-item-content>img {
height: 36px;
width: 36px;
}
.navbar-item-content>label {
white-space: nowrap;
margin-top: 4px;
font-weight: bold;
font-size: var(--text-size-default);
color: white
}
.speed-dial-item {
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.speed-dial-active .speed-dial-item {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* Delay each item’s appearance */
.speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
.speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
.speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
.speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
.speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }
</style>
<div class="mobile-only" >
<div class="my-navbar">
<a href="/" class="navbar-item" style="position: relative">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//beranda.png"/>
<label>BERANDA</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="/m/promosi.php" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//promosi.png"/>
<label>PROMOSI</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="/m/event.php" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//events.png"/>
<label>EVENT</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<div class="navbar-item">
<div class="navbar-item-content speed-dial-btn">
<img src="https://img.viva88athenae.com//chat.png"/>
<label>CHAT</label>
</div>
<a href="https://www.facebook.com/groups/winlive4dbisa" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -60px; height: 48px; width: 48px">
<img src="https://img.viva88athenae.com//facebook.png" style="width: 100%; height: 100%"/>
</a>
<a href="https://t.me/winlive4dofc" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -120px; height: 48px; width: 48px">
<img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
</a>
<a href="https://wa.me/6282342728121" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -180px; height: 48px; width: 48px">
<img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/>
</a>
</div>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="https://secure.livechatenterprise.com/licence/14335545/v2/open_chat.cgi" target="_blank" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//livechat.png"/>
<label>LIVECHAT</label>
</div>
</a>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
const speedDialBtn = document.querySelector(".speed-dial-btn");
const speedDialItems = document.querySelectorAll(".speed-dial-item");
let isOpen = false;
speedDialBtn.addEventListener("click", function () {
isOpen = !isOpen;
speedDialItems.forEach((item, index) => {
if (isOpen) {
item.style.opacity = "1";
item.style.visibility = "visible";
item.style.transform = "translateY(0)";
item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
} else {
item.style.opacity = "0";
item.style.visibility = "hidden";
item.style.transform = "translateY(10px)";
item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
}
});
});
});
</script>
<div id="top" class="wrapper">
<header class="header">
<div class="header-content">
<div class="logo" href="/">
<a href='/'><img src="/images/logoweb.png" class='logoimg' alt=""></a>
</div>
<div id="marquee-mobile" class="marquee mobile-only">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
</div>
<div class="running">
<div class="marquee-shadow"></div>
<marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee>
</div>
<div class="d-flex align-items-center gap-2">
</div>
</div>
</div>
<div class="mslider mobile-only">
</div>
<div class="login">
<div id="desktoplogin" class="desktop-only">
<form class="login-form form" role="form">
<div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div>
<div class="input-group login-field">
<span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
<input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
</div>
<div id="marquee" class="marquee mobile-only">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<i class="bi bi-megaphone-fill desktop-only"></i>
</div>
<div class="running">
<div class="marquee-shadow"></div>
<marquee behavior="" direction="" id="broadcast"></marquee>
</div>
</div>
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
<input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
</div>
<div class="verifikasiform" style="display: flex; gap: 2px;">
<span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
<input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off">
</div>
<input type="hidden" name="verif" id="verifval" class="verifval" value="1">
<button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
<button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/?content=register'">Daftar</button>
<input type="hidden" name="task" value="login">
<input type="hidden" name="logindesktop" value="SNe/bYvd9D2SWyoXW0SjSABUieMlVG4NbCiRZ44IuIE=">
</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?4096" width="100%" height="44" style="border-radius: 5px;"></span>
<div class="input-group login-field mt-1">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi">
</div>
</div>
<input type="hidden" name="verif" id="verifval" class="verifval" value="1">
<button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
<button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
<input type="hidden" name="task" value="login">
<input type="hidden" name="loginmobile" value="SNe/bYvd9D2SWyoXW0SjSABUieMlVG4NbCiRZ44IuIE=">
</form>
</div>
<div id="mobile-daftar-form" style="width: 100%; display: none">
<div id="mobileregister">
<form id="formRegister" class="login-form p-0 pt-4">
<div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
<div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
<input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
<input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
</div>
<div class="input-group login-field">
<select class="form-select login-input-field" name="bank" id="reg_bank">
<option value="">Pilih Bank</option>
<option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='OCBC'>OCBC</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='SeaBank'>SeaBank</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</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"> -->
<div class="w-100 my-1">
<div id="capverifikasi">
<img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
</div>
<div class="input-group login-field mt-1">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
</div>
</div>
<button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button>
<input type="hidden" name="task" value="register">
<input type="hidden" name="regmobile" value="nPg+2Mz5KaMHQOvV/rxTK0HgrhMJtrGhG1p2E8/DO2M=">
<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>
</div>
<div class="carousel-inner" style="height: 100%">
<div class="carousel-item active" style="height: 100%">
<img src="/images/upload-Slides-20250715213404.jpg" class="d-block w-100 banner" alt="upgrade vvip winlive4d" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20250808181747.jpg" class="d-block w-100 banner" alt="AUTO QRIZ MALAM" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20241001134755.jpg" class="d-block w-100 banner" alt="PARTNER RESMI WINLIVE4D" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20250504150223.jpg" class="d-block w-100 banner" alt="LOMBA TURN OVER" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20250504150235.jpg" class="d-block w-100 banner" alt="LOMBA TURN OVER SPORTSBOOK" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240409223800.jpg" class="d-block w-100 banner" alt="MERCHANDISE" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20220425231244.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">3716</div>
<div class="tanggal">SELASA 12/8/2025</div>
</a>
<a href="/?content=hasil&pid=HKD" class="result">
<div class="badge">
</div>
<div class="pasaran">HK SIANG </div>
<div class="keluaran">7626</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=NZB" class="result">
<div class="badge">
</div>
<div class="pasaran">BULLSEYE </div>
<div class="keluaran">0970</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=SG" class="result">
<div class="badge">
</div>
<div class="pasaran">SINGAPORE </div>
<div class="keluaran">5718</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=QTR" class="result">
<div class="badge">
</div>
<div class="pasaran">QATAR </div>
<div class="keluaran">9401</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=CAM" class="result">
<div class="badge">
</div>
<div class="pasaran">CAMBODIA </div>
<div class="keluaran">1851</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=TWN" class="result">
<div class="badge">
</div>
<div class="pasaran">TAIWAN </div>
<div class="keluaran">9853</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=MY" class="result">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA </div>
<div class="keluaran">9721</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=SGM" class="result">
<div class="badge">
</div>
<div class="pasaran">SG METRO </div>
<div class="keluaran">7990</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=MYD" class="result">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA SIANG </div>
<div class="keluaran">2661</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=TMC00" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU0000 </div>
<div class="keluaran">0715</div>
<div class="tanggal">SELASA 12/8/2025</div>
</a>
<a href="/?content=hasil&pid=TMC13" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1300 </div>
<div class="keluaran">7668</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=TMC16" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1600 </div>
<div class="keluaran">0067</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=TMC19" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1900 </div>
<div class="keluaran">6219</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=TMC22" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU2200 </div>
<div class="keluaran">4424</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=TMC23" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU2300 </div>
<div class="keluaran">3497</div>
<div class="tanggal">SENIN 11/8/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">3716</div>
<div class="tanggal">12-08-2025</div>
</button>
<div id="paito-TWH" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2486</div>
<div class="tanggal">12-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0754</div>
<div class="tanggal">11-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0802</div>
<div class="tanggal">11-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4150</div>
<div class="tanggal">11-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9190</div>
<div class="tanggal">11-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2755</div>
<div class="tanggal">11-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1270</div>
<div class="tanggal">11-08-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">7626</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-HKD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3586</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4858</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0687</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0874</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5337</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3072</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4384</div>
<div class="tanggal">04-08-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-NZB">
<div class="badge">
</div>
<div class="pasaran">BULLSEYE </div>
<div class="keluaran">0970</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-NZB" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7146</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0597</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0629</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7950</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2079</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0608</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3736</div>
<div class="tanggal">04-08-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">5718</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-SG" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4067</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8681</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3199</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9132</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2804</div>
<div class="tanggal">04-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9427</div>
<div class="tanggal">03-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0851</div>
<div class="tanggal">02-08-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">9401</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-QTR" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6923</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2429</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3196</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5682</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6894</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5090</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3547</div>
<div class="tanggal">04-08-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">1851</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-CAM" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5947</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0007</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0426</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1674</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0143</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6079</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0525</div>
<div class="tanggal">04-08-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-TWN">
<div class="badge">
</div>
<div class="pasaran">TAIWAN </div>
<div class="keluaran">9853</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-TWN" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5490</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9877</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2708</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4840</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3259</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8970</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8793</div>
<div class="tanggal">04-08-2025</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA </div>
<div class="keluaran">9721</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-MY" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1817</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7291</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4209</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2015</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5876</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1071</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0495</div>
<div class="tanggal">04-08-2025</div>
</div>
</div>
</div>
<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM">
<div class="badge">
</div>
<div class="pasaran">SG METRO </div>
<div class="keluaran">7990</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-SGM" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4893</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0106</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1855</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2104</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1544</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6239</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9549</div>
<div class="tanggal">04-08-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">2661</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-MYD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8147</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0885</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5652</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5720</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6802</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8954</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9691</div>
<div class="tanggal">04-08-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-TMC00">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU0000 </div>
<div class="keluaran">0715</div>
<div class="tanggal">12-08-2025</div>
</button>
<div id="paito-TMC00" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3724</div>
<div class="tanggal">11-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0972</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3887</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8597</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6407</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6323</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6011</div>
<div class="tanggal">05-08-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-TMC13">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1300 </div>
<div class="keluaran">7668</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-TMC13" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9731</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3173</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7608</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8856</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9990</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9582</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0350</div>
<div class="tanggal">04-08-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-TMC16">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1600 </div>
<div class="keluaran">0067</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-TMC16" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0159</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9737</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2114</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3228</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6293</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4892</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6623</div>
<div class="tanggal">04-08-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-TMC19">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1900 </div>
<div class="keluaran">6219</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-TMC19" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3845</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6166</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8186</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8922</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1923</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0546</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5144</div>
<div class="tanggal">04-08-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-TMC22">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU2200 </div>
<div class="keluaran">4424</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-TMC22" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7147</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1381</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6599</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3944</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8319</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0539</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9588</div>
<div class="tanggal">04-08-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-TMC23">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU2300 </div>
<div class="keluaran">3497</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-TMC23" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0819</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3956</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9386</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8213</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9784</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7195</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2163</div>
<div class="tanggal">04-08-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-crypto";
}
.transaksi-bank {
grid-area: transaksi-bank;
display: grid;
place-items: center
}
.transaksi-other {
grid-area: transaksi-other;
display: flex;
justify-content: space-evenly;
width: 100%;
}
.transaksi-crypto {
grid-area: transaksi-crypto;
display: flex;
justify-content: space-evenly;
width: 100%;
}
.icon-crypto {
width: 24px;
height: 24px;
}
.transaksi-list-bank {
height: fit-content;
display: grid;
grid-template-columns: repeat(4, 92px);
grid-template-rows: repeat(4, auto);
gap: 4px;
}
.transaksi-list-other {
height: fit-content;
display: grid;
grid-template-columns: repeat(3, 92px);
gap: 4px;
}
.transaksi-list-crypto {
height: fit-content;
display: grid;
grid-template-columns: repeat(2, 80px);
gap: 10px 8px;
}
.transaksi-item {
display: flex;
flex-direction: column;
/* transform: perspective(10px) rotateX(3deg); */
}
.transaksi-header {
height: 30px;
border-radius: 5px;
display: grid;
place-items: center;
font-weight: bold;
border: 2px solid rgba(108,108,108,1);
background: rgba(54,54,54,1);
color: white;
}
.transaksi-status {
margin-left: 3px;
margin-right: 3px;
height: 3px;
border-radius: 0px 0px 4px 4px;
background: rgb(54,54,54);
background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
}
.header-green {
background: rgba(44,121,6,1);
border-color: rgba(168,255,0,1);
}
.header-blue {
background: rgba(0,80,89,1);
border-color: rgba(0,255,204,1);
}
.status-green {
background: rgb(44,121,6);
background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
}
.status-blue {
background: rgb(0,80,89);
background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
}
.transaksi-name {
font-size: 1.1rem;
font-weight: bold;
line-height: 1.5rem
}
.transaksi-wrapper {
display: flex;
flex-direction: column;
gap: .5rem;
}
@media only screen and (max-width: 768px) {
.transaksi-group {
display: grid;
grid-template-columns: 1fr;
grid-template-areas:
"transaksi-bank"
"transaksi-other"
"transaksi-crypto";
gap: 32px;
margin-bottom: 8px;
}
.transaksi-header {
font-size: 1.1rem;
height: 36px;
}
.transaksi-list-bank {
grid-template-columns: repeat(4, 1fr);
}
.transaksi-list-other {
grid-template-columns: repeat(4, 1fr);
}
.transaksi-list-crypto {
width: 86%;
margin: auto;
grid-template-columns: repeat(4, 1fr);
}
.transaksi-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.transaksi-item {
width: 100%;
}
.transaksi-title-group {
justify-content: center;
padding: 16px 0;
}
.transaksi-name {
font-size: 1.3rem;
text-align: center;
line-height: 1.8rem;
}
.transaksi-wrapper {
width: 100%;
max-width: 100%!important;
gap: 1rem;
}
.icon-crypto {
width: 28px;
height: 28px;
}
}
</style>
<div class="transaksi-group">
<div class="transaksi-bank">
<div class="transaksi-wrapper">
<div class="transaksi-name">Bank Lokal</div>
<div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
</div>
<div class="carousel-inner" >
<div class="carousel-item active" style="min-height: 144px">
<div class="transaksi-list-bank">
<div class="transaksi-item">
<div class="transaksi-header">BCA</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">Mandiri</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">BNI</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">BRI</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">CIMB</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">Danamon</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">Permata</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">OCBC</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">BSI</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">NEO</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">SeaBank</div>
<div class="transaksi-status status-green"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="transaksi-other">
<div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
<div class="transaksi-wrapper" style="max-width: 284px">
<div class="transaksi-name">E Money & Pulsa</div>
<div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
</div>
<div class="carousel-inner" >
<div class="carousel-item active">
<div class="transaksi-list-other">
<div class="transaksi-item">
<div class="transaksi-header">DANA</div>
<div class="transaksi-status "></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">OVO</div>
<div class="transaksi-status "></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">GOPAY</div>
<div class="transaksi-status "></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>
</div>
</div>
</div>
</div>
<div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
</div>
<div class="transaksi-crypto">
<div class="transaksi-wrapper" style="max-width: 284px">
<div class="transaksi-name mb-1">Crypto Currency</div>
<div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
</div>
<div class="carousel-inner" >
<div class="carousel-item active">
<div class="transaksi-list-crypto">
<div class="d-flex gap-2">
<img src="https://img.viva88athenae.com/USDT.png" class="icon-crypto">
<strong class="transaksi-name">USDT</strong>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
<!-- <div class="transaksi-title">-->
<!-- <div class="transaksi-title-group">-->
<!-- <div class="fitur-header">Kontak Kami</div>-->
<!-- </div>-->
<!-- <div class="devider desktop-only"></div>-->
<!-- </div>-->
<!--
<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
<div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
</div>
<div class="carousel-inner" style="height: 164px">
<div class="carousel-item active">
<div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
<a class="d-flex flex-column" href="https://wa.me/6282342728121" target='_blank'>
<div style="color: #888888;">WHATSAPP</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">082342728121</div>
</a>
</div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
<a class="d-flex flex-column" href="https://t.me/winlive4dofc" target='_blank'>
<div style="color: #888888;">TELEGRAM</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">https://t.me/winlive4dofc</div>
</a>
</div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/>
<a class="d-flex flex-column" href="https://www.facebook.com/groups/winlive4dbisa" target='_blank'>
<div style="color: #888888;">FACEBOOK</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">WINLIVE4D | PROMO FREEBET TERGACOR SEDUNIA HARI INI</div>
</a>
</div>
</div>
</div>
</div>
</div>
-->
<!--</div>-->
</div>
</div>
</div>
<div class="guidelines">
<div class="guidelines-content desktop-only">
<img src="https://img.viva88athenae.com/guidelines.png" />
</div>
</div>
<div class="bantuan">
<ul class="bantuan-content">
<li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
</ul>
</div>
<footer class="footer">
<div>
<h1>WINLIVE4D - Ini dia Situs Tertua di asia, Menyediakan Semua Provider Slot!</h1>
<p><a href="https://winlive4dsite.com">WINLIVE4D</a> dikenal sebagai salah satu situs slot online paling senior di Asia yang tetap eksis hingga sekarang. Dengan reputasi yang terjaga, platform ini menjadi tempat favorit bagi para penggemar slot yang mencari kenyamanan, keamanan, dan peluang cuan besar setiap hari. Scatter sering muncul, RTP transparan real-time, dan bonus yang mengalir tanpa henti menjadikan WINLIVE4D pilihan tepat untuk pemain serius.</p>
<h2>Bukan Sekadar Situs Slot Biasa</h2>
<p>Jangan salah, <strong>WINLIVE4D</strong> bukanlah situs slot online biasa. Di sini, modal kecil pun bisa berubah menjadi jackpot menggiurkan. Koleksi game dari provider kelas dunia, sistem permainan yang fair tanpa rekayasa, serta layanan pelanggan aktif 24 jam siap memastikan setiap pemain mendapatkan pengalaman terbaik. Tidak heran jika banyak member yang betah bermain bertahun-tahun di platform ini.</p>
<h2>Alasan Banyak Slotter Memilih WINLIVE4D</h2>
<h3>RTP Live untuk Analisa Sebelum Main</h3>
<p>Salah satu keunggulan yang membuat <strong>WINLIVE4D</strong> berbeda adalah fitur RTP real-time. Pemain bisa langsung melihat persentase Return to Player tiap game sebelum memulai putaran. Dengan begitu, Anda bisa memilih slot yang sedang “panas” dan berpotensi tinggi memberikan kemenangan besar.</p>
<h3>Scatter Gampang Muncul</h3>
<p>Banyak pemain mengakui, di sini freespin sangat mudah didapat. Hanya dengan 10–20 kali spin, peluang memicu scatter sangat besar. Ini bukan sekadar promosi, tapi kenyataan yang dirasakan langsung oleh member aktif.</p>
<h3>Bonus Harian dan Mingguan</h3>
<p><a href="https://winlive4dsite.com">WINLIVE4D</a> menawarkan bonus top up langsung masuk saldo, cashback mingguan untuk member aktif, serta freespin gratis untuk semua pemain. Pendaftar baru bahkan langsung menerima bonus registrasi tanpa syarat ribet.</p>
<h2>Daftar Provider Slot Unggulan di WINLIVE4D</h2>
<ul>
<li><strong>Pragmatic Play</strong> – Dikenal luas lewat Gates of Olympus, Sweet Bonanza, dan deretan slot gacor yang jadi favorit banyak pemain.</li>
<li><strong>PG Soft</strong> – Menawarkan visual memukau dengan nuansa tema Asia yang khas.</li>
<li><strong>Habanero</strong> – Slot klasik dengan freespin mudah dan RTP tinggi.</li>
<li><strong>Joker Gaming & Spadegaming</strong> – Pilihan tepat untuk pemain dengan modal terbatas.</li>
<li><strong>Slot88</strong> – Provider lokal yang kualitasnya diakui secara global.</li>
</ul>
<h2>Fitur Andalan Eksklusif</h2>
<ul>
<li><strong>Buy Bonus</strong> – Masuk langsung ke mode freespin tanpa menunggu scatter.</li>
<li><strong>Turbo & Auto Spin</strong> – Bikin putaran lebih cepat dan pengalaman bermain jadi lebih efisien.</li>
<li><strong>Hot Picks</strong> – Daftar slot paling populer dan gacor yang direkomendasikan hari ini.</li>
<li><strong>Smart Reminder</strong> – Peringatan otomatis jika target kemenangan Anda sudah tercapai.</li>
</ul>
<h2>Akses Mudah di Semua Perangkat</h2>
<p>Website <strong>WINLIVE4D</strong> dirancang ringan dan responsif, sehingga bisa diakses dengan lancar dari Android, iOS, maupun laptop. Proses loading cepat, hemat kuota, dan keamanan data dijamin dengan sistem enkripsi canggih.</p>
<h2>Cara Mendaftar di WINLIVE4D</h2>
<ol>
<li>Kunjungi situs resmi <a href="https://winlive4dsite.com">WINLIVE4D</a>.</li>
<li>Klik tombol “Daftar Sekarang”.</li>
<li>Isi formulir pendaftaran: username, kata sandi, dan nomor WhatsApp aktif.</li>
<li>Verifikasi akun Anda dan lakukan login.</li>
<li>Lakukan deposit via bank lokal, e-wallet (OVO, DANA, GoPay), atau QRIS.</li>
</ol>
<p>Semua transaksi diproses otomatis sehingga pemain tidak perlu melakukan konfirmasi manual.</p>
<h2>Tips Menang di WINLIVE4D</h2>
<ul>
<li>Selalu prioritaskan slot dengan RTP lebih dari 96% biar kesempatan menang lo makin besar.</li>
<li>Main di jam-jam sepi agar server lebih stabil dan tidak lag.</li>
<li>Klaim semua bonus aktif untuk memperpanjang modal.</li>
<li>Gunakan fitur RTP live untuk memilih game terbaik.</li>
<li>Ikut komunitas Telegram untuk update pola gacor harian.</li>
</ul>
<h2>Testimoni Pemain</h2>
<p><em>“Baru dua hari main, sudah tiga kali dapat freespin di Olympus. Gacor banget!”</em> – Bagus, Jakarta</p>
<p><em>“Fitur RTP live-nya keren, langsung tahu slot mana yang lagi gacor.”</em> – Maya, Bandung</p>
<p><em>“CS cepat tanggap, withdraw instan, scatter sering keluar. Mantap!”</em> – Irwan, Medan</p>
<h2>Kesimpulan: WINLIVE4D Adalah Pilihan Paling Worth It</h2>
<p>Dengan reputasi sebagai platform slot online tertua di Asia, koleksi provider terlengkap, fitur unggulan, dan bonus yang menguntungkan, <a href="https://winlive4dsite.com">WINLIVE4D</a> layak menjadi destinasi utama bagi para slotter. Tidak hanya hiburan, tapi juga peluang nyata untuk meraih penghasilan tambahan. Daftar sekarang, mainkan game favorit Anda, dan buktikan sendiri sensasi maxwin setiap hari!</p>
<p><a href="/?content=register">daftar winlive4d</a></p>
<p><a href="/?content=slot">winlive4d slot</a></p>
<p><a href="/?content=casino">winlive4d casino</a></p>
<p><a href="/?content=sport">winlive4d sportsbook</a></p>
<p><a href="/?content=fish">winlive4d fishing games</a></p>
<p><a href="/?content=sabung">winlive4d sabung ayam</a></p>
<p><a href="/sitemap.xml">winlive4d</a></p>
<p><a href="https://linklist.bio/winlive4d/">WINLIVE4D</a></p>
<style>
.gacor-dor {
position: fixed;
bottom: 80px;
left: 5px;
}
.gacor-maxwin {
display: flex;
justify-content: center;
align-items: center;
width: 75px;
height: 75px;
border-radius: 5px;
background-color: black;
border: 2px solid red;
margin-bottom: 5px;
}
.gacor-maxwin img {
width: 65px;
height: 65px;
}
</style>
<div class="gacor-dor"><a href="https://heylink.me/winlive4dpartner/" target="_blank" class="gacor-maxwin"><img
src="https://slotgacor.b-cdn.net/partner-resmi.gif" alt="Event Euro2024"
style="margin: 0 auto 0 0; display: block; "></a><a href="https://parlay.cekskor.net/" target="_blank"
class="gacor-maxwin"><img src="https://winlive4d.b-cdn.net/livescore.gif" alt="Partner Resmi"
style="margin: 0 auto 0 0; display: block; "></a><a href="https://t.me/bangslots" target="_blank"
class="gacor-maxwin"><img src="https://link-slot-gacor.b-cdn.net/TELE80.gif" alt="Telegram"
style="margin: 0 auto 0 0; display: block; "></a> <a href="https://wl4d.vip/komunitaswl4d" target="_blank"
class="gacor-maxwin"><img src="https://link-slot-gacor.b-cdn.net/wa80.gif" alt="Whatsapp"
style="margin: 0 auto 0 0; display: block; "></a> <a href="https://wl4d.vip/rtp" target="_blank"
class="gacor-maxwin"><img src="https://slotgacor.b-cdn.net/rtp-gacor-11-11-2022.gif" alt="RTP"
style="margin: 0 auto 0 0; display: block; "></a> <a href="https://wl4d.vip/spinwheel" target="_blank"
class="gacor-maxwin"><img src="https://slotgacor.b-cdn.net/spinwheel-wl4d-min.png" alt="SpinWheel"
style="margin: 0 auto 0 0; display: block; "></a></div>
<!-- PushAlert -->
<script type="text/javascript">
(function (d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = "https://cdn.pushalert.co/integrate_59155cb51c735b68f5b73181258a233f.js";
s.parentNode.insertBefore(g, s);
}(document, "script"));
</script>
<!-- End PushAlert -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5HCXGFFB" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script>
$("<a class='winlive4d yellow-button' href='https://winlive4dgas.com/' target='_blank'>LINK DEPOSIT QRIS</a>").insertAfter(".btn-info:eq(0)");
$("<a class='winlive4d' href='https://tinyurl.com/WAWINLIVE4D' target='_blank'>UPGRADE ID VIP</a>").insertAfter(".winlive4d.yellow-button");
</script>
<style>
.winlive4d {
width: 100%;
display: block;
color: #ffffff;
/* Default text color */
text-shadow: 0px 1px #ffffff;
margin: auto;
margin-top: 3px;
text-align: center;
padding: 10px 0px;
font-size: 15px;
font-weight: bold;
border-radius: 5px;
border: 5px outset white;
animation: needmoney 0.75s infinite;
/* This will be removed for the yellow button */
}
.yellow-button {
background-color: #ffa500;
/* Yellow background */
color: #000000;
/* White text */
animation: none;
/* Disable blinking animation */
}
@keyframes needmoney {
0% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347);
}
2.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347);
}
}
</style>
<style>
.alert {
border: 1px solid #DAA520;
box-shadow: #00afff 0px 0px 10px 1px;
border-radius: 5px;
margin-right: 25px;
margin-left: 25px;
margin-top: 10px;
margin-bottom: -25px;
}
.blinking {
animation: blinkingText 1.5s infinite;
margin: auto;
display: block;
font-weight: 900;
color: #e3e3e3;
text-shadow: #e3e3e3 0px 0px 3px;
}
@keyframes blinkingText {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style>
<script>
$("<div class='alert'><span class='blinking' style='text-align: center;font-size:20px;'>INFORMASI PENTING!!</span><p style='text-shadow: 0px 0px 3px rgba(255, 215, 0, 1);color: #ffd500;text-align: center;font-size:15px;'>Deposit via QRIZ diatas jam 22.00 WIB link di bawah ini <br> winlive4dgas.com <br> Minimal DP: Rp 25.000</p><p style='text-align: center;border: #a0650b solid 2px;background:#01194b;color:#fff;margin:auto;font-size:14px;'><marquee><strong>DILARANG transfer menggunakan Rekening atau E-Wallet yang tidak terdaftar, rekening orang lain / agen / counter HP. | Deposit QRIS diatas jam 22.00 WIB bisa ke link winlive4dgas.com, terimakasih!</strong></marquee></p></div>").insertAfter('#main-content');
</script> </div>
<div class="footer-group">
<div class="copyright">
<div style="white-space: nowrap">© 2015 - 2025 Copyright WINLIVE4D.</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=dI3haPVBqtEYGC73h1VGqwexh1kdYQiZS-Dx86NqyKI.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
<i class="bi bi-shield-fill-exclamation"></i>
<strong class="ms-1">LAPOR PUSAT</strong>
</button>
</div>
</footer>
<!-- SIDENAV -->
<div id="mySidenav" class="sidenav desktop-only">
<div id="nav">
<div style="display: flex; align-items: start;">
<div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
<img src="/assets/hubungi.png?11">
</div>
<!--<img id="about" src="/images/kontak.png?4">-->
</div>
<div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
<div id="" style="padding: 4px">
<img src="/assets/24h.png" style="width: 100%"></img>
</div>
<div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
<div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
<a href="https://wa.me/6282342728121" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>082342728121</span>
</a>
<a href="https://t.me/winlive4dofc" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>https://t.me/winlive4dofc</span>
</a>
<a href="https://www.facebook.com/groups/winlive4dbisa" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/><span>WINLIVE4D | PROMO FREEBET TERGACOR SEDUNIA HARI INI</span>
</a>
</div>
<div style="margin: 8px">
<a href="/?content=register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
</div>
</div>
</div>
</div>
</div>
<!--POP UP -->
<!-- LIVE CHAT -->
<!-- Start of LiveChat (www.livechat.com) code -->
<script>
window.__lc = window.__lc || {};
window.__lc.license = 14335545;
;(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/14335545/" 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 -->
<!-- GetButton.io widget -->
<script type="text/javascript">
(function () {
var options = {
whatsapp: "+6282342728121", // WhatsApp number
call_to_action: "Claim Bonus?", // Call to action
button_color: "#FF6550", // Color of button
position: "left", // Position may be 'right' or 'left'
};
var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host;
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
})();
</script>
<!-- /GetButton.io widget -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script>
if(document.getElementById("promo")) {
var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
window.onload = () => {
myModal.show();
}
}
var mobileurl = 'm/';
var showIDs = [];
function showProducts(hoverID) {
while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
// document.getElementById('hover').classList.add("hover-show");
document.getElementById('hover').style.transitionDelay = "0s";
document.getElementById('hover').style.visibility = "visible";
document.getElementById('hover').style.opacity = "1";
document.getElementById(hoverID).style.display = "flex";
showIDs.push(hoverID);
}
function hideProducts(hoverID) {
// document.getElementById('hover').classList.remove("hover-show");
document.getElementById('hover').style.visibility = "hidden";
document.getElementById('hover').style.opacity = "0";
document.getElementById('hover').style.transitionDelay = "1s";
}
var mobileDaftarForm = document.getElementById('mobile-daftar-form');
var marquee = document.getElementById('marquee');
function closeContent() {
$('#main-content').html("");
}
function openDaftar() {
closeContent();
mobileDaftarForm.style.display = "block";
mobileDaftarForm.scrollIntoView();
}
function closeDaftar() {
mobileDaftarForm.style.display = "none";
marquee.scrollIntoView();
}
function showProvider(type) {
$('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
$('#main-content').load("new-showprovider.php?type=" + type);
}
function toggleInformasi(item) {
page(item);
}
function showInformasi(item) {
document.getElementById('modal-wrapper').style.display='block';
toggleInformasi(item);
}
</script>
<script src="/js/old/new-webduo35.js?v=1754554369"></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>