1 2<!DOCTYPE html> 3<html lang="id"> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>WINLIVE4D | Akses Halaman Kapan Saja untuk Menjelajahi Platform Modern 2026</title> 7 8 <meta name="viewport" content="width=1200, initial-scale=1"> 9 10 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> 11 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 12 <link rel="preload" href="/style.scss" as="style" onload="this.onload=null;this.rel='stylesheet'"> 13 14 15 <!--<link rel="stylesheet" href="/css/old/template/BD.css">--> 16 <link rel="stylesheet" href="/css/old/template/BD.css"> 17 <link rel="stylesheet" href="/css/old/variable.css"> 18 19 <link rel="stylesheet" href="/css/old/dark.css"> 20 21 <link rel="stylesheet" href="/css/old/new2-style.css?1790436643"> 22 <link rel="stylesheet" href="https://img.viva88athenae.com//icomoon/style.css"> 23 <link rel="icon" type="image/png" href="/favicon.png"> 24 25 <!-- Driver.js start --> 26 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css"/> 27
27<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js"></script>
27 28 <style> 29 @media (max-width: 768px) { 30 .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; } 31 .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; } 32 .driver-popover-description { font-size: 12px !important; } 33 } 34 </style> 35 <!-- Driver.js end --> 36 37
37<script src="/js/old/jquery-3.6.4.min.js"></script>
37 38
38<script src="/js/old/jquery.marquee.min.js"></script>
38 39 40 <!-- RECAPTCHA --> 41 42 <meta name="description" content="WINLIVE4D menghadirkan Akses Halaman Kapan Saja dengan navigasi ringkas, struktur platform modern, informasi terorganisasi, ser potensi cuan maksimal setiap hari." /> 43<meta name="keywords" content="winlive4d, winlive 4d, situs judi bola" /> 44<link rel="canonical" href="https://www.winlive4d.net/" /> 45<link rel="amphtml" href="https://halaman.wlnet1xyz.top/" /> 46<link rel="alternate" href="https://halaman.wlnet1xyz.top/"> 47<link rel="alternate" href="https://halaman.wlnet1xyz.top/" hreflang="id"> 48<link rel="alternate" href="https://halaman.wlnet1xyz.top/" hreflang="en"> 49<link rel="alternate" href="https://halaman.wlnet1xyz.top/" hreflang="x-default"> 50<link rel="alternate" hreflang="id-ID" href="https://halaman.wlnet1xyz.top/" /> 51<link rel="alternate" hreflang="en-US" href="https://halaman.wlnet1xyz.top/" /> 52<link rel="alternate" hreflang="en-SG" href="https://halaman.wlnet1xyz.top/" /> 53<link rel="shortcut icon" type="image/x-icon" href="https://slotgacor.b-cdn.net/favicon/winlive4d.png" /> 54<meta name="google" content="notranslate" /> 55<meta name="copyright" content="WINLIVE4D" /> 56<meta name="robots" content="index, follow" /> 57<meta name="rating" content="general" /> 58<meta name="geo.region" content="id" /> 59<meta name="googlebot" content="index,follow" /> 60<meta name="geo.country" content="id" /> 61<meta name="language" content="id" /> 62<meta name="distribution" content="global" /> 63<meta name="geo.placename" content="Indonesia" /> 64<meta name="author" content="WINLIVE4D" /> 65<meta name="publisher" content="WINLIVE4D" /> 66<meta property="og:type" content="website" /> 67<meta property="og:locale" content="id" /> 68<meta property="og:url" content="https://www.winlive4d.net/" /> 69<meta property="og:site_name" content="WINLIVE4D" /> 70<meta property="og:title" content="WINLIVE4D | Akses Halaman Kapan Saja untuk Menjelajahi Platform Modern 2026" /> 71<meta property="og:description" content="WINLIVE4D menghadirkan Akses Halaman Kapan Saja dengan navigasi ringkas, struktur platform modern, informasi terorganisasi, ser potensi cuan maksimal setiap hari." /> 72<meta name="google-site-verification" content="LYcmTnjYo_j1MkzorvX6XjnvHzKuojya5v2H18Lxrg8" /> 73<meta name="google-site-verification" content="9dzuTzb3MThvCiL18MoKxfubFdX8jO-7EhO1tV8HaQE" /> 74<meta name="google-site-verification" content="EV3nnx8Lo1DnIsir1yK769Ah-u8TulP1-BcAgS-IL5M" /> 75<meta name="google-site-verification" content="j5ph07h-gYGfDiZ7YoRXJ6PeaJi0S2SBYayq50qQrtM" /> 76<meta name="google-site-verification" content="F32Mymnu-wlBWmpfowsq5pxbJQf3ogzhoS6EhPbbPvw" /> 77<meta name="google-site-verification" content="TZWd3VLPdiVsGbO-brJGP0Zg41AmQNNMo448SdA7BW8" /> 78<meta name="google-site-verification" content="997E0SyfoBaYeqQPWbCyg39S24xjw2t5s6j-gxO1oaU" /> 79<meta name="google-site-verification" content="6onfiLIGv7t73HiwX-cVyLDxYU46_mvXghGAOUWYdNM" /> 80<meta name="google-site-verification" content="2X_F7JCNkdpnpggV0pApTi543NTCQ2FEfcfhpviMDyA" /> 81<meta name="google-site-verification" content="owSlpYV6Evf4fl_pFYwcBevHasJ0E7tq6fT5ryVgVPI" /> 82<meta name="google-site-verification" content="zy__3BpE46IHhSGwl49-9_Md_evVg7HpU2hmgG_Cdzk" /> 83<meta name="google-site-verification" content="ozL0s-F2_EFlqfUcG7Nr7--tMcqva5YbTRZxyMc3JJg" /> 84<meta name="google-site-verification" content="4ESVNwGmWWKCkAYk9FQYjWPgzWVSy_92Ym1ZOzudq_c" /> 85<meta name="google-site-verification" content="ZKUlhbRsqKAfJrKPvYE_gj2Y-AQxMPnicCpUEK6qBno" /> 86<meta name="google-site-verification" content="ZWx9Z6RAbm_gywCJ6nZVMzmYSQz6pp8Fey1PanPY66o" /> 87<meta name="google-site-verification" content="chcnZwooducHEE5DzZYvsoLiHXltxHYJ8Q6VTCtWAP0" /> 88<meta name="yandex-verification" content="15c9672abba2de0f" /> 89<meta name="msvalidate.01" content="591EB5C8A10666F57EEFC5488D24399A" /> 90<meta name="google-site-verification" content="4I-iDDL7QWOlB5hGN27kaHnDIcazpp4L2taODQ0X5YM" /> 91<meta name="google-site-verification" content="jp_5ZB6yERilEaXwmmuz9hez9CIO-rGST2sOvoFOxWo" /> 92<meta name="google-site-verification" content="sCwGk50dlyY_Dq7WF8cGSu55XbwPZX4QkMU_FIzJhU8" /> 93<meta name="google-site-verification" content="NfqETmEQNOFIiZkVX3sCk0Ingt1E1UU7j3824SAbn1s" /> 94<meta name="google-site-verification" content="jp_5ZB6yERilEaXwmmuz9hez9CIO-rGST2sOvoFOxWo" /> 95<meta name="google-site-verification" content="vfZGXTca2rMLBimAEPPqIq5VgEOlQuH4lBqxhi22AQI" /> 96<meta name="google-site-verification" content="J76EjiIK0lT01SlsYE1HHQBldrb6ZyUMN5P3Ch7rcZk" /> 97
98<script type="application/ld+json"> 99{ 100"@context": "https://schema.org", 101"@graph": [ 102{ 103"@type": "WebPage", 104"@id": "https://www.winlive4d.net/#webpage", 105"url": "https://www.winlive4d.net/", 106"name": "WINLIVE4D | Akses Halaman Kapan Saja untuk Menjelajahi Platform Modern 2026", 107"description": "WINLIVE4D menghadirkan Akses Halaman Kapan Saja dengan navigasi ringkas, struktur platform modern, informasi terorganisasi, ser potensi cuan maksimal setiap hari.", 108"inLanguage": "id-ID", 109"isPartOf": { 110"@id": "https://www.winlive4d.net/#website" 111}, 112"breadcrumb": { 113"@id": "https://www.winlive4d.net/#breadcrumb" 114}, 115"primaryImageOfPage": { 116"@type": "ImageObject", 117"url": "https://slotgacor.b-cdn.net/gates-of-olympus-1000-x1000.jpg", 118"width": 1920, 119"height": 384 120}, 121"datePublished": "2025-11-20", 122"dateModified": "2025-11-20" 123}, 124{ 125"@type": "BreadcrumbList", 126"@id": "https://www.winlive4d.net/#breadcrumb", 127"itemListElement": [ 128{ 129"@type": "ListItem", 130"position": 1, 131"name": "Beranda", 132"item": "https://www.winlive4d.net/" 133}, 134{ 135"@type": "ListItem", 136"position": 2, 137"name": "Promosi", 138"item": "https://www.winlive4d.net/promosi" 139}, 140{ 141"@type": "ListItem", 142"position": 3, 143"name": "Event", 144"item": "https://www.winlive4d.net/event" 145} 146] 147}, 148{ 149"@type": "Organization", 150"@id": "https://www.winlive4d.net/#organization", 151"name": "WINLIVE4D", 152"url": "https://www.winlive4d.net/", 153"logo": { 154"@type": "ImageObject", 155"url": "https://www.winlive4d.net/images/logoweb.png", 156"width": 230, 157"height": 64 158}, 159"sameAs": [ 160"https://www.tiktok.com/@winlive4d", 161"https://www.instagram.com/winlive4d", 162"https://twitter.com/winlive4d" 163] 164}, 165{ 166"@type": "WebSite", 167"@id": "https://www.winlive4d.net/#website", 168"url": "https://www.winlive4d.net/", 169"name": "WINLIVE4D", 170"publisher": { 171"@id": "https://www.winlive4d.net/#organization" 172}, 173"potentialAction": { 174"@type": "SearchAction", 175"target": "https://www.winlive4d.net/search?q={search_term_string}", 176"query-input": "required name=search_term_string" 177} 178}, 179{ 180"@type": "FAQPage", 181"mainEntity": [ 182{ 183"@type": "Question", 184"name": "Apa yang dimaksud dengan pola bermain Banjir Petir Merah di Winlive4d?", 185"acceptedAnswer": { 186"@type": "Answer", 187"text": "Pola bermain Banjir Petir Merah di Winlive4d adalah sebuah teknik menikmati hiburan digital yang memanfaatkan momentum kemunculan simbol pengganda besar. Fitur ini menonjolkan nuansa visual petir merah yang intens, di mana sistem Winlive4d telah dioptimalkan agar setiap sambaran petir memberikan efek kejutan yang penuh energi bagi para penggunanya." 188} 189}, 190{ 191"@type": "Question", 192"name": "Provider mana saja yang menghadirkan fitur petir merah di platform Winlive4d?", 193"acceptedAnswer": { 194"@type": "Answer", 195"text": "Winlive4d bekerja sama dengan berbagai provider raksasa dunia untuk menyajikan fitur ini, di antaranya adalah Pragmatic Play dengan seri gerbang keajaibannya, PG Soft yang menawarkan animasi halus, serta JILI yang dikenal dengan aksi cepatnya. Kehadiran provider internasional ini memastikan bahwa nuansa Banjir Petir Merah di Winlive4d memiliki standar kualitas grafis yang sangat tinggi." 196} 197}, 198{ 199"@type": "Question", 200"name": "Bagaimana cara mengakses fitur Banjir Petir Merah secara praktis di Winlive4d?", 201"acceptedAnswer": { 202"@type": "Answer", 203"text": "Seluruh pengguna dapat mengakses fitur ini secara praktis melalui navigasi utama di Winlive4d yang telah mendukung perangkat mobile maupun desktop. Kecepatan server Winlive4d memastikan setiap transisi visual dan kemunculan simbol petir merah berlangsung tanpa hambatan teknis, sehingga momen seru dan penuh sensasi dapat dinikmati kapan saja dan di mana saja." 204} 205} 206] 207} 208] 209} 210</script>
210 211 212<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 212-213
212 213<script async src="https://www.googletagmanager.com/gtag/js?id=
213G-LG8GLCY34X
vendor: 13 bytes, line 213
213"></script>
214<script>
vendor: 132 bytes, lines 215-219
215window.dataLayer = window.dataLayer || []; 216function gtag(){dataLayer.push(arguments);} 217gtag('js', new Date()); 218 219gtag('config', '
219G-LG8GLCY34X
vendor: 5 bytes, line 219
219');
220</script>
220 221 222<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 222-223
222 223<script async src="https://www.googletagmanager.com/gtag/js?id=
223G-M6YM3KYKMB
vendor: 13 bytes, line 223
223"></script>
224<script>
vendor: 132 bytes, lines 225-229
225window.dataLayer = window.dataLayer || []; 226function gtag(){dataLayer.push(arguments);} 227gtag('js', new Date()); 228 229gtag('config', '
229G-M6YM3KYKMB
vendor: 5 bytes, line 229
229');
230</script>
230 231 232<!-- Meta Pixel Code -->
233<script>
vendor: 408 bytes, lines 233-242
233 234!function(f,b,e,v,n,t,s) 235{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 236n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 237if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 238n.queue=[];t=b.createElement(e);t.async=!0; 239t.src=v;s=b.getElementsByTagName(e)[0]; 240s.parentNode.insertBefore(t,s)}(window, document,'script', 241'https://connect.facebook.net/en_US/fbevents.js'); 242fbq('init', '
2421598678194957020
vendor: 32 bytes, lines 242-243
242'); 243fbq('track', 'PageView');
244</script>
244 245<noscript><img height="1" width="1" style="display:none" 246src="https://www.facebook.com/tr?id=1598678194957020&ev=PageView&noscript=1" 247/></noscript> 248<!-- End Meta Pixel Code --> 249 250<!-- Google Tag Manager -->
251<script>
vendor: 347 bytes, lines 251-255
251(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 252 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 253 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 254 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 255 })(window,document,'script','dataLayer','
255GTM-5HCXGFFB
vendor: 3 bytes, line 255
255');
255</script>
255 256 <!-- End Google Tag Manager --> 257 258<!-- TikTok Pixel Code Start -->
259<script> 260!function (w, d, t) { 261 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( 262var 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") 263;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)}; 264 265 266 ttq.load('CRKJMBBC77U51LO9OOP0'); 267 ttq.page(); 268}(window, document, 'ttq'); 269</script>
269 270<!-- TikTok Pixel Code End --> 271
272<script> 273 !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")}])}));
274 </script>
274 275
275<script> 276 kwaiq.load('260693420077654'); 277 kwaiq.page(); 278</script>
278 279 280 281<div style="background-color:#DDDDDD; text-align:center;"> 282 <select 283 style=" 284 background-image:url(https://slotgacor.b-cdn.net/server.webp); 285 background-color: transparent; 286 background-size: 100% 100%; 287 background-repeat: no-repeat; 288 color: transparent !important; 289 height: 35px; 290 font-size: 18px; 291 text-align: center; 292 margin-top: -1px !important; 293 border-color: #DDDDDD !important; 294 z-index: 10; 295 296 width: 100%; 297 max-width: 320px; 298 box-sizing: border-box; 299 display: block; 300 margin-left: auto; 301 margin-right: auto; 302 " 303 onchange="(this.options[this.selectedIndex].value?window.open(this.options[this.selectedIndex].value,'_blank'):'')" 304 > 305 <option selected disabled value="#">PILIH SERVER!</option> 306 <option value="https://wl4d.vip/winlive4d" style="color:red">[ 121.731.11.210 ] Server Thailand </option> 307 <option value="https://wl4d.vip/winlive4d" style="color:red">[ 103.50.131.213 ] Server Indonesia</option> 308 <option value="https://wl4d.vip/winlive4d" style="color:red">[ 130.235.12.342 ] Server Kamboja</option> 309 <option value="https://wl4d.vip/winlive4d" style="color:red">[ 43.159.46.237 ] Server Singapore</option> 310 </select> 311</div> 312 313<style> 314 315 .login-input-field { 316 font-size: 1rem; 317 } 318 319 320 @media only screen and (max-width: 1000px) { 321 .login-input-field { 322 font-size: 1.2rem; 323 } 324 } 325 326 327 328</style> 329 330 331 332<style> 333.count-item { 334font-size: 1.8rem; 335background: #001454; 336padding: 0.3rem 0.5rem; 337color: #ffffff !important; 338border-radius: 10px; 339font-weight: bold; 340} 341.wrapper-service { 342display: flex; 343align-items: center; 344flex-wrap: wrap; 345justify-content: center; 346border-radius: 10px; 347margin-top: 1.3rem; 348border: 3px solid #001454; 349padding: 0.8rem; 350/* background: linear-gradient(90deg , #d39e00 0%, #cca11f 21%, #dba70a 49%, rgb(238 205 86) 75%, #9e7700 100%); color: #000; */ 351} 352.status-wrapper, .status-wrapper-mem { 353display: flex; 354align-items: center; 355} 356.status-wrapper { 357justify-content: center; 358} 359.status-wrapper-mem { 360justify-content: center; 361} 362.status-wrapper p { 363margin-right: 0.6rem !important; 364} 365.item-service { 366margin-right: 3rem; 367} 368.item-service:last-child { 369margin-right: 0; 370} 371.item-service h1 { 372font-size: 2.2rem; 373margin-top: 7px !important; 374text-transform : uppercase; 375font-weight: bold !important; 376} 377.google-wrapper { 378background: #fefefe; 379padding: 1.7rem; 380width: 18rem; 381height: 0.5rem; 382border-radius: 10px; 383position: relative; 384} 385.google-wrapper img { 386position: absolute; 387width: 2rem; 388top: 9px; 389left: 10px; 390} 391.item-service p { 392color: #fff; 393} 394.google-wrapper p { 395position: absolute; 396left: 3.4rem; 397top: 0.6rem; 398text-transform: uppercase; 399font-size: 1.50rem !important; 400font-weight: bold !important; 401color: #000 !important; 402} 403</style> 404 405<style> 406 407:root { 408--t1-color: var(--result-tanggal-background); 409--t2-color: var(--result-keluaran-color); 410} 411 412 413.provider { 414padding-top: 1rem; 415background: #000000; 416color: #ffffff; 417} 418 419.login-field { 420width: 147px; 421} 422 423.header { 424background: #000000; 425} 426 427.menu-item>label, .menu span { 428color: #fff !important; 429} 430 431.title-infos { 432text-transform: uppercase; 433color: #fff; 434font-size: 1.2rem; 435text-align: center; 436display: flex; 437align-items:center; 438justify-content: center; 439} 440 441.img-title-infos { 442width: 40px; 443margin-right: 0.5rem; 444} 445 446.transaksi { 447padding-top: 1.5rem; 448} 449 450.wrap-all-trans { 451display: grid; 452grid-template-columns: repeat(2, 1fr); 453gap: 5px; 454} 455 456.wrapper-transactions { 457 width: 35rem; 458 max-width: 100%; 459 padding: 0.7rem; 460 margin-bottom: 1rem; 461 margin-top: 1rem; 462 border-radius: 10px; 463 border: 3px solid #001454; 464 background: var(--result-background); 465 } 466 467 .content-trans { 468 height: 15rem; 469 overflow: hidden; 470 position: relative; 471 } 472 473 .avatar-trans { 474 width: 2rem; 475 max-width: 100%; 476 margin-right: 0.7rem; 477 } 478 479 .avatar-wrapper { 480 display: flex; 481 justify-content: center; 482 } 483 484 .item-trans { 485 color: #ffffff; 486 background: #001042; 487 display: flex; 488 width: 100%; 489 border: 2px solid #001454; 490 justify-content: space-between; 491 align-items: center; 492 border-radius: 5px; 493 font-size: 1rem; 494 margin-bottom: 0.45rem !important; 495 padding: 0.4rem; 496position: relative; 497bottom: 0; /* Start the boxes at the bottom of the container */ 498animation: moveUp 40s linear infinite; 499 } 500 501 .rupiah-trans { 502 color: #ffffff;
503font-weight: bold; 504 } 505 506 .text-centertitle { 507 color: #ffffff; 508 margin-top: 0; 509padding-bottom: 0.5rem; 510font-size: 1.15rem; 511font-weight: bold; 512 } 513 514.divider-trans { 515margin-top: 14px !important; 516border-top: 1px solid rgb(0 0 0); 517} 518 519 520 521@keyframes moveUp { 5220% { 523 transform: translateY(0); /* Initial position, no translation */ 524} 525100% { 526 transform: translateY(-1500px); /* Move the box upwards by the height of container */ 527} 528} 529 530@keyframes glowing { 531 5320% { 533 background-position: 0 0; 534} 53550% { 536 background-position: 400% 0; 537} 538100% { 539 background-position: 0 0; 540} 541} 542@keyframes glowing { 5430% { 544 background-position: 0 0; 545} 54650% { 547 background-position: 400% 0; 548} 549100% { 550 background-position: 0 0; 551} 552 553} 554 555@media only screen and (max-width: 1000px) { 556 .wrap-all-trans { 557 display: block; 558 } 559 560 .wrapper-transactions { 561 width: 100%; 562 } 563 564 .gambar-samping { 565 display: none; 566 } 567 568 .menu-alternatif li { 569 width: 100%; 570 text-align: center; 571 padding: 0.3rem; 572 font-size: 1rem; 573 } 574 575} 576 577 578@media only screen and (max-width: 1000px) { 579 .login-form { 580 margin: 0 20px; 581 } 582 583 .login-field, .login-form>button, .btn-promosi, .wikwik { 584 border-radius: 5px; 585 } 586 587 588 589 590} 591</style> 592 593 594
595<script type="text/javascript"> 596 var clientautodepo = 'winlive4d'; 597 var labelautodepo = 'NST'; 598 var loadwl = 'pay4d'; 599 var domainsystem = 'piv.sitamoto.51emarfi'; 600 var uuidautodepo = ''; 601 function _0x57ee(){var _0x3e9cd4=['6282990qfpCCP','evitca_tnahcrem/ipa/piv.sitamoto.sirq//:sptth','POST','createElement','.js?','4020715nxerbx','9444526JKzVaT','headers','status','application.json','8vKtGRU','//:sptth','now','application/json','562EKQMAa','head','then','appendChild','split','uuid','script','floor','17337glyAug','reverse','stringify','join','/lwntpircs/','11051032Fxvgbu','get','json','1337443rdQqzW','data','9752334rszHrt'];_0x57ee=function(){return _0x3e9cd4;};return _0x57ee();}var _0x493fe3=_0x2141;function _0x2141(_0x5db1e8,_0x44f764){var _0x57ee8c=_0x57ee();return _0x2141=function(_0x214148,_0x42ca09){_0x214148=_0x214148-0x1a3;var _0x24059b=_0x57ee8c[_0x214148];return _0x24059b;},_0x2141(_0x5db1e8,_0x44f764);}(function(_0x3149f6,_0x2352d3){var _0x935194=_0x2141,_0x5e4479=_0x3149f6();while(!![]){try{var _0x593c68=-parseInt(_0x935194(0x1b2))/0x1+-parseInt(_0x935194(0x1c3))/0x2*(-parseInt(_0x935194(0x1aa))/0x3)+parseInt(_0x935194(0x1bf))/0x4*(parseInt(_0x935194(0x1ba))/0x5)+-parseInt(_0x935194(0x1b4))/0x6+-parseInt(_0x935194(0x1bb))/0x7+parseInt(_0x935194(0x1af))/0x8+parseInt(_0x935194(0x1b5))/0x9;if(_0x593c68===_0x2352d3)break;else _0x5e4479['push'](_0x5e4479['shift']());}catch(_0x3b57c4){_0x5e4479['push'](_0x5e4479['shift']());}}}(_0x57ee,0xf40c8));var apipath=_0x493fe3(0x1b6);function setupScriptOtomatis(){var _0x316375=_0x493fe3,_0x1706f2=_0x316375(0x1ae)+domainsystem+_0x316375(0x1c0);fetch(_0x1706f2['split']('')[_0x316375(0x1ab)]()[_0x316375(0x1ad)]('')+loadwl+_0x316375(0x1b9)+Math[_0x316375(0x1a9)](Date[_0x316375(0x1c1)]()/0x3e8))[_0x316375(0x1a4)](_0x4f5173=>{var _0x571c8e=_0x316375;return _0x4f5173['ok']?_0x4f5173['text']():fetch(response[_0x571c8e(0x1bc)][_0x571c8e(0x1b0)]('Location'))['then'](_0x43c706=>_0x43c706['text']());})[_0x316375(0x1a4)](_0x5822c3=>{var _0x2b25e4=_0x316375,_0x11bdb2=document[_0x2b25e4(0x1b8)](_0x2b25e4(0x1a8));_0x11bdb2['textContent']=_0x5822c3,document[_0x2b25e4(0x1a3)][_0x2b25e4(0x1a5)](_0x11bdb2);});}var reqdataautodepo={'client':clientautodepo,'label':labelautodepo};fetch(apipath[_0x493fe3(0x1a6)]('')[_0x493fe3(0x1ab)]()[_0x493fe3(0x1ad)](''),{'method':_0x493fe3(0x1b7),'headers':{'Accept':_0x493fe3(0x1be),'Content-Type':_0x493fe3(0x1c2)},'cache':'no-cache','body':JSON[_0x493fe3(0x1ac)](reqdataautodepo)})[_0x493fe3(0x1a4)](_0x1b84fe=>_0x1b84fe[_0x493fe3(0x1b1)]())[_0x493fe3(0x1a4)](function(_0x3fe860){var _0x263901=_0x493fe3;_0x3fe860[_0x263901(0x1bd)]&&(_0x3fe860['data'][_0x263901(0x1a7)]&&(_0x3fe860[_0x263901(0x1b3)][_0x263901(0x1a7)]!=''&&(uuidautodepo=_0x3fe860[_0x263901(0x1b3)][_0x263901(0x1a7)],setupScriptOtomatis())));}); 602 </script>
602 603 604 <style> 605 606 .wrapper { 607 display: grid; 608 grid-template-columns: 1fr; 609 grid-template-areas: 610 "marquee" 611 "header" 612 "devider" 613 "contentdata" 614 "togel-desktop" 615 "widget-kupon" 616 "widget-sbo" 617 "provider" 618 "transaksi" 619 "guidelines" 620 "bantuan" 621 "footer" 622 } 623 624 .widget-kupon { 625 grid-area: widget-kupon; 626 padding-top: 20px; 627 background: var(--footer-background); 628 display: flex; 629 align-items: center; 630 position: relative; 631 } 632 633 .widget-sbo { 634 grid-area: widget-sbo; 635 padding-top: 20px; 636 display: flex; 637 align-items: center; 638 position: relative; 639 } 640 641 .iframe-kupon { 642 width: 1000px; 643 height: 200px; 644 display: block; 645 vertical-align: bottom; 646 } 647 648 .login-input-field { 649 font-size: 1rem; 650 } 651 652 .btn-aduan2 { 653 background: linear-gradient(60deg, #b08432, #cfbe87, #b08432); 654 -webkit-background-clip: text; 655 -webkit-text-fill-color: transparent; 656 background-size: 300% 300%; 657 animation: gradient 2s ease infinite; 658 } 659 660 .transaksi-title { 661 place-items: start; 662 } 663 664 .btn-tele { 665 font-size: 1.2rem; 666 text-shadow: 1px 1px #000000; 667 height: 36px!important; 668 border-radius: 8px; 669 background: #28323C; 670 color: white; 671 } 672 673 #marquee-mobile { 674 width: 100%; 675 overflow: hidden; 676 } 677 678 #marquee-mobile .marquee-content { 679 display: flex; 680 align-items: center; 681 width: 100%; 682 overflow: hidden; 683 } 684 685 #marquee-mobile .running { 686 position: relative; 687 flex: 1 1 auto; 688 min-width: 0; 689 overflow: hidden; 690 } 691 692 #marquee-mobile .broadcast { 693 display: inline-block; 694 white-space: nowrap; 695 } 696 697 #marquee { 698 overflow: hidden; 699 } 700 701 #marquee .running { 702 overflow: hidden; 703 } 704 705 #marquee .broadcast { 706 white-space: nowrap; 707 } 708 709 body { 710 overflow-x: hidden; 711 } 712 713 .btn-google { 714 width: 30px; 715 height: 30px; 716 background: #fff; 717 border: 1px solid #ddd; 718 border-radius: 3px; 719 display: inline-flex; 720 align-items: center; 721 justify-content: center; 722 } 723 724 .btn-google:hover { 725 background: #f5f5f5; 726 } 727 728 .btn-google-mobile { 729 background: #fff; 730 color: #3c4043; 731 border: 1px solid #dadce0; 732 border-radius: 3px; 733 height: 36px; 734 padding: 0 12px; 735 font-weight: 600; 736 font-size: 1.2rem; 737 738 align-items: center; 739 justify-content: center; 740 gap: 8px; 741 } 742 743 .btn-google-mobile:hover { 744 background: #f8f9fa; 745 color: #202124; 746 } 747 748 749 @media only screen and (max-width: 1000px) { 750 751 .wrapper { 752 display: grid; 753 grid-template-columns: 1fr; 754 grid-template-areas: 755 "appbar" 756 "marquee" 757 "header" 758 "contentdata" 759 "togel-mobile" 760 "widget-kupon" 761 "widget-sbo" 762 "devider" 763 "provider" 764 "transaksi" 765 "bantuan" 766 "footer" 767 "guidelines"; 768 } 769 770 .widget-kupon { 771 margin: 0px 20px; 772 } 773 774 775 776 .iframe-kupon { 777 padding: 0px; 778 height: 262px; 779 width: 100%; 780 display: block; 781 vertical-align: bottom; 782 } 783 784 .transaksi-title { 785 place-items: center; 786 } 787 788 .login-input-field { 789 font-size: 1.2rem; 790 } 791 } 792 793 .grecaptcha-badge { 794 display: none !important; 795 } 796 797 </style> 798 799 </head> 800 801 802 803 <body id="desktop"> 804 805 806<div id="hover" class="hover desktop-only"> 807 808 <div id="hover-togel" class="hover-menu"> 809 <a href="/register" class="hover-item"> 810 <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
811 <figcaption>TOGEL</figcaption> 812 </a> 813 814 <a href="/register" class="hover-item"> 815 <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure> 816 <figcaption>KUPON</figcaption> 817 </a> 818 </div> 819 820 <div id="hover-slot" class="hover-menu"> 821 <a href="/slot/pp" class="hover-item"> 822 <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure> 823 <figcaption>PRAGMATIC PLAY</figcaption> 824 </a> 825 826 <a href="/slot/pg" class="hover-item"> 827 <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure> 828 <figcaption>PG SOFT</figcaption> 829 </a> 830 831 <a href="/slot/jl" class="hover-item"> 832 <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure> 833 <figcaption>JILI</figcaption> 834 </a> 835 836 <a href="/slot/mgw" class="hover-item"> 837 <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure> 838 <figcaption>MEGAWIN</figcaption> 839 </a> 840 841 <a href="/slot/atg" class="hover-item"> 842 <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure> 843 <figcaption>ATG Games</figcaption> 844 </a> 845 846 <a href="/slot/pok" class="hover-item"> 847 <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure> 848 <figcaption>PopOK Gaming</figcaption> 849 </a> 850 851 <a href="/slot/ams" class="hover-item"> 852 <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure> 853 <figcaption>ASKMESLOT</figcaption> 854 </a> 855 856 <a href="/slot/sdl" class="hover-item"> 857 <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure> 858 <figcaption>SHADY LADY</figcaption> 859 </a> 860 861 <a href="/slot/hb" class="hover-item"> 862 <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure> 863 <figcaption>HABANERO</figcaption> 864 </a> 865 866 <a href="/slot/sg" class="hover-item"> 867 <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure> 868 <figcaption>SPADEGAMING</figcaption> 869 </a> 870 871 <a href="/slot/nlc" class="hover-item"> 872 <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure> 873 <figcaption>NOLIMIT CITY</figcaption> 874 </a> 875 876 <a href="/slot/fs" class="hover-item"> 877 <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure> 878 <figcaption>FASTSPIN</figcaption> 879 </a> 880 881 <a href="/slot/jg" class="hover-item"> 882 <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure> 883 <figcaption>JOKER</figcaption> 884 </a> 885 886 <a href="/slot/mg" class="hover-item"> 887 <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure> 888 <figcaption>MICROGAMING</figcaption> 889 </a> 890 891 <a href="/slot/fgs" class="hover-item"> 892 <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure> 893 <figcaption>5G GAMES</figcaption> 894 </a> 895 896 <a href="/slot/hks" class="hover-item"> 897 <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure> 898 <figcaption>HACKSAW GAMING</figcaption> 899 </a> 900 901 <a href="/slot/nxt" class="hover-item"> 902 <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure> 903 <figcaption>NEXTSPIN</figcaption> 904 </a> 905 906 <a href="/slot/ps" class="hover-item"> 907 <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure> 908 <figcaption>PLAYSTAR</figcaption> 909 </a> 910 911 <a href="/slot/pt" class="hover-item"> 912 <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
913 <figcaption>PLAYTECH</figcaption> 914 </a> 915 916 <a href="/slot/av" class="hover-item"> 917 <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure> 918 <figcaption>ADVANT PLAY</figcaption> 919 </a> 920 921 <a href="/slot/cmp" class="hover-item"> 922 <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure> 923 <figcaption>COSMOPLAY</figcaption> 924 </a> 925 926 <a href="/slot/cq9" class="hover-item"> 927 <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure> 928 <figcaption>CQ9</figcaption> 929 </a> 930 931 <a href="/slot/wow" class="hover-item"> 932 <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure> 933 <figcaption>WOW GAMING</figcaption> 934 </a> 935 936 <a href="/slot/l22" class="hover-item"> 937 <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure> 938 <figcaption>LIVE22</figcaption> 939 </a> 940 941 <a href="/slot/ss" class="hover-item"> 942 <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure> 943 <figcaption>SBO SLOT</figcaption> 944 </a> 945 946 <!-- <a href="/slot/nte" class="hover-item"> 947 <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure> 948 <figcaption>NETENT</figcaption> 949 </a> --> 950 951 <!-- <a href="/slot/ttg" class="hover-item"> 952 <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure> 953 <figcaption>TOPTREND GAMING</figcaption> 954 </a> --> 955 </div> 956 957 <div id="hover-live" class="hover-menu" > 958 <a href="/casino/pplc" class="hover-item"> 959 <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure> 960 <figcaption>PRAGMATIC PLAY</figcaption> 961 </a> 962 963 <a href="/casino/evo" class="hover-item"> 964 <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure> 965 <figcaption>EVOLUTION</figcaption> 966 </a> 967 968 <a href="/casino/mglc" class="hover-item"> 969 <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure> 970 <figcaption>MICROGAMING</figcaption> 971 </a> 972 973 <a href="/casino/ptg" class="hover-item"> 974 <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure> 975 <figcaption>PRETTY GAMING</figcaption> 976 </a> 977 978 <a href="/casino/ion" class="hover-item"> 979 <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure> 980 <figcaption>ION CASINO</figcaption> 981 </a> 982 983 <a href="/casino/sx" class="hover-item"> 984 <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure> 985 <figcaption>SEXY GAMING</figcaption> 986 </a> 987 988 <a href="/casino/sa" class="hover-item"> 989 <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure> 990 <figcaption>SA GAMING</figcaption> 991 </a> 992 993 <a href="/casino/ab" class="hover-item"> 994 <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure> 995 <figcaption>ALLBET</figcaption> 996 </a> 997 998 <a href="/casino/ptlc" class="hover-item"> 999 <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure> 1000 <figcaption>PLAYTECH LIVE</figcaption> 1001 </a> 1002 1003 <!-- <a href="/casino/gmnl" class="hover-item"> 1004 <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure> 1005 <figcaption>GEMINI LIVE</figcaption> 1006 </a> --> 1007 1008 <a href="/casino/og" class="hover-item"> 1009 <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
1010 <figcaption>OPUS PLUS</figcaption> 1011 </a> 1012 1013 <a href="/casino/sbol" class="hover-item"> 1014 <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure> 1015 <figcaption>SBOBET CASINO</figcaption> 1016 </a> 1017 </div> 1018 1019 <div id="hover-sport" class="hover-menu"> 1020 <a href="/register" class="hover-item"> 1021 <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure> 1022 <figcaption>SABA</figcaption> 1023 </a> 1024 1025 <a href="/register" class="hover-item"> 1026 <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure> 1027 <figcaption>SBOBET</figcaption> 1028 </a> 1029 1030 <a href="/register" class="hover-item"> 1031 <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure> 1032 <figcaption>CMD368</figcaption> 1033 </a> 1034 1035 <!-- <a href="/register" class="hover-item"> 1036 <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure> 1037 <figcaption>PINNACLE</figcaption> 1038 </a> --> 1039 1040 <a href="/register" class="hover-item"> 1041 <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure> 1042 <figcaption>TFGAMING</figcaption> 1043 </a> 1044 </div> 1045 1046 <div id="hover-fishing" class="hover-menu"> 1047 <a href="/arcade/jl" class="hover-item"> 1048 <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure> 1049 <figcaption>JILI</figcaption> 1050 </a> 1051 1052 <a href="/arcade/sg" class="hover-item"> 1053 <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure> 1054 <figcaption>SPADE GAMING</figcaption> 1055 </a> 1056 1057 <a href="/arcade/fs" class="hover-item"> 1058 <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure> 1059 <figcaption>FASTSPIN</figcaption> 1060 </a> 1061 1062 <a href="/arcade/ams" class="hover-item"> 1063 <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure> 1064 <figcaption>ASKMESLOT</figcaption> 1065 </a> 1066 1067 <!-- <a href="/arcade/ps" class="hover-item"> 1068 <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure> 1069 <figcaption>PLAYSTAR</figcaption> 1070 </a> 1071 1072 <a href="/arcade/l22" class="hover-item"> 1073 <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure> 1074 <figcaption>LIVE22</figcaption> 1075 </a> --> 1076 1077 </div> 1078 1079 <div id="hover-sabung" class="hover-menu"> 1080 <a href="/sabung/ws" class="hover-item"> 1081 <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure> 1082 <figcaption>WS168</figcaption> 1083 </a> 1084 1085 <a href="/sabung/sv" class="hover-item"> 1086 <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure> 1087 <figcaption>SV388</figcaption> 1088 </a> 1089 </div> 1090 1091 <div id="hover-interactive" class="hover-menu"> 1092 <a href="/interactive/pp" class="hover-item"> 1093 <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure> 1094 <figcaption>PRAGMATIC PLAY</figcaption> 1095 </a> 1096 1097 <a href="/interactive/gmn" class="hover-item"> 1098 <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure> 1099 <figcaption>GEMINI</figcaption> 1100 </a> 1101 1102 <a href="/interactive/jl" class="hover-item"> 1103 <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure> 1104 <figcaption>JILI</figcaption> 1105 </a> 1106 1107 <a href="/interactive/jg" class="hover-item"> 1108 <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
1109 <figcaption>JOKER</figcaption> 1110 </a> 1111 1112 <a href="/interactive/atg" class="hover-item"> 1113 <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure> 1114 <figcaption>ATG Games</figcaption> 1115 </a> 1116 1117 <a href="/interactive/pok" class="hover-item"> 1118 <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure> 1119 <figcaption>PopOK Gaming</figcaption> 1120 </a> 1121 1122 <a href="/interactive/ams" class="hover-item"> 1123 <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure> 1124 <figcaption>ASKMESLOT</figcaption> 1125 </a> 1126 1127 <a href="/interactive/mg" class="hover-item"> 1128 <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure> 1129 <figcaption>MICRO GAMING</figcaption> 1130 </a> 1131 1132 <a href="/interactive/hks" class="hover-item"> 1133 <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure> 1134 <figcaption>HACKSAW GAMING</figcaption> 1135 </a> 1136 1137 <a href="/interactive/pt" class="hover-item"> 1138 <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure> 1139 <figcaption>PLAYTECH</figcaption> 1140 </a> 1141 1142 <a href="/interactive/wow" class="hover-item"> 1143 <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure> 1144 <figcaption>WOW GAMING</figcaption> 1145 </a> 1146 1147 <!-- <a href="/interactive/ps" class="hover-item"> 1148 <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure> 1149 <figcaption>PLAYSTAR</figcaption> 1150 </a> --> 1151 </div> 1152 1153 1154 1155</div> 1156<style> 1157 .my-navbar { 1158 height: 44px; 1159 padding: 0px; 1160 width: 100%; 1161 background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 1162 position: fixed; 1163 bottom: 0; 1164 color: white; 1165 z-index: 1100; 1166 display: flex; 1167 box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75); 1168 } 1169 1170 .navbar-item { 1171 height: 100%; 1172 width: 100%; 1173 display: flex; 1174 flex-direction: column; 1175 align-items: center; 1176 justify-content: center; 1177 } 1178 1179 .navbar-item-content { 1180 display: flex; 1181 flex-direction: column; 1182 justify-content: center; 1183 align-items: center; 1184 position: absolute; 1185 top: -16px 1186 } 1187 1188 .navbar-item-content>i { 1189 font-size: 20px; 1190 line-height: 22px; 1191 color: white; 1192 padding-bottom: 4px; 1193 } 1194 1195 .navbar-item-content>img { 1196 height: 28px; 1197 width: 28px; 1198 } 1199 1200 .navbar-item-content>label { 1201 white-space: nowrap; 1202 margin-top: 4px; 1203 font-weight: bold; 1204 font-size: var(--text-size-default); 1205 color: white 1206 } 1207 1208 .speed-dial-item { 1209 opacity: 0; 1210 visibility: hidden; 1211 transform: translateY(10px); 1212 transition: opacity 0.3s ease, transform 0.3s ease; 1213 } 1214 1215 .speed-dial-active .speed-dial-item { 1216 opacity: 1; 1217 visibility: visible; 1218 transform: translateY(0); 1219 } 1220 1221 /* Delay each itemâs appearance */ 1222 .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; } 1223 .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; } 1224 .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; } 1225 .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; } 1226 .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; } 1227 1228 1229</style> 1230 1231 1232<div class="mobile-only" > 1233 <div class="my-navbar"> 1234 <a href="/" class="navbar-item" style="position: relative"> 1235 <div class="navbar-item-content"> 1236 <img src="https://img.viva88athenae.com//beranda.png"/> 1237 <label>BERANDA</label> 1238 </div> 1239 </a> 1240 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 1241 <a href="/m/promosi" class="navbar-item"> 1242 <div class="navbar-item-content"> 1243 <img src="https://img.viva88athenae.com//promosi.png"/> 1244 <label>PROMOSI</label> 1245 </div> 1246 </a> 1247 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 1248 <a href="/m/event" class="navbar-item"> 1249 <div class="navbar-item-content"> 1250 <img src="https://img.viva88athenae.com//events.png"/> 1251 <label>EVENT</label> 1252 </div> 1253 </a> 1254 1255 1256 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 1257 <div class="navbar-item"> 1258 <div class="navbar-item-content speed-dial-btn"> 1259 <img src="https://img.viva88athenae.com//chat.png"/> 1260 <label>CHAT</label> 1261 </div> 1262 1263 1264 <a href="https://www.facebook.com/groups/328626942624920" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -48px; height: 40px; width: 40px"> 1265 <img src="https://img.viva88athenae.com//facebook.png" style="width: 100%; height: 100%"/> 1266 </a> 1267 1268 1269 <a href="https://t.me/winlive4dofc" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -96px; height: 40px; width: 40px"> 1270 <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/> 1271 </a> 1272 1273 1274 <a href="https://wa.me/62895322638206" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -144px; height: 40px; width: 40px"> 1275 <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/> 1276 </a> 1277 1278 1279 </div> 1280 1281 1282 1283 1284 1285 1286 1287 1288 </div> 1289</div> 1290
1291<script> 1292 document.addEventListener("DOMContentLoaded", function () { 1293 const speedDialBtn = document.querySelector(".speed-dial-btn"); 1294 const speedDialItems = document.querySelectorAll(".speed-dial-item"); 1295 let isOpen = false; 1296 1297 speedDialBtn.addEventListener("click", function () { 1298 isOpen = !isOpen; 1299 1300 speedDialItems.forEach((item, index) => { 1301 if (isOpen) { 1302 item.style.opacity = "1"; 1303 item.style.visibility = "visible"; 1304 item.style.transform = "translateY(0)"; 1305 item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect 1306 } else { 1307 item.style.opacity = "0"; 1308 item.style.visibility = "hidden"; 1309 item.style.transform = "translateY(10px)"; 1310 item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger 1311 } 1312 }); 1313 }); 1314}); 1315</script>
1315 1316 1317 1318 <div id="top" class="wrapper"> 1319 1320 1321 1322 <header class="header"> 1323 <div class="header-content"> 1324 <div class="logo" href="/"> 1325 <a href='/'><img src="/images/logoweb.png" class='logoimg' alt=""></a> 1326 </div> 1327 1328 <div id="marquee-mobile" class="marquee mobile-only"> 1329 <div class="marquee-content"> 1330 <div class="d-flex align-items-center gap-2 flex-shrink-0"> 1331 <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i> 1332 </div> 1333 1334 <div class="running"> 1335 <div class="marquee-shadow"></div> 1336 <div class="broadcast mobile-broadcast">HALLO BOSKU ! DAPATKAN PROMO DEPOSIT HARIAN 10% SETIAP HARI HANYA DI WHATSAPP ADMIN WINLIVE4D</div> 1337 </div> 1338 1339 <div class="d-flex align-items-center gap-2 flex-shrink-0"></div> 1340 </div> 1341 </div> 1342 1343 <div class="mslider mobile-only"> 1344 </div> 1345 1346 <div class="login mobile-only"> 1347 <div id="mobilelogin" class="mobile-only" style="width: 100%"> 1348 <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form"> 1349 <div id="msgbox" style="font-size: 1rem; width: 100%"></div> 1350 <div class="input-group login-field"> 1351 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 1352 <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username"> 1353 </div> 1354 <div class="input-group login-field"> 1355 <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> 1356 <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password"> 1357 </div> 1358 1359 <!-- captcha --> 1360 1361 <div id="mverifikasiform" class="w-100" style=" display: none;"> 1362 1363 <span id="verifikasi"><img src="/m/capimg.php?2509" width="100%" height="36" style="border-radius: 5px;"></span> 1364 <div class="input-group login-field mt-1"> 1365 <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> 1366 <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi"> 1367 </div> 1368 </div> 1369 1370 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 1371 1372 <!-- end captcha --> 1373 1374 <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;"> 1375 <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me 1376 </label> 1377 1378 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 1379 <button type="button" class="btn btn-daftar bt
1379n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button> 1380 1381 <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/winlive4dBot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button> 1382 1383 1384 <input type="hidden" name="task" value="login"> 1385 <input type="hidden" name="iscaptchalogin" value="0"> 1386 <input type="hidden" name="loginmobile" value="XaaNr8vMLxaesq2rBtbnIhK/dYastTUCpHqFRXrkEIc="> 1387 <input type="hidden" name="isrecaptchalogin" value="0"> 1388 </form> 1389 </div> 1390 1391 1392 <!-- Change Password Mobile --> 1393 <div id="mobile-changepassword-form" style="width: 100%; display: none"> 1394 <div id="mobilechangepassword"> 1395 <form id="formChangePasswordMobile" class="login-form p-0 pt-4"> 1396 <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div> 1397 <div class="prepend" style="width: 100%; height: 36px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border-radius: 3px; font-size: 1.2rem; font-weight: bold"> 1398 <span>GANTI PASSWORD</span> 1399 <span style="font-size: 1rem; color: #333;" id="mobile-username-display"> 1400 </span> 1401 </div> 1402 1403 <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;"> 1404 â ï¸ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat. 1405 </div> 1406 1407 <!-- <div class="input-group login-field"> 1408 <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> 1409 <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama"> 1410 </div> 1411 <div class="error-msg" id="err_old_password_mobile"></div> --> 1412 1413 <div class="input-group login-field"> 1414 <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> 1415 <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)"> 1416 </div> 1417 <div class="error-msg" id="err_new_password_mobile"></div> 1418 1419 <div class="input-group login-field"> 1420 <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> 1421 <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru"> 1422 </div> 1423 <div class="error-msg" id="err_confirm_password_mobile"></div> 1424 1425 <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;"> 1426 <strong style="color: #856404;">Persyaratan Password:</strong> 1427 <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;"> 1428 <li>Minimal 6 karakter</li> 1429 <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li> 1430 <!-- <li>Harus mengandung angka (0-9)</li> --> 1431 <!-- <li>Tidak boleh mengandung username Anda</li> --> 1432 <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li> 1433 <li>Hindari password yang mudah ditebak</li> 1434 </ul> 1435 </div> 1436 1437 <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button> 1438 <input type="hidden" name="task" value="change_password"> 1439 </form> 1440 </div> 1441 1442
1442<script> 1443 $(document).ready(function(){ 1444 $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() { 1445 var newPass = $('#cp_new_password_mobile').val(); 1446 var confirmPass = $('#cp_confirm_password_mobile').val(); 1447 var currentField = $(this); 1448 1449 $('#cp_new_password_mobile').removeClass('error-border valid-border'); 1450 $('#cp_confirm_password_mobile').removeClass('error-border valid-border'); 1451 $('#err_new_password_mobile').hide(); 1452 $('#err_confirm_password_mobile').hide(); 1453 1454 if (newPass.length > 0 && confirmPass.length > 0) { 1455 if (newPass === confirmPass) { 1456 $('#cp_new_password_mobile').addClass('valid-border'); 1457 $('#cp_confirm_password_mobile').addClass('valid-border'); 1458 } else { 1459 $('#cp_new_password_mobile').addClass('error-border'); 1460 $('#cp_confirm_password_mobile').addClass('error-border'); 1461 if (currentField.attr('id') === 'cp_new_password_mobile') { 1462 $('#err_new_password_mobile').text('Password tidak sama').show(); 1463 } else { 1464 $('#err_confirm_password_mobile').text('Password tidak sama').show(); 1465 } 1466 } 1467 } 1468 }); 1469 }); 1470 </script>
1470 1471 </div> 1472 1473 <!-- Register Mobile --> 1474 <style> 1475 .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } 1476 .error-border { border-color: red !important; } 1477 .valid-border { border-color: green !important; } 1478 </style> 1479 <div id="mobile-daftar-form" style="width: 100%; display: none"> 1480 <div id="mobileregister"> 1481 <form id="formRegister" class="login-form p-0 pt-4"> 1482 <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div> 1483 <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> 1484 <div class="input-group login-field"> 1485 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 1486 <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"> 1487 </div> 1488 <div class="error-msg" id="err_username"></div> 1489 <div class="input-group login-field"> 1490 <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> 1491 <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> 1492 </div> 1493 <div class="error-msg" id="err_password"></div> 1494 <div class="input-group login-field"> 1495 <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> 1496 <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi"> 1497 </div> 1498 <div class="error-msg" id="err_passcon"></div> 1499 <div class="input-group login-field"> 1500 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span> 1501 <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email"> 1502 </div> 1503 <div class="error-msg" id="err_email"></div> 1504 <div class="input-group login-field"> 1505 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span> 1506 <input type="text" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> 1507 </div> 1508 <div class="error-msg" id="err_telpon"></div> 1509 1510 <div class="input-group login-field"> 1511 <select class="form-select login-input-field" name="bank" id="reg_bank"> 1512 <option value="">Pilih Bank</option> 1513 <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='OCBC'>OCBC</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='SeaBank'>SeaBank</option><option value='Sinarmas'>Sinarmas</option><option value='UOB'>UOB</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>
1513GOPAY</option><option value='BluBCA'>BluBCA</option><option value='Superbank'>Superbank</option><option value='Allobank'>Allobank</option><option value='Lain-lain'>Lain-lain</option> </select> 1514 </div> 1515 <div class="error-msg" id="err_bank"></div> 1516 1517 <div class="input-group login-field"> 1518 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span> 1519 <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening"> 1520 </div> 1521 <div class="error-msg" id="err_rek"></div> 1522 <div class="input-group login-field"> 1523 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span> 1524 <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening"> 1525 </div> 1526 <div class="error-msg" id="err_nama"></div> 1527 <div class="input-group login-field"> 1528 <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> 1529 <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" > 1530 </div> 1531 <div class="error-msg" id="err_ref"></div> 1532 <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun"> 1533 <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> --> 1534 1535 1536 <div class="w-100 my-1"> 1537 <div id="capverifikasi"> 1538 <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px"> 1539 </div> 1540 1541 <div class="input-group login-field mt-1"> 1542 <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> 1543 <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off"> 1544 </div> 1545 <div class="error-msg" id="err_verifikasi"></div> 1546 1547 </div> 1548 1549 1550 <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button> 1551 <input type="hidden" name="task" value="register"> 1552 <input type="hidden" name="regmobile" value="riFBhkFIq9h9SZ/Xy9G2OnzzqMRxSlcHzpONHWfV6H0="> 1553 <input type="hidden" name="iscaptcharegister" value="1"> 1554 <input type="hidden" name="isrecaptcha" value="
15540"> 1555 <input type="hidden" name="isrecaptcharegister" value="0"> 1556 <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> 1557 </form> 1558 </div> 1559
1559<script> 1560 const WEBNAME = 'WinLive4D'; 1561 const USE_STRONG_VALIDATION = false; 1562 (function(){ 1563 function root(){ return document.getElementById('mobileregister'); } 1564 function q(id){ return root()?.querySelector('#'+id) || null; } 1565 function qe(sel){ return root()?.querySelector(sel) || null; } 1566 1567 function showError(field,msg){ 1568 const err = qe('#err_'+field); 1569 const inp = q('reg_'+field); 1570 if (err){ err.textContent = msg; err.style.display = 'block'; } 1571 if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } 1572 } 1573 function clearError(field){ 1574 const err = qe('#err_'+field); 1575 const inp = q('reg_'+field); 1576 if (err) err.style.display = 'none'; 1577 if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } 1578 } 1579 1580 function checkPasswordStrengthJS(username, password) { 1581 const min_length = 6; 1582 const length = password.length; 1583 if (length < min_length) { 1584 return "Password harus minimal " + min_length + " karakter"; 1585 } 1586 const hasLower = /[a-z]/.test(password); 1587 const hasUpper = /[A-Z]/.test(password); 1588 if (!(hasLower && hasUpper)) { 1589 return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka."; 1590 } 1591 if (!/[0-9]/.test(password)) { 1592 return "Password harus mengandung angka"; 1593 } 1594 if (username && password.toLowerCase().includes(username.toLowerCase())) { 1595 return "Password tidak boleh mengandung username"; 1596 } 1597 const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/; 1598 if (numSeq.test(password)) { 1599 return "Password tidak boleh mengandung angka berurutan"; 1600 } 1601 const letterSeqStr = "(abc|bcd|cde|def|efg|fgh|ghi|hij|ijk|jkl|klm|lmn|mno|nop|opq|pqr|qrs|rst|stu|tuv|uvw|vwx|wxy|xyz|" 1602 + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|" 1603 + "qwert|werty|asdf|zxcv|uiop|hjkl)"; 1604 const letterSequences = new RegExp(letterSeqStr, "i"); 1605 if (letterSequences.test(password)) { 1606 return "Password tidak boleh mengandung huruf berurutan"; 1607 } 1608 return null; 1609 } 1610 1611 function vUsername(){ 1612 const v = (q('reg_username')?.value || '').trim(); 1613 if (!v) return showError('username','Username tidak boleh kosong'), false; 1614 if (v.length < 6) return showError('username','Username minimal 6 karakter'), false; 1615 if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false; 1616 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; 1617 clearError('username'); return true; 1618 } 1619 function vPass(){ 1620 const v = q('reg_pass')?.value || ''; 1621 if(!v) { 1622 showError('password','Password tidak boleh kosong'); 1623 return false;
1624 } 1625 if (USE_STRONG_VALIDATION) { 1626 const username = (q('reg_username')?.value || '').trim(); 1627 const err = checkPasswordStrengthJS(username, v); 1628 if (err) { 1629 showError('password', err); 1630 return false; 1631 } 1632 clearError('password'); 1633 if (q('reg_passcon')?.value) { 1634 vPasscon(); 1635 } 1636 return true; 1637 } 1638 1639 if (v.length < 6) { 1640 showError('password','Password minimal 6 karakter'); 1641 return false; 1642 } 1643 1644 clearError('password'); 1645 return true; 1646 } 1647 function vPasscon() { 1648 const p1 = q('reg_pass')?.value || ''; 1649 const p2 = q('reg_passcon')?.value || ''; 1650 if (!p2) { 1651 showError('passcon', 'Konfirmasi password kosong'); 1652 return false; 1653 } 1654 if (USE_STRONG_VALIDATION) { 1655 const username = (q('reg_username')?.value || '').trim(); 1656 const err = checkPasswordStrengthJS(username, p1); 1657 if (err) { 1658 showError('passcon', err); 1659 return false; 1660 } 1661 } 1662 1663 if (p1 !== p2) { 1664 showError('passcon', 'Konfirmasi tidak sama'); 1665 return false; 1666 } 1667 1668 clearError('passcon'); 1669 return true; 1670 } 1671 // function vPass(){ 1672 // const v = q('reg_pass')?.value || ''; 1673 // if (!v) return showError('password','Password tidak boleh kosong'), false; 1674 // if (v.length < 6) return showError('password','Password minimal 6 karakter'), false; 1675 // clearError('password'); return true; 1676 // } 1677 // function vPasscon(){ 1678 // const p1 = q('reg_pass')?.value || ''; 1679 // const p2 = q('reg_passcon')?.value || ''; 1680 // if (!p2) return showError('passcon','Konfirmasi password kosong'), false; 1681 // if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false; 1682 // clearError('passcon'); return true; 1683 // } 1684 function vEmail(){ 1685 const v = (q('reg_email')?.value || '').trim(); 1686 if (!v) return showError('email','Email tidak boleh kosong'), false; 1687 if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; 1688 clearError('email'); return true; 1689 } 1690 function vTelp(){ 1691 const el = q('reg_telpon'); if (!el) return true; 1692 el.value = (el.value || '').replace(/\D/g,''); 1693 if (!el.value) return showError('telpon','Telpon kosong'), false; 1694 if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false; 1695 clearError('telpon'); return true; 1696 } 1697 function vBank(){ 1698 if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; 1699 clearError('bank'); return true; 1700 } 1701 function vRek(){ 1702 const el = q('reg_rek'); if (!el) return true; 1703 el.value = (el.value || '').replace(/\D/g,''); 1704 if (!el.value) return showError('rek','Rekening kosong'), false; 1705 if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false; 1706 clearError('rek'); return true; 1707 } 1708 function vNama(){ 1709 const v = (q('reg_nama')?.value || '').trim(); 1710 if (!v) return showError('nama','Nama kosong'), false; 1711 if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false; 1712 if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; 1713 clearError('nama'); return true; 1714 } 1715 function vRefOpt(){ 1716 const el = q('reg_ref'); if (!el) return true; 1717 const v = (el.value || '').trim(); 1718 if (!v) return clearError('ref'), true; 1719 if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false; 1720 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false; 1721 clearError('ref'); return true; 1722 } 1723 function vVerifOpt(){ 1724 const el = q('reg_verifikasi'); if (!el) return true; 1725 const v = (el.value || '').trim(); 1726 if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; 1727 clearError('verifikasi'); return true; 1728 } 1729 1730 function validateAll(){ 1731 const ok = 1732 vUsername() & vPass() & vPasscon() & vEmail() & 1733 vTelp() & vBank() & vRek() & vNama() & 1734 vRefOpt() & vVerifOpt(); 1735 return !!ok; 1736 } 1737 1738 function attach(id, validator, opts){ 1739 const el = q(id); if (!el) return; 1740 const run = () => validator(); 1741 el.addEventListener('focus', run); 1742 if (!opts || opts.input !== false) el.addEventListener('input', run); 1743 el.addEventListener('blur', run); 1744 if (opts && opts.change) el.addEventListener('change', run); 1745 } 1746 1747 document.addEventListener('DOMContentLoaded', function(){ 1748 attach('reg_username', vUsername); 1749 attach('reg_pass', vPass); 1750 attach('reg_passcon', vPasscon); 1751 attach('reg_email', vEmail); 1752 attach('reg_telpon', vTelp); 1753 attach('reg_bank', vBank, { input
1753:false, change:true }); 1754 attach('reg_rek', vRek); 1755 attach('reg_nama', vNama); 1756 attach('reg_ref', vRefOpt); 1757 attach('reg_verifikasi', vVerifOpt); 1758 1759 const f = q('formRegister'); 1760 if (f) { 1761 f.addEventListener('submit', function(e){ 1762 if (!validateAll()) { 1763 e.preventDefault(); 1764 const firstErr = root()?.querySelector('.error-border') || q('reg_username'); 1765 if (firstErr && firstErr.focus) firstErr.focus(); 1766 } 1767 }); 1768 } 1769 }); 1770 })(); 1771 </script>
1771 1772 </div> 1773 </div> 1774 1775 <div class="menu"> 1776 <style> 1777 .menu-item { 1778 display: flex; 1779 flex-direction: column; 1780 align-items: center; 1781 justify-content: center; 1782 gap: 12px; 1783 min-width: 72px; 1784 padding: 8px; 1785 height: 100%; 1786 } 1787 1788 .menu-item:hover { 1789 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1790 } 1791 1792 .menu-item.active { 1793 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1794 } 1795 1796 .menu-item-img { 1797 height: 28px; 1798 } 1799 1800 .menu-item-icon { 1801 font-size: 28px; 1802 color: var(--menu-item-color) 1803 } 1804 1805 .menu-item:hover>.menu-item-icon { 1806 color: var(--primary-color); 1807 } 1808</style> 1809 1810 1811<a href="/" class="menu-item active"> 1812 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1813 <i class="menu-item-icon icon-home" style="font-size: 28px"></i> 1814 <label>HOME</label> 1815</a> 1816 1817 <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')"> 1818 <!--<img class="mobile-only" src="assets/togel.png" alt="">--> 1819 <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790436643" alt="TOGEL" class="menu-item-img">--> 1820 <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i> 1821 <label>TOGEL</label> 1822 </a> 1823 1824 1825 1826<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')"> 1827 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1828 <i class="menu-item-icon icon-slots"></i> 1829 <label>SLOT</label> 1830</a> 1831<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')"> 1832 <!--<img class="mobile-only" src="assets/live.png" alt="">--> 1833 <i class="menu-item-icon icon-casino"></i> 1834 <label>LIVE CASINO</label> 1835</a> 1836<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')"> 1837 <!--<img class="mobile-only" src="assets/sport.png" alt="">--> 1838 <i class="menu-item-icon icon-sports"></i> 1839 <label>SPORT</label> 1840</a> 1841<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')"> 1842<!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> 1843 <i class="menu-item-icon icon-sabung"></i> 1844 <label>SABUNG</label> 1845</a> 1846<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')"> 1847 <!--<img class="mobile-only" src="assets/fishing.png" alt="">--> 1848 <i class="menu-item-icon icon-arcade"></i> 1849 <label>ARCADE</label> 1850</a> 1851<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')"> 1852 <i class="menu-item-icon icon-interactive"></i> 1853 <label>INTERACTIVE</label> 1854</a> 1855 </div> 1856 1857 1858 1859 <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)"> 1860 1861 1862 <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)"> 1863 <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1864 </div> 1865 1866 <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)"> 1867 <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1868 </div> 1869 1870 1871 <div id="menu-mobile" style="height:60px; 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)"> 1872 1873 1874 <div style="white-space: nowrap; height: 100%; font-size: 0px"> 1875 1876 <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;"> 1877 <div style="display: grid; place-items: center; height: 100%"> 1878 <div class="menu-item" style="gap: 8px"> 1879 <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt=""> 1880 <label class="text-white">TOGEL</label> 1881 </div> 1882 </div> 1883 </a> 1884 1885 <div style="height: 100%; width: 74px; display: inline-block;"> 1886 <div style="display: grid; place-items: center; height: 100%"> 1887 <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')"> 1888 <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt=""> 1889 <label class="text-white">SLOT</label> 1890 </div> 1891 </div> 1892 </div> 1893 <div style="height: 100%; width: 74px; display: inline-block;"> 1894 <div style="display: grid; place-items: center; height: 100%"> 1895 <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')"> 1896 <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt=""> 1897 <label class="text-white">LIVE CASINO</label> 1898 </div> 1899 </div> 1900 </div> 1901 <div style="height: 100%; width: 74px; display: inline-block;"> 1902 <div style="display: grid; place-items: center; height: 100%"> 1903 <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')"> 1904 <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1904orts.png" alt=""> 1905 <label class="text-white">SPORT</label> 1906 </div> 1907 </div> 1908 </div> 1909 <div style="height: 100%; width: 74px; display: inline-block;"> 1910 <div style="display: grid; place-items: center; height: 100%"> 1911 <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')"> 1912 <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt=""> 1913 <label class="text-white">ARCADE</label> 1914 </div> 1915 </div> 1916 </div> 1917 <div style="height: 100%; width: 74px; display: inline-block;"> 1918 <div style="display: grid; place-items: center; height: 100%"> 1919 <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')"> 1920 <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt=""> 1921 <label class="text-white">SABUNG</label> 1922 </div> 1923 </div> 1924 </div> 1925 1926 <div style="height: 100%; width: 74px; display: inline-block;"> 1927 <div style="display: grid; place-items: center; height: 100%"> 1928 <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')"> 1929 <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt=""> 1930 <label class="text-white">INTERACTIVE</label> 1931 </div> 1932 </div> 1933 </div> 1934 </div> 1935 </div> 1936</div> 1937 1938 <div class="menu-content mobile-only"> 1939 <div id="main-content" style="background: var(--content-box-background)"> 1940 </div> 1941 </div> 1942 1943 1944 <!-- Banner SBO --> 1945 1946 <style> 1947 .match-slider-wrap { 1948 max-width: 1200px; 1949 margin: 16px auto; 1950 margin-bottom: 24px; 1951 padding: 0 12px; 1952 } 1953 1954 .match-card { 1955 position: relative; 1956 overflow: hidden; 1957 min-height: 180px; 1958 border-radius: 16px; 1959 background: 1960 linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)), 1961 linear-gradient(180deg, #232323 0%, #161616 100%); 1962 color: #fff; 1963 box-shadow: 0 10px 24px rgba(0,0,0,.35); 1964 padding: 14px 14px 16px; 1965 } 1966 1967 .match-card::before { 1968 content: ""; 1969 position: absolute; 1970 inset: 0; 1971 background: repeating-linear-gradient( 1972 -35deg, 1973 rgba(255,255,255,.04), 1974 rgba(255,255,255,.04) 8px, 1975 transparent 8px, 1976 transparent 18px 1977 ); 1978 pointer-events: none; 1979 opacity: .35; 1980 } 1981 1982 .match-card > * { 1983 position: relative; 1984 z-index: 1; 1985 } 1986 1987 .league-name { 1988 font-size: 14px; 1989 font-weight: 700; 1990 letter-spacing: .4px; 1991 text-transform: uppercase; 1992 text-align: center; 1993 margin-bottom: 2px; 1994 color: #ffffff; 1995 } 1996 1997 .kickoff-time { 1998 font-size: 14px; 1999 font-weight: 800; 2000 text-align: center; 2001 color: #ffd23c; 2002 margin-bottom: 12px; 2003 } 2004 2005 .match-main-row, 2006 .match-odds-row { 2007 display: flex; 2008 align-items: flex-start; 2009 justify-content: space-between; 2010 gap: 0; 2011 } 2012 2013 .match-odds-row { 2014 align-items: center; 2015 margin-top: 12px; 2016 } 2017 2018 .team-col { 2019 width: 30%; 2020 text-align: center; 2021 display: flex; 2022 flex-direction: column; 2023 align-items: center; 2024 } 2025 2026 .score-col { 2027 width: 40%; 2028 text-align: center; 2029 display: flex; 2030 flex-direction: column; 2031 align-items: center; 2032 justify-content: center; 2033 } 2034 2035 .team-logo { 2036 width: 46px; 2037 height: 46px; 2038 object-fit: contain; 2039 margin-bottom: 6px; 2040 } 2041 2042 .team-name { 2043 font-size: 14px; 2044 line-height: 1.15; 2045 min-height: 34px; 2046 display: flex; 2047 align-items: center; 2048 justify-content: center; 2049 text-align: center; 2050 } 2051 2052 .score-value { 2053 font-size: 28px; 2054 font-weight: 800; 2055 line-height: 1; 2056 margin-bottom: 10px; 2057 } 2058 2059 .bet-btn { 2060 display: inline-block; 2061 min-width: 95px; 2062 border-radius: 8px; 2063 background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%); 2064 color: #1d1d1d; 2065 font-size: 14px; 2066 font-weight: 800; 2067 text-decoration: none; 2068 padding: 10px 16px; 2069 box-shadow: inset 0 1px 0 rgba(255,255,255,.45); 2070 } 2071 2072 .bet-btn:hover { 2073 color: #1d1d1d; 2074 filter: brightness(1.03); 2075 } 2076 2077 .odds-col { 2078 width: 30%; 2079 text-align: center; 2080 font-size: 12px; 2081 font-weight: 700; 2082 color: #ffd23c; 2083 display: flex; 2084 align-items: center; 2085 justify-content: center; 2086 min-height: 18px; 2087 } 2088 2089 .odds-col small { 2090 font-size: 12px; 2091 font-weight: 600; 2092 color: #ffffff; 2093 opacity: .95; 2094 } 2095 2096 .odds-spacer { 2097 width: 40%; 2098 } 2099 2100 .carousel-control-prev, 2101 .carousel-control-next { 2102 width: 48px; 2103 } 2104 2105 .carousel-control-prev-icon, 2106 .carousel-control-next-icon { 2107 width: 2.5rem; 2108 height: 2.5rem; 2109 border-radius: 50%; 2110 background-color: rgba(255,255,255,.15); 2111 background-size: 55% 55%; 2112 } 2113 2114 .carousel-indicators [data-bs-target] { 2115 width: 8px; 2116 height: 8px; 2117 border-radius: 50%; 2118 } 2119 2120 @media (max-width: 991.98px) { 2121 .match-card { 2122 min-height: 170px; 2123 } 2124 } 2125 2126 @media (max-width: 767.98px) { 2127 .match-slider-wrap { 2128 max-width: 100%; 2129 padding: 0 20px; 2130 margin: 20px 0; 2131 } 2132 2133 .match-slider-wrap .carousel-inner { 2134 padding: 0; 2135 } 2136 2137 .match-slider-wrap .carousel-item .row { 2138 margin: 0; 2139 } 2140 2141 .match-slider-wrap .carousel-item .col-12 { 2142 padding: 0; 2143 } 2144 2145 .match-card { 2146 width: 100%; 2147 border-radius: 16px; 2148 } 2149 2150 .league-name { 2151 font-size: 13px; 2152 margin-bottom: 2px; 2153 } 2154 2155 .kickoff-time { 2156 font-size: 13px; 2157 margin-bottom: 10px; 2158 } 2159 2160 .team-col { 2161 width: 30%; 2162 } 2163 2164 .score-col { 2165 width: 40%; 2166 } 2167 2168 .team-logo { 2169 width: 42px; 2170 height: 42px; 2171 margin-bottom: 4px; 2172 } 2173 2174 .team-name { 2175 font-size: 12px; 2176 line-height: 1.15; 2177 min-height: 30px; 2178 } 2179 2180 .score-value { 2181 font-size: 22px; 2182 margin-bottom: 8px; 2183 } 2184 2185 .bet-btn { 2186 min-width: 88px; 2187 font-size: 13px; 2188 padding: 8px 14px; 2189 border-radius: 8px; 2190 } 2191 2192 .match-odds-row { 2193 margin-top: 10px; 2194 } 2195 2196 .odds-col, 2197 .odds-col small { 2198 font-size: 11px; 2199 } 2200 2201 .carousel-control-prev, 2202 .carousel-control-next { 2203 width: 34px; 2204 } 2205 2206 .carousel-control-prev-icon, 2207 .carousel-control-next-icon { 2208 width: 2rem; 2209 height: 2rem; 2210 background-size: 50% 50%; 2211 } 2212 2213 .carousel-indicators { 2214 margin-bottom: -2px; 2215 } 2216 2217 .carousel-indicators [data-bs-target] { 2218 width: 7px; 2219 height: 7px; 2220 margin: 0 3px; 2221 } 2222 } 2223 </style> 2224 <!-- Banner SBO End --> 2225 2226 <div class="promosi"> 2227 2228 <!-- Desktop --> 2229 <div class="desktop-only h-100"> 2230 <div class="d-flex align-items-center h-100"> 2231 <a href="/promosi" class="menu-item"> 2232 <i class="menu-item-icon icon-promotion"></i> 2233 <label>PROMOSI</label> 2234 </a> 2235 2236 <a href="/event" class="menu-item"> 2237 <i class="menu-item-icon icon-event"></i> 2238 <label>EVENT</label> 2239 </a> 2240 </div> 2241 </div> 2242 2243 2244 2245 2246 <!--<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>--> 2247 2248 <!-- Mobile --> 2249 2250 <div class="mobile-only" style="padding-top: 24px"> 2251 2252 <div class="d-flex gap-3 justify-content-center align-items-center"> 2253 <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a> 2254 <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div> 2255 2256 <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a> 2257 </div> 2258 2259 2260 </div> 2261 </div> 2262 2263 </div> 2264 2265 </header> 2266 2267 2268 2269 <div id="marquee" class="marquee desktop-only"> 2270 <div class="marquee-content py-2"> 2271 <div class="d-flex
2271align-items-center gap-2"> 2272 <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div> 2273 <i class="bi bi-megaphone-fill desktop-only"></i> 2274 </div> 2275 <div class="running" style="padding-left: 8px; padding-right: 32px"> 2276 <div class="broadcast" style="width: 100%">HALLO BOSKU ! DAPATKAN PROMO DEPOSIT HARIAN 10% SETIAP HARI HANYA DI WHATSAPP ADMIN WINLIVE4D</div> 2277 </div> 2278 <div class="d-flex align-items-center gap-2"> 2279 <div id="desktoplogin" class="desktop-only"> 2280 <form class="login-form form" role="form"> 2281 <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div> 2282 <div class="input-group login-field"> 2283 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 2284 <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username"> 2285 </div> 2286 2287 2288 2289 <div class="input-group login-field"> 2290 <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> 2291 <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password"> 2292 </div> 2293 2294 <!-- captcha --> 2295 2296 <div class="verifikasiform" style=" display: none;"> 2297 <div style="display: flex; gap: 2px;"> 2298 <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span> 2299 <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off"> 2300 </div> 2301 2302 </div> 2303 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 2304 2305 <!-- end captcha --> 2306 2307 2308 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 2309 <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/register'">Daftar</button> 2310 2311 2312 <input type="hidden" name="task" value="login"> 2313 <input type="hidden" name="iscaptchalogin" value="0"> 2314 <input type="hidden" name="logindesktop" value="XaaNr8vMLxaesq2rBtbnIhK/dYastTUCpHqFRXrkEIc="> 2315 <input type="hidden" name="isrecaptchalogin" value="0"> 2316 </form> 2317 2318 </div> 2319 2320 2321 <!--<a href="/event">--> 2322 <!-- <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>--> 2323 <!--</a>--> 2324 </div> 2325 </div> 2326 </div> 2327 2328 2329 2330 <!--Informasi Modal --> 2331 <div id="modal-wrapper" class="modal" style=" background:none;"> 2332 2333 <div class="slideDown" id="informasi-menu"> 2334 <div class="row"> 2335 <div class="col-xs-3" style="padding-right:0px; width:164px"> 2336 <div id="informasi-logo"> 2337 <img src="/images/logoweb.png" width="120px"/> 2338 </div> 2339 <div class="menuleft"> 2340 2341 <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a> 2342 <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a> 2343 <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a> 2344 <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a> 2345 <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a> 2346 <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a> 2347 <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a> 2348 2349 </div> 2350 </div> 2351 <div class="col-xs-9" id="informasi-content" style="position: relative"> 2352 <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div> 2353 <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 2354 </div> 2355 </div> 2356 2357 </div> 2358 </div> 2359 </div> 2360 2361 2362 2363 2364 <div class="contentdata"> 2365 <div id="content-primary" class="p-0"> 2366 2367 <div class="desktop-only"> 2368<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%"> 2369 <div class="carousel-indicators"> 2370 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> 2371 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button> 2372 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button> 2373 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button> 2374 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button> 2375 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button> 2376 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button> 2377 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button> 2378 </div> 2379 <div class="carousel-inner" style="height: 100%"> 2380 <div class="carousel-item active" style="height: 100%"> 2381 <img src="/images/upload-Slides-20260205192346.webp" class="d-block w-100 banner" alt="upgrade vvip winlive4d" style="height: 100%"> 2382 </div> 2383 <div class="carousel-item " style="height: 100%"> 2384 <img src="/images/upload-Slides-20260205192401.webp" class="d-block w-100 banner" alt="PARTNER RESMI WINLIVE4D" style="height: 100%"> 2385 </div> 2386 <div class="carousel-item " style="height: 100%"> 2387 <img src="/images/upload-Slides-20260205192242.webp" class="d-block w-100 banner" alt="LOMBA TURN OVER" style="height: 100%"> 2388 </div> 2389 <div class="carousel-item " style="height: 100%"> 2390 <img src="/images/upload-Slides-20260205192252.webp" class="d-block w-100 banner" alt="LOMBA TURN OVER SPORTSBOOK" style="height: 100%"> 2391 </div> 2392 <div class="carousel-item " style="height: 100%"> 2393 <img src="/images/upload-Slides-20260205192257.webp" class="d-block w-100 banner" alt="MERCHANDISE" style="height: 100%"> 2394 </div> 2395 <div class="carousel-item " style="height: 100%"> 2396 <img src="/images/upload-Slides-20260205192316.webp" class="d-block w-100 banner" alt="" style="height: 100%"> 2397 </div> 2398 <div class="carousel-item " style="height: 100%"> 2399 <img src="https://img.viva88athenae.com/banner/mgl-25.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 2400 </div> 2401 <div class="carousel-item " style="height: 100%"> 2402 <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 2403 </div> 2404 </div> 2405</div> 2406 2407</div> 2408 <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;"> 2409 <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;"> 2410</div></div> 2411 2412 </div> 2413 </div> 2414 2415 2416 2417 <div class="widget-kupon"> 2418 <!-- <div style="position:relative; width:100%;"> --> 2419 <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe> 2420 <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div> 2421 <!-- </div> --> 2422 </div> 2423 2424 <!-- BANNER SBO MOBILE --> 2425 <div class="widget-sbo mobile-only"> 2426 <div class="match-slider-wrap"> 2427 <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 2428 2429 <div class="carousel-indicators"> 2430 <button 2431 type="button" 2432 data-bs-target="#sboMatchCarouselMobile" 2433 data-bs-slide-to="0" 2434 class="active" 2435 aria-current="true" aria-label="Slide 1"> 2436 </button> 2437 <button 2438 type="button" 2439 data-bs-target="#sboMatchCarouselMobile" 2440 data-bs-slide-to="1" 2441 class="" 2442 aria-label="Slide 2"> 2443 </button> 2444 <button 2445 type="button" 2446 data-bs-target="#sboMatchCarouselMobile" 2447 data-bs-slide-to="2" 2448 class="" 2449 aria-label="Slide 3"> 2450 </button> 2451 <button 2452 type="button" 2453 data-bs-target="#sboMatchCarouselMobile" 2454 data-bs-slide-to="3" 2455 class="" 2456 aria-label="Slide 4"> 2457 </button> 2458 <button 2459 type="button" 2460 data-bs-target="#sboMatchCarouselMobile" 2461 data-bs-slide-to="4" 2462 class="" 2463 aria-label="Slide 5"> 2464 </button> 2465 <button 2466 type="button" 2467 data-bs-target="#sboMatchCarouselMobile" 2468 data-bs-slide-to="5" 2469 class="" 2470 aria-label="Slide 6"> 2471 </button> 2472 <button 2473 type="button" 2474 data-bs-target="#sboMatchCarouselMobile" 2475 data-bs-slide-to="6" 2476 class="" 2477 aria-label="Slide 7"> 2478 </button> 2479 <button 2480 type="button" 2481 data-bs-target="#sboMatchCarouselMobile" 2482 data-bs-slide-to="7" 2483 class="" 2484 aria-label="Slide 8"> 2485 </button> 2486 <button 2487 type="button" 2488 data-bs-target="#sboMatchCarouselMobile" 2489 data-bs-slide-to="8" 2490 class="" 2491 aria-label="Slide 9"> 2492 </button> 2493 <button 2494 type="button" 2495 data-bs-target="#sboMatchCarouselMobile" 2496 data-bs-slide-to="9" 2497 class="" 2498 aria-label="Slide 10"> 2499 </button> 2500 </div> 2501 2502 <div class="carousel-inner"> 2503 <div class="carousel-item active"> 2504 <div class="row g-3"> 2505 <div class="col-12"> 2506 <div class="match-card h-100"> 2507 <div class="league-name"> 2508 ENGLISH PREMIER LEAGUE </div> 2509 2510 <div class="kickoff-time"> 2511 October 10, 2026 â 18:30 WIB </div> 2512 2513 <div class="match-main-row"> 2514 <div class="team-col"> 2515 <img 2516 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 2517 alt="Arsenal" 2518 class="team-logo" 2519 > 2520 <div class="team-na
2520me"> 2521 Arsenal </div> 2522 </div> 2523 2524 <div class="score-col"> 2525 <div class="score-value"> 2526 0 : 0 </div> 2527 2528 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 2529 BET NOW 2530 </a> 2531 </div> 2532 2533 <div class="team-col"> 2534 <img 2535 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48ce556.png" 2536 alt="Leeds United" 2537 class="team-logo" 2538 > 2539 <div class="team-name"> 2540 Leeds United </div> 2541 </div> 2542 </div> 2543 2544 <div class="match-odds-row"> 2545 <div class="odds-col"> 2546 <span> 2547 1 <small>0.60</small> 2548 </span> 2549 </div> 2550 2551 <div class="odds-spacer"></div> 2552 2553 <div class="odds-col"> 2554 <span> 2555 -1 <small>-0.70</small> 2556 </span> 2557 </div> 2558 </div> 2559 </div> 2560 </div> 2561 </div> 2562 </div> 2563 <div class="carousel-item "> 2564 <div class="row g-3"> 2565 <div class="col-12"> 2566 <div class="match-card h-100"> 2567 <div class="league-name"> 2568 ENGLISH PREMIER LEAGUE </div> 2569 2570 <div class="kickoff-time"> 2571 October 10, 2026 â 21:00 WIB </div> 2572 2573 <div class="match-main-row"> 2574 <div class="team-col"> 2575 <img 2576 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 2577 alt="Chelsea" 2578 class="team-logo" 2579 > 2580 <div class="team-name"> 2581 Chelsea </div> 2582 </div> 2583 2584 <div class="score-col"> 2585 <div class="score-value"> 2586 0 : 0 </div> 2587 2588 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 2589 BET NOW 2590 </a> 2591 </div> 2592 2593 <div class="team-col"> 2594 <img 2595 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 2596 alt="Bournemouth AFC" 2597 class="team-logo" 2598 > 2599 <div class="team-name"> 2600 Bournemouth AFC </div> 2601 </div> 2602 </div> 2603 2604 <div class="match-odds-row"> 2605 <div class="odds-col">
2606 <span> 2607 0.5 <small>0.68</small> 2608 </span> 2609 </div> 2610 2611 <div class="odds-spacer"></div> 2612 2613 <div class="odds-col"> 2614 <span> 2615 -0.5 <small>-0.78</small> 2616 </span> 2617 </div> 2618 </div> 2619 </div> 2620 </div> 2621 </div> 2622 </div> 2623 <div class="carousel-item "> 2624 <div class="row g-3"> 2625 <div class="col-12"> 2626 <div class="match-card h-100"> 2627 <div class="league-name"> 2628 SPAIN LA LIGA </div> 2629 2630 <div class="kickoff-time"> 2631 October 10, 2026 â 23:30 WIB </div> 2632 2633 <div class="match-main-row"> 2634 <div class="team-col"> 2635 <img 2636 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 2637 alt="Barcelona" 2638 class="team-logo" 2639 > 2640 <div class="team-name"> 2641 Barcelona </div> 2642 </div> 2643 2644 <div class="score-col"> 2645 <div class="score-value"> 2646 0 : 0 </div> 2647 2648 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 2649 BET NOW 2650 </a> 2651 </div> 2652 2653 <div class="team-col"> 2654 <img 2655 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 2656 alt="Getafe" 2657 class="team-logo" 2658 > 2659 <div class="team-name"> 2660 Getafe </div> 2661 </div> 2662 </div> 2663 2664 <div class="match-odds-row"> 2665 <div class="odds-col">
2666 <span> 2667 2.75 <small>0.90</small> 2668 </span> 2669 </div> 2670 2671 <div class="odds-spacer"></div> 2672 2673 <div class="odds-col"> 2674 <span> 2675 -2.75 <small>1.00</small> 2676 </span> 2677 </div> 2678 </div> 2679 </div> 2680 </div> 2681 </div> 2682 </div> 2683 <div class="carousel-item "> 2684 <div class="row g-3"> 2685 <div class="col-12"> 2686 <div class="match-card h-100"> 2687 <div class="league-name"> 2688 ENGLISH PREMIER LEAGUE </div> 2689 2690 <div class="kickoff-time"> 2691 October 10, 2026 â 21:00 WIB </div> 2692 2693 <div class="match-main-row"> 2694 <div class="team-col"> 2695 <img 2696 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 2697 alt="Sunderland" 2698 class="team-logo" 2699 > 2700 <div class="team-name"> 2701 Sunderland </div> 2702 </div> 2703 2704 <div class="score-col"> 2705 <div class="score-value"> 2706 0 : 0 </div> 2707 2708 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 2709 BET NOW 2710 </a> 2711 </div> 2712 2713 <div class="team-col"> 2714 <img 2715 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 2716 alt="Brighton & Hove Albion" 2717 class="team-logo" 2718 > 2719 <div class="team-name"> 2720 Brighton & Hove Albion </div> 2721 </div> 2722 </div> 2723 2724 <div class="match-odds-row"> 2725 <div class="odds-col">
2726 <span> 2727 0.00 <small>-0.82</small> 2728 </span> 2729 </div> 2730 2731 <div class="odds-spacer"></div> 2732 2733 <div class="odds-col"> 2734 <span> 2735 0.00 <small>0.72</small> 2736 </span> 2737 </div> 2738 </div> 2739 </div> 2740 </div> 2741 </div> 2742 </div> 2743 <div class="carousel-item "> 2744 <div class="row g-3"> 2745 <div class="col-12"> 2746 <div class="match-card h-100"> 2747 <div class="league-name"> 2748 ENGLISH PREMIER LEAGUE </div> 2749 2750 <div class="kickoff-time"> 2751 October 10, 2026 â 23:30 WIB </div> 2752 2753 <div class="match-main-row"> 2754 <div class="team-col"> 2755 <img 2756 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 2757 alt="Manchester United" 2758 class="team-logo" 2759 > 2760 <div class="team-name"> 2761 Manchester United </div> 2762 </div> 2763 2764 <div class="score-col"> 2765 <div class="score-value"> 2766 0 : 0 </div> 2767 2768 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 2769 BET NOW 2770 </a> 2771 </div> 2772 2773 <div class="team-col"> 2774 <img 2775 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 2776 alt="Tottenham Hotspur" 2777 class="team-logo" 2778 > 2779 <div class="team-name"> 2780 Tottenham Hotspur </div> 2781 </div> 2782 </div> 2783 2784 <div class="match-odds-row"> 2785 <div class="odds-col">
2786 <span> 2787 0.5 <small>0.71</small> 2788 </span> 2789 </div> 2790 2791 <div class="odds-spacer"></div> 2792 2793 <div class="odds-col"> 2794 <span> 2795 -0.5 <small>-0.81</small> 2796 </span> 2797 </div> 2798 </div> 2799 </div> 2800 </div> 2801 </div> 2802 </div> 2803 <div class="carousel-item "> 2804 <div class="row g-3"> 2805 <div class="col-12"> 2806 <div class="match-card h-100"> 2807 <div class="league-name"> 2808 SPAIN LA LIGA </div> 2809 2810 <div class="kickoff-time"> 2811 October 11, 2026 â 02:00 WIB </div> 2812 2813 <div class="match-main-row"> 2814 <div class="team-col"> 2815 <img 2816 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 2817 alt="Real Madrid" 2818 class="team-logo" 2819 > 2820 <div class="team-name"> 2821 Real Madrid </div> 2822 </div> 2823 2824 <div class="score-col"> 2825 <div class="score-value"> 2826 0 : 0 </div> 2827 2828 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 2829 BET NOW 2830 </a> 2831 </div> 2832 2833 <div class="team-col"> 2834 <img 2835 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 2836 alt="Villarreal" 2837 class="team-logo" 2838 > 2839 <div class="team-name"> 2840 Villarreal </div> 2841 </div> 2842 </div> 2843 2844 <div class="match-odds-row"> 2845 <div class="odds-col">
2846 <span> 2847 1.25 <small>0.67</small> 2848 </span> 2849 </div> 2850 2851 <div class="odds-spacer"></div> 2852 2853 <div class="odds-col"> 2854 <span> 2855 -1.25 <small>-0.77</small> 2856 </span> 2857 </div> 2858 </div> 2859 </div> 2860 </div> 2861 </div> 2862 </div> 2863 <div class="carousel-item "> 2864 <div class="row g-3"> 2865 <div class="col-12"> 2866 <div class="match-card h-100"> 2867 <div class="league-name"> 2868 ENGLISH PREMIER LEAGUE </div> 2869 2870 <div class="kickoff-time"> 2871 October 11, 2026 â 22:30 WIB </div> 2872 2873 <div class="match-main-row"> 2874 <div class="team-col"> 2875 <img 2876 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 2877 alt="Liverpool" 2878 class="team-logo" 2879 > 2880 <div class="team-name"> 2881 Liverpool </div> 2882 </div> 2883 2884 <div class="score-col"> 2885 <div class="score-value"> 2886 0 : 0 </div> 2887 2888 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 2889 BET NOW 2890 </a> 2891 </div> 2892 2893 <div class="team-col"> 2894 <img 2895 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 2896 alt="Manchester City" 2897 class="team-logo" 2898 > 2899 <div class="team-name"> 2900 Manchester City </div> 2901 </div> 2902 </div> 2903 2904 <div class="match-odds-row"> 2905 <div class="odds-col">
2906 <span> 2907 0.00 <small>0.93</small> 2908 </span> 2909 </div> 2910 2911 <div class="odds-spacer"></div> 2912 2913 <div class="odds-col"> 2914 <span> 2915 0.00 <small>0.97</small> 2916 </span> 2917 </div> 2918 </div> 2919 </div> 2920 </div> 2921 </div> 2922 </div> 2923 <div class="carousel-item "> 2924 <div class="row g-3"> 2925 <div class="col-12"> 2926 <div class="match-card h-100"> 2927 <div class="league-name"> 2928 ENGLISH PREMIER LEAGUE </div> 2929 2930 <div class="kickoff-time"> 2931 October 10, 2026 â 21:00 WIB </div> 2932 2933 <div class="match-main-row"> 2934 <div class="team-col"> 2935 <img 2936 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 2937 alt="Aston Villa" 2938 class="team-logo" 2939 > 2940 <div class="team-name"> 2941 Aston Villa </div> 2942 </div> 2943 2944 <div class="score-col"> 2945 <div class="score-value"> 2946 0 : 0 </div> 2947 2948 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 2949 BET NOW 2950 </a> 2951 </div> 2952 2953 <div class="team-col"> 2954 <img 2955 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 2956 alt="Brentford" 2957 class="team-logo" 2958 > 2959 <div class="team-name"> 2960 Brentford </div> 2961 </div> 2962 </div> 2963 2964 <div class="match-odds-row"> 2965 <div class="odds-col">
2966 <span> 2967 0.00 <small>0.97</small> 2968 </span> 2969 </div> 2970 2971 <div class="odds-spacer"></div> 2972 2973 <div class="odds-col"> 2974 <span> 2975 0.00 <small>0.93</small> 2976 </span> 2977 </div> 2978 </div> 2979 </div> 2980 </div> 2981 </div> 2982 </div> 2983 <div class="carousel-item "> 2984 <div class="row g-3"> 2985 <div class="col-12"> 2986 <div class="match-card h-100"> 2987 <div class="league-name"> 2988 UEFA CHAMPIONS LEAGUE </div> 2989 2990 <div class="kickoff-time"> 2991 October 14, 2026 â 02:00 WIB </div> 2992 2993 <div class="match-main-row"> 2994 <div class="team-col"> 2995 <img 2996 src="https://cdn.sportnanoapi.com/football/team/fbcf002c8d6dd34813fa2b3a4cc9b04c.png" 2997 alt="Galatasaray" 2998 class="team-logo" 2999 > 3000 <div class="team-name"> 3001 Galatasaray </div> 3002 </div> 3003 3004 <div class="score-col"> 3005 <div class="score-value"> 3006 0 : 0 </div> 3007 3008 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145838980')"> 3009 BET NOW 3010 </a> 3011 </div> 3012 3013 <div class="team-col"> 3014 <img 3015 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 3016 alt="Barcelona" 3017 class="team-logo" 3018 > 3019 <div class="team-name"> 3020 Barcelona </div> 3021 </div> 3022 </div> 3023 3024 <div class="match-odds-row"> 3025 <div class="odds-col">
3026 <span> 3027 -1.75 <small>-0.99</small> 3028 </span> 3029 </div> 3030 3031 <div class="odds-spacer"></div> 3032 3033 <div class="odds-col"> 3034 <span> 3035 1.75 <small>0.87</small> 3036 </span> 3037 </div> 3038 </div> 3039 </div> 3040 </div> 3041 </div> 3042 </div> 3043 <div class="carousel-item "> 3044 <div class="row g-3"> 3045 <div class="col-12"> 3046 <div class="match-card h-100"> 3047 <div class="league-name"> 3048 ENGLISH PREMIER LEAGUE </div> 3049 3050 <div class="kickoff-time"> 3051 October 10, 2026 â 21:00 WIB </div> 3052 3053 <div class="match-main-row"> 3054 <div class="team-col"> 3055 <img 3056 src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png" 3057 alt="Ipswich Town" 3058 class="team-logo" 3059 > 3060 <div class="team-name"> 3061 Ipswich Town </div> 3062 </div> 3063 3064 <div class="score-col"> 3065 <div class="score-value"> 3066 0 : 0 </div> 3067 3068 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100479')"> 3069 BET NOW 3070 </a> 3071 </div> 3072 3073 <div class="team-col"> 3074 <img 3075 src="https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png" 3076 alt="Fulham" 3077 class="team-logo" 3078 > 3079 <div class="team-name"> 3080 Fulham </div> 3081 </div> 3082 </div> 3083 3084 <div class="match-odds-row"> 3085 <div class="odds-col">
3086 <span> 3087 0.00 <small>-0.90</small> 3088 </span> 3089 </div> 3090 3091 <div class="odds-spacer"></div> 3092 3093 <div class="odds-col"> 3094 <span> 3095 0.00 <small>0.80</small> 3096 </span> 3097 </div> 3098 </div> 3099 </div> 3100 </div> 3101 </div> 3102 </div> 3103 </div> 3104 3105 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev"> 3106 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 3107 <span class="visually-hidden">Previous</span> 3108 </button> 3109 3110 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next"> 3111 <span class="carousel-control-next-icon" aria-hidden="true"></span> 3112 <span class="visually-hidden">Next</span> 3113 </button> 3114 </div> 3115 </div> 3116 </div> 3117 <!-- BANNER SBO MOBILE END --> 3118 3119 3120 <!-- Togel --> 3121 3122 <style> 3123 .togel-desktop { 3124 /*background: var(--togel-background);*/ 3125 background: var(--footer-background); 3126 grid-area: togel-desktop; 3127 position: relative; 3128 } 3129 3130 .togel-mobile { 3131 display: none; 3132 } 3133 3134 .show-more { 3135 position: absolute; 3136 3137 z-index: 999; 3138 bottom: 0px; 3139 width: 100%; 3140 3141 /* 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)); */ 3142 } 3143 3144 .show-more-content { 3145 background: var(--secondary-background); 3146 opacity: .7; 3147 display: grid; 3148 place-items: center; 3149 height: 32px 3150 } 3151 3152 .togel-content { 3153 position: relative; 3154 display: flex; 3155 flex-wrap: wrap; 3156 justify-content: center; 3157 /*display: grid;*/ 3158 /*grid-template-columns: repeat(10, 1fr);*/ 3159 gap: 8px 4px; 3160 padding: 16px 0; 3161 } 3162 3163 .see-more { 3164 padding: 16px 0 48px 0; 3165 max-height: 162px; 3166 transition: max-height .75s ease-out; 3167 transition-delay: .1s; 3168 overflow: hidden; 3169 } 3170 3171 .togel-content:hover{ 3172 max-height: 1000px; 3173 transition: max-height 0.25s ease-in; 3174 } 3175 3176 .result { 3177 height: 110px; 3178 width: 96px; 3179 border-radius: 10px; 3180 background: var(--result-background); 3181 border: var(--result-border); 3182 3183 display: grid; 3184 grid-template-rows: 0px 20px 1fr 28px; 3185 grid-template-areas: 3186 "badge" 3187 "pasaran" 3188 "keluaran" 3189 "tanggal" 3190 ; 3191 3192 /* display: flex; 3193 flex-direction: column; 3194 justify-content: space-between; */ 3195 3196 overflow: hidden; 3197 } 3198 3199 .badge { 3200 grid-area: badge; 3201 display: grid; 3202 place-items: center; 3203 } 3204 3205 .result>.pasaran { 3206 3207 grid-area: pasaran; 3208 3209 padding-top: 8px; 3210 white-space: nowrap; 3211 font-size: .7rem; 3212 line-height: .7rem; 3213 3214 color: var(--result-pasaran-color); 3215 display: grid; 3216 place-items: center; 3217 } 3218 3219 .result>.keluaran { 3220 3221 grid-area: keluaran; 3222 padding-bottom: 8px; 3223 font-family: 'Oswald', sans-serif; 3224 line-height: 40px; 3225 font-size: 40px; 3226 color: var(--result-keluaran-color); 3227 display: grid; 3228 place-items: center; 3229 } 3230 3231 .result>.tanggal { 3232 3233 grid-area: tanggal; 3234 3235 width: 100%; 3236 height: 100%; 3237 /* background: rgb(40,0,0); 3238 background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ 3239 background: var(--result-tanggal-background); 3240 white-space: nowarp; 3241 font-size: .79rem; 3242 display: grid; 3243 place-items: center; 3244 font-family: 'Abel', sans-serif; 3245 color: var(--result-tanggal-color); 3246 } 3247 3248 @media only screen and (max-width: 1000px) { 3249 3250 .togel-desktop { 3251 display: none; 3252 } 3253 3254 .togel-mobile { 3255 3256 background: var(--secondary-background); 3257 grid-area: togel-mobile; 3258 padding: 24px; 3259 padding-bottom: 12px; 3260 box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; 3261 } 3262 3263 .togel-title { 3264 padding: 0px; 3265 padding-bottom: 20px; 3266 font-size: 1.4rem; 3267 font-weight: bold; 3268 color: var(--primary-text-color); 3269 } 3270 3271 .togel-content { 3272 max-height: fit-content; 3273 display: grid; 3274 grid-template-columns: 1fr; 3275 gap: 0; 3276 border-radius: 8px; 3277 } 3278 3279 3280 3281 .provider-group { 3282 padding: var(--mobile-padding-horizontal); 3283 } 3284 3285 .badge { 3286 display: none; 3287 } 3288 3289 .result { 3290 height: auto; 3291 width: 100%; 3292 display: grid; 3293 grid-template-rows: 1fr; 3294 grid-template-columns: 1fr 1fr 80px; 3295 grid-template-areas: "pasaran tanggal keluaran"; 3296 border-radius: 0; 3297 border: none; 3298 background: transparent; 3299 padding: 4px 12px; 3300 color: var(--primary-text-color); 3301 font-family: 'Abel', sans-serif; 3302 3303 } 3304 3305 3306 .result-data:nth-child(odd) { 3307 background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background); 3308 } 3309 3310 3311 .accordion-item { 3312 background-color: transparent; 3313 border: 0px; 3314 } 3315 3316 .accordion-button:not(.collapsed) { 3317 color: inherit; 3318 background-color: transparent; 3319 box-shadow: none; 3320 } 3321 3322 .accordion-button::after { 3323 height: 0px; 3324 } 3325 3326 .result>* { 3327 padding: 0px!important; 3328 margin: 0px!important; 3329 font-size: 1.4rem!important; 3330 line-height: auto!important; 3331 font-weight: normal!important; 3332 } 3333 3334 .result>.pasaran { 3335 display: flex; 3336 justify-content: start; 3337 color: var(--primary-text-color)!important; 3338 opacity: .7; 3339 } 3340 3341 .result>.tanggal { 3342 display: flex; 3343 justify-content: center; 3344 background: transparent; 3345 color: var(--primary-text-color)!important; 3346 opacity: .7; 3347 } 3348 3349 .result>.keluaran { 3350 display: flex; 3351 justify-content: end; 3352 /*color: var(--primary-text-color)!important;*/ 3353 font-family: 'Abel', sans-serif; 3354 color: var(--highlight-text-color); 3355 } 3356 3357 } 3358 </style> 3359 3360 3361 3362 <div id="togel-desktop" class="togel-desktop desktop-only"> 3363 3364 <div class="show-more desktop-only"> 3365 <div class="show-more-content"> 3366 <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i> 3367 </div> 3368 </div> 3369 3370 3371 3372 <div class="togel-content see-more"> 3373 <!-- <a href="/?content=hasil&pid=TWH" class="result"> --> 3374 <a href="/hasil/TWH" class="result"> 3375 3376 <div class="badge"> 3377 </div> 3378 3379 <div class="pasaran">
3379TOTO WUHAN </div> 3380 <div class="keluaran">5453</div> 3381 <div class="tanggal"> 7/10/2026</div> 3382 </a> 3383 <!-- <a href="/?content=hasil&pid=HKD" class="result"> --> 3384 <a href="/hasil/HKD" class="result"> 3385 3386 <div class="badge"> 3387 </div> 3388 3389 <div class="pasaran">HK SIANG </div> 3390 <div class="keluaran">6727</div> 3391 <div class="tanggal"> 7/10/2026</div> 3392 </a> 3393 <!-- <a href="/?content=hasil&pid=NZB" class="result"> --> 3394 <a href="/hasil/NZB" class="result"> 3395 3396 <div class="badge"> 3397 </div> 3398 3399 <div class="pasaran">BULLSEYE </div> 3400 <div class="keluaran">7441</div> 3401 <div class="tanggal"> 7/10/2026</div> 3402 </a> 3403 <!-- <a href="/?content=hasil&pid=SG" class="result"> --> 3404 <a href="/hasil/SG" class="result"> 3405 3406 <div class="badge"> 3407 </div> 3408 3409 <div class="pasaran">SINGAPORE </div> 3410 <div class="keluaran">9838</div> 3411 <div class="tanggal"> 7/10/2026</div> 3412 </a> 3413 <!-- <a href="/?content=hasil&pid=QTR" class="result"> --> 3414 <a href="/hasil/QTR" class="result"> 3415 3416 <div class="badge"> 3417 </div> 3418 3419 <div class="pasaran">QATAR </div> 3420 <div class="keluaran">9915</div> 3421 <div class="tanggal"> 7/10/2026</div> 3422 </a> 3423 <!-- <a href="/?content=hasil&pid=CAM" class="result"> --> 3424 <a href="/hasil/CAM" class="result"> 3425 3426 <div class="badge"> 3427 </div> 3428 3429 <div class="pasaran">CAMBODIA </div> 3430 <div class="keluaran">5980</div> 3431 <div class="tanggal"> 7/10/2026</div> 3432 </a> 3433 <!-- <a href="/?content=hasil&pid=TWN" class="result"> --> 3434 <a href="/hasil/TWN" class="result"> 3435 3436 <div class="badge"> 3437 </div> 3438 3439 <div class="pasaran">TAIWAN </div> 3440 <div class="keluaran">9330</div> 3441 <div class="tanggal"> 6/10/2026</div> 3442 </a> 3443 <!-- <a href="/?content=hasil&pid=MY" class="result"> --> 3444 <a href="/hasil/MY" class="result"> 3445 3446 <div class="badge"> 3447 </div> 3448 3449 <div class="pasaran">MALAYSIA </div> 3450 <div class="keluaran">3932</div> 3451 <div class="tanggal"> 7/10/2026</div> 3452 </a> 3453 <!-- <a href="/?content=hasil&pid=SGM" class="result"> --> 3454 <a href="/hasil/SGM" class="result"> 3455 3456 <div class="badge"> 3457 </div> 3458 3459 <div class="pasaran">SG METRO </div> 3460 <div class="keluaran">5977</div> 3461 <div class="tanggal"> 7/10/2026</div> 3462 </a> 3463 <!-- <a href="/?content=hasil&pid=MYD" class="result"> --> 3464 <a href="/hasil/MYD" class="result"> 3465 3466 <div class="badge"> 3467 </div> 3468 3469 <div class="pasaran">MALAYSIA SIANG </div> 3470 <div class="keluaran">9074</div> 3471 <div class="tanggal"> 7/10/2026</div> 3472 </a> 3473 <!-- <a href="/?content=hasil&pid=TMC00" class="result"> --> 3474 <a href="/hasil/TMC00" class="result"> 3475 3476 <div class="badge"> 3477 </div> 3478 3479 <div class="pasaran">TOTO MACAU0000 </div> 3480 <div class="keluaran">1825</div> 3481 <div class="tanggal"> 7/10/2026</div> 3482 </a> 3483 <!-- <a href="/?content=hasil&pid=TMC13" class="result"> --> 3484 <a href="/hasil/TMC13" class="result"> 3485 3486 <div class="badge"> 3487 </div> 3488 3489 <div class="pasaran">TOTO MACAU1300 </div> 3490 <div class="keluaran">2492</div> 3491 <div class="tanggal"> 7/10/2026</div> 3492 </a> 3493 <!-- <a href="/?content=hasil&pid=TMC16" class="result"> --> 3494 <a href="/hasil/TMC16" class="result"> 3495 3496 <div class="badge"> 3497 </div> 3498 3499 <div class="pasaran">TOTO MACAU1600 </div> 3500 <div class="keluaran">9210</div> 3501 <div class="tanggal"> 7/10/2026</div> 3502 </a> 3503 <!-- <a href="/?content=hasil&pid=TMC19" class="result"> --> 3504 <a href="/hasil/TMC19" class="result"> 3505 3506 <div class="badge"> 3507 </div> 3508 3509 <div class="pasaran">TOTO MACAU1900 </div> 3510 <div class="keluaran">3021</div> 3511 <div class="tanggal"> 6/10/2026</div> 3512 </a> 3513 <!-- <a href="/?content=hasil&pid=TMC22" class="result"> --> 3514 <a href="/hasil/TMC22" class="result"> 3515 3516 <div class="badge"> 3517 </div> 3518 3519 <div class="pasaran">TOTO MACAU2200 </div> 3520 <div class="keluaran">1928</div> 3521 <div class="tanggal"> 6/10/2026</div> 3522 </a> 3523 <!-- <a href="/?content=hasil&pid=TMC23" class="result"> --> 3524 <a href="/hasil/TMC23" class="result"> 3525 3526 <div class="badge"> 3527 </div> 3528 3529 <div class="pasaran">TOTO MACAU2300 </div> 3530 <div class="keluaran">0578</div> 3531 <div class="tanggal"> 6/10/2026</div> 3532 </a> 3533 3534 </div> 3535 </div> 3536 3537 <div id="togel-mobile" class="togel-mobile mobile-only"> 3538 3539 <div class="togel-title">Togel Result</div> 3540 3541 3542 <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px"> 3543 <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> 3544 3545 <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> 3546 <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button> 3547 3548 </div> 3549 <div class="carousel-inner"> 3550 3551 <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> 3552 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> 3553 <div class="badge"> 3554 </div> 3555 <div class="pasaran">
3555TOTO WUHAN </div> 3556 <div class="keluaran">5453</div> 3557 <div class="tanggal">07-10-2026</div> 3558 </button> 3559 <div id="paito-TWH" class="accordion-collapse collapse"> 3560 3561 <div class="result"> 3562 <div class="pasaran"></div> 3563 <div class="keluaran">4310</div> 3564 <div class="tanggal">07-10-2026</div> 3565 </div> 3566 3567 <div class="result"> 3568 <div class="pasaran"></div> 3569 <div class="keluaran">9334</div> 3570 <div class="tanggal">07-10-2026</div> 3571 </div> 3572 3573 <div class="result"> 3574 <div class="pasaran"></div> 3575 <div class="keluaran">6601</div> 3576 <div class="tanggal">07-10-2026</div> 3577 </div> 3578 3579 <div class="result"> 3580 <div class="pasaran"></div> 3581 <div class="keluaran">4755</div> 3582 <div class="tanggal">07-10-2026</div> 3583 </div> 3584 3585 <div class="result"> 3586 <div class="pasaran"></div> 3587 <div class="keluaran">8361</div> 3588 <div class="tanggal">07-10-2026</div> 3589 </div> 3590 3591 <div class="result"> 3592 <div class="pasaran"></div> 3593 <div class="keluaran">5843</div> 3594 <div class="tanggal">06-10-2026</div> 3595 </div> 3596 3597 <div class="result"> 3598 <div class="pasaran"></div> 3599 <div class="keluaran">1517</div> 3600 <div class="tanggal">06-10-2026</div> 3601 </div> 3602 </div> 3603 </div> 3604 3605 <div class="result-data accordion-item"> 3606 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD"> 3607 <div class="badge"> 3608 </div> 3609 <div class="pasaran">HK SIANG </div> 3610 <div class="keluaran">6727</div> 3611 <div class="tanggal">07-10-2026</div> 3612 </button> 3613 <div id="paito-HKD" class="accordion-collapse collapse"> 3614 3615 <div class="result"> 3616 <div class="pasaran"></div> 3617 <div class="keluaran">4776</div> 3618 <div class="tanggal">06-10-2026</div> 3619 </div> 3620 3621 <div class="result"> 3622 <div class="pasaran"></div> 3623 <div class="keluaran">0870</div> 3624 <div class="tanggal">05-10-2026</div> 3625 </div> 3626 3627 <div class="result"> 3628 <div class="pasaran"></div> 3629 <div class="keluaran">3772</div> 3630 <div class="tanggal">04-10-2026</div> 3631 </div> 3632 3633 <div class="result"> 3634 <div class="pasaran"></div> 3635 <div class="keluaran">0546</div> 3636 <div class="tanggal">03-10-2026</div> 3637 </div> 3638 3639 <div class="result"> 3640 <div class="pasaran"></div> 3641 <div class="keluaran">7631</div> 3642 <div class="tanggal">02-10-2026</div> 3643 </div> 3644 3645 <div class="result"> 3646 <div class="pasaran"></div> 3647 <div class="keluaran">4300</div> 3648 <div class="tanggal">01-10-2026</div> 3649 </div> 3650 3651 <div class="result"> 3652 <div class="pasaran"></div> 3653 <div class="keluaran">0507</div> 3654 <div class="tanggal">30-09-2026</div> 3655 </div> 3656 </div> 3657 </div> 3658 3659 <div class="result-data accordion-item"> 3660 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-NZB"> 3661 <div class="badge"> 3662 </div> 3663 <div class="pasaran">BULLSEYE </div> 3664 <div class="keluaran">7441</div> 3665 <div class="tanggal">07-10-2026</div> 3666 </button> 3667 <div id="paito-NZB" class="accordion-collapse collapse"> 3668 3669 <div class="result"> 3670 <div class="pasaran"></div> 3671 <div class="keluaran">7013</div> 3672 <div class="tanggal">06-10-2026</div> 3673 </div> 3674 3675 <div class="result"> 3676 <div class="pasaran"></div> 3677 <div class="keluaran">3570</div> 3678 <div class="tanggal">05-10-2026</div> 3679 </div> 3680 3681 <div class="result"> 3682 <div class="pasaran"></div> 3683 <div class="keluaran">1906</div> 3684 <div class="tanggal">04-10-2026</div> 3685 </div> 3686 3687 <div class="result"> 3688 <div class="pasaran"></div> 3689 <div class="keluaran">6317</div> 3690 <div class="tanggal">03-10-2026</div> 3691 </div> 3692 3693 <div class="result"> 3694 <div class="pasaran"></div> 3695 <div class="keluaran">1791</div> 3696 <div class="tanggal">02-10-2026</div> 3697 </div> 3698 3699 <div class="result"> 3700 <div class="pasaran"></div> 3701 <div class="keluaran">0968</div> 3702 <div class="tanggal">01-10-2026</div> 3703 </div> 3704 3705 <div class="result"> 3706 <div class="pasaran"></div> 3707 <div class="keluaran">3373</div> 3708 <div class="tanggal">30-09-2026</div> 3709 </div> 3710 </div> 3711 </div> 3712 3713 <div class="result-data accordion-item"> 3714 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> 3715 <div class="badge"> 3716 </div> 3717 <div class="pasaran">SINGAPORE </div> 3718 <div class="keluaran">9838</div> 3719 <div class="tanggal">07-10-2026</div> 3720 </button> 3721 <div id="paito-SG" class="accordion-collapse collapse"> 3722 3723 <div class="result"> 3724 <div class="pasaran"></div> 3725 <div class="keluaran">3897</div> 3726 <div class="tanggal">05-10-2026</div> 3727 </div> 3728 3729 <div class="result"> 3730 <div class="pasaran"></div> 3731 <div class="keluaran">2812</div> 3732 <div class="tanggal">04-10-2026</div> 3733 </div> 3734 3735 <div class="result"> 3736 <div class="pasaran"></div> 3737 <div class="keluaran">3670</div> 3738 <div class="tanggal">03-10-2026</div> 3739 </div> 3740 3741 <div class="result"> 3742 <div class="pasaran"></div> 3743 <div class="keluaran">9006</div> 3744 <div class="tanggal">01-10-2026</div> 3745 </div> 3746 3747 <div class="result"> 3748 <div class="pasaran"></div> 3749 <div class="keluaran">3096</div> 3750 <div class="tanggal">30-09-2026</div> 3751 </div> 3752 3753 <div class="result"> 3754 <div class="pasaran"></div> 3755 <div class="keluaran">7185</div> 3756 <div class="tanggal">28-09-2026</div> 3757 </div> 3758 3759 <div class="result"> 3760 <div class="pasaran"></div> 3761 <div class="keluaran">8791</div> 3762 <div class="tanggal">27-09-2026</div> 3763 </div> 3764 </div> 3765 </div> 3766 3767 <div class="result-data accordion-item"> 3768 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR"> 3769 <div class="badge"> 3770 </div> 3771 <div class="pasaran">QATAR </div> 3772 <div class="keluaran">9915</div> 3773 <div class="tanggal">07-10-2026</div> 3774 </button> 3775 <div id="paito-QTR" class="accordion-collapse collapse"> 3776 3777 <div class="result"> 3778 <div class="pasaran"></div> 3779
3779 <div class="keluaran">5740</div> 3780 <div class="tanggal">06-10-2026</div> 3781 </div> 3782 3783 <div class="result"> 3784 <div class="pasaran"></div> 3785 <div class="keluaran">8643</div> 3786 <div class="tanggal">05-10-2026</div> 3787 </div> 3788 3789 <div class="result"> 3790 <div class="pasaran"></div> 3791 <div class="keluaran">0646</div> 3792 <div class="tanggal">04-10-2026</div> 3793 </div> 3794 3795 <div class="result"> 3796 <div class="pasaran"></div> 3797 <div class="keluaran">7691</div> 3798 <div class="tanggal">03-10-2026</div> 3799 </div> 3800 3801 <div class="result"> 3802 <div class="pasaran"></div> 3803 <div class="keluaran">3505</div> 3804 <div class="tanggal">02-10-2026</div> 3805 </div> 3806 3807 <div class="result"> 3808 <div class="pasaran"></div> 3809 <div class="keluaran">4757</div> 3810 <div class="tanggal">01-10-2026</div> 3811 </div> 3812 3813 <div class="result"> 3814 <div class="pasaran"></div> 3815 <div class="keluaran">4561</div> 3816 <div class="tanggal">30-09-2026</div> 3817 </div> 3818 </div> 3819 </div> 3820 3821 <div class="result-data accordion-item"> 3822 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CAM"> 3823 <div class="badge"> 3824 </div> 3825 <div class="pasaran">CAMBODIA </div> 3826 <div class="keluaran">5980</div> 3827 <div class="tanggal">07-10-2026</div> 3828 </button> 3829 <div id="paito-CAM" class="accordion-collapse collapse"> 3830 3831 <div class="result"> 3832 <div class="pasaran"></div> 3833 <div class="keluaran">3713</div> 3834 <div class="tanggal">06-10-2026</div> 3835 </div> 3836 3837 <div class="result"> 3838 <div class="pasaran"></div> 3839 <div class="keluaran">3794</div> 3840 <div class="tanggal">05-10-2026</div> 3841 </div> 3842 3843 <div class="result"> 3844 <div class="pasaran"></div> 3845 <div class="keluaran">6498</div> 3846 <div class="tanggal">04-10-2026</div> 3847 </div> 3848 3849 <div class="result"> 3850 <div class="pasaran"></div> 3851 <div class="keluaran">4921</div> 3852 <div class="tanggal">03-10-2026</div> 3853 </div> 3854 3855 <div class="result"> 3856 <div class="pasaran"></div> 3857 <div class="keluaran">2702</div> 3858 <div class="tanggal">02-10-2026</div> 3859 </div> 3860 3861 <div class="result"> 3862 <div class="pasaran"></div> 3863 <div class="keluaran">5172</div> 3864 <div class="tanggal">01-10-2026</div> 3865 </div> 3866 3867 <div class="result"> 3868 <div class="pasaran"></div> 3869 <div class="keluaran">4318</div> 3870 <div class="tanggal">30-09-2026</div> 3871 </div> 3872 </div> 3873 </div> 3874 3875 <div class="result-data accordion-item"> 3876 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWN"> 3877 <div class="badge"> 3878 </div> 3879 <div class="pasaran">TAIWAN </div> 3880 <div class="keluaran">9330</div> 3881 <div class="tanggal">06-10-2026</div> 3882 </button> 3883 <div id="paito-TWN" class="accordion-collapse collapse"> 3884 3885 <div class="result"> 3886 <div class="pasaran"></div> 3887 <div class="keluaran">3224</div> 3888 <div class="tanggal">05-10-2026</div> 3889 </div> 3890 3891 <div class="result"> 3892 <div class="pasaran"></div> 3893 <div class="keluaran">3455</div> 3894 <div class="tanggal">04-10-2026</div> 3895 </div> 3896 3897 <div class="result"> 3898 <div class="pasaran"></div> 3899 <div class="keluaran">4456</div> 3900 <div class="tanggal">03-10-2026</div> 3901 </div> 3902 3903 <div class="result"> 3904 <div class="pasaran"></div> 3905 <div class="keluaran">8587</div> 3906 <div class="tanggal">02-10-2026</div> 3907 </div> 3908 3909 <div class="result"> 3910 <div class="pasaran"></div> 3911 <div class="keluaran">0598</div> 3912 <div class="tanggal">01-10-2026</div> 3913 </div> 3914 3915 <div class="result"> 3916 <div class="pasaran"></div> 3917 <div class="keluaran">3578</div> 3918 <div class="tanggal">30-09-2026</div> 3919 </div> 3920 3921 <div class="result"> 3922 <div class="pasaran"></div> 3923 <div class="keluaran">0671</div> 3924 <div class="tanggal">29-09-2026</div> 3925 </div> 3926 </div> 3927 </div> 3928 3929 <div class="result-data accordion-item"> 3930 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY"> 3931 <div class="badge"> 3932 </div> 3933 <div class="pasaran">MALAYSIA </div> 3934 <div class="keluaran">3932</div> 3935 <div class="tanggal">07-10-2026</div> 3936 </button> 3937 <div id="paito-MY" class="accordion-collapse collapse"> 3938 3939 <div class="result"> 3940 <div class="pasaran"></div> 3941 <div class="keluaran">4883</div> 3942 <div class="tanggal">06-10-2026</div> 3943 </div> 3944 3945 <div class="result"> 3946 <div class="pasaran"></div> 3947 <div class="keluaran">4639</div> 3948 <div class="tanggal">05-10-2026</div> 3949 </div> 3950 3951 <div class="result"> 3952 <div class="pasaran"></div> 3953 <div class="keluaran">4920</div> 3954 <div class="tanggal">04-10-2026</div> 3955 </div> 3956 3957 <div class="result"> 3958 <div class="pasaran"></div> 3959 <div class="keluaran">8849</div> 3960 <div class="tanggal">03-10-2026</div> 3961 </div> 3962 3963 <div class="result"> 3964 <div class="pasaran"></div> 3965 <div class="keluaran">
39657141</div> 3966 <div class="tanggal">02-10-2026</div> 3967 </div> 3968 3969 <div class="result"> 3970 <div class="pasaran"></div> 3971 <div class="keluaran">4558</div> 3972 <div class="tanggal">01-10-2026</div> 3973 </div> 3974 3975 <div class="result"> 3976 <div class="pasaran"></div> 3977 <div class="keluaran">1915</div> 3978 <div class="tanggal">30-09-2026</div> 3979 </div> 3980 </div> 3981 </div> 3982 3983 <div class="result-data accordion-item"> 3984 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM"> 3985 <div class="badge"> 3986 </div> 3987 <div class="pasaran">SG METRO </div> 3988 <div class="keluaran">5977</div> 3989 <div class="tanggal">07-10-2026</div> 3990 </button> 3991 <div id="paito-SGM" class="accordion-collapse collapse"> 3992 3993 <div class="result"> 3994 <div class="pasaran"></div> 3995 <div class="keluaran">8741</div> 3996 <div class="tanggal">06-10-2026</div> 3997 </div> 3998 3999 <div class="result"> 4000 <div class="pasaran"></div> 4001 <div class="keluaran">3446</div> 4002 <div class="tanggal">05-10-2026</div> 4003 </div> 4004 4005 <div class="result"> 4006 <div class="pasaran"></div> 4007 <div class="keluaran">8676</div> 4008 <div class="tanggal">04-10-2026</div> 4009 </div> 4010 4011 <div class="result"> 4012 <div class="pasaran"></div> 4013 <div class="keluaran">9340</div> 4014 <div class="tanggal">03-10-2026</div> 4015 </div> 4016 4017 <div class="result"> 4018 <div class="pasaran"></div> 4019 <div class="keluaran">2649</div> 4020 <div class="tanggal">02-10-2026</div> 4021 </div> 4022 4023 <div class="result"> 4024 <div class="pasaran"></div> 4025 <div class="keluaran">4307</div> 4026 <div class="tanggal">01-10-2026</div> 4027 </div> 4028 4029 <div class="result"> 4030 <div class="pasaran"></div> 4031 <div class="keluaran">1367</div> 4032 <div class="tanggal">30-09-2026</div> 4033 </div> 4034 </div> 4035 </div> 4036 4037 <div class="result-data accordion-item"> 4038 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD"> 4039 <div class="badge"> 4040 </div> 4041 <div class="pasaran">MALAYSIA SIANG </div> 4042 <div class="keluaran">9074</div> 4043 <div class="tanggal">07-10-2026</div> 4044 </button> 4045 <div id="paito-MYD" class="accordion-collapse collapse"> 4046 4047 <div class="result"> 4048 <div class="pasaran"></div> 4049 <div class="keluaran">1210</div> 4050 <div class="tanggal">06-10-2026</div> 4051 </div> 4052 4053 <div class="result"> 4054 <div class="pasaran"></div> 4055 <div class="keluaran">2452</div> 4056 <div class="tanggal">05-10-2026</div> 4057 </div> 4058 4059 <div class="result"> 4060 <div class="pasaran"></div> 4061 <div class="keluaran">6932</div> 4062 <div class="tanggal">04-10-2026</div> 4063 </div> 4064 4065 <div class="result"> 4066 <div class="pasaran"></div> 4067 <div class="keluaran">5590</div> 4068 <div class="tanggal">03-10-2026</div> 4069 </div> 4070 4071 <div class="result"> 4072 <div class="pasaran"></div> 4073 <div class="keluaran">7799</div> 4074 <div class="tanggal">02-10-2026</div> 4075 </div> 4076 4077 <div class="result"> 4078 <div class="pasaran"></div> 4079 <div class="keluaran">6065</div> 4080 <div class="tanggal">01-10-2026</div> 4081 </div> 4082 4083 <div class="result"> 4084 <div class="pasaran"></div> 4085 <div class="keluaran">9677</div> 4086 <div class="tanggal">30-09-2026</div> 4087 </div> 4088 </div> 4089 </div> 4090 4091 </div><div class='carousel-item accordion accordion-flush'> <div class="result-data accordion-item"> 4092 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC00"> 4093 <div class="badge"> 4094 </div> 4095 <div class="pasaran">TOTO MACAU0000 </div> 4096 <div class="keluaran">1825</div> 4097 <div class="tanggal">07-10-2026</div> 4098 </button> 4099 <div id="paito-TMC00" class="accordion-collapse collapse"> 4100 4101 <div class="result"> 4102 <div class="pasaran"></div> 4103 <div class="keluaran">1791</div> 4104 <div class="tanggal">06-10-2026</div> 4105 </div> 4106 4107 <div class="result"> 4108 <div class="pasaran"></div> 4109 <div class="keluaran">2360</div> 4110 <div class="tanggal">05-10-2026</div> 4111 </div> 4112 4113 <div class="result"> 4114 <div class="pasaran"></div> 4115 <div class="keluaran">0422</div> 4116 <div class="tanggal">04-10-2026</div> 4117 </div> 4118 4119 <div class="result"> 4120 <div class="pasaran"></div> 4121 <div class="keluaran">0437</div> 4122 <div class="tanggal">03-10-2026</div> 4123 </div> 4124 4125 <div class="result"> 4126 <div class="pasaran"></div> 4127 <div class="keluaran">1329</div> 4128 <div class="tanggal">02-10-2026</div> 4129 </div> 4130 4131 <div class="result"> 4132 <div class="pasaran"></div> 4133 <div class="keluaran">8899</div> 4134 <div class="tanggal">01-10-2026</div> 4135 </div> 4136 4137 <div class="result"> 4138 <div class="pasaran"></div> 4139 <div class="keluaran">3141</div> 4140 <div class="tanggal">30-09-2026</div> 4141 </div> 4142 </div> 4143 </div> 4144 4145 <div class="result-data accordion-item"> 4146 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC13"> 4147 <div class="badge"> 4148 </div> 4149 <div class="pasaran">TOTO MACAU1300 </div> 4150 <div class="keluaran">2492</div> 4151 <div class="tanggal">07-10-2026</div> 4152 </button> 4153 <div id="paito-TMC13" class="accordion-collapse collapse"> 4154 4155 <div class="result"> 4156 <div class="pasaran"></div> 4157 <div class="keluaran">5625</div> 4158 <div class="tanggal">06-10-2026</div> 4159 </div> 4160 4161 <div class="result"> 4162 <div class="pasaran"></div> 4163 <div class="keluaran">6520</div> 4164 <div class="tanggal">05-10-2026</div> 4165 </div> 4166 4167 <div class="result"> 4168 <div class="pasaran"></div> 4169 <div class="keluaran">9711</div> 4170 <div class="tanggal">04-10-2026</div> 4171 </div> 4172 4173 <div class="result"> 4174 <div class="pasaran"></div> 4175 <div class="keluaran">9180</div> 4176 <div class="tanggal">03-10-2026</div> 4177 </div> 4178 4179 <div class="result"> 4180 <div class="pasaran"></div> 4181 <div class="keluaran">2811</div> 4182 <div class="tanggal">02-10-2026</div> 4183 </div> 4184 4185 <div class="result"> 4186 <div class="pasaran"></div> 4187 <div class="keluaran">7760</div> 4188
4188 <div class="tanggal">01-10-2026</div> 4189 </div> 4190 4191 <div class="result"> 4192 <div class="pasaran"></div> 4193 <div class="keluaran">5198</div> 4194 <div class="tanggal">30-09-2026</div> 4195 </div> 4196 </div> 4197 </div> 4198 4199 <div class="result-data accordion-item"> 4200 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC16"> 4201 <div class="badge"> 4202 </div> 4203 <div class="pasaran">TOTO MACAU1600 </div> 4204 <div class="keluaran">9210</div> 4205 <div class="tanggal">07-10-2026</div> 4206 </button> 4207 <div id="paito-TMC16" class="accordion-collapse collapse"> 4208 4209 <div class="result"> 4210 <div class="pasaran"></div> 4211 <div class="keluaran">2371</div> 4212 <div class="tanggal">06-10-2026</div> 4213 </div> 4214 4215 <div class="result"> 4216 <div class="pasaran"></div> 4217 <div class="keluaran">2786</div> 4218 <div class="tanggal">05-10-2026</div> 4219 </div> 4220 4221 <div class="result"> 4222 <div class="pasaran"></div> 4223 <div class="keluaran">6416</div> 4224 <div class="tanggal">04-10-2026</div> 4225 </div> 4226 4227 <div class="result"> 4228 <div class="pasaran"></div> 4229 <div class="keluaran">1710</div> 4230 <div class="tanggal">03-10-2026</div> 4231 </div> 4232 4233 <div class="result"> 4234 <div class="pasaran"></div> 4235 <div class="keluaran">2964</div> 4236 <div class="tanggal">02-10-2026</div> 4237 </div> 4238 4239 <div class="result"> 4240 <div class="pasaran"></div> 4241 <div class="keluaran">7325</div> 4242 <div class="tanggal">01-10-2026</div> 4243 </div> 4244 4245 <div class="result"> 4246 <div class="pasaran"></div> 4247 <div class="keluaran">8259</div> 4248 <div class="tanggal">30-09-2026</div> 4249 </div> 4250 </div> 4251 </div> 4252 4253 <div class="result-data accordion-item"> 4254 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC19"> 4255 <div class="badge"> 4256 </div> 4257 <div class="pasaran">TOTO MACAU1900 </div> 4258 <div class="keluaran">3021</div> 4259 <div class="tanggal">06-10-2026</div> 4260 </button> 4261 <div id="paito-TMC19" class="accordion-collapse collapse"> 4262 4263 <div class="result"> 4264 <div class="pasaran"></div> 4265 <div class="keluaran">0996</div> 4266 <div class="tanggal">05-10-2026</div> 4267 </div> 4268 4269 <div class="result"> 4270 <div class="pasaran"></div> 4271 <div class="keluaran">0166</div> 4272 <div class="tanggal">04-10-2026</div> 4273 </div> 4274 4275 <div class="result"> 4276 <div class="pasaran"></div> 4277 <div class="keluaran">9946</div> 4278 <div class="tanggal">03-10-2026</div> 4279 </div> 4280 4281 <div class="result"> 4282 <div class="pasaran"></div> 4283 <div class="keluaran">9822</div> 4284 <div class="tanggal">02-10-2026</div> 4285 </div> 4286 4287 <div class="result"> 4288 <div class="pasaran"></div> 4289 <div class="keluaran">9751</div> 4290 <div class="tanggal">01-10-2026</div> 4291 </div> 4292 4293 <div class="result"> 4294 <div class="pasaran"></div> 4295 <div class="keluaran">1788</div> 4296 <div class="tanggal">30-09-2026</div> 4297 </div> 4298 4299 <div class="result"> 4300 <div class="pasaran"></div> 4301 <div class="keluaran">8094</div> 4302 <div class="tanggal">29-09-2026</div> 4303 </div> 4304 </div> 4305 </div> 4306 4307 <div class="result-data accordion-item"> 4308 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC22"> 4309 <div class="badge"> 4310 </div> 4311 <div class="pasaran">TOTO MACAU2200 </div> 4312 <div class="keluaran">1928</div> 4313 <div class="tanggal">06-10-2026</div> 4314 </button> 4315 <div id="paito-TMC22" class="accordion-collapse collapse"> 4316 4317 <div class="result"> 4318 <div class="pasaran"></div> 4319 <div class="keluaran">5522</div> 4320 <div class="tanggal">05-10-2026</div> 4321 </div> 4322 4323 <div class="result"> 4324 <div class="pasaran"></div> 4325 <div class="keluaran">6057</div> 4326 <div class="tanggal">04-10-2026</div> 4327 </div> 4328 4329 <div class="result"> 4330 <div class="pasaran"></div> 4331 <div class="keluaran">5488</div> 4332 <div class="tanggal">03-10-2026</div> 4333 </div> 4334 4335 <div class="result"> 4336 <div class="pasaran"></div> 4337 <div class="keluaran">4574</div> 4338 <div class="tanggal">02-10-2026</div> 4339 </div> 4340 4341 <div class="result"> 4342 <div class="pasaran"></div> 4343 <div class="keluaran">6003</div> 4344 <div class="tanggal">01-10-2026</div> 4345 </div> 4346 4347 <div class="result"> 4348 <div class="pasaran"></div> 4349 <div class="keluaran">0527</div> 4350 <div class="tanggal">30-09-2026</div> 4351 </div> 4352 4353 <div class="result"> 4354 <div class="pasaran"></div> 4355 <div class="keluaran">4168</div> 4356 <div class="tanggal">29-09-2026</div> 4357 </div> 4358 </div> 4359 </div> 4360 4361 <div class="result-data accordion-item"> 4362 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC23"> 4363 <div class="badge"> 4364 </div> 4365 <div class="pasaran">TOTO MACAU2300 </div> 4366 <div class="keluaran">0578</div> 4367 <div class="tanggal">06-10-2026</div> 4368 </button> 4369 <div id="paito-TMC23" class="accordion-collapse collapse"> 4370 4371 <div class="result"> 4372 <div class="pasaran"></div> 4373 <div class="keluaran">6474</div> 4374 <div class="tanggal">05-10-2026</div> 4375 </div> 4376 4377 <div class="result"> 4378 <div class="pasaran"></div> 4379 <div class="keluaran">2233</div> 4380 <div class="tanggal">04-10-2026</div> 4381 </div> 4382 4383 <div class="result"> 4384 <div class="pasaran"></div> 4385 <div class="keluaran">4413</div> 4386 <div class="tanggal">03-10-2026</div> 4387 </div> 4388 4389 <div class="result"> 4390 <div class="pasaran"></div> 4391 <div class="keluaran">9822</div> 4392 <div class="tanggal">02-10-2026</div> 4393 </div> 4394 4395 <div class="result"> 4396 <div class="pasaran"></div> 4397 <div class="keluaran">1958</div> 4398 <div class="tanggal">01-10-2026</div> 4399 </div> 4400 4401 <div class="result"> 4402 <div class="pasaran"></div> 4403 <div class="keluaran">9952</div> 4404 <div class="tanggal">30-09-2026</div> 4405 </div> 4406 4407 <div class="result"> 4408 <div class="pasaran"></div> 4409 <div class="keluaran">2545</div> 4410 <div class="tanggal">
441029-09-2026</div> 4411 </div> 4412 </div> 4413 </div> 4414 4415 </div> 4416 4417 </div> 4418 </div> 4419 </div> 4420 4421
4421<script> 4422 4423 function togglePaito(paitoid) { 4424 let paito = document.getElementById(paitoid); 4425 paito.classList.add("open"); 4426 } 4427 4428 4429 </script>
4429 4430 4431 <div class="transaksi p-0 py-lg-4"> 4432 <div class="d-none d-lg-block"> 4433 <!-- BANNER SBO DESKTOP --> 4434 <div class="match-slider-wrap"> 4435 <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 4436 4437 <div class="carousel-indicators"> 4438 <button 4439 type="button" 4440 data-bs-target="#sboMatchCarouselDesktop" 4441 data-bs-slide-to="0" 4442 class="active" 4443 aria-current="true" aria-label="Slide 1"> 4444 </button> 4445 <button 4446 type="button" 4447 data-bs-target="#sboMatchCarouselDesktop" 4448 data-bs-slide-to="1" 4449 class="" 4450 aria-label="Slide 2"> 4451 </button> 4452 <button 4453 type="button" 4454 data-bs-target="#sboMatchCarouselDesktop" 4455 data-bs-slide-to="2" 4456 class="" 4457 aria-label="Slide 3"> 4458 </button> 4459 <button 4460 type="button" 4461 data-bs-target="#sboMatchCarouselDesktop" 4462 data-bs-slide-to="3" 4463 class="" 4464 aria-label="Slide 4"> 4465 </button> 4466 </div> 4467 4468 <div class="carousel-inner"> 4469 <div class="carousel-item active"> 4470 <div class="row g-3"> 4471 <div class="col-12 col-md-6 col-lg-4"> 4472 <div class="match-card h-100"> 4473 <div class="league-name"> 4474 ENGLISH PREMIER LEAGUE </div> 4475 4476 <div class="kickoff-time"> 4477 October 10, 2026 â 18:30 WIB </div> 4478 4479 <div class="match-main-row"> 4480 <div class="team-col"> 4481 <img 4482 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 4483 alt="Arsenal" 4484 class="team-logo" 4485 > 4486 <div class="team-name"> 4487 Arsenal </div> 4488 </div> 4489 4490 <div class="score-col"> 4491 <div class="score-value"> 4492 0 : 0 </div> 4493 4494 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 4495 BET NOW 4496 </a> 4497 </div> 4498 4499 <div class="team-col"> 4500 <img 4501 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
4501ce556.png" 4502 alt="Leeds United" 4503 class="team-logo" 4504 > 4505 <div class="team-name"> 4506 Leeds United </div> 4507 </div> 4508 </div> 4509 4510 <div class="match-odds-row"> 4511 <div class="odds-col"> 4512 <span> 4513 1 <small>0.60</small> 4514 </span> 4515 </div> 4516 4517 <div class="odds-spacer"></div> 4518 4519 <div class="odds-col"> 4520 <span> 4521 -1 <small>-0.70</small> 4522 </span> 4523 </div> 4524 </div> 4525 </div> 4526 </div> 4527 <div class="col-12 col-md-6 col-lg-4"> 4528 <div class="match-card h-100"> 4529 <div class="league-name"> 4530 ENGLISH PREMIER LEAGUE </div> 4531 4532 <div class="kickoff-time"> 4533 October 10, 2026 â 21:00 WIB </div> 4534 4535 <div class="match-main-row"> 4536 <div class="team-col"> 4537 <img 4538 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 4539 alt="Chelsea" 4540 class="team-logo" 4541 > 4542 <div class="team-name"> 4543 Chelsea </div> 4544 </div> 4545 4546 <div class="score-col"> 4547 <div class="score-value"> 4548 0 : 0 </div> 4549 4550 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 4551 BET NOW 4552 </a> 4553 </div> 4554 4555 <div class="team-col"> 4556 <img 4557 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 4558 alt="Bournemouth AFC" 4559 class="team-logo" 4560 > 4561 <div class="team-name"> 4562 Bournemouth AFC </div> 4563 </div> 4564 </div> 4565 4566 <div class="match-odds-row"> 4567 <div class="odds-col"> 4568 <sp
4568an> 4569 0.5 <small>0.68</small> 4570 </span> 4571 </div> 4572 4573 <div class="odds-spacer"></div> 4574 4575 <div class="odds-col"> 4576 <span> 4577 -0.5 <small>-0.78</small> 4578 </span> 4579 </div> 4580 </div> 4581 </div> 4582 </div> 4583 <div class="col-12 col-md-6 col-lg-4"> 4584 <div class="match-card h-100"> 4585 <div class="league-name"> 4586 SPAIN LA LIGA </div> 4587 4588 <div class="kickoff-time"> 4589 October 10, 2026 â 23:30 WIB </div> 4590 4591 <div class="match-main-row"> 4592 <div class="team-col"> 4593 <img 4594 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 4595 alt="Barcelona" 4596 class="team-logo" 4597 > 4598 <div class="team-name"> 4599 Barcelona </div> 4600 </div> 4601 4602 <div class="score-col"> 4603 <div class="score-value"> 4604 0 : 0 </div> 4605 4606 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 4607 BET NOW 4608 </a> 4609 </div> 4610 4611 <div class="team-col"> 4612 <img 4613 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 4614 alt="Getafe" 4615 class="team-logo" 4616 > 4617 <div class="team-name"> 4618 Getafe </div> 4619 </div> 4620 </div> 4621 4622 <div class="match-odds-row"> 4623 <div class="odds-col"> 4624 <sp
4624an> 4625 2.75 <small>0.90</small> 4626 </span> 4627 </div> 4628 4629 <div class="odds-spacer"></div> 4630 4631 <div class="odds-col"> 4632 <span> 4633 -2.75 <small>1.00</small> 4634 </span> 4635 </div> 4636 </div> 4637 </div> 4638 </div> 4639 </div> 4640 </div> 4641 <div class="carousel-item "> 4642 <div class="row g-3"> 4643 <div class="col-12 col-md-6 col-lg-4"> 4644 <div class="match-card h-100"> 4645 <div class="league-name"> 4646 ENGLISH PREMIER LEAGUE </div> 4647 4648 <div class="kickoff-time"> 4649 October 10, 2026 â 21:00 WIB </div> 4650 4651 <div class="match-main-row"> 4652 <div class="team-col"> 4653 <img 4654 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 4655 alt="Sunderland" 4656 class="team-logo" 4657 > 4658 <div class="team-name"> 4659 Sunderland </div> 4660 </div> 4661 4662 <div class="score-col"> 4663 <div class="score-value"> 4664 0 : 0 </div> 4665 4666 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 4667 BET NOW 4668 </a> 4669 </div> 4670 4671 <div class="team-col"> 4672 <img 4673 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 4674 alt="Brighton & Hove Albion" 4675 class="team-logo" 4676 > 4677 <div class="team-name"> 4678 Brighton & Hove Albion </div> 4679 </div> 4680 </div> 4681 4682 <div class="match-odds-row"> 4683 <div class="odds-col"> 4684 <sp
4684an> 4685 0.00 <small>-0.82</small> 4686 </span> 4687 </div> 4688 4689 <div class="odds-spacer"></div> 4690 4691 <div class="odds-col"> 4692 <span> 4693 0.00 <small>0.72</small> 4694 </span> 4695 </div> 4696 </div> 4697 </div> 4698 </div> 4699 <div class="col-12 col-md-6 col-lg-4"> 4700 <div class="match-card h-100"> 4701 <div class="league-name"> 4702 ENGLISH PREMIER LEAGUE </div> 4703 4704 <div class="kickoff-time"> 4705 October 10, 2026 â 23:30 WIB </div> 4706 4707 <div class="match-main-row"> 4708 <div class="team-col"> 4709 <img 4710 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 4711 alt="Manchester United" 4712 class="team-logo" 4713 > 4714 <div class="team-name"> 4715 Manchester United </div> 4716 </div> 4717 4718 <div class="score-col"> 4719 <div class="score-value"> 4720 0 : 0 </div> 4721 4722 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 4723 BET NOW 4724 </a> 4725 </div> 4726 4727 <div class="team-col"> 4728 <img 4729 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 4730 alt="Tottenham Hotspur" 4731 class="team-logo" 4732 > 4733 <div class="team-name"> 4734 Tottenham Hotspur </div> 4735 </div> 4736 </div> 4737 4738 <div class="match-odds-row"> 4739 <div class="odds-col"> 4740 <sp
4740an> 4741 0.5 <small>0.71</small> 4742 </span> 4743 </div> 4744 4745 <div class="odds-spacer"></div> 4746 4747 <div class="odds-col"> 4748 <span> 4749 -0.5 <small>-0.81</small> 4750 </span> 4751 </div> 4752 </div> 4753 </div> 4754 </div> 4755 <div class="col-12 col-md-6 col-lg-4"> 4756 <div class="match-card h-100"> 4757 <div class="league-name"> 4758 SPAIN LA LIGA </div> 4759 4760 <div class="kickoff-time"> 4761 October 11, 2026 â 02:00 WIB </div> 4762 4763 <div class="match-main-row"> 4764 <div class="team-col"> 4765 <img 4766 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 4767 alt="Real Madrid" 4768 class="team-logo" 4769 > 4770 <div class="team-name"> 4771 Real Madrid </div> 4772 </div> 4773 4774 <div class="score-col"> 4775 <div class="score-value"> 4776 0 : 0 </div> 4777 4778 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 4779 BET NOW 4780 </a> 4781 </div> 4782 4783 <div class="team-col"> 4784 <img 4785 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 4786 alt="Villarreal" 4787 class="team-logo" 4788 > 4789 <div class="team-name"> 4790 Villarreal </div> 4791 </div> 4792 </div> 4793 4794 <div class="match-odds-row"> 4795 <div class="odds-col"> 4796 <sp
4796an> 4797 1.25 <small>0.67</small> 4798 </span> 4799 </div> 4800 4801 <div class="odds-spacer"></div> 4802 4803 <div class="odds-col"> 4804 <span> 4805 -1.25 <small>-0.77</small> 4806 </span> 4807 </div> 4808 </div> 4809 </div> 4810 </div> 4811 </div> 4812 </div> 4813 <div class="carousel-item "> 4814 <div class="row g-3"> 4815 <div class="col-12 col-md-6 col-lg-4"> 4816 <div class="match-card h-100"> 4817 <div class="league-name"> 4818 ENGLISH PREMIER LEAGUE </div> 4819 4820 <div class="kickoff-time"> 4821 October 11, 2026 â 22:30 WIB </div> 4822 4823 <div class="match-main-row"> 4824 <div class="team-col"> 4825 <img 4826 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 4827 alt="Liverpool" 4828 class="team-logo" 4829 > 4830 <div class="team-name"> 4831 Liverpool </div> 4832 </div> 4833 4834 <div class="score-col"> 4835 <div class="score-value"> 4836 0 : 0 </div> 4837 4838 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 4839 BET NOW 4840 </a> 4841 </div> 4842 4843 <div class="team-col"> 4844 <img 4845 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 4846 alt="Manchester City" 4847 class="team-logo" 4848 > 4849 <div class="team-name"> 4850 Manchester City </div> 4851 </div> 4852 </div> 4853 4854 <div class="match-odds-row"> 4855 <div class="odds-col"> 4856 <sp
4856an> 4857 0.00 <small>0.93</small> 4858 </span> 4859 </div> 4860 4861 <div class="odds-spacer"></div> 4862 4863 <div class="odds-col"> 4864 <span> 4865 0.00 <small>0.97</small> 4866 </span> 4867 </div> 4868 </div> 4869 </div> 4870 </div> 4871 <div class="col-12 col-md-6 col-lg-4"> 4872 <div class="match-card h-100"> 4873 <div class="league-name"> 4874 ENGLISH PREMIER LEAGUE </div> 4875 4876 <div class="kickoff-time"> 4877 October 10, 2026 â 21:00 WIB </div> 4878 4879 <div class="match-main-row"> 4880 <div class="team-col"> 4881 <img 4882 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 4883 alt="Aston Villa" 4884 class="team-logo" 4885 > 4886 <div class="team-name"> 4887 Aston Villa </div> 4888 </div> 4889 4890 <div class="score-col"> 4891 <div class="score-value"> 4892 0 : 0 </div> 4893 4894 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 4895 BET NOW 4896 </a> 4897 </div> 4898 4899 <div class="team-col"> 4900 <img 4901 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 4902 alt="Brentford" 4903 class="team-logo" 4904 > 4905 <div class="team-name"> 4906 Brentford </div> 4907 </div> 4908 </div> 4909 4910 <div class="match-odds-row"> 4911 <div class="odds-col"> 4912 <sp
4912an> 4913 0.00 <small>0.97</small> 4914 </span> 4915 </div> 4916 4917 <div class="odds-spacer"></div> 4918 4919 <div class="odds-col"> 4920 <span> 4921 0.00 <small>0.93</small> 4922 </span> 4923 </div> 4924 </div> 4925 </div> 4926 </div> 4927 <div class="col-12 col-md-6 col-lg-4"> 4928 <div class="match-card h-100"> 4929 <div class="league-name"> 4930 UEFA CHAMPIONS LEAGUE </div> 4931 4932 <div class="kickoff-time"> 4933 October 14, 2026 â 02:00 WIB </div> 4934 4935 <div class="match-main-row"> 4936 <div class="team-col"> 4937 <img 4938 src="https://cdn.sportnanoapi.com/football/team/fbcf002c8d6dd34813fa2b3a4cc9b04c.png" 4939 alt="Galatasaray" 4940 class="team-logo" 4941 > 4942 <div class="team-name"> 4943 Galatasaray </div> 4944 </div> 4945 4946 <div class="score-col"> 4947 <div class="score-value"> 4948 0 : 0 </div> 4949 4950 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145838980')"> 4951 BET NOW 4952 </a> 4953 </div> 4954 4955 <div class="team-col"> 4956 <img 4957 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 4958 alt="Barcelona" 4959 class="team-logo" 4960 > 4961 <div class="team-name"> 4962 Barcelona </div> 4963 </div> 4964 </div> 4965 4966 <div class="match-odds-row"> 4967 <div class="odds-col"> 4968 <sp
4968an> 4969 -1.75 <small>-0.99</small> 4970 </span> 4971 </div> 4972 4973 <div class="odds-spacer"></div> 4974 4975 <div class="odds-col"> 4976 <span> 4977 1.75 <small>0.87</small> 4978 </span> 4979 </div> 4980 </div> 4981 </div> 4982 </div> 4983 </div> 4984 </div> 4985 <div class="carousel-item "> 4986 <div class="row g-3"> 4987 <div class="col-12 col-md-6 col-lg-4"> 4988 <div class="match-card h-100"> 4989 <div class="league-name"> 4990 ENGLISH PREMIER LEAGUE </div> 4991 4992 <div class="kickoff-time"> 4993 October 10, 2026 â 21:00 WIB </div> 4994 4995 <div class="match-main-row"> 4996 <div class="team-col"> 4997 <img 4998 src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png" 4999 alt="Ipswich Town" 5000 class="team-logo" 5001 > 5002 <div class="team-name"> 5003 Ipswich Town </div> 5004 </div> 5005 5006 <div class="score-col"> 5007 <div class="score-value"> 5008 0 : 0 </div> 5009 5010 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100479')"> 5011 BET NOW 5012 </a> 5013 </div> 5014 5015 <div class="team-col"> 5016 <img 5017 src="https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png" 5018 alt="Fulham" 5019 class="team-logo" 5020 > 5021 <div class="team-name"> 5022 Fulham </div> 5023 </div> 5024 </div> 5025 5026 <div class="match-odds-row"> 5027 <div class="odds-col"> 5028 <sp
5028an> 5029 0.00 <small>-0.90</small> 5030 </span> 5031 </div> 5032 5033 <div class="odds-spacer"></div> 5034 5035 <div class="odds-col"> 5036 <span> 5037 0.00 <small>0.80</small> 5038 </span> 5039 </div> 5040 </div> 5041 </div> 5042 </div> 5043 </div> 5044 </div> 5045 </div> 5046 5047 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev"> 5048 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 5049 <span class="visually-hidden">Previous</span> 5050 </button> 5051 5052 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next"> 5053 <span class="carousel-control-next-icon" aria-hidden="true"></span> 5054 <span class="visually-hidden">Next</span> 5055 </button> 5056 </div> 5057 </div> 5058 <!-- BANNER SBO DESKTOP END --> 5059 <!-- Banner Telegram --> 5060 5061 5062 <style> 5063 .telegram-bet-title { 5064 font-size: 1.3rem; 5065 font-weight: 800; 5066 letter-spacing: 1px; 5067 text-transform: uppercase; 5068 color: #ffffff; 5069 5070 /* NEON TELEGRAM GLOW */ 5071 text-shadow: 5072 /* inner white core */ 5073 0 0 2px rgba(255,255,255,0.9), 5074 5075 /* tight Telegram glow */ 5076 0 0 6px rgba(0,136,204,0.9), 5077 0 0 12px rgba(0,136,204,0.8), 5078 5079 /* outer neon halo */ 5080 0 0 22px rgba(0,136,204,0.6), 5081 0 0 38px rgba(0,136,204,0.45), 5082 0 0 60px rgba(0,136,204,0.3); 5083 } 5084 </style> 5085 5086 <style> 5087 .btn-telegram-neon { 5088 font-weight: 600; 5089 padding: 10px 16px; 5090 border-radius: 10px; 5091 letter-spacing: 0.3px; 5092 5093 background: #0088cc; 5094 border: none; 5095 color: #ffffff; 5096 5097 /* clean Telegram neon */ 5098 box-shadow: 5099 0 2px 6px rgba(0,136,204,0.35), 5100 0 0 10px rgba(0,136,204,0.25); 5101 5102 transition: box-shadow 0.25s ease, transform 0.2s ease; 5103 } 5104 5105 /* hover: slight lift + glow */ 5106 .btn-telegram-neon:hover { 5107 box-shadow: 5108 0 4px 10px rgba(0,136,204,0.45), 5109 0 0 16px rgba(0,136,204,0.35); 5110 transform: translateY(-1px); 5111 } 5112 5113 /* active */ 5114 .btn-telegram-neon:active { 5115 transform: translateY(0); 5116 box-shadow: 5117 0 2px 5px rgba(0,136,204,0.35); 5118 } 5119 </style> 5120 5121 <style> 5122 .telegram-float { 5123 animation: telegramFloat 3.5s ease-in-out infinite; 5124 } 5125 5126 @keyframes telegramFloat { 5127 0%, 100% { 5128 transform: translateY(0); 5129 } 5130 50% { 5131 transform: translateY(-8px); 5132 } 5133 } 5134 </style> 5135 5136 <div class="mb-lg-3" style="width: 100%; position: relative; display: flex; align-items: center"> 5137 <div style="z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px"> 5138 <div class="d-flex gap-4"> 5139 <img src="https://img.viva88athenae.com//banner-telegram-icon.png" class="telegram-float"/> 5140 <div class="d-flex flex-column justify-content-center gap-1"> 5141 <strong class="telegram-bet-title">TELEGRAM BET</strong> 5142 5143 <div class="d-flex gap-3"> 5144 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Daftar</em></div> 5145 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Login</em></div> 5146 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Deposit</em></div> 5147 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Withdraw</em></div> 5148 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Bet</em></div> 5149 </div> 5150 </div> 5151 </div> 5152 5153 <button class="btn-telegram-neon rounded-pill" onclick="window.open('https://telegram.me/winlive4dBot', '_blank')">Mainkan Sekarang</button> 5154 5155 </div> 5156 <div style="position: absolute; width: 100%; background: gray"> 5157 <img src="https://img.viva88athenae.com//banner-telegram.jpg" /> 5158 </div> 5159 5160 </div> 5161 5162 5163 5164 <div class="transaksi-kontak"> 5165 5166 <div class="d-flex flex-column w-100"> 5167 <div class="transaksi-content"> 5168 <!-- Bank --> 5169 5170<style> 5171 /* ====== LAYOUT KESELURUHAN ====== */ 5172 5173 .transaksi-layout { 5174 display: flex; 5175 justify-content: center; 5176 gap: 16px; 5177 align-items: center; 5178 } 5179 5180 .transaksi-left-inner { 5181 width: 100%; 5182 } 5183 5184 .transaksi-left-img { 5185 width: 100%; 5186 height: auto; 5187 display: block; 5188 object-fit: cover; 5189 } 5190 5191 .transaksi-right-box { 5192 flex: 1; 5193 display: flex; 5194 justify-content: flex-start; 5195 } 5196 5197 .transaksi-group { 5198 display: flex; 5199 flex-direction: column; 5200 gap: 16px; 5201 width: 100%; 5202 grid-template-areas: 5203 "transaksi-bank transaksi-other transaksi-crypto"; 5204 } 5205 5206 .transaksi-bank { 5207 grid-area: transaksi-bank; 5208 display: grid; 5209 place-items: center; 5210 justify-content: flex-start; 5211 } 5212 5213 .transaksi-other { 5214 grid-area: transaksi-other; 5215 display: flex; 5216 justify-content: flex-start; 5217 width: 100%; 5218 } 5219 5220 .transaksi-crypto { 5221 grid-area: transaksi-crypto; 5222 display: flex; 5223 justify-content: flex-start; 5224 width: 100%; 5225 } 5226 5227 .transaksi-wrapper { 5228 display: flex; 5229 flex-direction: column; 5230 gap: .5rem; 5231 align-items: flex-start; 5232 } 5233 5234 .transaksi-name { 5235 font-size: 1.1rem; 5236 font-weight: bold; 5237 line-height: 1.5rem; 5238 } 5239 5240 /* ====== GRID LIST ====== */ 5241 5242 .transaksi-list-bank, 5243 .transaksi-list-other { 5244 height: fit-content; 5245 display: grid; 5246 grid-template-columns: repeat(5, minmax(80px, 1fr)); 5247 gap: 4px 6px; 5248 } 5249 5250 .transaksi-list-crypto { 5251 height: fit-content; 5252 display: flex; 5253 align-items: center; 5254 gap: 24px; 5255 width: 100%; 5256 justify-content: flex-start; 5257 } 5258 5259 .icon-crypto { 5260 width: 24px; 5261 height: 24px; 5262 } 5263 5264 /* ====== ITEM BANK / EMONEY ====== */ 5265 5266 .transaksi-item { 5267 display: flex; 5268 flex-direction: column; 5269 position: relative; 5270 } 5271 5272 .transaksi-header { 5273 height: 30px; 5274 border-radius: 5px; 5275 font-weight: bold; 5276 border: 2px solid rgba(108,108,108,1); 5277 background: rgba(54,54,54,1); 5278 color: white; 5279 display: flex; 5280 align-items: center; 5281 justify-content: center; 5282 padding: 0 12px 0 22px; /* extra space kiri buat dot */ 5283 font-size: 0.9rem; 5284 white-space: nowrap; 5285 } 5286 5287 /* strip bawah lama dimatikan */ 5288 .transaksi-status { 5289 display: none; 5290 } 5291 5292 /* ====== ONLINE / OFFLINE DOT ====== */ 5293 5294 /* ONLINE: tambahkan class is-online di PHP */ 5295 .transaksi-header.is-online::before { 5296 content: ""; 5297 position: absolute; 5298 left: 8px; 5299 top: 50%; 5300 transform: translateY(-50%); 5301 width: 9px; 5302 height: 9px; 5303 border-radius: 50%; 5304 background-color: #00ff66; 5305 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 5306 } 5307 5308 /* OFFLINE: is-offline (lebih gelap + tanpa dot) */ 5309 .transaksi-header.is-offline { 5310 background: #2e2e2e; 5311 border-color: #555; 5312 opacity: .4; 5313 } 5314 5315 /* backup: kalau lupa kasih class di PHP, treat sebagai offline */ 5316 .transaksi-header:not(.is-online):not(.is-offline) { 5317 background: #2e2e2e; 5318 border-color: #555; 5319 opacity: .4; 5320 } 5321 5322 @media only screen and (max-width: 768px) { 5323 5324 .transaksi-layout { 5325 flex-direction: column; 5326 align-items: center; 5327 } 5328 5329 .transaksi-group { 5330 display: grid; 5331 grid-template-columns: 1fr; 5332 grid-template-areas: 5333 "transaksi-bank" 5334 "transaksi-other" 5335 "transaksi-crypto"; 5336 gap: 32px; 5337 margin-bottom: 8px; 5338 } 5339 5340 .transaksi-header { 5341 font-size: 1.1rem; 5342 height: 36px; 5343 } 5344 5345 .transaksi-list-bank { 5346 grid-template-columns: repeat(4, 1fr); 5347 } 5348 5349 .transaksi-list-other { 5350 grid-template-columns: repeat(4, 1fr); 5351 } 5352 5353 .transaksi-list-crypto { 5354 width: 86%; 5355 margin: auto; 5356 flex-wrap: wrap; 5357 } 5358 5359 .transaksi-item { 5360 width: 100%; 5361 } 5362 5363 .transaksi-name { 5364 font-size: 1.3rem; 5365 text-align: center; 5366 line-height: 1.8rem; 5367 } 5368 5369 .transaksi-wrapper { 5370 width: 100%; 5371 max-width: 100%!important; 5372 gap: 1rem; 5373 align-items: center; 5374 } 5375 5376 .icon-crypto { 5377 width: 28px; 5378 height: 28px; 5379 } 5380 } 5381 5382 /* LEBAR BOX BANK BIAR RAPI DAN CENTER */ 5383 .transaksi-header { 5384 height: 34px; 5385 border-radius: 6px; 5386 font-weight: bold; 5387 border: 2px solid rgba(108,108,108,1); 5388 background: rgba(54,54,54,1); 5389 color: white; 5390 5391 /* Tambahan baru */ 5392 min-width: 110px; /* Lebarin biar semua rata */ 5393 padding: 0 16px 0 28px; /* Kasih ruang untuk dot */ 5394 display: flex; 5395 align-items: center; 5396 justify-content: center; 5397 text-align: center; 5398 5399 white-space: nowrap; 5400 } 5401 5402 /* DOT ONLINE */ 5403 .transaksi-header.is-online::before { 5404 content: ""; 5405 position: absolute; 5406 left: 10px; 5407 top: 50%; 5408 transform: translateY(-50%); 5409 width: 10px; 5410 height: 10px; 5411 border-radius: 50%; 5412 background-color: #00ff66; 5413 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 5414 } 5415 5416 /* OFFLINE (DISABLED) */ 5417 .transaksi-header.is-offline { 5418 padding: 0 16px; 5419 background: #2e2e2e; 5420 border-color: #555; 5421 opacity: .35; 5422 align-items: center; 5423 justify-content: center; 5424 text-align: center; 5425 } 5426 5427 /* GRID-nya sedikit dilebarin biar simetris */ 5428 .transaksi-list-bank, 5429 .transaksi-list-other { 5430 grid-template-columns: repeat(4, minmax(110px, 1fr)); 5431 gap: 8px 10px; 5432 } 5433 5434</style> 5435 5436<div class="transaksi-layout"> 5437 <div class="transaksi-left-box"> 5438 <div class="transaksi-left-inner"> 5439 <img src="/images/transaksi.png" class="transaksi-left-img"> 5440 </div> 5441 </div> 5442 5443 <div class="transaksi-right-box"> 5444 <div class="transaksi-group"> 5445 5446 <!-- BANK LOKAL --> 5447 <div class="transaksi-bank"> 5448 <div class="transaksi-wrapper"> 5449 <div class="transaksi-name">Bank Lokal</div> 5450 <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> 5451 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5452 <button type="button" data-bs-target="#transaksi-bank-indicators" 5453 data-bs-slide-to="0" class="active" aria-current="true" 5454 aria-label="Slide 1"></button> 5455 <button type="button" data-bs-target="#transaksi-bank-indicators" 5456 data-bs-slide-to="1" aria-label="Slide 2"></button> 5457 </div> 5458 5459 <div class="carousel-inner" style="min-height: 144px"> 5460 <div class="carousel-item active"> 5461 <div class="transaksi-list-bank"> 5462 <div class="transaksi-item"> 5463 <div class="transaksi-header is-online"> 5464 BCA </div> 5465 <div class="transaksi-status"></div> 5466 </div> 5467 <div class="transaksi-item"> 5468 <div class="tran
5468saksi-header is-online"> 5469 Mandiri </div> 5470 <div class="transaksi-status"></div> 5471 </div> 5472 <div class="transaksi-item"> 5473 <div class="transaksi-header is-offline"> 5474 BNI </div> 5475 <div class="transaksi-status"></div> 5476 </div> 5477 <div class="transaksi-item"> 5478 <div class="transaksi-header is-online"> 5479 BRI </div> 5480 <div class="transaksi-status"></div> 5481 </div> 5482 <div class="transaksi-item"> 5483 <div class="transaksi-header is-online"> 5484 CIMB </div> 5485 <div class="transaksi-status"></div> 5486 </div> 5487 <div class="transaksi-item"> 5488 <div class="transaksi-header is-online"> 5489 Danamon </div> 5490 <div class="transaksi-status"></div> 5491 </div> 5492 <div class="transaksi-item"> 5493 <div class="transaksi-header is-online"> 5494 Permata </div> 5495 <div class="transaksi-status"></div> 5496 </div> 5497 <div class="transaksi-item"> 5498 <div class="transaksi-header is-online"> 5499 BJB </div> 5500 <div class="transaksi-status"></div> 5501 </div> 5502 <div class="transaksi-item"> 5503 <div class="transaksi-header is-online"> 5504 OCBC </div> 5505 <div class="transaksi-status"></div> 5506 </div> 5507 <div class="transaksi-item"> 5508 <div class="transaksi-header is-online"> 5509 BSI </div> 5510 <div class="transaksi-status"></div> 5511 </div> 5512 <div class="transaksi-item"> 5513 <div class="transaksi-header is-online"> 5514 NEO </div> 5515 <div class="transaksi-status"></div> 5516 </div> 5517 <div class="transaksi-item"> 5518 <div class="transaksi-header is-online"> 5519 SeaBank </div> 5520 <div class="transaksi-status"></div> 5521 </div> 5522 <div class="transaksi-item"> 5523 <div class="transaksi-header is-online"> 5524 Sinarmas </div> 5525 <div class="transaksi-status"></div> 5526 </div> 5527 <div class="transaksi-item"> 5528 <div class="transaksi-header is-online"> 5529 UOB </div> 5530 <div class="transaksi-status"></div> 5531 </div> 5532 <div class="transaksi-item"> 5533 <div class="transaksi-header is-online"> 5534 BluBCA </div> 5535 <div class="transaksi-status"></div> 5536 </div> 5537 <div class="transaksi-item"> 5538 <div class="transaksi-header is-online"> 5539 Superbank </div> 5540 <div class="transaksi-status"></div> 5541 </div> 5542 </div> 5543 </div> 5544 <div class="carousel-item "> 5545 <div class="transaksi-list-bank"> 5546 <div class="transaksi-item"> 5547 <div class="transaksi-header is-online"> 5548 Allobank </div> 5549 <div class="transaksi-status"></div> 5550 </div> 5551 </div> 5552 </div> 5553 </div> 5554 </div> 5555 5556 </div> 5557 </div> 5558 5559 <!-- E MONEY & PULSA --> 5560 <div class="transaksi-other"> 5561 <div class="transaksi-wrapper"> 5562 <div class="transaksi-name">E Money & Pulsa</div> 5563 5564 <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> 5565 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5566 </div> 5567 5568 <div class="carousel-inner" > 5569 <div class="carousel-item active"> 5570 <div class="transaksi-list-other"> 5571 <div class="transaksi-item"> 5572 <div class="transaksi-header is-offline"> 5573 DANA </div> 5574 <div class="transaksi-status"></div> 5575 </div> 5576 <div class="transaksi-item"> 5577 <div class="transaksi-header is-offline"> 5578 OVO </div> 5579 <div class="transaksi-status"></div> 5580 </div> 5581 <div class="transaksi-item"> 5582 <div class="transaksi-header is-offline"> 5583 GOPAY </div> 5584 <div class="transaksi-status"></div> 5585 </div> 5586 <div class="transaksi-item"> 5587 <div class="transaksi-header is-online"> 5588 Lain-lain </div> 5589 <div class="transaksi-status"></div> 5590 </div> 5591 <div class="transaksi-item"> 5592 <div class="transaksi-header is-online"> 5593 QRIS </div> 5594 <div class="transaksi-status"></div> 5595 </div> 5596 <div class="transaksi-item"> 5597 <div class="transaksi-header is-online"> 5598 Telkomsel </div> 5599 <div class="transaksi-status"></div> 5600 </div> 5601 </div> 5602 </div> 5603 </div> 5604 </div> 5605 5606 </div> 5607 </div> 5608 5609 <!-- CRYPTO --> 5610 <div class="transaksi-crypto"> 5611 <div class="transaksi-wrapper"> 5612 <div class="transaksi-name mb-1">Crypto Currency</div> 5613 5614 <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> 5615 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5616 </div> 5617 5618 <div class="carousel-inner" > 5619 <div class="carousel-item active"> 5620 <div class="transaksi-list-crypto"> 5621 <div class="d-flex gap-2"> 5622 <img src="https://img.viva88athenae.com/USDT.png"
5623 class="icon-crypto" alt="USDT"> 5624 <strong class="transaksi-name">USDT</strong> 5625 </div> 5626 </div> 5627 </div> 5628 </div> 5629 5630 </div> 5631 </div> 5632 </div> 5633 5634 </div> 5635 </div> 5636</div> 5637 </div> 5638 5639 5640 </div> 5641 5642 <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> 5643 5644 <!-- <div class="transaksi-title">--> 5645 <!-- <div class="transaksi-title-group">--> 5646 <!-- <div class="fitur-header">Kontak Kami</div>--> 5647 <!-- </div>--> 5648 5649 <!-- <div class="devider desktop-only"></div>--> 5650 <!-- </div>--> 5651 5652 5653 <!-- 5654<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> 5655 <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> 5656 5657 5658 </div> 5659 <div class="carousel-inner" style="height: 164px"> 5660 <div class="carousel-item active"> 5661 <div> 5662 5663 5664 5665 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5666 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/> 5667 5668 <a class="d-flex flex-column" href="https://wa.me/62895322638206" target='_blank'> 5669 <div style="color: #888888;">WHATSAPP</div> 5670 <div style="line-height: .9rem; color: var(--primary-text-color)">62895322638206</div> 5671 </a> 5672 5673 5674 </div> 5675 5676 5677 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5678 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/> 5679 5680 <a class="d-flex flex-column" href="https://t.me/winlive4dofc" target='_blank'> 5681 <div style="color: #888888;">TELEGRAM</div> 5682 <div style="line-height: .9rem; color: var(--primary-text-color)">https://t.me/winlive4dofc</div> 5683 </a> 5684 5685 5686 </div> 5687 5688 5689 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5690 <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/> 5691 5692 <a class="d-flex flex-column" href="https://www.facebook.com/groups/328626942624920" target='_blank'> 5693 <div style="color: #888888;">FACEBOOK</div> 5694 <div style="line-height: .9rem; color: var(--primary-text-color)">WINLIVE4D | PROMO FREEBET TERGACOR SEDUNIA HARI INI</div> 5695 </a> 5696 5697 5698 </div> 5699 5700 5701 </div> 5702 </div> 5703 5704 5705 5706 </div> 5707</div> 5708--> 5709 5710 <!--</div>--> 5711 </div> 5712 </div> 5713 </div> 5714 5715 5716 <div class="bantuan"> 5717 5718 <ul class="bantuan-content justify-content-center"> 5719 <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> 5720 <div class="bantuan-devider desktop-only">|</div> 5721 <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> 5722 <div class="bantuan-devider desktop-only">|</div> 5723 <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> 5724 <div class="bantuan-devider desktop-only">|</div> 5725 <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> 5726 <div class="bantuan-devider desktop-only">|</div> 5727 <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> 5728 <div class="bantuan-devider desktop-only">|</div> 5729 <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> 5730 <div class="bantuan-devider desktop-only">|</div> 5731 <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> 5732 </ul> 5733 </div> 5734 5735 5736 <footer class="footer"> 5737 5738 <div class="guidelines"> 5739 <div class="desktop-only"> 5740 <div class="guidelines-content d-flex justify-content-center"> 5741 <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" /> 5742 </div> 5743 </div> 5744 </div> 5745 5746 <div class="provider d-none d-lg-block"> 5747 <div class="provider-group"> 5748 <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt=""> 5749 </div> 5750 </div> 5751 5752 <div> 5753 <h1>WINLIVE4D | Akses Halaman Kapan Saja untuk Menjelajahi Platform Modern 2026</h1> 5754<p>Perkembangan teknologi informasi yang sangat masif di tahun 2026 menuntut seluruh penyedia layanan daring untuk menghadirkan sistem interaksi yang cepat, fleksibel, serta sangat mudah dijangkau oleh siapa saja tanpa terkecuali.</p> 5755<p>Kini, efisiensi waktu serta ketersediaan layanan tanpa batasan ruang dan waktu telah menjadi indikator paling utama dalam mengukur kualitas sebuah portal digital di tengah ketatnya persaingan industri kreatif global yang bergerak dinamis.</p> 5756<p>Menjawab berbagai tantangan era modern tersebut, <a href="https://www.winlive4d.net/">WINLIVE4D</a> hadir sebagai solusi terdepan yang dirancang secara khusus untuk memenuhi ekspektasi tinggi para pengguna akan kenyamanan berinternet secara o
5756ptimal sepanjang hari.</p> 5757<p>Platform inovatif ini mengintegrasikan teknologi komputasi awan terbaru guna memastikan setiap pengunjung dapat menikmati pengalaman berselancar yang lancar, sangat stabil, serta responsif di berbagai perangkat harian yang mereka miliki.</p> 5758<h2>WINLIVE4D Menghadirkan Standar Baru Akses Halaman Kapan Saja</h2> 5759<p>Kemudahan dalam membuka, memuat, dan menelusuri konten situs web merupakan salah satu faktor krusial yang menentukan tingkat kepuasan serta kenyamanan pengguna selama menjelajahi luasnya dunia maya.</p> 5760<p>Melalui dukungan infrastruktur server berkecepatan tinggi yang sangat handal, platform <strong>WINLIVE4D</strong> memastikan bahwa setiap halaman situs dapat dimuat seketika dalam hitungan detik tanpa adanya hambatan teknis yang berarti.</p> 5761<p>Fleksibilitas luar biasa ini memungkinkan para pengguna setia untuk melakukan <strong>akses halaman online</strong> kapan pun mereka membutuhkannya, baik di pagi hari yang sibuk, jam istirahat siang, maupun di malam hari saat bersantai.</p> 5762<p>Komitmen penuh terhadap ketersediaan layanan aktif selama 24 jam sehari penuh ini membuktikan keseriusan brand dalam memberikan pelayanan tanpa kompromi bagi seluruh anggota komunitas yang tersebar di berbagai wilayah.</p> 5763<h2>Mengoptimalkan Pengalaman Lewat Navigasi Platform Digital</h2> 5764<p>Tata letak informasi yang berantakan, rumit, atau membingungkan sering kali menjadi kendala utama yang menurunkan kenyamanan pengunjung saat pertama kali membuka sebuah situs web atau portal informasi digital di internet.</p> 5765<p>Oleh karena itu, perancangan struktur menu yang bersih, teratur, dan intuitif selalu menjadi prioritas utama dalam membangun ekosistem digital yang ramah bagi kalangan pemula maupun para pengguna profesional yang sudah berpengalaman.</p> 5766<p>Penerapan konsep <strong>navigasi platform digital</strong> yang dirancang secara cermat memungkinkan setiap orang untuk langsung menemukan informasi, kategori hiburan, atau menu spesifik yang mereka cari hanya dalam bebera
5766pa kali klik saja.</p> 5767<p>Melalui arsitektur informasi yang terorganisasi secara sistematis, pengguna tidak perlu merasa bingung atau membuang banyak waktu saat menjelajahi ragam fitur canggih yang telah disediakan secara eksklusif di dalam portal.</p> 5768<h2>Kenyamanan Maksimal di Platform Modern dengan Navigasi Mudah</h2> 5769<p>Standar kenyamanan digital di tahun 2026 ini tidak lagi hanya berfokus pada kecepatan muat halaman semata, melainkan pada aspek kemudahan interaksi secara keseluruhan di berbagai jenis perangkat gawai modern.</p> 5770<p>Sebagai sebuah <strong>platform modern dengan navigasi mudah</strong>, sistem ini telah dioptimalkan secara penuh agar dapat beradaptasi secara sempurna pada layar ponsel pintar berbasis Android maupun iOS, komputer tablet, hingga komputer meja.</p> 5771<p>Setiap tombol interaktif, ikon menu navigasi, dan elemen teks disusun dengan proporsi visual yang sangat nyaman dipandang mata guna mengurangi tingkat kelelahan visual saat pengguna harus bernavigasi dalam durasi waktu yang lama.</p> 5772<p>Kombinasi harmonis antara desain estetis yang memukau dan fungsi kegunaan yang fungsional inilah yang membuat nama <a href="https://www.winlive4d.net/">WINLIVE4D</a> terus menjadi perbincangan positif di kalangan pemerhati teknologi.</p> 5773<h2>Infrastruktur Server Handal dan Jaminan Stabilitas Akses Tanpa Henti</h2> 5774<p>Kehandalan sebuah situs web sangat bergantung pada seberapa tangguh infrastruktur di belakang layar dalam menopang lonjakan trafik kunjungan yang datang secara bersamaan dari berbagai penjuru dunia maya.</p> 5775<p>Untuk mengantisipasi hal tersebut, manajemen sistem secara berkala melakukan peningkatan kapasitas server serta penerapan sistem penyeimbang beban jaringan guna memastikan performa situs senantiasa berada di titik maksimal.</p> 5776<p>Stabilitas koneksi yang didukung oleh sistem pemantauan otomatis selama dua puluh empat jam membuat performa situs tetap prima dan bebas dari gangguan lambat meskipun diakses oleh ribuan pengguna secara serentak.</p> 5777<p>Kehandalan teknologi infrastruktur tingkat tinggi ini tentunya memberikan ketenangan pikiran yang luar biasa bagi siapa saja yang mempercayakan kebutuhan hiburan serta informasi digital harian mereka di tempat ini.</p> 5778<h2>Keamanan Data dan Perlindungan Privasi Pengguna Secara Menyeluruh</h2> 5779<p>Selain kemudahan akses serta tata letak menu yang bersahabat, aspek perlindungan privasi dan keamanan data pengguna tetap menjadi fondasi paling mutlak yang harus dijaga serta dilindungi secara sangat ketat.</p> 5780<p>Penerapan protokol enkripsi data mutakhir berstandar industri di dalam sistem memastikan seluruh aktivitas penelusuran, transmisi informasi, serta interaksi harian terlindungi secara optimal dari berbagai potensi ancaman siber.</p> 5781<p>Kebijakan privasi yang transparan serta prosedur operasional standar yang ketat menunjukkan dedikasi penuh pengelola dalam menciptakan lingkungan digital yang aman, bersih, serta dapat dipercaya oleh seluruh kalangan.</p> 5782<p>Dengan sistem pengamanan berlapis ini, para pengunjung dapat menikmati setiap fitur dan layanan yang tersedia dengan rasa aman tanpa perlu merasa khawatir mengenai kerahasiaan data pribadi mereka.</p> 5783<h2>Peran Komunitas dan Komitmen Peningkatan Layanan Berkelanjutan</h2> 5784<p>Keberhasilan sebuah platform digital besar tentu tidak dapat dilepaskan dari dukungan aktif serta masukan konstruktif yang diberikan oleh para anggota komunitas setia yang selalu menggunakan layanannya setiap hari.</p> 5785<p>Oleh karena itu, tim pengembang selalu mendengarkan berbagai aspirasi pengguna guna melakukan pembaruan rutin, penambahan fitur-fitur baru, serta perbaikan performa secara berkala agar kualitas layanan semakin sempurna.</p> 5786<p>Komitmen terhadap inovasi berkelanjutan ini memastikan bahwa platform selalu selangkah lebih maju dalam mengantisipasi tren teknologi masa depan yang terus berkembang pesat dari waktu ke waktu.</p> 5787<p>Dedikasi tinggi dalam merespons kebutuhan zaman inilah yang menjadikan ekosistem portal ini senantiasa relevan, kompetitif, dan dicintai oleh para penggunanya di seluruh penjuru nusantara.</p> 5788<h2>Kesimpulan</h2> 5789<p>Menjelajahi dunia digital di era modern memerlukan dukungan platform online yang tidak hanya canggih dari segi teknologi komputasi, tetapi juga sangat mengutamakan kemudahan, kecepatan, serta kenyamanan bagi setiap penggunanya.</p> 5790<p>Dengan komitmen tinggi terhadap kualitas pelayanan, ketersediaan akses tanpa batas waktu, serta tata letak menu yang sangat bersahabat, <a href="https://www.winlive4d.net/">WINLIVE4D</a> telah membuktikan diri sebagai destinasi digital paling ideal dan terpercaya.</p> 5791<p>Jangan pernah lewatkan kesempatan emas untuk menikmati pengalaman berselancar di dunia maya yang jauh lebih cepat, aman, stabil, dan memuaskan bersama teknologi mutakhir masa kini.</p> 5792<p>Segera kunjungi situs resminya hari ini dan nikmati kemudahan penjelajahan tanpa batas bersama WINLIVE4D sekarang juga demi pengalaman digital yang lebih berkesan!</p> 5793<p><a href="/slot">winlive4d slot</a></p> 5794<p><a href="/casino">winlive4d casino</a></p> 5795<p><a href="/sport">winlive4d sportsbook</a></p> 5796<p><a href="/fish">winlive4d fishing games</a></p> 5797<p><a href="/sabung">winlive4d sabung ayam</a></p> 5798<p><a href="/sitemap.xml">winlive4d</a></p> 5799<p>
5799<a href="https://linklist.bio/winlive4d/">WINLIVE4D</a></p> 5800<style> 5801 .gacor-dor { 5802 position: fixed; 5803 bottom: 80px; 5804 left: 5px; 5805 5806 } 5807 5808 .gacor-maxwin { 5809 display: flex; 5810 justify-content: center; 5811 align-items: center; 5812 width: 52px; 5813 height: 52px; 5814 border-radius: 7px; 5815 background-color: black; 5816 border: 2px solid red; 5817 margin-bottom: 5px; 5818 5819 } 5820 5821 .gacor-maxwin img { 5822 width: 42px; 5823 height: 42px; 5824 5825 } 5826</style> 5827<div class="gacor-dor"><a href="https://heylink.me/winlive4dpartner/" target="_blank" class="gacor-maxwin"><img 5828 src="https://slotgacor.b-cdn.net/partner-resmi.gif" alt="Event Euro2024" 5829 style=" display: block; "></a><a href="https://wl4d.vip/livescore" target="_blank" 5830 class="gacor-maxwin"><img src="https://winlive4d.b-cdn.net/livescore.gif" alt="Partner Resmi" 5831 style=" display: block; "></a><a href="https://t.me/bangslotsreborn" target="_blank" 5832 class="gacor-maxwin"><img src="https://link-slot-gacor.b-cdn.net/TELE80.gif" alt="Telegram" 5833 style=" display: block; "></a> <a href="https://wl4d.vip/komunitaswl4d" target="_blank" 5834 class="gacor-maxwin"><img src="https://link-slot-gacor.b-cdn.net/wa80.gif" alt="Whatsapp" 5835 style=" display: block; "></a> <a href="https://wl4d.vip/rtp" target="_blank" 5836 class="gacor-maxwin"><img src="https://slotgacor.b-cdn.net/rtp-gacor-11-11-2022.gif" alt="RTP" 5837 style=" display: block; "></a> <a href="https://wl4d.vip/spinwheel" target="_blank" 5838 class="gacor-maxwin"><img src="https://slotgacor.b-cdn.net/spinwheel-wl4d-min.png" alt="SpinWheel" 5839 style=" display: block; "></a></div> 5840<!-- PushAlert -->
5841<script type="text/javascript"> 5842(function(d, t) { 5843 var g = d.createElement(t), 5844 s = d.getElementsByTagName(t)[0]; 5845 g.src = "https://pushalert.vip/integrate/f59afc8bb23cfa3df1f8fd57fb84add32828b776192bbbdec3cca0c38fd31a31.js"; 5846 s.parentNode.insertBefore(g, s); 5847}(document, "script")); 5848</script>
5848 5849<!-- End PushAlert --> 5850 5851<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 5851-5852
5851 5852<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
5852GTM-5HCXGFFB
vendor: 93 bytes, lines 5852-5853
5852" height="0" width="0" 5853 style="display:none;visibility:hidden"></iframe></noscript>
5854<!-- End Google Tag Manager (noscript) -->
5855<script> 5856 $("<a class='winlive4d' href='https://wl4d.vip/upgrade' target='_blank'>UPGRADE ID VIP</a>").insertAfter(".btn-info:eq(0)"); 5857 $("<a class='winlive4d' href='https://wl4d.vip/whatsapp' target='_blank'>WA ADMIN</a>").insertAfter(".winlive4d:eq(0)"); 5858 $("<a class='winlive4d' href='https://t.me/WINLIVE4DOFFICIAL' target='_blank'>TELEGRAM ADMIN</a>").insertAfter(".winlive4d:eq(1)"); 5859</script>
5859 5860 5861<style> 5862 .winlive4d { 5863 width: 100%; 5864 display: block; 5865 background: #0c0052; 5866 color: #ffffff; 5867 /* Default text color */ 5868 text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 0 0 10px rgba(79, 195, 247, 0.8); 5869 margin: auto; 5870 margin-top: 8px; 5871 text-align: center; 5872 padding: 12px 0px; 5873 font-size: 15px; 5874 font-weight: bold; 5875 border-radius: 25px; 5876 border: 2px solid #4fc3f7; 5877 box-shadow: 0 0 10px rgba(79, 195, 247, 0.6); 5878 /* This will be removed for the yellow button */ 5879 } 5880 5881 .yellow-button { 5882 background-color: #ffa500; 5883 /* Yellow background */ 5884 color: #000000; 5885 /* White text */ 5886 animation: none; 5887 /* Disable blinking animation */ 5888 } 5889 5890 @keyframes needmoney { 5891 0% { 5892 background: linear-gradient(to right, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052); 5893 } 5894 5895 2.5% { 5896 background: linear-gradient(to right, #ffffff, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052); 5897 } 5898 } 5899</style> 5900 5901<style> 5902 .alert { 5903 border: 1px solid #DAA520; 5904 box-shadow: #00afff 0px 0px 10px 1px; 5905 border-radius: 5px; 5906 margin-right: 25px; 5907 margin-left: 25px; 5908 margin-top: 10px; 5909 margin-bottom: -10px; 5910 } 5911 5912 .blinking { 5913 animation: blinkingText 1.5s infinite; 5914 margin: auto; 5915 display: block; 5916 font-weight: 900; 5917 color: #e3e3e3; 5918 text-shadow: #e3e3e3 0px 0px 3px; 5919 } 5920 5921 @keyframes blinkingText { 5922 0% { 5923 opacity: 1; 5924 } 5925 5926 50% { 5927 opacity: 0; 5928 } 5929 5930 100% { 5931 opacity: 1; 5932 } 5933 } 5934</style>
5935<script> 5936 $("<div class='alert'><span class='blinking' style='text-align: center;font-size:20px;'>UPGRADE ID VIP!!</span><p style='text-shadow: 0px 0px 3px rgba(255, 215, 0, 1);color: #ffd500;text-align: center;font-size:15px;'>UNTUK SEMUA MEMBER WINLIVE4D <br>LEBIH GACOR & GAMPANG MENANG !<br><br><a href='https://wl4d.vip/upgrade' style='color:#ffd500;text-decoration:underline;'>https://wl4d.vip/upgrade</a></p><p style='text-align: center;border: #a0650b solid 2px;background:#01194b;color:#fff;margin:auto;padding:8px 0;font-size:14px;'><marquee><strong>DILARANG transfer menggunakan Rekening atau E-Wallet yang tidak terdaftar, rekening orang lain / agen / counter HP.</strong></marquee></p></div>").insertAfter('#main-content'); 5937</script>
5937 5938 5939<style> 5940#snackbar { 5941visibility: hidden; 5942min-width: 250px; 5943margin-left: -125px; 5944background-color: white; 5945color: black; 5946text-align: center; 5947border-radius: 1px; 5948padding: 9px; 5949position: fixed; 5950z-index: 1; 5951left: 50%; 5952bottom: 70px; 5953font-size: 14px; 5954} 5955#snackbar.show { 5956visibility: visible; 5957-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; 5958animation: fadein 0.5s, fadeout 0.5s 2.5s; 5959} 5960@-webkit-keyframes fadein { 5961from {bottom: 0; opacity: 0;} 5962to {bottom: 70px; opacity: 1;} 5963} 5964@keyframes fadein { 5965from {bottom: 0; opacity: 0;} 5966to {bottom: 70px; opacity: 1;} 5967} 5968@-webkit-keyframes fadeout { 5969from {bottom: 70px; opacity: 1;} 5970to {bottom: 0; opacity: 0;} 5971} 5972@keyframes fadeout { 5973from {bottom: 70px; opacity: 1;} 5974to {bottom: 0; opacity: 0;} 5975} 5976 5977</style> 5978<div id="snackbar" class="show"> 5979<p id="withdraw">ue****cl Berhasil Withdraw Rp 4.783.000,00</p> 5980</div> 5981<!-- <marquee direction ="up" scrolldelay ="600" id="withdraw" style ="font-size: 22px;"></marquee> -->
5982<script> 5983function loadlink(){ 5984var angka_acak = Math.floor(Math.random() * (10001-50)+50); 5985function maketextnumber(n) { 5986for (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++) { 5987t[a] = r[parseInt(Math.random() * r.length)]; 5988t = t; 5989randomtextnumber = t.join("") 5990} 5991} 5992var huruf_acak = (maketextnumber(8), randomtextnumber); 5993var huruf_belakang = huruf_acak.substring(6); 5994var huruf_depan = huruf_acak.substring(0, 2); 5995const rupiah = (number)=>{ 5996return new Intl.NumberFormat("id-ID", { 5997style: "currency", 5998currency: "IDR" 5999}).format(number); 6000} 6001var nominal = rupiah(angka_acak+"000"); 6002var baris = huruf_depan+"****"+huruf_belakang+" Berhasil Withdraw "+nominal; 6003var x = document.getElementById("snackbar"); 6004x.className = "show"; 6005setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000); 6006// setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000); 6007document.getElementById("withdraw").innerHTML = huruf_depan+"****"+huruf_belakang+" Berhasil Withdraw "+nominal; 6008// document.getElementById("withdraw").style.backgroundColor ="red"; 6009// document.getElementById("withdraw").width ="30%"; 6010// document.getElementById("withdraw").height ="25px"; 6011} 6012loadlink(); 6013setInterval(function(){ 6014loadlink() 6015}, 5000); 6016</script>
vendor: 2 bytes, line 6016
6016
6017<script> 6018document.addEventListener('DOMContentLoaded', () => { 6019// Withdraw & Deposit 6020const getProvider = document.querySelector('.provider-group'); 6021const transWrap = document.createElement('div'); 6022transWrap.className = 'wrapper-transactions'; 6023 6024const transWrapDp = document.createElement('div'); 6025transWrapDp.className = 'wrapper-transactions'; 6026 6027const transContent = document.createElement('div'); 6028transContent.className = 'content-trans'; 6029 6030const transContentDp = document.createElement('div'); 6031transContentDp.className = 'content-trans'; 6032 6033const makeDp = document.createElement('div'); 6034makeDp.className = 'deposit-members'; 6035 6036const makeWd = document.createElement('div'); 6037makeWd.className = 'withdraw-members'; 6038 6039const titleDp = document.createElement('h3'); 6040titleDp.className = 'text-centertitle'; 6041titleDp.textContent = 'NEW DEPOSIT'; 6042 6043const titleWd = document.createElement('h3'); 6044titleWd.className = 'text-centertitle'; 6045titleWd.textContent = 'NEW WITHDRAW'; 6046 6047transContentDp.appendChild(makeDp); 6048transContent.appendChild(makeWd); 6049transWrapDp.appendChild(titleDp); 6050transWrap.appendChild(titleWd); 6051 6052transWrapDp.appendChild(transContentDp); 6053transWrap.appendChild(transContent); 6054 6055const wrapAllTrans = document.createElement('div'); 6056wrapAllTrans.className = 'wrap-all-trans'; 6057 6058wrapAllTrans.appendChild(transWrapDp); 6059wrapAllTrans.appendChild(transWrap); 6060 6061getProvider.parentNode.insertBefore(wrapAllTrans, getProvider); 6062 6063function LinkAlter() { 6064 $('<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')); 6065 6066$('.menu-alternatif li').click(function() { 6067 6068const targetLink = $(this).data('alternatif'); 6069 6070 if(targetLink !== undefined ) { 6071 location.href = 'https://' + targetLink; 6072 } 6073 6074}); 6075 6076} 6077 6078function getDP() { 6079 $.ajax({
6080 url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json', 6081 type: 'GET', 6082 dataType: 'JSON', 6083 success: function(response) { 6084 const getUser = randomUser(response.slice(0, 50)); 6085 $.each(getUser, function(index, items){ 6086 // IDR Value 6087 const dana_wd = uangRupiahDp(50000, 4000000); 6088 6089$('.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>'); 6090 6091 }); 6092 6093 } 6094 }) 6095} 6096 6097function getWD() { 6098 $.ajax({ 6099 url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json', 6100 type: 'GET', 6101 dataType: 'JSON', 6102 success: function(response) { 6103 const getUser = randomUser(response.slice(0, 50)); 6104 $.each(getUser, function(index, items){ 6105 // IDR Value 6106 const dana_wd = uangRupiah(450000, 15000000); 6107 $('.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>'); 6108 6109 }); 6110 } 6111 }) 6112} 6113 6114function uangRupiah(min, max) { 6115function getRandomRoundNumber(min, max) { 6116 const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min; 6117 const returnNum = Math.floor(randomNumber / 10000) * 10000; 6118 if(returnNum != 0 || !isNaN(returnNum)) { 6119 return returnNum; 6120 } 6121 } 6122 6123 const randomRoundNumber = getRandomRoundNumber(min, max); 6124 const roundedNumber = randomRoundNumber; 6125 return new Intl.NumberFormat().format(roundedNumber); 6126} 6127 6128function uangRupiahDp(min, max) { 6129function getRandomRoundNumber(min, max) { 6130 const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min; 6131 const returnNum = Math.floor(randomNumber / 5000) * 5000; 6132 if(returnNum != 0 || !isNaN(returnNum)) { 6133 return returnNum; 6134 } 6135 } 6136 6137 const randomRoundNumber = getRandomRoundNumber(min, max); 6138 const roundedNumber = randomRoundNumber; 6139 return new Intl.NumberFormat().format(roundedNumber); 6140} 6141 6142function randomUser(array) { 6143 var currentIndex = array.length, temporaryValue, randomIndex; 6144 6145 // While there remain elements to shuffle 6146 while (0 !== currentIndex) { 6147 // Pick a remaining element 6148 randomIndex = Math.floor(Math.random() * currentIndex); 6149 currentIndex -= 1; 6150 6151 // Swap it with the current element 6152 temporaryValue = array[currentIndex]; 6153 array[currentIndex] = array[randomIndex]; 6154 array[randomIndex] = temporaryValue; 6155 } 6156 6157 return array; 6158 } 6159 6160getWD(); 6161getDP(); 6162LinkAlter(); 6163 6164}); 6165</script>
6165 6166
6167<script> 6168document.addEventListener('DOMContentLoaded', () => { 6169 6170const min = 12554; 6171const max = 36548; 6172const memberUser = Math.floor(Math.random() * (max - min + 1)) + min; 6173 6174$(' <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"); 6175 6176}); 6177</script>
6177 </div> 6178 6179 6180 <div class="footer-group"> 6181 <div class="copyright"> 6182 <div style="white-space: nowrap">© 2015 - 2026 Copyright WINLIVE4D.</div> 6183 <div>All Rights Reserved.</div> 6184 </div> 6185 <div class="desktop-only"> 6186 <div class="d-flex gap-1"> 6187 <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div> 6188 <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div> 6189 </div> 6190 </div> 6191 <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt=""> 6192 6193 <button class="btn btn-aduan2 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=LGlTsKHG_W5Y8HcoVob8IbVzIA72dM5RF-pB3Nhpxrw.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> 6194 <i class="bi bi-shield-fill-exclamation"></i> 6195 <strong class="ms-1">LAPOR PUSAT</strong> 6196 </button> 6197 </div> 6198 </footer> 6199 6200 6201 6202 6203 6204 <!-- SIDENAV --> 6205 <div id="mySidenav" class="sidenav desktop-only"> 6206 <div id="nav"> 6207 <div style="display: flex; align-items: start;"> 6208 <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;"> 6209 6210 <img src="/assets/hubungi.png?11"> 6211 6212 </div> 6213 <!--<img id="about" src="/images/kontak.png?4">--> 6214 </div> 6215 <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> 6216 <div id="" style="padding: 4px"> 6217 <img src="/assets/24h.png" style="width: 100%"></img> 6218 </div> 6219 6220 <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> 6221 <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> 6222 6223 6224 6225 <a href="https://wa.me/62895322638206" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 6226 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>62895322638206</span> 6227 </a> 6228 6229 6230 6231 6232 6233 <a href="https://t.me/winlive4dofc" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 6234 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>https://t.me/winlive4dofc</span> 6235 </a> 6236 6237 6238 6239 6240 6241 <a href="https://www.facebook.com/groups/328626942624920" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 6242 <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/><span>WINLIVE4D | PROMO FREEBET TERGACOR SEDUNIA HARI INI</span> 6243 </a> 6244 6245 6246 6247 6248 6249 </div> 6250 <div style="margin: 8px"> 6251 <a href="/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> 6252 </div> 6253 </div> 6254 </div> 6255 </div> 6256 </div> 6257 6258 6259 <!--POP UP --> 6260 6261 <!-- LIVE CHAT --> 6262 6263
6263<script> 6264 $('.verifikasiform').hide(); 6265 $('.verifval').val('0'); 6266 </script>
6266 6267 6268 <!-- LiveChat Internal --> 6269 <style id="cs-embed-custom-styles"> 6270 /* Generated widget appearance â theme: dark */ 6271.cs-embed { 6272 --cs-primary: #4f46e5; 6273 --cs-secondary: #94a3b8; 6274 --cs-panel-width: 280px; 6275 --cs-panel-height: 500px; 6276 --cs-footer-bg: #1e293b; 6277 --cs-footer-border: #334155; 6278 --cs-input-row-bg: #0f172a; 6279 --cs-input-text: #e2e8f0; 6280 --cs-input-muted: #94a3b8; 6281 --cs-upload-bg: #334155; 6282 --cs-upload-border: #475569; 6283 --cs-upload-icon: #e2e8f0; 6284 --cs-image-preview-bg: #1e293b; 6285 --cs-image-preview-border: #334155; 6286 --cs-closed-notice: #94a3b8; 6287 --cs-scrollbar-track: #0f172a; 6288 --cs-scrollbar-thumb: #475569; 6289 --cs-scrollbar-thumb-hover: #64748b; 6290 --cs-messages-bg: #0f172a; 6291 --cs-sticky-banner-bg: #422006; 6292 --cs-sticky-banner-border: #78350f; 6293 --cs-sticky-banner-inner-bg: #1c1917; 6294 --cs-sticky-banner-inner-border: #92400e; 6295 --cs-sticky-banner-text: #fcd34d; 6296 right: 24px; left: auto; align-items: flex-end; 6297} 6298 6299.cs-embed .cs-panel { 6300 background: #0f172a; 6301 color: #e2e8f0; 6302} 6303 6304.cs-embed .cs-messages { 6305 background: var(--cs-messages-bg); 6306 scrollbar-color: var(--cs-scrollbar-thumb) var(--cs-scrollbar-track); 6307} 6308 6309.cs-embed .cs-footer, 6310.cs-embed .cs-footer--demo, 6311.cs-embed .cs-footer--intake { 6312 background: var(--cs-footer-bg); 6313 border-top-color: var(--cs-footer-border); 6314} 6315 6316.cs-embed .cs-input-row { 6317 background: var(--cs-input-row-bg); 6318} 6319 6320.cs-embed .cs-intake-label { 6321 color: var(--cs-input-text); 6322} 6323 6324.cs-embed .cs-intake-intro { 6325 color: var(--cs-closed-notice); 6326} 6327 6328.cs-embed .cs-intake-input { 6329 background: var(--cs-upload-bg); 6330 border-color: var(--cs-upload-border); 6331 color: var(--cs-input-text); 6332} 6333 6334.cs-embed .cs-intake-input::placeholder { 6335 color: var(--cs-input-muted); 6336} 6337 6338.cs-embed .cs-intake-skip { 6339 background: var(--cs-upload-bg); 6340 border-color: var(--cs-upload-border); 6341 color: var(--cs-input-muted); 6342} 6343 6344.cs-embed .cs-bubble--agent { 6345 background: #1e293b; 6346 color: #e2e8f0; 6347 border-color: #334155; 6348} 6349 6350.cs-embed .cs-sender-label { 6351 color: #94a3b8; 6352} 6353 6354.cs-embed .cs-time, 6355.cs-embed .cs-msg-event__time { 6356 color: #64748b; 6357} 6358 6359.cs-embed .cs-ai-typing__dot { 6360 background: #64748b; 6361} 6362 6363.cs-embed .cs-ai-typing__label { 6364 color: #94a3b8; 6365} 6366 6367.cs-toggle:not(.cs-toggle--banner) { 6368 background: var(--cs-primary); 6369 box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4); 6370} 6371 6372.cs-header { 6373 background: linear-gradient(135deg, #4f46e5, #94a3b8); 6374} 6375 6376.cs-bubble--customer { 6377 background: #4f46e5; 6378 color: #ffffff; 6379} </style> 6380
6380<script src="https://service.lc1001ai.com/embed.js"></script>
6380 6381
6381<script> 6382 (function () { 6383 var chatServiceUrl = "https://service.lc1001ai.com"; 6384 var channelId = "6aa2824dcbfda4a6ea46230a"; 6385 var credentials = ""; 6386 var showWidget = true; 6387 window.CsChatEmbed 6388 .init({ 6389 chatServiceUrl: chatServiceUrl, 6390 channelId: channelId, 6391 credentials: credentials, 6392 createWidget: true, 6393 showWidget: showWidget, 6394 fetchAppearance: false, 6395 }) 6396 .then(function (result) { 6397 console.log("Chat connected, sessionId:", result.sessionId); 6398 }) 6399 .catch(function (err) { 6400 console.error("Chat init failed:", err); 6401 }); 6402 })(); 6403 </script>
6403 6404 <style> 6405 /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */ 6406 body.modal-open .cs-embed { z-index: 1049 !important; } 6407 </style> 6408 6409 6410
6410<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
6410 6411
6411<script> 6412 document.addEventListener('DOMContentLoaded', function() { 6413 setTimeout(function() { 6414 const mobileForm = document.querySelector('#mobilelogin form') || 6415 document.querySelector('#mobilelogin .login-form') || 6416 document.querySelector('.mobile-only form'); 6417 6418 if (!mobileForm) { 6419 return; 6420 } 6421 6422 const username = mobileForm.querySelector('input[name="username"]'); 6423 const password = mobileForm.querySelector('input[name="password"]'); 6424 const remember = document.querySelector('#rememberMe') || 6425 document.querySelector('input[type="checkbox"]'); 6426 6427 if (!username || !password || !remember) { 6428 return; 6429 } 6430 6431 try { 6432 localStorage.setItem('test', 'working'); 6433 if (localStorage.getItem('test') === 'working') { 6434 localStorage.removeItem('test'); 6435 } else { 6436 return; 6437 } 6438 } catch(e) { 6439 return; 6440 } 6441 6442 initializeRememberMe(); 6443 loadSavedData(); 6444 6445 mobileForm.addEventListener('submit', handleSave); 6446 mobileForm.addEventListener('click', function(e) { 6447 if (e.target.type === 'submit' || e.target.classList.contains('submit')) { 6448 handleSave(); 6449 } 6450 }); 6451 remember.addEventListener('change', function() { 6452 if (!this.checked) { 6453 clearSavedData(); 6454 localStorage.setItem('mobile_remember_unchecked', 'true'); 6455 } else { 6456 localStorage.removeItem('mobile_remember_unchecked'); 6457 } 6458 }); 6459 6460 function initializeRememberMe() { 6461 try { 6462 const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); 6463 const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); 6464 if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { 6465 remember.checked = false; 6466 } else { 6467 remember.checked = true; 6468 } 6469 } catch(e) { 6470 remember.checked = true; 6471 } 6472 } 6473 6474 function loadSavedData() { 6475 try { 6476 const savedUsername = localStorage.getItem('mobile_username'); 6477 const savedPassword = localStorage.getItem('mobile_password'); 6478 const rememberChecked = localStorage.getItem('mobile_remember'); 6479 if (rememberChecked === 'true' && savedUsername && savedPassword) { 6480 username.value = savedUsername; 6481 password.value = savedPassword; 6482 } 6483 } catch(e) { 6484 // console.log('Error loading data:', e); 6485 } 6486 } 6487 6488 function handleSave() { 6489 if (remember.checked) { 6490 const usernameVal = username.value.trim(); 6491 const passwordVal = password.value.trim(); 6492 6493 if (usernameVal && passwordVal) { 6494 try { 6495 localStorage.setItem('mobile_username', usernameVal); 6496 localStorage.setItem('mobile_password', passwordVal); 6497 localStorage.setItem('mobile_remember', 'true'); 6498 localStorage.setItem('mobile_login_success', 'true'); 6499 } catch(e) { 6500 // console.log('Error saving data:', e); 6501 } 6502 } 6503 } else { 6504 clearSavedData(); 6505 localStorage.setItem('mobile_login_success', 'true'); 6506 } 6507 } 6508 6509 function clearSavedData() { 6510 try { 6511 localStorage.removeItem('mobile_username'); 6512 localStorage.removeItem('mobile_password'); 6513 localStorage.removeItem('mobile_remember'); 6514 } catch(e) { 6515 // console.log('Error clearing data:', e); 6516 } 6517 } 6518 }, 100); // Wait 100ms 6519 6520 function initBroadcastMarquee() { 6521 $('.mobile-broadcast, #marquee .broadcast').each(function () { 6522 const el = $(this); 6523 6524 if ($.trim(el.text()) === '') return; 6525 if (!el.is(':visible')) return; 6526 6527 try { 6528 el.marquee('destroy'); 6529 } catch (e) {} 6530 6531 el.marquee({ 6532 speed: 30, 6533 gap: 80, 6534 delayBeforeStart: 0, 6535 direction: 'left', 6536 duplicated: true, 6537 pauseOnHover: true, 6538 startVisible: true 6539 }); 6540 }); 6541 } 6542 6543 $(window).on('load', function () { 6544 setTimeout(function () { 6545 initBroadcastMarquee(); 6546 }, 300); 6547 }); 6548 6549 $(window).on('resize orientationchange', function () { 6550 clearTimeout(window.broadcastResizeTimer); 6551 window.broadcastResizeTimer = setTimeout(function () { 6552 initBroadcastMarquee(); 6553 }, 400); 6554 }); 6555 6556 // document.querySelectorAll("marquee").forEach(function(marquee){ 6557 6558 // let speed = 0.5; // smaller = slower 6559 // let position = marquee.offsetWidth; 6560 6561 // function animate(){ 6562 // position--; 6563 6564 // if(position < -marquee.scrollWidth){ 6565 // position = marquee.offsetWidth; 6566 // } 6567
6568 // marquee.style.transform = "translateX(" + position + "px)"; 6569 // requestAnimationFrame(animate); 6570 // } 6571 6572 // animate(); 6573 6574 // // pause on hover 6575 // marquee.addEventListener("mouseenter", function(){ 6576 // speed = 0; 6577 // }); 6578 6579 // marquee.addEventListener("mouseleave", function(){ 6580 // speed = 0.5; 6581 // }); 6582 6583 // }); 6584 6585 6586 }); 6587 </script>
6587 6588 6589
6589<script> 6590 if(document.getElementById("promo")) { 6591 var myModal = new bootstrap.Modal(document.getElementById("promo"), {}); 6592 window.onload = () => { 6593 myModal.show(); 6594 } 6595 } 6596 6597 var mobileurl = 'm/'; 6598 6599 6600 6601 var showIDs = []; 6602 6603 function showProducts(hoverID) { 6604 while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; 6605 6606 // document.getElementById('hover').classList.add("hover-show"); 6607 document.getElementById('hover').style.transitionDelay = "0s"; 6608 document.getElementById('hover').style.visibility = "visible"; 6609 document.getElementById('hover').style.opacity = "1"; 6610 document.getElementById(hoverID).style.display = "flex"; 6611 6612 showIDs.push(hoverID); 6613 6614 } 6615 6616 function hideProducts(hoverID) { 6617 // document.getElementById('hover').classList.remove("hover-show"); 6618 document.getElementById('hover').style.visibility = "hidden"; 6619 document.getElementById('hover').style.opacity = "0"; 6620 document.getElementById('hover').style.transitionDelay = "1s"; 6621 6622 } 6623 6624 var mobileDaftarForm = document.getElementById('mobile-daftar-form'); 6625 var marquee = document.getElementById('marquee'); 6626 var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form'); 6627 var mobileLoginBox = document.getElementById('mobilelogin'); 6628 6629 function closeContent() { 6630 $('#main-content').html(""); 6631 } 6632 6633 6634 function openDaftar() { 6635 closeContent(); 6636 6637 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 6638 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 6639 6640 mobileDaftarForm.style.display = "block"; 6641 mobileDaftarForm.scrollIntoView(); 6642 } 6643 6644 function closeDaftar() { 6645 mobileDaftarForm.style.display = "none"; 6646 marquee.scrollIntoView(); 6647 } 6648 6649 6650 function showProvider(type) { 6651 $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>"); 6652 $('#main-content').load("/new-showprovider.php?type=" + type); 6653 } 6654 6655 function toggleInformasi(item) { 6656 page(item); 6657 } 6658 6659 function showInformasi(item) { 6660 document.getElementById('modal-wrapper').style.display='block'; 6661 toggleInformasi(item); 6662 } 6663 6664 function openChangePasswordMobile() { 6665 closeContent(); 6666 6667 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 6668 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 6669 6670 if (mobileChangePasswordForm) { 6671 mobileChangePasswordForm.style.display = "block"; 6672 mobileChangePasswordForm.scrollIntoView(); 6673 } 6674 } 6675 6676 function closeChangePasswordMobile() { 6677 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 6678 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 6679 if (mobileLoginBox) mobileLoginBox.style.display = "block"; 6680 6681 marquee.scrollIntoView(); 6682 } 6683 6684 6685 6686 6687 </script>
6687 6688
6688<script src="/js/old/new2-webduo35.js?v=1790436643"></script>
6688 6689 6690
6690<script> 6691 function scrollToLoginForm(launchType, matchId) { 6692 sessionStorage.setItem('launch', launchType); 6693 if (matchId) sessionStorage.setItem('sbo_matchId', matchId); 6694 else sessionStorage.removeItem('sbo_matchId'); 6695 window.scrollTo({ top: 0, behavior: 'smooth' }); 6696 setTimeout(function() { 6697 var isMobile = window.innerWidth <= 1000; 6698 var loginSelector = isMobile 6699 ? '#mobilelogin input[name="username"]' 6700 : '#desktoplogin form'; 6701 var el = document.querySelector(loginSelector); 6702 if (!el) return; 6703 var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]'); 6704 if (usernameEl && !isMobile) usernameEl.focus(); 6705 if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' }); 6706 const driver = window.driver.js.driver({ 6707 popoverClass: 'driverjs-theme', 6708 showProgress: false, 6709 showButtons: [], 6710 overlayOpacity: 0.3, 6711 steps: [ 6712 { 6713 element: loginSelector, 6714 popover: { 6715 title: 'Harap Login', 6716 description: 'Silakan masukkan username Anda', 6717 side: 'bottom', 6718 align: 'start', 6719 showButtons: [], 6720 nextBtnText: '', 6721 prevBtnText: '', 6722 doneBtnText: '' 6723 } 6724 } 6725 ], 6726 onDestroyStarted: () => driver.destroy(), 6727 }); 6728 driver.drive(); 6729 if (usernameEl) { 6730 function destroyDriver() { 6731 driver.destroy(); 6732 window.scrollTo({ top: 0 }); 6733 usernameEl.removeEventListener('input', destroyDriver); 6734 usernameEl.removeEventListener('click', destroyDriver); 6735 usernameEl.removeEventListener('focus', destroyDriver); 6736 } 6737 usernameEl.addEventListener('input', destroyDriver, { once: true }); 6738 usernameEl.addEventListener('click', destroyDriver, { once: true }); 6739 usernameEl.addEventListener('focus', destroyDriver, { once: true }); 6740 } 6741 }, 500); 6742 } 6743 </script>
6743 6744
6744<script> 6745 window.addEventListener("message", function(e) { 6746 if (e.origin !== "https://fkupon.com") return; 6747 if (e.data && e.data.action === "resize" && e.data.height) { 6748 var iframes = document.querySelectorAll(".iframe-kupon"); 6749 iframes.forEach(function(iframe) { 6750 iframe.style.height = Math.max(100, e.data.height - 16) + "px"; 6751 }); 6752 } 6753 }); 6754 </script>
6754 6755 6756 6757 <!-- POP UP COOKIES --> 6758 6759<style> 6760 6761 6762 .kebijakan-privasi, .kebijakan-cookies { 6763 color: white; 6764 text-decoration: underline; 6765 } 6766 6767 6768</style> 6769 6770 6771<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"> 6772 <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem"> 6773 <div> 6774 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> 6775 </div> 6776 <div> 6777 <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div> 6778 </div> 6779</div>
6780<script> 6781 $( "#boxprivacy" ).blur(function() { 6782 alert( "Handler for .blur() called." ); 6783}); 6784</script>
6784 6785 6786 6787 </body> 6788</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.