1 2<!DOCTYPE html> 3<html lang="id"> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>Hiu4D | Histori Sang Maestro Dalam Perkembangan Ritme Alunan Digital Murni</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/RB.css">--> 16 <link rel="stylesheet" href="/css/old/template/RB.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?1790436653"> 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="Hiu4D menjawab siapa sosok di balik ritme alunan digital lewat kisah sang maestro, karya pentingnya, dan perannya dalam sejarah musik elektronik."> 43 44<link rel="canonical" href="https://hiu4dlucky.com/" /> 45<link rel="amphtml" href="https://member.hiu4dvvip.com/" /> 46<link rel="alternate" hreflang="id-id" href="https://member.hiu4dvvip.com/"/> 47<link rel="alternate" href="https://hiu4dlucky.com/"/> 48<link rel="alternate" hreflang="id" href="https://member.hiu4dvvip.com/"/> 49<link rel="alternate" hreflang="en" href="https://hiu4dlucky.com/"/> 50<link rel="alternate" hreflang="x-default" href="https://hiu4dlucky.com/"/> 51 52<meta name="robots" content="index, follow" /> 53 54<meta name="google-site-verification" content="cVVP4deDrlDOfWFS4COCa6Q56rIYMJckRGirdKFOqfA"Â /> 55<meta name="google-site-verification" content="b3JJa6tV_plRZGqD5nwPzUFXba797odlinvOWUFHwYI" /> 56<meta name="google-site-verification" content="i_Up5EDXrr8XW9qsiHLYgdtxPsF-kX7mRjyLV3R2L-8" /> 57<meta name="google-site-verification" content="g1k7s_TxlBkgKiuOET0o1RF2P-DoSwrEGAgFS8DTL5I" /> 58<meta name="google-site-verification" content="y5dPobkOcFHnRlT9a-1o0OgN_5Z4BXe86bi_HE2Lnb4" /> 59<meta name="google-site-verification" content="b8qjUsvuCHvgMKEw-DeV2fS4-2vXDRTQubv3CETPnz8" /> 60<meta name="google-site-verification" content="uZifGbrZluFCeflBlHvSx3E2-nHDH_HXDW7guOU8dk4" /> 61<meta name="google-site-verification" content="KbycUo3atbr0QrrokOgWGLf3vvnwMGMlINXqAbDpdok" /> 62<meta name="google-site-verification" content="p3BrSaAdg5vlPEd0yAQ5egxlZEYSggQEpMqYcqsXNQg" /> 63<meta name="google-site-verification" content="hS0o7rDYjf0yNNa8CY1sZy8XIc1WeYxZBTqGQeEI6ts" /> 64<meta name="google-site-verification" content="xzI5fIXQPkdXEL2ZVyCTktyFr7nI7Q0iXNSvmFo2vQo" /> 65<meta name="google-site-verification" content="Ao2qzXfosc69C-8LXAfUVLk3aarPYIh0W3nzxhtkzIg" /> 66<meta name="google-site-verification" content="hNwl95a8N96DACSg_FbC66xuCGk3PSqt0yWGUfWReH4" /> 67<meta name="google-site-verification" content="OLvjzyw-UFKT8WmlLyVfrX0ZLGEOjA5CDntEweZu_GQ" /> 68<meta name="google-site-verification" content="kwBE-JV6qFTUjX2VJIWrQsaycFj5UG7PT8RTCyfxtIs" /> 69<meta name="google-site-verification" content="rfQKo_sC-HPCjsqBboLdoMNmXfj_3i4pdvTeG
69-1PrgY" /> 70<meta name="google-site-verification" content="f_6jIt3GsBaqIblXbO3HzfAZc2hboGp0-1_CIVLYPfQ" /> 71<meta name="google-site-verification" content="abZzhpBfvgl3GocN-pEj85AInhRDw11hWL2LZW--7gE" /> 72<meta name="google-site-verification" content="tS0F4_yNfk2Qyw7_wsCb5eOcPCkz6t38pJVEi8rojic" /> 73<meta name="google-site-verification" content="O5u6SdZXV6kDXoqHhAt-AenXavO9Q0Q9iQvbatbmfUE" /> 74<meta name="google-site-verification" content="ouebatWEIJIvXxJvOSaBzuaE1Ie1bOzyOaL71iXSRkI" /> 75<meta name="google-site-verification" content="7mBVFdcLlbItZV2n1c3MczLMyNOlMAvoE3JhkgWtBxw" /> 76<meta name="google-site-verification" content="rh-Xcn3K0JmlVKTfvA8aCmK7we8l4u4Q8eQwDU9tZ8A" /> 77<meta name="google-site-verification" content="kclpCWU5Lzobewz1_uT_wamnO5nm9fUlgsnYxTy9CfU" /> 78<meta name="google-site-verification" content="42fxeWUBSu0We5TcpAScDqkB6Wg6rOZSSo5bkssfcsQ" /> 79<meta name="google-site-verification" content="8RUgIVxOW8zAjuG5n3MphU2PGlqkMzQBFmtEWh16Ohs" /> 80<meta name="google-site-verification" content="4wqaELAtTd6kz_AychAwIwldOA5Gbp41RmHTvgH9XRw" /> 81<meta name="google-site-verification" content="j0c8RRmV8huOqyZiq-yzUAj4IuxT7E9SmpPc6KmWlPs" /> 82<meta name="google-site-verification" content="vaRV9eSry8SBTUHGKp7M_AXXsfav1wQzpAqFjSMI9hk" /> 83<meta name="google-site-verification" content="AcQFZrxwC1fyNkwBfO6wUnBdwbUVSCDAsyVWpbBPygk" /> 84<meta name="google-site-verification" content="JcOZVm80F1aOwVEPqHsXR6lFJ3MQiVmihE7bF6-vpGM" /> 85<meta name="google-site-verification" content="tY9NMLitSnIbPjVkNatUVfJc4cCESiIKXbk8ujv1t6Q" /> 86<meta name="google-site-verification" content="ymH94-PvO9FGfImXp6u8mHrS-LyN_6iTM7J6Sc9sO2U" /> 87<meta name="google-site-verification" content="cMUPNZbKEyvOxN3h_HwbeiMV0maLcXY-KmZrXjzjXfM" /> 88<meta name="google-site-verification" content="KspQ-UZBdssnPMGNpXjjiw16jjzldPMkpxEPJCOqvp8" /> 89<meta name="google-site-verification" content="1suN9KfmfruQvaY9QetBSh-ea2pY1mGnMePw4ctSB24" /> 90<meta name="google-site-verification" content="yBAm3tKmdpMTj1X_9luHVekOo-rqi30COHdmXUMsAfs" /> 91 92<div id="cl" style="z-index:105;cursor:pointer;bottom:130px;left:15px;position:fixed;"> 93<div onclick="window.open('https://cutt.ly/WA-Hiu4d');" style=""><img src="https://1.bp.blogspot.com/-kx24EI8VYMs/Xv2eIIHquQI/AAAAAAAADmM/z6FkrXY7RAkq2iHyErIVHP9ZSNox6u4QQCLcBGAsYHQ/s320/add-whatsapp.png" width="50" height="50"></div> 94</div> 95<div id="cl" style="z-index:105;cursor:pointer;bottom:190px;left:15px;position:fixed;"> 96<div onclick="window.open('https://cutt.ly/TeleHIU4D');" style=""><img src="https://sparkling-rain-3b1f.abdulkodil1987.workers.dev/" width="50" height="50"></div> 97</div> 98<div id="cl" style="z-index:105;cursor:pointer;bottom:250px;left:15px;position:fixed;"> 99<div onclick="window.open('https://rebrand.ly/rtp-cuan');" style=""><img src="https://storage.googleapis.com/replit/images/1680669675175_794d78b5b9390de5a4c12360dcc1f54c.gif" width="50" height="50"></div> 100</div> 101
102<script>
vendor: 408 bytes, lines 102-111
102 103!function(f,b,e,v,n,t,s) 104{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 105n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 106if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 107n.queue=[];t=b.createElement(e);t.async=!0; 108t.src=v;s=b.getElementsByTagName(e)[0]; 109s.parentNode.insertBefore(t,s)}(window, document,'script', 110'https://connect.facebook.net/en_US/fbevents.js'); 111fbq('init', '
1114533494033558619
vendor: 32 bytes, lines 111-112
111'); 112fbq('track', 'PageView');
113</script>
113 114<noscript></noscript> 115 <style> 116 117 .wrapper { 118 display: grid; 119 grid-template-columns: 1fr; 120 grid-template-areas: 121 "marquee" 122 "header" 123 "devider" 124 "contentdata" 125 "togel-desktop" 126 "widget-kupon" 127 "widget-sbo" 128 "provider" 129 "transaksi" 130 "guidelines" 131 "bantuan" 132 "footer" 133 } 134 135 .widget-kupon { 136 grid-area: widget-kupon; 137 padding-top: 20px; 138 background: var(--footer-background); 139 display: flex; 140 align-items: center; 141 position: relative; 142 } 143 144 .widget-sbo { 145 grid-area: widget-sbo; 146 padding-top: 20px; 147 display: flex; 148 align-items: center; 149 position: relative; 150 } 151 152 .iframe-kupon { 153 width: 1000px; 154 height: 200px; 155 display: block; 156 vertical-align: bottom; 157 } 158 159 .login-input-field { 160 font-size: 1rem; 161 } 162 163 .btn-aduan2 { 164 background: linear-gradient(60deg, #b08432, #cfbe87, #b08432); 165 -webkit-background-clip: text; 166 -webkit-text-fill-color: transparent; 167 background-size: 300% 300%; 168 animation: gradient 2s ease infinite; 169 } 170 171 .transaksi-title { 172 place-items: start; 173 } 174 175 .btn-tele { 176 font-size: 1.2rem; 177 text-shadow: 1px 1px #000000; 178 height: 36px!important; 179 border-radius: 8px; 180 background: #28323C; 181 color: white; 182 } 183 184 #marquee-mobile { 185 width: 100%; 186 overflow: hidden; 187 } 188 189 #marquee-mobile .marquee-content { 190 display: flex; 191 align-items: center; 192 width: 100%; 193 overflow: hidden; 194 } 195 196 #marquee-mobile .running { 197 position: relative; 198 flex: 1 1 auto; 199 min-width: 0; 200 overflow: hidden; 201 } 202 203 #marquee-mobile .broadcast { 204 display: inline-block; 205 white-space: nowrap; 206 } 207 208 #marquee { 209 overflow: hidden; 210 } 211 212 #marquee .running { 213 overflow: hidden; 214 } 215 216 #marquee .broadcast { 217 white-space: nowrap; 218 } 219 220 body { 221 overflow-x: hidden; 222 } 223 224 .btn-google { 225 width: 30px; 226 height: 30px; 227 background: #fff; 228 border: 1px solid #ddd; 229 border-radius: 3px; 230 display: inline-flex; 231 align-items: center; 232 justify-content: center; 233 } 234 235 .btn-google:hover { 236 background: #f5f5f5; 237 } 238 239 .btn-google-mobile { 240 background: #fff; 241 color: #3c4043; 242 border: 1px solid #dadce0; 243 border-radius: 3px; 244 height: 36px; 245 padding: 0 12px; 246 font-weight: 600; 247 font-size: 1.2rem; 248 249 align-items: center; 250 justify-content: center; 251 gap: 8px; 252 } 253 254 .btn-google-mobile:hover { 255 background: #f8f9fa; 256 color: #202124; 257 } 258 259 260 @media only screen and (max-width: 1000px) { 261 262 .wrapper { 263 display: grid; 264 grid-template-columns: 1fr; 265 grid-template-areas: 266 "appbar" 267 "marquee" 268 "header" 269 "contentdata" 270 "togel-mobile" 271 "widget-kupon" 272 "widget-sbo" 273 "devider" 274 "provider" 275 "transaksi" 276 "bantuan" 277 "footer" 278 "guidelines"; 279 } 280 281 .widget-kupon { 282 margin: 0px 20px; 283 } 284 285 286 287 .iframe-kupon { 288 padding: 0px; 289 height: 262px; 290 width: 100%; 291 display: block; 292 vertical-align: bottom; 293 } 294 295 .transaksi-title { 296 place-items: center; 297 } 298 299 .login-input-field { 300 font-size: 1.2rem; 301 } 302 } 303 304 .grecaptcha-badge { 305 display: none !important; 306 } 307 308 </style> 309 310 </head> 311 312 313 314 <body id="desktop"> 315 316 317<div id="hover" class="hover desktop-only"> 318 319 <div id="hover-togel" class="hover-menu"> 320 <a href="/register" class="hover-item"> 321 <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
322 <figcaption>TOGEL</figcaption> 323 </a> 324 325 <a href="/register" class="hover-item"> 326 <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure> 327 <figcaption>KUPON</figcaption> 328 </a> 329 </div> 330 331 <div id="hover-slot" class="hover-menu"> 332 <a href="/slot/pp" class="hover-item"> 333 <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure> 334 <figcaption>PRAGMATIC PLAY</figcaption> 335 </a> 336 337 <a href="/slot/pg" class="hover-item"> 338 <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure> 339 <figcaption>PG SOFT</figcaption> 340 </a> 341 342 <a href="/slot/jl" class="hover-item"> 343 <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure> 344 <figcaption>JILI</figcaption> 345 </a> 346 347 <a href="/slot/mgw" class="hover-item"> 348 <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure> 349 <figcaption>MEGAWIN</figcaption> 350 </a> 351 352 <a href="/slot/atg" class="hover-item"> 353 <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure> 354 <figcaption>ATG Games</figcaption> 355 </a> 356 357 <a href="/slot/pok" class="hover-item"> 358 <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure> 359 <figcaption>PopOK Gaming</figcaption> 360 </a> 361 362 <a href="/slot/ams" class="hover-item"> 363 <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure> 364 <figcaption>ASKMESLOT</figcaption> 365 </a> 366 367 <a href="/slot/sdl" class="hover-item"> 368 <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure> 369 <figcaption>SHADY LADY</figcaption> 370 </a> 371 372 <a href="/slot/hb" class="hover-item"> 373 <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure> 374 <figcaption>HABANERO</figcaption> 375 </a> 376 377 <a href="/slot/sg" class="hover-item"> 378 <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure> 379 <figcaption>SPADEGAMING</figcaption> 380 </a> 381 382 <a href="/slot/nlc" class="hover-item"> 383 <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure> 384 <figcaption>NOLIMIT CITY</figcaption> 385 </a> 386 387 <a href="/slot/fs" class="hover-item"> 388 <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure> 389 <figcaption>FASTSPIN</figcaption> 390 </a> 391 392 <a href="/slot/jg" class="hover-item"> 393 <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure> 394 <figcaption>JOKER</figcaption> 395 </a> 396 397 <a href="/slot/mg" class="hover-item"> 398 <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure> 399 <figcaption>MICROGAMING</figcaption> 400 </a> 401 402 <a href="/slot/fgs" class="hover-item"> 403 <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure> 404 <figcaption>5G GAMES</figcaption> 405 </a> 406 407 <a href="/slot/hks" class="hover-item"> 408 <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure> 409 <figcaption>HACKSAW GAMING</figcaption> 410 </a> 411 412 <a href="/slot/nxt" class="hover-item"> 413 <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure> 414 <figcaption>NEXTSPIN</figcaption> 415 </a> 416 417 <a href="/slot/ps" class="hover-item"> 418 <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure> 419 <figcaption>PLAYSTAR</figcaption> 420 </a> 421 422 <a href="/slot/pt" class="hover-item"> 423 <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
424 <figcaption>PLAYTECH</figcaption> 425 </a> 426 427 <a href="/slot/av" class="hover-item"> 428 <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure> 429 <figcaption>ADVANT PLAY</figcaption> 430 </a> 431 432 <a href="/slot/cmp" class="hover-item"> 433 <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure> 434 <figcaption>COSMOPLAY</figcaption> 435 </a> 436 437 <a href="/slot/cq9" class="hover-item"> 438 <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure> 439 <figcaption>CQ9</figcaption> 440 </a> 441 442 <a href="/slot/wow" class="hover-item"> 443 <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure> 444 <figcaption>WOW GAMING</figcaption> 445 </a> 446 447 <a href="/slot/l22" class="hover-item"> 448 <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure> 449 <figcaption>LIVE22</figcaption> 450 </a> 451 452 <a href="/slot/ss" class="hover-item"> 453 <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure> 454 <figcaption>SBO SLOT</figcaption> 455 </a> 456 457 <!-- <a href="/slot/nte" class="hover-item"> 458 <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure> 459 <figcaption>NETENT</figcaption> 460 </a> --> 461 462 <!-- <a href="/slot/ttg" class="hover-item"> 463 <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure> 464 <figcaption>TOPTREND GAMING</figcaption> 465 </a> --> 466 </div> 467 468 <div id="hover-live" class="hover-menu" > 469 <a href="/casino/pplc" class="hover-item"> 470 <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure> 471 <figcaption>PRAGMATIC PLAY</figcaption> 472 </a> 473 474 <a href="/casino/evo" class="hover-item"> 475 <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure> 476 <figcaption>EVOLUTION</figcaption> 477 </a> 478 479 <a href="/casino/mglc" class="hover-item"> 480 <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure> 481 <figcaption>MICROGAMING</figcaption> 482 </a> 483 484 <a href="/casino/ptg" class="hover-item"> 485 <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure> 486 <figcaption>PRETTY GAMING</figcaption> 487 </a> 488 489 <a href="/casino/ion" class="hover-item"> 490 <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure> 491 <figcaption>ION CASINO</figcaption> 492 </a> 493 494 <a href="/casino/sx" class="hover-item"> 495 <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure> 496 <figcaption>SEXY GAMING</figcaption> 497 </a> 498 499 <a href="/casino/sa" class="hover-item"> 500 <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure> 501 <figcaption>SA GAMING</figcaption> 502 </a> 503 504 <a href="/casino/ab" class="hover-item"> 505 <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure> 506 <figcaption>ALLBET</figcaption> 507 </a> 508 509 <a href="/casino/ptlc" class="hover-item"> 510 <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure> 511 <figcaption>PLAYTECH LIVE</figcaption> 512 </a> 513 514 <!-- <a href="/casino/gmnl" class="hover-item"> 515 <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure> 516 <figcaption>GEMINI LIVE</figcaption> 517 </a> --> 518 519 <a href="/casino/og" class="hover-item"> 520 <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
521 <figcaption>OPUS PLUS</figcaption> 522 </a> 523 524 <a href="/casino/sbol" class="hover-item"> 525 <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure> 526 <figcaption>SBOBET CASINO</figcaption> 527 </a> 528 </div> 529 530 <div id="hover-sport" class="hover-menu"> 531 <a href="/register" class="hover-item"> 532 <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure> 533 <figcaption>SABA</figcaption> 534 </a> 535 536 <a href="/register" class="hover-item"> 537 <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure> 538 <figcaption>SBOBET</figcaption> 539 </a> 540 541 <a href="/register" class="hover-item"> 542 <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure> 543 <figcaption>CMD368</figcaption> 544 </a> 545 546 <!-- <a href="/register" class="hover-item"> 547 <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure> 548 <figcaption>PINNACLE</figcaption> 549 </a> --> 550 551 <a href="/register" class="hover-item"> 552 <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure> 553 <figcaption>TFGAMING</figcaption> 554 </a> 555 </div> 556 557 <div id="hover-fishing" class="hover-menu"> 558 <a href="/arcade/jl" class="hover-item"> 559 <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure> 560 <figcaption>JILI</figcaption> 561 </a> 562 563 <a href="/arcade/sg" class="hover-item"> 564 <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure> 565 <figcaption>SPADE GAMING</figcaption> 566 </a> 567 568 <a href="/arcade/fs" class="hover-item"> 569 <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure> 570 <figcaption>FASTSPIN</figcaption> 571 </a> 572 573 <a href="/arcade/ams" class="hover-item"> 574 <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure> 575 <figcaption>ASKMESLOT</figcaption> 576 </a> 577 578 <!-- <a href="/arcade/ps" class="hover-item"> 579 <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure> 580 <figcaption>PLAYSTAR</figcaption> 581 </a> 582 583 <a href="/arcade/l22" class="hover-item"> 584 <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure> 585 <figcaption>LIVE22</figcaption> 586 </a> --> 587 588 </div> 589 590 <div id="hover-sabung" class="hover-menu"> 591 <a href="/sabung/ws" class="hover-item"> 592 <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure> 593 <figcaption>WS168</figcaption> 594 </a> 595 596 <a href="/sabung/sv" class="hover-item"> 597 <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure> 598 <figcaption>SV388</figcaption> 599 </a> 600 </div> 601 602 <div id="hover-interactive" class="hover-menu"> 603 <a href="/interactive/pp" class="hover-item"> 604 <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure> 605 <figcaption>PRAGMATIC PLAY</figcaption> 606 </a> 607 608 <a href="/interactive/gmn" class="hover-item"> 609 <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure> 610 <figcaption>GEMINI</figcaption> 611 </a> 612 613 <a href="/interactive/jl" class="hover-item"> 614 <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure> 615 <figcaption>JILI</figcaption> 616 </a> 617 618 <a href="/interactive/jg" class="hover-item"> 619 <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
620 <figcaption>JOKER</figcaption> 621 </a> 622 623 <a href="/interactive/atg" class="hover-item"> 624 <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure> 625 <figcaption>ATG Games</figcaption> 626 </a> 627 628 <a href="/interactive/pok" class="hover-item"> 629 <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure> 630 <figcaption>PopOK Gaming</figcaption> 631 </a> 632 633 <a href="/interactive/ams" class="hover-item"> 634 <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure> 635 <figcaption>ASKMESLOT</figcaption> 636 </a> 637 638 <a href="/interactive/mg" class="hover-item"> 639 <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure> 640 <figcaption>MICRO GAMING</figcaption> 641 </a> 642 643 <a href="/interactive/hks" class="hover-item"> 644 <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure> 645 <figcaption>HACKSAW GAMING</figcaption> 646 </a> 647 648 <a href="/interactive/pt" class="hover-item"> 649 <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure> 650 <figcaption>PLAYTECH</figcaption> 651 </a> 652 653 <a href="/interactive/wow" class="hover-item"> 654 <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure> 655 <figcaption>WOW GAMING</figcaption> 656 </a> 657 658 <!-- <a href="/interactive/ps" class="hover-item"> 659 <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure> 660 <figcaption>PLAYSTAR</figcaption> 661 </a> --> 662 </div> 663 664 665 666</div> 667<style> 668 .my-navbar { 669 height: 44px; 670 padding: 0px; 671 width: 100%; 672 background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 673 position: fixed; 674 bottom: 0; 675 color: white; 676 z-index: 1100; 677 display: flex; 678 box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75); 679 } 680 681 .navbar-item { 682 height: 100%; 683 width: 100%; 684 display: flex; 685 flex-direction: column; 686 align-items: center; 687 justify-content: center; 688 } 689 690 .navbar-item-content { 691 display: flex; 692 flex-direction: column; 693 justify-content: center; 694 align-items: center; 695 position: absolute; 696 top: -16px 697 } 698 699 .navbar-item-content>i { 700 font-size: 20px; 701 line-height: 22px; 702 color: white; 703 padding-bottom: 4px; 704 } 705 706 .navbar-item-content>img { 707 height: 28px; 708 width: 28px; 709 } 710 711 .navbar-item-content>label { 712 white-space: nowrap; 713 margin-top: 4px; 714 font-weight: bold; 715 font-size: var(--text-size-default); 716 color: white 717 } 718 719 .speed-dial-item { 720 opacity: 0; 721 visibility: hidden; 722 transform: translateY(10px); 723 transition: opacity 0.3s ease, transform 0.3s ease; 724 } 725 726 .speed-dial-active .speed-dial-item { 727 opacity: 1; 728 visibility: visible; 729 transform: translateY(0); 730 } 731 732 /* Delay each itemâs appearance */ 733 .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; } 734 .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; } 735 .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; } 736 .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; } 737 .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; } 738 739 740</style> 741 742 743<div class="mobile-only" > 744 <div class="my-navbar"> 745 <a href="/" class="navbar-item" style="position: relative"> 746 <div class="navbar-item-content"> 747 <img src="https://img.viva88athenae.com//beranda.png"/> 748 <label>BERANDA</label> 749 </div> 750 </a> 751 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 752 <a href="/m/promosi" class="navbar-item"> 753 <div class="navbar-item-content"> 754 <img src="https://img.viva88athenae.com//promosi.png"/> 755 <label>PROMOSI</label> 756 </div> 757 </a> 758 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 759 <a href="/m/event" class="navbar-item"> 760 <div class="navbar-item-content"> 761 <img src="https://img.viva88athenae.com//events.png"/> 762 <label>EVENT</label> 763 </div> 764 </a> 765 766 767 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 768 <div class="navbar-item"> 769 <div class="navbar-item-content speed-dial-btn"> 770 <img src="https://img.viva88athenae.com//chat.png"/> 771 <label>CHAT</label> 772 </div> 773 774 775 <a href="https://cutt.ly/TeleHIU4D" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -48px; height: 40px; width: 40px"> 776 <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/> 777 </a> 778 779 780 <a href="https://cutt.ly/WA-Hiu4d" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -96px; height: 40px; width: 40px"> 781 <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/> 782 </a> 783 784 785 </div> 786 787 788 789 790 791 792 793 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 794 <a href="https://app.chaport.com/widget/show.html?appid=65a15ce707cf651483048f85" target="_blank" class="navbar-item"> 795 <div class="navbar-item-content"> 796 <img src="https://img.viva88athenae.com//livechat.png"/> 797 <label>LIVECHAT</label> 798 </div> 799 </a> 800 801 </div> 802</div> 803
804<script> 805 document.addEventListener("DOMContentLoaded", function () { 806 const speedDialBtn = document.querySelector(".speed-dial-btn"); 807 const speedDialItems = document.querySelectorAll(".speed-dial-item"); 808 let isOpen = false; 809 810 speedDialBtn.addEventListener("click", function () { 811 isOpen = !isOpen; 812 813 speedDialItems.forEach((item, index) => { 814 if (isOpen) { 815 item.style.opacity = "1"; 816 item.style.visibility = "visible"; 817 item.style.transform = "translateY(0)"; 818 item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect 819 } else { 820 item.style.opacity = "0"; 821 item.style.visibility = "hidden"; 822 item.style.transform = "translateY(10px)"; 823 item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger 824 } 825 }); 826 }); 827}); 828</script>
828 829 830 831 <div id="top" class="wrapper"> 832 833 834 835 <header class="header"> 836 <div class="header-content"> 837 <div class="logo" href="/"> 838 <a href='/'><img src="/images/logoweb.png" class='logoimg' alt=""></a> 839 </div> 840 841 <div id="marquee-mobile" class="marquee mobile-only"> 842 <div class="marquee-content"> 843 <div class="d-flex align-items-center gap-2 flex-shrink-0"> 844 <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i> 845 </div> 846 847 <div class="running"> 848 <div class="marquee-shadow"></div> 849 <div class="broadcast mobile-broadcast">SELAMAT DATANG DI HIU4D, SITUS SLOT 4D DAN TOGEL 4D TERLARIS TERPERCAYA DI INDONESIA MENERIMA DEPO VIA PULSA OVO GOPAY DANA</div> 850 </div> 851 852 <div class="d-flex align-items-center gap-2 flex-shrink-0"></div> 853 </div> 854 </div> 855 856 <div class="mslider mobile-only"> 857 </div> 858 859 <div class="login mobile-only"> 860 <div id="mobilelogin" class="mobile-only" style="width: 100%"> 861 <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form"> 862 <div id="msgbox" style="font-size: 1rem; width: 100%"></div> 863 <div class="input-group login-field"> 864 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 865 <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username"> 866 </div> 867 <div class="input-group login-field"> 868 <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> 869 <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password"> 870 </div> 871 872 <!-- captcha --> 873 874 <div id="mverifikasiform" class="w-100" style=" "> 875 876 <span id="verifikasi"><img src="/m/capimg.php?6353" width="100%" height="36" style="border-radius: 5px;"></span> 877 <div class="input-group login-field mt-1"> 878 <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> 879 <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi"> 880 </div> 881 </div> 882 883 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 884 885 <!-- end captcha --> 886 887 <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;"> 888 <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me 889 </label> 890 891 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 892 <button type="button" class="btn btn-daftar bt
892n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button> 893 894 895 896 <input type="hidden" name="task" value="login"> 897 <input type="hidden" name="iscaptchalogin" value="1"> 898 <input type="hidden" name="loginmobile" value="XyR7iW8QifuDHQCwfKSlRfT2A2C/66uKzjlK+QNtW0E="> 899 <input type="hidden" name="isrecaptchalogin" value="0"> 900 </form> 901 </div> 902 903 904 <!-- Change Password Mobile --> 905 <div id="mobile-changepassword-form" style="width: 100%; display: none"> 906 <div id="mobilechangepassword"> 907 <form id="formChangePasswordMobile" class="login-form p-0 pt-4"> 908 <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div> 909 <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"> 910 <span>GANTI PASSWORD</span> 911 <span style="font-size: 1rem; color: #333;" id="mobile-username-display"> 912 </span> 913 </div> 914 915 <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;"> 916 â ï¸ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat. 917 </div> 918 919 <!-- <div class="input-group login-field"> 920 <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> 921 <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama"> 922 </div> 923 <div class="error-msg" id="err_old_password_mobile"></div> --> 924 925 <div class="input-group login-field"> 926 <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> 927 <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)"> 928 </div> 929 <div class="error-msg" id="err_new_password_mobile"></div> 930 931 <div class="input-group login-field"> 932 <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> 933 <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru"> 934 </div> 935 <div class="error-msg" id="err_confirm_password_mobile"></div> 936 937 <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;"> 938 <strong style="color: #856404;">Persyaratan Password:</strong> 939 <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;"> 940 <li>Minimal 6 karakter</li> 941 <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li> 942 <!-- <li>Harus mengandung angka (0-9)</li> --> 943 <!-- <li>Tidak boleh mengandung username Anda</li> --> 944 <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li> 945 <li>Hindari password yang mudah ditebak</li> 946 </ul> 947 </div> 948 949 <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button> 950 <input type="hidden" name="task" value="change_password"> 951 </form> 952 </div> 953 954
954<script> 955 $(document).ready(function(){ 956 $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() { 957 var newPass = $('#cp_new_password_mobile').val(); 958 var confirmPass = $('#cp_confirm_password_mobile').val(); 959 var currentField = $(this); 960 961 $('#cp_new_password_mobile').removeClass('error-border valid-border'); 962 $('#cp_confirm_password_mobile').removeClass('error-border valid-border'); 963 $('#err_new_password_mobile').hide(); 964 $('#err_confirm_password_mobile').hide(); 965 966 if (newPass.length > 0 && confirmPass.length > 0) { 967 if (newPass === confirmPass) { 968 $('#cp_new_password_mobile').addClass('valid-border'); 969 $('#cp_confirm_password_mobile').addClass('valid-border'); 970 } else { 971 $('#cp_new_password_mobile').addClass('error-border'); 972 $('#cp_confirm_password_mobile').addClass('error-border'); 973 if (currentField.attr('id') === 'cp_new_password_mobile') { 974 $('#err_new_password_mobile').text('Password tidak sama').show(); 975 } else { 976 $('#err_confirm_password_mobile').text('Password tidak sama').show(); 977 } 978 } 979 } 980 }); 981 }); 982 </script>
982 983 </div> 984 985 <!-- Register Mobile --> 986 <style> 987 .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } 988 .error-border { border-color: red !important; } 989 .valid-border { border-color: green !important; } 990 </style> 991 <div id="mobile-daftar-form" style="width: 100%; display: none"> 992 <div id="mobileregister"> 993 <form id="formRegister" class="login-form p-0 pt-4"> 994 <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div> 995 <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> 996 <div class="input-group login-field"> 997 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 998 <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"> 999 </div> 1000 <div class="error-msg" id="err_username"></div> 1001 <div class="input-group login-field"> 1002 <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> 1003 <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> 1004 </div> 1005 <div class="error-msg" id="err_password"></div> 1006 <div class="input-group login-field"> 1007 <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> 1008 <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi"> 1009 </div> 1010 <div class="error-msg" id="err_passcon"></div> 1011 <div class="input-group login-field"> 1012 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span> 1013 <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email"> 1014 </div> 1015 <div class="error-msg" id="err_email"></div> 1016 <div class="input-group login-field"> 1017 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span> 1018 <input type="text" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> 1019 </div> 1020 <div class="error-msg" id="err_telpon"></div> 1021 1022 <div class="input-group login-field"> 1023 <select class="form-select login-input-field" name="bank" id="reg_bank"> 1024 <option value="">Pilih Bank</option> 1025 <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='SeaBank'>SeaBank</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>
1025GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Lain-lain'>Lain-lain</option> </select> 1026 </div> 1027 <div class="error-msg" id="err_bank"></div> 1028 1029 <div class="input-group login-field"> 1030 <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> 1031 <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening"> 1032 </div> 1033 <div class="error-msg" id="err_rek"></div> 1034 <div class="input-group login-field"> 1035 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span> 1036 <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening"> 1037 </div> 1038 <div class="error-msg" id="err_nama"></div> 1039 <div class="input-group login-field"> 1040 <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> 1041 <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" > 1042 </div> 1043 <div class="error-msg" id="err_ref"></div> 1044 <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun"> 1045 <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> --> 1046 1047 1048 <div class="w-100 my-1"> 1049 <div id="capverifikasi"> 1050 <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px"> 1051 </div> 1052 1053 <div class="input-group login-field mt-1"> 1054 <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> 1055 <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off"> 1056 </div> 1057 <div class="error-msg" id="err_verifikasi"></div> 1058 1059 </div> 1060 1061 1062 <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button> 1063 <input type="hidden" name="task" value="register"> 1064 <input type="hidden" name="regmobile" value="wAG+y8fVxTlbYWMA1zdRN0Bx+kvi2o5KHkbMSqybeqs="> 1065 <input type="hidden" name="iscaptcharegister" value="1"> 1066 <input type="hidden" name="isrecaptcha" value="
10660"> 1067 <input type="hidden" name="isrecaptcharegister" value="0"> 1068 <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> 1069 </form> 1070 </div> 1071
1071<script> 1072 const WEBNAME = 'Hiu4D'; 1073 const USE_STRONG_VALIDATION = false; 1074 (function(){ 1075 function root(){ return document.getElementById('mobileregister'); } 1076 function q(id){ return root()?.querySelector('#'+id) || null; } 1077 function qe(sel){ return root()?.querySelector(sel) || null; } 1078 1079 function showError(field,msg){ 1080 const err = qe('#err_'+field); 1081 const inp = q('reg_'+field); 1082 if (err){ err.textContent = msg; err.style.display = 'block'; } 1083 if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } 1084 } 1085 function clearError(field){ 1086 const err = qe('#err_'+field); 1087 const inp = q('reg_'+field); 1088 if (err) err.style.display = 'none'; 1089 if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } 1090 } 1091 1092 function checkPasswordStrengthJS(username, password) { 1093 const min_length = 6; 1094 const length = password.length; 1095 if (length < min_length) { 1096 return "Password harus minimal " + min_length + " karakter"; 1097 } 1098 const hasLower = /[a-z]/.test(password); 1099 const hasUpper = /[A-Z]/.test(password); 1100 if (!(hasLower && hasUpper)) { 1101 return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka."; 1102 } 1103 if (!/[0-9]/.test(password)) { 1104 return "Password harus mengandung angka"; 1105 } 1106 if (username && password.toLowerCase().includes(username.toLowerCase())) { 1107 return "Password tidak boleh mengandung username"; 1108 } 1109 const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/; 1110 if (numSeq.test(password)) { 1111 return "Password tidak boleh mengandung angka berurutan"; 1112 } 1113 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|" 1114 + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|" 1115 + "qwert|werty|asdf|zxcv|uiop|hjkl)"; 1116 const letterSequences = new RegExp(letterSeqStr, "i"); 1117 if (letterSequences.test(password)) { 1118 return "Password tidak boleh mengandung huruf berurutan"; 1119 } 1120 return null; 1121 } 1122 1123 function vUsername(){ 1124 const v = (q('reg_username')?.value || '').trim(); 1125 if (!v) return showError('username','Username tidak boleh kosong'), false; 1126 if (v.length < 6) return showError('username','Username minimal 6 karakter'), false; 1127 if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false; 1128 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; 1129 clearError('username'); return true; 1130 } 1131 function vPass(){ 1132 const v = q('reg_pass')?.value || ''; 1133 if(!v) { 1134 showError('password','Password tidak boleh kosong'); 1135 return false;
1136 } 1137 if (USE_STRONG_VALIDATION) { 1138 const username = (q('reg_username')?.value || '').trim(); 1139 const err = checkPasswordStrengthJS(username, v); 1140 if (err) { 1141 showError('password', err); 1142 return false; 1143 } 1144 clearError('password'); 1145 if (q('reg_passcon')?.value) { 1146 vPasscon(); 1147 } 1148 return true; 1149 } 1150 1151 if (v.length < 6) { 1152 showError('password','Password minimal 6 karakter'); 1153 return false; 1154 } 1155 1156 clearError('password'); 1157 return true; 1158 } 1159 function vPasscon() { 1160 const p1 = q('reg_pass')?.value || ''; 1161 const p2 = q('reg_passcon')?.value || ''; 1162 if (!p2) { 1163 showError('passcon', 'Konfirmasi password kosong'); 1164 return false; 1165 } 1166 if (USE_STRONG_VALIDATION) { 1167 const username = (q('reg_username')?.value || '').trim(); 1168 const err = checkPasswordStrengthJS(username, p1); 1169 if (err) { 1170 showError('passcon', err); 1171 return false; 1172 } 1173 } 1174 1175 if (p1 !== p2) { 1176 showError('passcon', 'Konfirmasi tidak sama'); 1177 return false; 1178 } 1179 1180 clearError('passcon'); 1181 return true; 1182 } 1183 // function vPass(){ 1184 // const v = q('reg_pass')?.value || ''; 1185 // if (!v) return showError('password','Password tidak boleh kosong'), false; 1186 // if (v.length < 6) return showError('password','Password minimal 6 karakter'), false; 1187 // clearError('password'); return true; 1188 // } 1189 // function vPasscon(){ 1190 // const p1 = q('reg_pass')?.value || ''; 1191 // const p2 = q('reg_passcon')?.value || ''; 1192 // if (!p2) return showError('passcon','Konfirmasi password kosong'), false; 1193 // if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false; 1194 // clearError('passcon'); return true; 1195 // } 1196 function vEmail(){ 1197 const v = (q('reg_email')?.value || '').trim(); 1198 if (!v) return showError('email','Email tidak boleh kosong'), false; 1199 if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; 1200 clearError('email'); return true; 1201 } 1202 function vTelp(){ 1203 const el = q('reg_telpon'); if (!el) return true; 1204 el.value = (el.value || '').replace(/\D/g,''); 1205 if (!el.value) return showError('telpon','Telpon kosong'), false; 1206 if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false; 1207 clearError('telpon'); return true; 1208 } 1209 function vBank(){ 1210 if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; 1211 clearError('bank'); return true; 1212 } 1213 function vRek(){ 1214 const el = q('reg_rek'); if (!el) return true; 1215 el.value = (el.value || '').replace(/\D/g,''); 1216 if (!el.value) return showError('rek','Rekening kosong'), false; 1217 if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false; 1218 clearError('rek'); return true; 1219 } 1220 function vNama(){ 1221 const v = (q('reg_nama')?.value || '').trim(); 1222 if (!v) return showError('nama','Nama kosong'), false; 1223 if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false; 1224 if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; 1225 clearError('nama'); return true; 1226 } 1227 function vRefOpt(){ 1228 const el = q('reg_ref'); if (!el) return true; 1229 const v = (el.value || '').trim(); 1230 if (!v) return clearError('ref'), true; 1231 if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false; 1232 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false; 1233 clearError('ref'); return true; 1234 } 1235 function vVerifOpt(){ 1236 const el = q('reg_verifikasi'); if (!el) return true; 1237 const v = (el.value || '').trim(); 1238 if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; 1239 clearError('verifikasi'); return true; 1240 } 1241 1242 function validateAll(){ 1243 const ok = 1244 vUsername() & vPass() & vPasscon() & vEmail() & 1245 vTelp() & vBank() & vRek() & vNama() & 1246 vRefOpt() & vVerifOpt(); 1247 return !!ok; 1248 } 1249 1250 function attach(id, validator, opts){ 1251 const el = q(id); if (!el) return; 1252 const run = () => validator(); 1253 el.addEventListener('focus', run); 1254 if (!opts || opts.input !== false) el.addEventListener('input', run); 1255 el.addEventListener('blur', run); 1256 if (opts && opts.change) el.addEventListener('change', run); 1257 } 1258 1259 document.addEventListener('DOMContentLoaded', function(){ 1260 attach('reg_username', vUsername); 1261 attach('reg_pass', vPass); 1262 attach('reg_passcon', vPasscon); 1263 attach('reg_email', vEmail); 1264 attach('reg_telpon', vTelp); 1265 attach('reg_bank', vBank, { input
1265:false, change:true }); 1266 attach('reg_rek', vRek); 1267 attach('reg_nama', vNama); 1268 attach('reg_ref', vRefOpt); 1269 attach('reg_verifikasi', vVerifOpt); 1270 1271 const f = q('formRegister'); 1272 if (f) { 1273 f.addEventListener('submit', function(e){ 1274 if (!validateAll()) { 1275 e.preventDefault(); 1276 const firstErr = root()?.querySelector('.error-border') || q('reg_username'); 1277 if (firstErr && firstErr.focus) firstErr.focus(); 1278 } 1279 }); 1280 } 1281 }); 1282 })(); 1283 </script>
1283 1284 </div> 1285 </div> 1286 1287 <div class="menu"> 1288 <style> 1289 .menu-item { 1290 display: flex; 1291 flex-direction: column; 1292 align-items: center; 1293 justify-content: center; 1294 gap: 12px; 1295 min-width: 72px; 1296 padding: 8px; 1297 height: 100%; 1298 } 1299 1300 .menu-item:hover { 1301 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1302 } 1303 1304 .menu-item.active { 1305 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1306 } 1307 1308 .menu-item-img { 1309 height: 28px; 1310 } 1311 1312 .menu-item-icon { 1313 font-size: 28px; 1314 color: var(--menu-item-color) 1315 } 1316 1317 .menu-item:hover>.menu-item-icon { 1318 color: var(--primary-color); 1319 } 1320</style> 1321 1322 1323<a href="/" class="menu-item active"> 1324 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1325 <i class="menu-item-icon icon-home" style="font-size: 28px"></i> 1326 <label>HOME</label> 1327</a> 1328 1329 <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')"> 1330 <!--<img class="mobile-only" src="assets/togel.png" alt="">--> 1331 <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790436653" alt="TOGEL" class="menu-item-img">--> 1332 <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i> 1333 <label>TOGEL</label> 1334 </a> 1335 1336 1337 1338<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')"> 1339 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1340 <i class="menu-item-icon icon-slots"></i> 1341 <label>SLOT</label> 1342</a> 1343<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')"> 1344 <!--<img class="mobile-only" src="assets/live.png" alt="">--> 1345 <i class="menu-item-icon icon-casino"></i> 1346 <label>LIVE CASINO</label> 1347</a> 1348<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')"> 1349 <!--<img class="mobile-only" src="assets/sport.png" alt="">--> 1350 <i class="menu-item-icon icon-sports"></i> 1351 <label>SPORT</label> 1352</a> 1353<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')"> 1354<!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> 1355 <i class="menu-item-icon icon-sabung"></i> 1356 <label>SABUNG</label> 1357</a> 1358<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')"> 1359 <!--<img class="mobile-only" src="assets/fishing.png" alt="">--> 1360 <i class="menu-item-icon icon-arcade"></i> 1361 <label>ARCADE</label> 1362</a> 1363<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')"> 1364 <i class="menu-item-icon icon-interactive"></i> 1365 <label>INTERACTIVE</label> 1366</a> 1367 </div> 1368 1369 1370 1371 <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)"> 1372 1373 1374 <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)"> 1375 <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1376 </div> 1377 1378 <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)"> 1379 <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1380 </div> 1381 1382 1383 <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)"> 1384 1385 1386 <div style="white-space: nowrap; height: 100%; font-size: 0px"> 1387 1388 <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;"> 1389 <div style="display: grid; place-items: center; height: 100%"> 1390 <div class="menu-item" style="gap: 8px"> 1391 <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt=""> 1392 <label class="text-white">TOGEL</label> 1393 </div> 1394 </div> 1395 </a> 1396 1397 <div style="height: 100%; width: 74px; display: inline-block;"> 1398 <div style="display: grid; place-items: center; height: 100%"> 1399 <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')"> 1400 <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt=""> 1401 <label class="text-white">SLOT</label> 1402 </div> 1403 </div> 1404 </div> 1405 <div style="height: 100%; width: 74px; display: inline-block;"> 1406 <div style="display: grid; place-items: center; height: 100%"> 1407 <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')"> 1408 <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt=""> 1409 <label class="text-white">LIVE CASINO</label> 1410 </div> 1411 </div> 1412 </div> 1413 <div style="height: 100%; width: 74px; display: inline-block;"> 1414 <div style="display: grid; place-items: center; height: 100%"> 1415 <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')"> 1416 <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1416orts.png" alt=""> 1417 <label class="text-white">SPORT</label> 1418 </div> 1419 </div> 1420 </div> 1421 <div style="height: 100%; width: 74px; display: inline-block;"> 1422 <div style="display: grid; place-items: center; height: 100%"> 1423 <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')"> 1424 <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt=""> 1425 <label class="text-white">ARCADE</label> 1426 </div> 1427 </div> 1428 </div> 1429 <div style="height: 100%; width: 74px; display: inline-block;"> 1430 <div style="display: grid; place-items: center; height: 100%"> 1431 <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')"> 1432 <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt=""> 1433 <label class="text-white">SABUNG</label> 1434 </div> 1435 </div> 1436 </div> 1437 1438 <div style="height: 100%; width: 74px; display: inline-block;"> 1439 <div style="display: grid; place-items: center; height: 100%"> 1440 <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')"> 1441 <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt=""> 1442 <label class="text-white">INTERACTIVE</label> 1443 </div> 1444 </div> 1445 </div> 1446 </div> 1447 </div> 1448</div> 1449 1450 <div class="menu-content mobile-only"> 1451 <div id="main-content" style="background: var(--content-box-background)"> 1452 </div> 1453 </div> 1454 1455 1456 <!-- Banner SBO --> 1457 1458 <style> 1459 .match-slider-wrap { 1460 max-width: 1200px; 1461 margin: 16px auto; 1462 margin-bottom: 24px; 1463 padding: 0 12px; 1464 } 1465 1466 .match-card { 1467 position: relative; 1468 overflow: hidden; 1469 min-height: 180px; 1470 border-radius: 16px; 1471 background: 1472 linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)), 1473 linear-gradient(180deg, #232323 0%, #161616 100%); 1474 color: #fff; 1475 box-shadow: 0 10px 24px rgba(0,0,0,.35); 1476 padding: 14px 14px 16px; 1477 } 1478 1479 .match-card::before { 1480 content: ""; 1481 position: absolute; 1482 inset: 0; 1483 background: repeating-linear-gradient( 1484 -35deg, 1485 rgba(255,255,255,.04), 1486 rgba(255,255,255,.04) 8px, 1487 transparent 8px, 1488 transparent 18px 1489 ); 1490 pointer-events: none; 1491 opacity: .35; 1492 } 1493 1494 .match-card > * { 1495 position: relative; 1496 z-index: 1; 1497 } 1498 1499 .league-name { 1500 font-size: 14px; 1501 font-weight: 700; 1502 letter-spacing: .4px; 1503 text-transform: uppercase; 1504 text-align: center; 1505 margin-bottom: 2px; 1506 color: #ffffff; 1507 } 1508 1509 .kickoff-time { 1510 font-size: 14px; 1511 font-weight: 800; 1512 text-align: center; 1513 color: #ffd23c; 1514 margin-bottom: 12px; 1515 } 1516 1517 .match-main-row, 1518 .match-odds-row { 1519 display: flex; 1520 align-items: flex-start; 1521 justify-content: space-between; 1522 gap: 0; 1523 } 1524 1525 .match-odds-row { 1526 align-items: center; 1527 margin-top: 12px; 1528 } 1529 1530 .team-col { 1531 width: 30%; 1532 text-align: center; 1533 display: flex; 1534 flex-direction: column; 1535 align-items: center; 1536 } 1537 1538 .score-col { 1539 width: 40%; 1540 text-align: center; 1541 display: flex; 1542 flex-direction: column; 1543 align-items: center; 1544 justify-content: center; 1545 } 1546 1547 .team-logo { 1548 width: 46px; 1549 height: 46px; 1550 object-fit: contain; 1551 margin-bottom: 6px; 1552 } 1553 1554 .team-name { 1555 font-size: 14px; 1556 line-height: 1.15; 1557 min-height: 34px; 1558 display: flex; 1559 align-items: center; 1560 justify-content: center; 1561 text-align: center; 1562 } 1563 1564 .score-value { 1565 font-size: 28px; 1566 font-weight: 800; 1567 line-height: 1; 1568 margin-bottom: 10px; 1569 } 1570 1571 .bet-btn { 1572 display: inline-block; 1573 min-width: 95px; 1574 border-radius: 8px; 1575 background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%); 1576 color: #1d1d1d; 1577 font-size: 14px; 1578 font-weight: 800; 1579 text-decoration: none; 1580 padding: 10px 16px; 1581 box-shadow: inset 0 1px 0 rgba(255,255,255,.45); 1582 } 1583 1584 .bet-btn:hover { 1585 color: #1d1d1d; 1586 filter: brightness(1.03); 1587 } 1588 1589 .odds-col { 1590 width: 30%; 1591 text-align: center; 1592 font-size: 12px; 1593 font-weight: 700; 1594 color: #ffd23c; 1595 display: flex; 1596 align-items: center; 1597 justify-content: center; 1598 min-height: 18px; 1599 } 1600 1601 .odds-col small { 1602 font-size: 12px; 1603 font-weight: 600; 1604 color: #ffffff; 1605 opacity: .95; 1606 } 1607 1608 .odds-spacer { 1609 width: 40%; 1610 } 1611 1612 .carousel-control-prev, 1613 .carousel-control-next { 1614 width: 48px; 1615 } 1616 1617 .carousel-control-prev-icon, 1618 .carousel-control-next-icon { 1619 width: 2.5rem; 1620 height: 2.5rem; 1621 border-radius: 50%; 1622 background-color: rgba(255,255,255,.15); 1623 background-size: 55% 55%; 1624 } 1625 1626 .carousel-indicators [data-bs-target] { 1627 width: 8px; 1628 height: 8px; 1629 border-radius: 50%; 1630 } 1631 1632 @media (max-width: 991.98px) { 1633 .match-card { 1634 min-height: 170px; 1635 } 1636 } 1637 1638 @media (max-width: 767.98px) { 1639 .match-slider-wrap { 1640 max-width: 100%; 1641 padding: 0 20px; 1642 margin: 20px 0; 1643 } 1644 1645 .match-slider-wrap .carousel-inner { 1646 padding: 0; 1647 } 1648 1649 .match-slider-wrap .carousel-item .row { 1650 margin: 0; 1651 } 1652 1653 .match-slider-wrap .carousel-item .col-12 { 1654 padding: 0; 1655 } 1656 1657 .match-card { 1658 width: 100%; 1659 border-radius: 16px; 1660 } 1661 1662 .league-name { 1663 font-size: 13px; 1664 margin-bottom: 2px; 1665 } 1666 1667 .kickoff-time { 1668 font-size: 13px; 1669 margin-bottom: 10px; 1670 } 1671 1672 .team-col { 1673 width: 30%; 1674 } 1675 1676 .score-col { 1677 width: 40%; 1678 } 1679 1680 .team-logo { 1681 width: 42px; 1682 height: 42px; 1683 margin-bottom: 4px; 1684 } 1685 1686 .team-name { 1687 font-size: 12px; 1688 line-height: 1.15; 1689 min-height: 30px; 1690 } 1691 1692 .score-value { 1693 font-size: 22px; 1694 margin-bottom: 8px; 1695 } 1696 1697 .bet-btn { 1698 min-width: 88px; 1699 font-size: 13px; 1700 padding: 8px 14px; 1701 border-radius: 8px; 1702 } 1703 1704 .match-odds-row { 1705 margin-top: 10px; 1706 } 1707 1708 .odds-col, 1709 .odds-col small { 1710 font-size: 11px; 1711 } 1712 1713 .carousel-control-prev, 1714 .carousel-control-next { 1715 width: 34px; 1716 } 1717 1718 .carousel-control-prev-icon, 1719 .carousel-control-next-icon { 1720 width: 2rem; 1721 height: 2rem; 1722 background-size: 50% 50%; 1723 } 1724 1725 .carousel-indicators { 1726 margin-bottom: -2px; 1727 } 1728 1729 .carousel-indicators [data-bs-target] { 1730 width: 7px; 1731 height: 7px; 1732 margin: 0 3px; 1733 } 1734 } 1735 </style> 1736 <!-- Banner SBO End --> 1737 1738 <div class="promosi"> 1739 1740 <!-- Desktop --> 1741 <div class="desktop-only h-100"> 1742 <div class="d-flex align-items-center h-100"> 1743 <a href="/promosi" class="menu-item"> 1744 <i class="menu-item-icon icon-promotion"></i> 1745 <label>PROMOSI</label> 1746 </a> 1747 1748 <a href="/event" class="menu-item"> 1749 <i class="menu-item-icon icon-event"></i> 1750 <label>EVENT</label> 1751 </a> 1752 </div> 1753 </div> 1754 1755 1756 1757 1758 <!--<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>--> 1759 1760 <!-- Mobile --> 1761 1762 <div class="mobile-only" style="padding-top: 24px"> 1763 1764 <div class="d-flex gap-3 justify-content-center align-items-center"> 1765 <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a> 1766 <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div> 1767 1768 <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a> 1769 </div> 1770 1771 1772 </div> 1773 </div> 1774 1775 </div> 1776 1777 </header> 1778 1779 1780 1781 <div id="marquee" class="marquee desktop-only"> 1782 <div class="marquee-content py-2"> 1783 <div class="d-flex
1783align-items-center gap-2"> 1784 <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div> 1785 <i class="bi bi-megaphone-fill desktop-only"></i> 1786 </div> 1787 <div class="running" style="padding-left: 8px; padding-right: 32px"> 1788 <div class="broadcast" style="width: 100%">SELAMAT DATANG DI HIU4D, SITUS SLOT 4D DAN TOGEL 4D TERLARIS TERPERCAYA DI INDONESIA MENERIMA DEPO VIA PULSA OVO GOPAY DANA</div> 1789 </div> 1790 <div class="d-flex align-items-center gap-2"> 1791 <div id="desktoplogin" class="desktop-only"> 1792 <form class="login-form form" role="form"> 1793 <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div> 1794 <div class="input-group login-field"> 1795 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 1796 <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username"> 1797 </div> 1798 1799 1800 1801 <div class="input-group login-field"> 1802 <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> 1803 <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password"> 1804 </div> 1805 1806 <!-- captcha --> 1807 1808 <div class="verifikasiform" style=" "> 1809 <div style="display: flex; gap: 2px;"> 1810 <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span> 1811 <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off"> 1812 </div> 1813 1814 </div> 1815 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 1816 1817 <!-- end captcha --> 1818 1819 1820 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 1821 <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> 1822 1823 1824 <input type="hidden" name="task" value="login"> 1825 <input type="hidden" name="iscaptchalogin" value="1"> 1826 <input type="hidden" name="logindesktop" value="XyR7iW8QifuDHQCwfKSlRfT2A2C/66uKzjlK+QNtW0E="> 1827 <input type="hidden" name="isrecaptchalogin" value="0"> 1828 </form> 1829 1830 </div> 1831 1832 1833 <!--<a href="/event">--> 1834 <!-- <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>--> 1835 <!--</a>--> 1836 </div> 1837 </div> 1838 </div> 1839 1840 1841 1842 <!--Informasi Modal --> 1843 <div id="modal-wrapper" class="modal" style=" background:none;"> 1844 1845 <div class="slideDown" id="informasi-menu"> 1846 <div class="row"> 1847 <div class="col-xs-3" style="padding-right:0px; width:164px"> 1848 <div id="informasi-logo"> 1849 <img src="/images/logoweb.png" width="120px"/> 1850 </div> 1851 <div class="menuleft"> 1852 1853 <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a> 1854 <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a> 1855 <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a> 1856 <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a> 1857 <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a> 1858 <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a> 1859 <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a> 1860 1861 </div> 1862 </div> 1863 <div class="col-xs-9" id="informasi-content" style="position: relative"> 1864 <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div> 1865 <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 1866 </div> 1867 </div> 1868 1869 </div> 1870 </div> 1871 </div> 1872 1873 1874 1875 1876 <div class="contentdata"> 1877 <div id="content-primary" class="p-0"> 1878 1879 <div class="desktop-only"> 1880<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%"> 1881 <div class="carousel-indicators"> 1882 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> 1883 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button> 1884 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button> 1885 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button> 1886 </div> 1887 <div class="carousel-inner" style="height: 100%"> 1888 <div class="carousel-item active" style="height: 100%"> 1889 <img src="/images/upload-Slides-20240320143433.jpg" class="d-block w-100 banner" alt="SITUS JUDI SLOT4D TOGEL TERPERCAYA HIU 4D" style="height: 100%"> 1890 </div> 1891 <div class="carousel-item " style="height: 100%"> 1892 <img src="/images/upload-Slides-20240320142424.jpg" class="d-block w-100 banner" alt="Hati Hati Penipuan" style="height: 100%"> 1893 </div> 1894 <div class="carousel-item " style="height: 100%"> 1895 <img src="https://img.viva88athenae.com/banner/mgl-25.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 1896 </div> 1897 <div class="carousel-item " style="height: 100%"> 1898 <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 1899 </div> 1900 </div> 1901</div> 1902 1903</div> 1904 <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;"> 1905 <a > 1906 <img src="/images/upload-SlidesMobile-20230107201039.jpg" alt="HIU4D| Daftar Situs PAY4D Judi Slot O
1906nline Gacor Gampang Menang di Indonesia" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"/> 1907 </a> 1908</div> 1909<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;"> 1910 <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;"> 1911</div></div> 1912 1913 </div> 1914 </div> 1915 1916 1917 1918 <div class="widget-kupon"> 1919 <!-- <div style="position:relative; width:100%;"> --> 1920 <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe> 1921 <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div> 1922 <!-- </div> --> 1923 </div> 1924 1925 <!-- BANNER SBO MOBILE --> 1926 <div class="widget-sbo mobile-only"> 1927 <div class="match-slider-wrap"> 1928 <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 1929 1930 <div class="carousel-indicators"> 1931 <button 1932 type="button" 1933 data-bs-target="#sboMatchCarouselMobile" 1934 data-bs-slide-to="0" 1935 class="active" 1936 aria-current="true" aria-label="Slide 1"> 1937 </button> 1938 <button 1939 type="button" 1940 data-bs-target="#sboMatchCarouselMobile" 1941 data-bs-slide-to="1" 1942 class="" 1943 aria-label="Slide 2"> 1944 </button> 1945 <button 1946 type="button" 1947 data-bs-target="#sboMatchCarouselMobile" 1948 data-bs-slide-to="2" 1949 class="" 1950 aria-label="Slide 3"> 1951 </button> 1952 <button 1953 type="button" 1954 data-bs-target="#sboMatchCarouselMobile" 1955 data-bs-slide-to="3" 1956 class="" 1957 aria-label="Slide 4"> 1958 </button> 1959 <button 1960 type="button" 1961 data-bs-target="#sboMatchCarouselMobile" 1962 data-bs-slide-to="4" 1963 class="" 1964 aria-label="Slide 5"> 1965 </button> 1966 <button 1967 type="button" 1968 data-bs-target="#sboMatchCarouselMobile" 1969 data-bs-slide-to="5" 1970 class="" 1971 aria-label="Slide 6"> 1972 </button> 1973 <button 1974 type="button" 1975 data-bs-target="#sboMatchCarouselMobile" 1976 data-bs-slide-to="6" 1977 class="" 1978 aria-label="Slide 7"> 1979 </button> 1980 <button 1981 type="button" 1982 data-bs-target="#sboMatchCarouselMobile" 1983 data-bs-slide-to="7" 1984 class="" 1985 aria-label="Slide 8"> 1986 </button> 1987 <button 1988 type="button" 1989 data-bs-target="#sboMatchCarouselMobile" 1990 data-bs-slide-to="8" 1991 class="" 1992 aria-label="Slide 9"> 1993 </button> 1994 <button 1995 type="button" 1996 data-bs-target="#sboMatchCarouselMobile" 1997 data-bs-slide-to="9" 1998 class="" 1999 aria-label="Slide 10"> 2000 </button> 2001 </div> 2002 2003 <div class="carousel-inner"> 2004 <div class="carousel-item active"> 2005 <div class="row g-3"> 2006 <div class="col-12"> 2007 <div class="match-card h-100"> 2008 <div class="league-name"> 2009 ENGLISH PREMIER LEAGUE </div> 2010 2011 <div class="kickoff-time"> 2012 October 10, 2026 â 18:30 WIB </div> 2013 2014 <div class="match-main-row"> 2015 <div class="team-col"> 2016 <img 2017 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 2018 alt="Arsenal" 2019 class="team-logo" 2020 > 2021 <div class="team-name"> 2022 Arsenal </div> 2023 </div> 2024 2025 <div class="score-col"> 2026 <div class="score-value"> 2027 0 : 0 </div> 2028 2029 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 2030 BET NOW 2031 </a> 2032 </div> 2033 2034 <div class="team-col"> 2035 <img 2036 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
2036ce556.png" 2037 alt="Leeds United" 2038 class="team-logo" 2039 > 2040 <div class="team-name"> 2041 Leeds United </div> 2042 </div> 2043 </div> 2044 2045 <div class="match-odds-row"> 2046 <div class="odds-col"> 2047 <span> 2048 0.75 <small>0.50</small> 2049 </span> 2050 </div> 2051 2052 <div class="odds-spacer"></div> 2053 2054 <div class="odds-col"> 2055 <span> 2056 -0.75 <small>-0.60</small> 2057 </span> 2058 </div> 2059 </div> 2060 </div> 2061 </div> 2062 </div> 2063 </div> 2064 <div class="carousel-item "> 2065 <div class="row g-3"> 2066 <div class="col-12"> 2067 <div class="match-card h-100"> 2068 <div class="league-name"> 2069 ENGLISH PREMIER LEAGUE </div> 2070 2071 <div class="kickoff-time"> 2072 October 10, 2026 â 21:00 WIB </div> 2073 2074 <div class="match-main-row"> 2075 <div class="team-col"> 2076 <img 2077 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 2078 alt="Chelsea" 2079 class="team-logo" 2080 > 2081 <div class="team-name"> 2082 Chelsea </div> 2083 </div> 2084 2085 <div class="score-col"> 2086 <div class="score-value"> 2087 0 : 0 </div> 2088 2089 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 2090 BET NOW 2091 </a> 2092 </div> 2093 2094 <div class="team-col"> 2095 <img 2096 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 2097 alt="Bournemouth AFC" 2098 class="team-logo" 2099 > 2100 <div class="team-name"> 2101 Bournemouth AFC </div> 2102 </div> 2103 </div> 2104 2105 <div class="match-odds-row"> 2106 <div class="odds-col">
2107 <span> 2108 0.5 <small>0.66</small> 2109 </span> 2110 </div> 2111 2112 <div class="odds-spacer"></div> 2113 2114 <div class="odds-col"> 2115 <span> 2116 -0.5 <small>-0.76</small> 2117 </span> 2118 </div> 2119 </div> 2120 </div> 2121 </div> 2122 </div> 2123 </div> 2124 <div class="carousel-item "> 2125 <div class="row g-3"> 2126 <div class="col-12"> 2127 <div class="match-card h-100"> 2128 <div class="league-name"> 2129 SPAIN LA LIGA </div> 2130 2131 <div class="kickoff-time"> 2132 October 10, 2026 â 23:30 WIB </div> 2133 2134 <div class="match-main-row"> 2135 <div class="team-col"> 2136 <img 2137 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 2138 alt="Barcelona" 2139 class="team-logo" 2140 > 2141 <div class="team-name"> 2142 Barcelona </div> 2143 </div> 2144 2145 <div class="score-col"> 2146 <div class="score-value"> 2147 0 : 0 </div> 2148 2149 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 2150 BET NOW 2151 </a> 2152 </div> 2153 2154 <div class="team-col"> 2155 <img 2156 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 2157 alt="Getafe" 2158 class="team-logo" 2159 > 2160 <div class="team-name"> 2161 Getafe </div> 2162 </div> 2163 </div> 2164 2165 <div class="match-odds-row"> 2166 <div class="odds-col">
2167 <span> 2168 2.5 <small>0.80</small> 2169 </span> 2170 </div> 2171 2172 <div class="odds-spacer"></div> 2173 2174 <div class="odds-col"> 2175 <span> 2176 -2.5 <small>-0.90</small> 2177 </span> 2178 </div> 2179 </div> 2180 </div> 2181 </div> 2182 </div> 2183 </div> 2184 <div class="carousel-item "> 2185 <div class="row g-3"> 2186 <div class="col-12"> 2187 <div class="match-card h-100"> 2188 <div class="league-name"> 2189 ENGLISH PREMIER LEAGUE </div> 2190 2191 <div class="kickoff-time"> 2192 October 10, 2026 â 23:30 WIB </div> 2193 2194 <div class="match-main-row"> 2195 <div class="team-col"> 2196 <img 2197 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 2198 alt="Manchester United" 2199 class="team-logo" 2200 > 2201 <div class="team-name"> 2202 Manchester United </div> 2203 </div> 2204 2205 <div class="score-col"> 2206 <div class="score-value"> 2207 0 : 0 </div> 2208 2209 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 2210 BET NOW 2211 </a> 2212 </div> 2213 2214 <div class="team-col"> 2215 <img 2216 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 2217 alt="Tottenham Hotspur" 2218 class="team-logo" 2219 > 2220 <div class="team-name"> 2221 Tottenham Hotspur </div> 2222 </div> 2223 </div> 2224 2225 <div class="match-odds-row"> 2226 <div class="odds-col">
2227 <span> 2228 0.5 <small>0.72</small> 2229 </span> 2230 </div> 2231 2232 <div class="odds-spacer"></div> 2233 2234 <div class="odds-col"> 2235 <span> 2236 -0.5 <small>-0.82</small> 2237 </span> 2238 </div> 2239 </div> 2240 </div> 2241 </div> 2242 </div> 2243 </div> 2244 <div class="carousel-item "> 2245 <div class="row g-3"> 2246 <div class="col-12"> 2247 <div class="match-card h-100"> 2248 <div class="league-name"> 2249 ENGLISH PREMIER LEAGUE </div> 2250 2251 <div class="kickoff-time"> 2252 October 10, 2026 â 21:00 WIB </div> 2253 2254 <div class="match-main-row"> 2255 <div class="team-col"> 2256 <img 2257 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 2258 alt="Aston Villa" 2259 class="team-logo" 2260 > 2261 <div class="team-name"> 2262 Aston Villa </div> 2263 </div> 2264 2265 <div class="score-col"> 2266 <div class="score-value"> 2267 0 : 0 </div> 2268 2269 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 2270 BET NOW 2271 </a> 2272 </div> 2273 2274 <div class="team-col"> 2275 <img 2276 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 2277 alt="Brentford" 2278 class="team-logo" 2279 > 2280 <div class="team-name"> 2281 Brentford </div> 2282 </div> 2283 </div> 2284 2285 <div class="match-odds-row"> 2286 <div class="odds-col">
2287 <span> 2288 0.00 <small>-0.97</small> 2289 </span> 2290 </div> 2291 2292 <div class="odds-spacer"></div> 2293 2294 <div class="odds-col"> 2295 <span> 2296 0.00 <small>0.87</small> 2297 </span> 2298 </div> 2299 </div> 2300 </div> 2301 </div> 2302 </div> 2303 </div> 2304 <div class="carousel-item "> 2305 <div class="row g-3"> 2306 <div class="col-12"> 2307 <div class="match-card h-100"> 2308 <div class="league-name"> 2309 ENGLISH PREMIER LEAGUE </div> 2310 2311 <div class="kickoff-time"> 2312 October 10, 2026 â 21:00 WIB </div> 2313 2314 <div class="match-main-row"> 2315 <div class="team-col"> 2316 <img 2317 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 2318 alt="Sunderland" 2319 class="team-logo" 2320 > 2321 <div class="team-name"> 2322 Sunderland </div> 2323 </div> 2324 2325 <div class="score-col"> 2326 <div class="score-value"> 2327 0 : 0 </div> 2328 2329 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 2330 BET NOW 2331 </a> 2332 </div> 2333 2334 <div class="team-col"> 2335 <img 2336 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 2337 alt="Brighton & Hove Albion" 2338 class="team-logo" 2339 > 2340 <div class="team-name"> 2341 Brighton & Hove Albion </div> 2342 </div> 2343 </div> 2344 2345 <div class="match-odds-row"> 2346 <div class="odds-col">
2347 <span> 2348 0.00 <small>-0.82</small> 2349 </span> 2350 </div> 2351 2352 <div class="odds-spacer"></div> 2353 2354 <div class="odds-col"> 2355 <span> 2356 0.00 <small>0.72</small> 2357 </span> 2358 </div> 2359 </div> 2360 </div> 2361 </div> 2362 </div> 2363 </div> 2364 <div class="carousel-item "> 2365 <div class="row g-3"> 2366 <div class="col-12"> 2367 <div class="match-card h-100"> 2368 <div class="league-name"> 2369 SPAIN LA LIGA </div> 2370 2371 <div class="kickoff-time"> 2372 October 11, 2026 â 02:00 WIB </div> 2373 2374 <div class="match-main-row"> 2375 <div class="team-col"> 2376 <img 2377 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 2378 alt="Real Madrid" 2379 class="team-logo" 2380 > 2381 <div class="team-name"> 2382 Real Madrid </div> 2383 </div> 2384 2385 <div class="score-col"> 2386 <div class="score-value"> 2387 0 : 0 </div> 2388 2389 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 2390 BET NOW 2391 </a> 2392 </div> 2393 2394 <div class="team-col"> 2395 <img 2396 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 2397 alt="Villarreal" 2398 class="team-logo" 2399 > 2400 <div class="team-name"> 2401 Villarreal </div> 2402 </div> 2403 </div> 2404 2405 <div class="match-odds-row"> 2406 <div class="odds-col">
2407 <span> 2408 1 <small>0.55</small> 2409 </span> 2410 </div> 2411 2412 <div class="odds-spacer"></div> 2413 2414 <div class="odds-col"> 2415 <span> 2416 -1 <small>-0.65</small> 2417 </span> 2418 </div> 2419 </div> 2420 </div> 2421 </div> 2422 </div> 2423 </div> 2424 <div class="carousel-item "> 2425 <div class="row g-3"> 2426 <div class="col-12"> 2427 <div class="match-card h-100"> 2428 <div class="league-name"> 2429 ITALY SERIE A </div> 2430 2431 <div class="kickoff-time"> 2432 October 10, 2026 â 22:59 WIB </div> 2433 2434 <div class="match-main-row"> 2435 <div class="team-col"> 2436 <img 2437 src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png" 2438 alt="Inter Milan" 2439 class="team-logo" 2440 > 2441 <div class="team-name"> 2442 Inter Milan </div> 2443 </div> 2444 2445 <div class="score-col"> 2446 <div class="score-value"> 2447 0 : 0 </div> 2448 2449 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')"> 2450 BET NOW 2451 </a> 2452 </div> 2453 2454 <div class="team-col"> 2455 <img 2456 src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png" 2457 alt="Parma Calcio" 2458 class="team-logo" 2459 > 2460 <div class="team-name"> 2461 Parma Calcio </div> 2462 </div> 2463 </div> 2464 2465 <div class="match-odds-row"> 2466 <div class="odds-col">
2467 <span> 2468 2 <small>0.65</small> 2469 </span> 2470 </div> 2471 2472 <div class="odds-spacer"></div> 2473 2474 <div class="odds-col"> 2475 <span> 2476 -2 <small>-0.75</small> 2477 </span> 2478 </div> 2479 </div> 2480 </div> 2481 </div> 2482 </div> 2483 </div> 2484 <div class="carousel-item "> 2485 <div class="row g-3"> 2486 <div class="col-12"> 2487 <div class="match-card h-100"> 2488 <div class="league-name"> 2489 SPAIN LA LIGA </div> 2490 2491 <div class="kickoff-time"> 2492 October 10, 2026 â 19:00 WIB </div> 2493 2494 <div class="match-main-row"> 2495 <div class="team-col"> 2496 <img 2497 src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png" 2498 alt="Rayo Vallecano" 2499 class="team-logo" 2500 > 2501 <div class="team-name"> 2502 Rayo Vallecano </div> 2503 </div> 2504 2505 <div class="score-col"> 2506 <div class="score-value"> 2507 0 : 0 </div> 2508 2509 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')"> 2510 BET NOW 2511 </a> 2512 </div> 2513 2514 <div class="team-col"> 2515 <img 2516 src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png" 2517 alt="Athletic Bilbao" 2518 class="team-logo" 2519 > 2520 <div class="team-name"> 2521 Athletic Bilbao </div> 2522 </div> 2523 </div> 2524 2525 <div class="match-odds-row"> 2526 <div class="odds-col">
2527 <span> 2528 0.00 <small>0.98</small> 2529 </span> 2530 </div> 2531 2532 <div class="odds-spacer"></div> 2533 2534 <div class="odds-col"> 2535 <span> 2536 0.00 <small>0.92</small> 2537 </span> 2538 </div> 2539 </div> 2540 </div> 2541 </div> 2542 </div> 2543 </div> 2544 <div class="carousel-item "> 2545 <div class="row g-3"> 2546 <div class="col-12"> 2547 <div class="match-card h-100"> 2548 <div class="league-name"> 2549 ENGLISH PREMIER LEAGUE </div> 2550 2551 <div class="kickoff-time"> 2552 October 11, 2026 â 22:30 WIB </div> 2553 2554 <div class="match-main-row"> 2555 <div class="team-col"> 2556 <img 2557 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 2558 alt="Liverpool" 2559 class="team-logo" 2560 > 2561 <div class="team-name"> 2562 Liverpool </div> 2563 </div> 2564 2565 <div class="score-col"> 2566 <div class="score-value"> 2567 0 : 0 </div> 2568 2569 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 2570 BET NOW 2571 </a> 2572 </div> 2573 2574 <div class="team-col"> 2575 <img 2576 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 2577 alt="Manchester City" 2578 class="team-logo" 2579 > 2580 <div class="team-name"> 2581 Manchester City </div> 2582 </div> 2583 </div> 2584 2585 <div class="match-odds-row"> 2586 <div class="odds-col">
2587 <span> 2588 0.00 <small>-0.83</small> 2589 </span> 2590 </div> 2591 2592 <div class="odds-spacer"></div> 2593 2594 <div class="odds-col"> 2595 <span> 2596 0.00 <small>0.73</small> 2597 </span> 2598 </div> 2599 </div> 2600 </div> 2601 </div> 2602 </div> 2603 </div> 2604 </div> 2605 2606 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev"> 2607 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 2608 <span class="visually-hidden">Previous</span> 2609 </button> 2610 2611 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next"> 2612 <span class="carousel-control-next-icon" aria-hidden="true"></span> 2613 <span class="visually-hidden">Next</span> 2614 </button> 2615 </div> 2616 </div> 2617 </div> 2618 <!-- BANNER SBO MOBILE END --> 2619 2620 2621 <!-- Togel --> 2622 2623 <style> 2624 .togel-desktop { 2625 /*background: var(--togel-background);*/ 2626 background: var(--footer-background); 2627 grid-area: togel-desktop; 2628 position: relative; 2629 } 2630 2631 .togel-mobile { 2632 display: none; 2633 } 2634 2635 .show-more { 2636 position: absolute; 2637 2638 z-index: 999; 2639 bottom: 0px; 2640 width: 100%; 2641 2642 /* 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)); */ 2643 } 2644 2645 .show-more-content { 2646 background: var(--secondary-background); 2647 opacity: .7; 2648 display: grid; 2649 place-items: center; 2650 height: 32px 2651 } 2652 2653 .togel-content { 2654 position: relative; 2655 display: flex; 2656 flex-wrap: wrap; 2657 justify-content: center; 2658 /*display: grid;*/ 2659 /*grid-template-columns: repeat(10, 1fr);*/ 2660 gap: 8px 4px; 2661 padding: 16px 0; 2662 } 2663 2664 .see-more { 2665 padding: 16px 0 48px 0; 2666 max-height: 162px; 2667 transition: max-height .75s ease-out; 2668 transition-delay: .1s; 2669 overflow: hidden; 2670 } 2671 2672 .togel-content:hover{ 2673 max-height: 1000px; 2674 transition: max-height 0.25s ease-in; 2675 } 2676 2677 .result { 2678 height: 110px; 2679 width: 96px; 2680 border-radius: 10px; 2681 background: var(--result-background); 2682 border: var(--result-border); 2683 2684 display: grid; 2685 grid-template-rows: 0px 20px 1fr 28px; 2686 grid-template-areas: 2687 "badge" 2688 "pasaran" 2689 "keluaran" 2690 "tanggal" 2691 ; 2692 2693 /* display: flex; 2694 flex-direction: column; 2695 justify-content: space-between; */ 2696 2697 overflow: hidden; 2698 } 2699 2700 .badge { 2701 grid-area: badge; 2702 display: grid; 2703 place-items: center; 2704 } 2705 2706 .result>.pasaran { 2707 2708 grid-area: pasaran; 2709 2710 padding-top: 8px; 2711 white-space: nowrap; 2712 font-size: .7rem; 2713 line-height: .7rem; 2714 2715 color: var(--result-pasaran-color); 2716 display: grid; 2717 place-items: center; 2718 } 2719 2720 .result>.keluaran { 2721 2722 grid-area: keluaran; 2723 padding-bottom: 8px; 2724 font-family: 'Oswald', sans-serif; 2725 line-height: 40px; 2726 font-size: 40px; 2727 color: var(--result-keluaran-color); 2728 display: grid; 2729 place-items: center; 2730 } 2731 2732 .result>.tanggal { 2733 2734 grid-area: tanggal; 2735 2736 width: 100%; 2737 height: 100%; 2738 /* background: rgb(40,0,0); 2739 background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ 2740 background: var(--result-tanggal-background); 2741 white-space: nowarp; 2742 font-size: .79rem; 2743 display: grid; 2744 place-items: center; 2745 font-family: 'Abel', sans-serif; 2746 color: var(--result-tanggal-color); 2747 } 2748 2749 @media only screen and (max-width: 1000px) { 2750 2751 .togel-desktop { 2752 display: none; 2753 } 2754 2755 .togel-mobile { 2756 2757 background: var(--secondary-background); 2758 grid-area: togel-mobile; 2759 padding: 24px; 2760 padding-bottom: 12px; 2761 box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; 2762 } 2763 2764 .togel-title { 2765 padding: 0px; 2766 padding-bottom: 20px; 2767 font-size: 1.4rem; 2768 font-weight: bold; 2769 color: var(--primary-text-color); 2770 } 2771 2772 .togel-content { 2773 max-height: fit-content; 2774 display: grid; 2775 grid-template-columns: 1fr; 2776 gap: 0; 2777 border-radius: 8px; 2778 } 2779 2780 2781 2782 .provider-group { 2783 padding: var(--mobile-padding-horizontal); 2784 } 2785 2786 .badge { 2787 display: none; 2788 } 2789 2790 .result { 2791 height: auto; 2792 width: 100%; 2793 display: grid; 2794 grid-template-rows: 1fr; 2795 grid-template-columns: 1fr 1fr 80px; 2796 grid-template-areas: "pasaran tanggal keluaran"; 2797 border-radius: 0; 2798 border: none; 2799 background: transparent; 2800 padding: 4px 12px; 2801 color: var(--primary-text-color); 2802 font-family: 'Abel', sans-serif; 2803 2804 } 2805 2806 2807 .result-data:nth-child(odd) { 2808 background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background); 2809 } 2810 2811 2812 .accordion-item { 2813 background-color: transparent; 2814 border: 0px; 2815 } 2816 2817 .accordion-button:not(.collapsed) { 2818 color: inherit; 2819 background-color: transparent; 2820 box-shadow: none; 2821 } 2822 2823 .accordion-button::after { 2824 height: 0px; 2825 } 2826 2827 .result>* { 2828 padding: 0px!important; 2829 margin: 0px!important; 2830 font-size: 1.4rem!important; 2831 line-height: auto!important; 2832 font-weight: normal!important; 2833 } 2834 2835 .result>.pasaran { 2836 display: flex; 2837 justify-content: start; 2838 color: var(--primary-text-color)!important; 2839 opacity: .7; 2840 } 2841 2842 .result>.tanggal { 2843 display: flex; 2844 justify-content: center; 2845 background: transparent; 2846 color: var(--primary-text-color)!important; 2847 opacity: .7; 2848 } 2849 2850 .result>.keluaran { 2851 display: flex; 2852 justify-content: end; 2853 /*color: var(--primary-text-color)!important;*/ 2854 font-family: 'Abel', sans-serif; 2855 color: var(--highlight-text-color); 2856 } 2857 2858 } 2859 </style> 2860 2861 2862 2863 <div id="togel-desktop" class="togel-desktop desktop-only"> 2864 2865 <div class="show-more desktop-only"> 2866 <div class="show-more-content"> 2867 <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i> 2868 </div> 2869 </div> 2870 2871 2872 2873 <div class="togel-content see-more"> 2874 <!-- <a href="/?content=hasil&pid=MAD" class="result"> --> 2875 <a href="/hasil/MAD" class="result"> 2876 2877 <div class="badge"> 2878 </div> 2879 2880 <div class="pasaran">MADRID </div> 2881 <div class="keluaran">9142</div> 2882 <div class="tanggal"> 10/10/2026</div> 2883 </a> 2884 <!-- <a href="/?content=hasil&pid=TOK" class="result"> --> 2885 <a href="/hasil/TOK" class="result"> 2886 2887 <div class="badge"> 2888 </div> 2889 2890 <div class="pasaran">TOKYO </div> 2891 <div class="keluaran">7699</div> 2892 <div class="tanggal"> 9/10/2026</div> 2893 </a> 2894 <!-- <a href="/?content=hasil&pid=OSA" class="result"> --> 2895 <a href="/hasil/OSA" class="result"> 2896 2897 <div class="badge"> 2898 </div> 2899 2900 <div class="pasaran">OSAKA </div> 2901 <div class="keluaran">4658</div> 2902 <div class="tanggal"> 9/10/2026</div> 2903 </a> 2904 <!-- <a href="/?content=hasil&pid=SHA" class="result"> --> 2905 <a href="/hasil/SHA" class="result"> 2906 2907 <div class="badge"> 2908 </div> 2909 2910 <div class="pasaran">SHANGHAI </div> 2911 <div class="keluaran">8107</div> 2912 <div class="tanggal"> 9/10/2026</div> 2913 </a> 2914 <!-- <a href="/?content=hasil&pid=SG" class="result"> --> 2915 <a href="/hasil/SG" class="result"> 2916 2917 <div class="badge"> 2918 </div> 2919 2920 <div class="pasaran">SINGAPORE </div> 2921 <div class="keluaran">2855</div> 2922 <div class="tanggal"> 8/10/2026</div> 2923 </a> 2924 <!-- <a href="/?content=hasil&pid=PHU" class="result"> --> 2925 <a href="/hasil/PHU" class="result"> 2926 2927 <div class="badge"> 2928 </div> 2929 2930 <div class="pasaran">PHUKET4D </div> 2931 <div class="keluaran">9836</div> 2932 <div class="tanggal"> 9/10/2026</div> 2933 </a> 2934 <!-- <a href="/?content=hasil&pid=LON" class="result"> --> 2935 <a href="/hasil/LON" class="result"> 2936 2937 <div class="badge"> 2938 </div> 2939 2940 <div class="pasaran">LONDON </div> 2941 <div class="keluaran">5273</div> 2942 <div class="tanggal"> 9/10/2026</div> 2943 </a> 2944 <!-- <a href="/?content=hasil&pid=DUB" class="result"> --> 2945 <a href="/hasil/DUB" class="result"> 2946 2947 <div class="badge"> 2948 </div> 2949 2950 <div class="pasaran">DUBAI </div> 2951 <div class="keluaran">1594</div> 2952 <div class="tanggal"> 9/10/2026</div> 2953 </a> 2954 <!-- <a href="/?content=hasil&pid=TWH" class="result"> --> 2955 <a href="/hasil/TWH" class="result"> 2956 2957 <div class="badge"> 2958 </div> 2959 2960 <div class="pasaran">
2960TOTO WUHAN </div> 2961 <div class="keluaran">6536</div> 2962 <div class="tanggal"> 10/10/2026</div> 2963 </a> 2964 <!-- <a href="/?content=hasil&pid=HKD" class="result"> --> 2965 <a href="/hasil/HKD" class="result"> 2966 2967 <div class="badge"> 2968 </div> 2969 2970 <div class="pasaran">HK SIANG </div> 2971 <div class="keluaran">3738</div> 2972 <div class="tanggal"> 9/10/2026</div> 2973 </a> 2974 <!-- <a href="/?content=hasil&pid=MY" class="result"> --> 2975 <a href="/hasil/MY" class="result"> 2976 2977 <div class="badge"> 2978 </div> 2979 2980 <div class="pasaran">MALAYSIA </div> 2981 <div class="keluaran">6034</div> 2982 <div class="tanggal"> 9/10/2026</div> 2983 </a> 2984 <!-- <a href="/?content=hasil&pid=TM000" class="result"> --> 2985 <a href="/hasil/TM000" class="result"> 2986 2987 <div class="badge"> 2988 </div> 2989 2990 <div class="pasaran">TOTOMACAU 0000 </div> 2991 <div class="keluaran">1594</div> 2992 <div class="tanggal"> 10/10/2026</div> 2993 </a> 2994 <!-- <a href="/?content=hasil&pid=TM001" class="result"> --> 2995 <a href="/hasil/TM001" class="result"> 2996 2997 <div class="badge"> 2998 </div> 2999 3000 <div class="pasaran">TOTOMACAU 1300 </div> 3001 <div class="keluaran">2582</div> 3002 <div class="tanggal"> 9/10/2026</div> 3003 </a> 3004 <!-- <a href="/?content=hasil&pid=TM002" class="result"> --> 3005 <a href="/hasil/TM002" class="result"> 3006 3007 <div class="badge"> 3008 </div> 3009 3010 <div class="pasaran">TOTOMACAU 1600 </div> 3011 <div class="keluaran">1103</div> 3012 <div class="tanggal"> 9/10/2026</div> 3013 </a> 3014 <!-- <a href="/?content=hasil&pid=TM003" class="result"> --> 3015 <a href="/hasil/TM003" class="result"> 3016 3017 <div class="badge"> 3018 </div> 3019 3020 <div class="pasaran">TOTOMACAU 1900 </div> 3021 <div class="keluaran">8919</div> 3022 <div class="tanggal"> 9/10/2026</div> 3023 </a> 3024 <!-- <a href="/?content=hasil&pid=TM004" class="result"> --> 3025 <a href="/hasil/TM004" class="result"> 3026 3027 <div class="badge"> 3028 </div> 3029 3030 <div class="pasaran">TOTOMACAU 2200 </div> 3031 <div class="keluaran">6078</div> 3032 <div class="tanggal"> 9/10/2026</div> 3033 </a> 3034 <!-- <a href="/?content=hasil&pid=TM005" class="result"> --> 3035 <a href="/hasil/TM005" class="result"> 3036 3037 <div class="badge"> 3038 </div> 3039 3040 <div class="pasaran">TOTOMACAU 2300 </div> 3041 <div class="keluaran">6884</div> 3042 <div class="tanggal"> 9/10/2026</div> 3043 </a> 3044 3045 </div> 3046 </div> 3047 3048 <div id="togel-mobile" class="togel-mobile mobile-only"> 3049 3050 <div class="togel-title">Togel Result</div> 3051 3052 3053 <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px"> 3054 <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> 3055 3056 <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> 3057 <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button> 3058 3059 </div> 3060 <div class="carousel-inner"> 3061 3062 <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> 3063 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MAD"> 3064 <div class="badge"> 3065 </div> 3066 <div class="pasaran">MADRID </div> 3067 <div class="keluaran">9142</div> 3068 <div class="tanggal">10-10-2026</div> 3069 </button> 3070 <div id="paito-MAD" class="accordion-collapse collapse"> 3071 3072 <div class="result"> 3073 <div class="pasaran"></div> 3074 <div class="keluaran">1925</div> 3075 <div class="tanggal">09-10-2026</div> 3076 </div> 3077 3078 <div class="result"> 3079 <div class="pasaran"></div> 3080 <div class="keluaran">7066</div> 3081 <div class="tanggal">08-10-2026</div> 3082 </div> 3083 3084 <div class="result"> 3085 <div class="pasaran"></div> 3086 <div class="keluaran">0853</div> 3087 <div class="tanggal">07-10-2026</div> 3088 </div> 3089 3090 <div class="result"> 3091 <div class="pasaran"></div> 3092 <div class="keluaran">2642</div> 3093 <div class="tanggal">06-10-2026</div> 3094 </div> 3095 3096 <div class="result"> 3097 <div class="pasaran"></div> 3098 <div class="keluaran">3173</div> 3099 <div class="tanggal">05-10-2026</div> 3100 </div> 3101 3102 <div class="result"> 3103 <div class="pasaran"></div> 3104 <div class="keluaran">1088</div> 3105 <div class="tanggal">04-10-2026</div> 3106 </div> 3107 3108 <div class="result"> 3109 <div class="pasaran"></div> 3110 <div class="keluaran">5629</div> 3111 <div class="tanggal">03-10-2026</div> 3112 </div> 3113 </div> 3114 </div> 3115 3116 <div class="result-data accordion-item"> 3117 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TOK"> 3118 <div class="badge"> 3119 </div> 3120 <div class="pasaran">TOKYO </div> 3121 <div class="keluaran">7699</div> 3122 <div class="tanggal">09-10-2026</div> 3123 </button> 3124 <div id="paito-TOK" class="accordion-collapse collapse"> 3125 3126 <div class="result"> 3127 <div class="pasaran"></div> 3128 <div class="keluaran">0542</div> 3129 <div class="tanggal">08-10-2026</div> 3130 </div> 3131 3132 <div class="result"> 3133 <div class="pasaran"></div> 3134 <div class="keluaran">2481</div> 3135 <div class="tanggal">07-10-2026</div> 3136 </div> 3137 3138 <div class="result"> 3139 <div class="pasaran"></div> 3140 <div class="keluaran">6173</div> 3141 <div class="tanggal">06-10-2026</div> 3142 </div> 3143 3144 <div class="result"> 3145 <div class="pasaran"></div> 3146 <div class="keluaran">8530</div> 3147 <div class="tanggal">05-10-2026</div> 3148 </div> 3149 3150 <div class="result"> 3151 <div class="pasaran"></div> 3152 <div class="keluaran">6294</div> 3153 <div class="tanggal">04-10-2026</div> 3154 </div> 3155 3156 <div class="result"> 3157 <div class="pasaran"></div> 3158 <div class="keluaran">2948</div> 3159 <div class="tanggal">03-10-2026</div> 3160 </div> 3161 3162 <div class="result"> 3163 <div class="pasaran"></div> 3164 <div class="keluaran">0733</div> 3165 <div class="tanggal">02-10-2026</div> 3166 </div> 3167 </div> 3168 </div> 3169 3170 <div class="result-data accordion-item"> 3171 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-OSA"> 3172 <div class="badge"> 3173 </div> 3174 <div class="pasaran">OSAKA </div> 3175 <div class="keluaran">4658</div> 3176 <div class="tanggal">09-10-2026</div> 3177 </button> 3178 <div id="paito-OSA" class="accordion-collapse collapse"> 3179 3180 <div class="result"> 3181 <div class="pasaran"></div> 3182 <div class="keluaran">2375</div> 3183 <div class="tanggal">08-10-2026</div> 3184 </div> 3185 3186 <div class="result"> 3187 <div class="pasaran"></div> 3188 <div class="keluaran">9136</div> 3189 <div class="tanggal">07-10-2026</div> 3190 </div> 3191 3192 <div class="result"> 3193 <div class="pasaran"></div> 3194 <div class="keluaran">8259</div> 3195 <div class="tanggal">06-10-2026</div> 3196 </div> 3197 3198 <div class="result"> 3199 <div class="pasaran"></div> 3200 <div class="keluaran">4967</div> 3201 <div class="tanggal">05-10-2026</div> 3202 </div> 3203 3204 <div class="result"> 3205 <div class="pasaran"></div> 3206 <div class="keluaran">0721</div> 3207 <div class="tanggal">04-10-2026</div> 3208 </div> 3209 3210 <div class="result"> 3211 <div class="pasaran"></div> 3212 <div class="keluaran">1433</div> 3213 <div class="tanggal">03-10-2026</div> 3214 </div> 3215 3216 <div class="result"
3216> 3217 <div class="pasaran"></div> 3218 <div class="keluaran">6581</div> 3219 <div class="tanggal">02-10-2026</div> 3220 </div> 3221 </div> 3222 </div> 3223 3224 <div class="result-data accordion-item"> 3225 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SHA"> 3226 <div class="badge"> 3227 </div> 3228 <div class="pasaran">SHANGHAI </div> 3229 <div class="keluaran">8107</div> 3230 <div class="tanggal">09-10-2026</div> 3231 </button> 3232 <div id="paito-SHA" class="accordion-collapse collapse"> 3233 3234 <div class="result"> 3235 <div class="pasaran"></div> 3236 <div class="keluaran">6493</div> 3237 <div class="tanggal">08-10-2026</div> 3238 </div> 3239 3240 <div class="result"> 3241 <div class="pasaran"></div> 3242 <div class="keluaran">5218</div> 3243 <div class="tanggal">07-10-2026</div> 3244 </div> 3245 3246 <div class="result"> 3247 <div class="pasaran"></div> 3248 <div class="keluaran">9734</div> 3249 <div class="tanggal">06-10-2026</div> 3250 </div> 3251 3252 <div class="result"> 3253 <div class="pasaran"></div> 3254 <div class="keluaran">0615</div> 3255 <div class="tanggal">05-10-2026</div> 3256 </div> 3257 3258 <div class="result"> 3259 <div class="pasaran"></div> 3260 <div class="keluaran">3442</div> 3261 <div class="tanggal">04-10-2026</div> 3262 </div> 3263 3264 <div class="result"> 3265 <div class="pasaran"></div> 3266 <div class="keluaran">7869</div> 3267 <div class="tanggal">03-10-2026</div> 3268 </div> 3269 3270 <div class="result"> 3271 <div class="pasaran"></div> 3272 <div class="keluaran">4520</div> 3273 <div class="tanggal">02-10-2026</div> 3274 </div> 3275 </div> 3276 </div> 3277 3278 <div class="result-data accordion-item"> 3279 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> 3280 <div class="badge"> 3281 </div> 3282 <div class="pasaran">SINGAPORE </div> 3283 <div class="keluaran">2855</div> 3284 <div class="tanggal">08-10-2026</div> 3285 </button> 3286 <div id="paito-SG" class="accordion-collapse collapse"> 3287 3288 <div class="result"> 3289 <div class="pasaran"></div> 3290 <div class="keluaran">9838</div> 3291 <div class="tanggal">07-10-2026</div> 3292 </div> 3293 3294 <div class="result"> 3295 <div class="pasaran"></div> 3296 <div class="keluaran">3897</div> 3297 <div class="tanggal">05-10-2026</div> 3298 </div> 3299 3300 <div class="result"> 3301 <div class="pasaran"></div> 3302 <div class="keluaran">2812</div> 3303 <div class="tanggal">04-10-2026</div> 3304 </div> 3305 3306 <div class="result"> 3307 <div class="pasaran"></div> 3308 <div class="keluaran">3670</div> 3309 <div class="tanggal">03-10-2026</div> 3310 </div> 3311 3312 <div class="result"> 3313 <div class="pasaran"></div> 3314 <div class="keluaran">9006</div> 3315 <div class="tanggal">01-10-2026</div> 3316 </div> 3317 3318 <div class="result"> 3319 <div class="pasaran"></div> 3320 <div class="keluaran">3096</div> 3321 <div class="tanggal">30-09-2026</div> 3322 </div> 3323 3324 <div class="result"> 3325 <div class="pasaran"></div> 3326 <div class="keluaran">7185</div> 3327 <div class="tanggal">28-09-2026</div> 3328 </div> 3329 </div> 3330 </div> 3331 3332 <div class="result-data accordion-item"> 3333 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-PHU"> 3334 <div class="badge"> 3335 </div> 3336 <div class="pasaran">PHUKET4D </div> 3337 <div class="keluaran">9836</div> 3338 <div class="tanggal">09-10-2026</div> 3339 </button> 3340 <div id="paito-PHU" class="accordion-collapse collapse"> 3341 3342 <div class="result"> 3343 <div class="pasaran"></div> 3344 <div class="keluaran">8127</div> 3345 <div class="tanggal">08-10-2026</div> 3346 </div> 3347 3348 <div class="result"> 3349 <div class="pasaran"></div> 3350 <div class="keluaran">6345</div> 3351 <div class="tanggal">07-10-2026</div> 3352 </div> 3353 3354 <div class="result"> 3355 <div class="pasaran"></div> 3356 <div class="keluaran">0257</div> 3357 <div class="tanggal">06-10-2026</div> 3358 </div> 3359 3360 <div class="result"> 3361 <div class="pasaran"></div> 3362 <div class="keluaran">7611</div> 3363 <div class="tanggal">05-10-2026</div> 3364 </div> 3365 3366 <div class="result"> 3367 <div class="pasaran"></div> 3368 <div class="keluaran">9587</div> 3369 <div class="tanggal">04-10-2026</div> 3370 </div> 3371 3372 <div class="result"> 3373 <div class="pasaran"></div> 3374 <div class="keluaran">4053</div> 3375 <div class="tanggal">03-10-2026</div> 3376 </div> 3377 3378 <div class="result"> 3379 <div class="pasaran"></div> 3380 <div class="keluaran">1968</div> 3381 <div class="tanggal">02-10-2026</div> 3382 </div> 3383 </div> 3384 </div> 3385 3386 <div class="result-data accordion-item"> 3387 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-LON"> 3388 <div class="badge"> 3389 </div> 3390 <div class="pasaran">LONDON </div> 3391 <div class="keluaran">5273</div> 3392 <div class="tanggal">09-10-2026</div> 3393 </button> 3394 <div id="paito-LON" class="accordion-collapse collapse"> 3395 3396 <div class="result"> 3397 <div class="pasaran"></div> 3398 <div class="keluaran">1931</div> 3399 <div class="tanggal">08-10-2026</div> 3400 </div> 3401 3402 <div class="result"> 3403 <div class="pasaran"></div> 3404 <div class="keluaran">4710</div> 3405 <div class="tanggal">07-10-2026</div> 3406 </div> 3407 3408 <div class="result"> 3409 <div class="pasaran"></div> 3410 <div class="keluaran">9182</div> 3411 <div class="tanggal">06-10-2026</div> 3412 </div> 3413 3414 <div class="result"> 3415 <div class="pasaran"></div> 3416 <div class="keluaran">5268</div> 3417 <div class="tanggal">05-10-2026</div> 3418 </div> 3419 3420 <div class="result"> 3421 <div class="pasaran"></div> 3422 <div class="keluaran">1409</div> 3423 <div class="tanggal">04-10-2026</div> 3424 </div> 3425 3426 <div class="result"> 3427 <div class="pasaran"></div> 3428 <div class="keluaran">8628</div> 3429 <div class="tanggal">03-10-2026</div> 3430 </div> 3431 3432 <div class="result"> 3433 <div class="pasaran"></div> 3434 <div class="keluaran">5309</div> 3435 <div class="tanggal">02-10-2026</div> 3436 </div> 3437 </div> 3438 </div> 3439 3440
3440 <div class="result-data accordion-item"> 3441 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-DUB"> 3442 <div class="badge"> 3443 </div> 3444 <div class="pasaran">DUBAI </div> 3445 <div class="keluaran">1594</div> 3446 <div class="tanggal">09-10-2026</div> 3447 </button> 3448 <div id="paito-DUB" class="accordion-collapse collapse"> 3449 3450 <div class="result"> 3451 <div class="pasaran"></div> 3452 <div class="keluaran">4063</div> 3453 <div class="tanggal">08-10-2026</div> 3454 </div> 3455 3456 <div class="result"> 3457 <div class="pasaran"></div> 3458 <div class="keluaran">2917</div> 3459 <div class="tanggal">07-10-2026</div> 3460 </div> 3461 3462 <div class="result"> 3463 <div class="pasaran"></div> 3464 <div class="keluaran">6399</div> 3465 <div class="tanggal">06-10-2026</div> 3466 </div> 3467 3468 <div class="result"> 3469 <div class="pasaran"></div> 3470 <div class="keluaran">1450</div> 3471 <div class="tanggal">05-10-2026</div> 3472 </div> 3473 3474 <div class="result"> 3475 <div class="pasaran"></div> 3476 <div class="keluaran">8293</div> 3477 <div class="tanggal">04-10-2026</div> 3478 </div> 3479 3480 <div class="result"> 3481 <div class="pasaran"></div> 3482 <div class="keluaran">6179</div> 3483 <div class="tanggal">03-10-2026</div> 3484 </div> 3485 3486 <div class="result"> 3487 <div class="pasaran"></div> 3488 <div class="keluaran">3541</div> 3489 <div class="tanggal">02-10-2026</div> 3490 </div> 3491 </div> 3492 </div> 3493 3494 <div class="result-data accordion-item"> 3495 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> 3496 <div class="badge"> 3497 </div> 3498 <div class="pasaran">
3498TOTO WUHAN </div> 3499 <div class="keluaran">6536</div> 3500 <div class="tanggal">10-10-2026</div> 3501 </button> 3502 <div id="paito-TWH" class="accordion-collapse collapse"> 3503 3504 <div class="result"> 3505 <div class="pasaran"></div> 3506 <div class="keluaran">9250</div> 3507 <div class="tanggal">09-10-2026</div> 3508 </div> 3509 3510 <div class="result"> 3511 <div class="pasaran"></div> 3512 <div class="keluaran">4208</div> 3513 <div class="tanggal">09-10-2026</div> 3514 </div> 3515 3516 <div class="result"> 3517 <div class="pasaran"></div> 3518 <div class="keluaran">6154</div> 3519 <div class="tanggal">09-10-2026</div> 3520 </div> 3521 3522 <div class="result"> 3523 <div class="pasaran"></div> 3524 <div class="keluaran">3312</div> 3525 <div class="tanggal">09-10-2026</div> 3526 </div> 3527 3528 <div class="result"> 3529 <div class="pasaran"></div> 3530 <div class="keluaran">4840</div> 3531 <div class="tanggal">09-10-2026</div> 3532 </div> 3533 3534 <div class="result"> 3535 <div class="pasaran"></div> 3536 <div class="keluaran">6631</div> 3537 <div class="tanggal">09-10-2026</div> 3538 </div> 3539 3540 <div class="result"> 3541 <div class="pasaran"></div> 3542 <div class="keluaran">1674</div> 3543 <div class="tanggal">08-10-2026</div> 3544 </div> 3545 </div> 3546 </div> 3547 3548 <div class="result-data accordion-item"> 3549 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD"> 3550 <div class="badge"> 3551 </div> 3552 <div class="pasaran">HK SIANG </div> 3553 <div class="keluaran">3738</div> 3554 <div class="tanggal">09-10-2026</div> 3555 </button> 3556 <div id="paito-HKD" class="accordion-collapse collapse"> 3557 3558 <div class="result"> 3559 <div class="pasaran"></div> 3560 <div class="keluaran">1257</div> 3561 <div class="tanggal">08-10-2026</div> 3562 </div> 3563 3564 <div class="result"> 3565 <div class="pasaran"></div> 3566 <div class="keluaran">6727</div> 3567 <div class="tanggal">07-10-2026</div> 3568 </div> 3569 3570 <div class="result"> 3571 <div class="pasaran"></div> 3572 <div class="keluaran">4776</div> 3573 <div class="tanggal">06-10-2026</div> 3574 </div> 3575 3576 <div class="result"> 3577 <div class="pasaran"></div> 3578 <div class="keluaran">0870</div> 3579 <div class="tanggal">05-10-2026</div> 3580 </div> 3581 3582 <div class="result"> 3583 <div class="pasaran"></div> 3584 <div class="keluaran">3772</div> 3585 <div class="tanggal">04-10-2026</div> 3586 </div> 3587 3588 <div class="result"> 3589 <div class="pasaran"></div> 3590 <div class="keluaran">0546</div> 3591 <div class="tanggal">03-10-2026</div> 3592 </div> 3593 3594 <div class="result"> 3595 <div class="pasaran"></div> 3596 <div class="keluaran">7631</div> 3597 <div class="tanggal">02-10-2026</div> 3598 </div> 3599 </div> 3600 </div> 3601 3602 </div><div class='carousel-item accordion accordion-flush'> <div class="result-data accordion-item"> 3603 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY"> 3604 <div class="badge"> 3605 </div> 3606 <div class="pasaran">MALAYSIA </div> 3607 <div class="keluaran">6034</div> 3608 <div class="tanggal">09-10-2026</div> 3609 </button> 3610 <div id="paito-MY" class="accordion-collapse collapse"> 3611 3612 <div class="result"> 3613 <div class="pasaran"></div> 3614 <div class="keluaran">2991</div> 3615 <div class="tanggal">08-10-2026</div> 3616 </div> 3617 3618 <div class="result"> 3619 <div class="pasaran"></div> 3620 <div class="keluaran">3932</div> 3621 <div class="tanggal">07-10-2026</div> 3622 </div> 3623 3624 <div class="result"> 3625 <div class="pasaran"></div> 3626 <div class="keluaran">4883</div> 3627 <div class="tanggal">06-10-2026</div> 3628 </div> 3629 3630 <div class="result"> 3631 <div class="pasaran"></div> 3632 <div class="keluaran">4639</div> 3633 <div class="tanggal">05-10-2026</div> 3634 </div> 3635 3636 <div class="result"> 3637 <div class="pasaran"></div> 3638 <div class="keluaran">4920</div> 3639 <div class="tanggal">04-10-2026</div> 3640 </div> 3641 3642 <div class="result"> 3643 <div class="pasaran"></div> 3644 <div class="keluaran">8849</div> 3645 <div class="tanggal">03-10-2026</div> 3646 </div> 3647 3648 <div class="result"> 3649 <div class="pasaran"></div> 3650 <div class="keluaran">
36507141</div> 3651 <div class="tanggal">02-10-2026</div> 3652 </div> 3653 </div> 3654 </div> 3655 3656 <div class="result-data accordion-item"> 3657 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TM000"> 3658 <div class="badge"> 3659 </div> 3660 <div class="pasaran">TOTOMACAU 0000 </div> 3661 <div class="keluaran">1594</div> 3662 <div class="tanggal">10-10-2026</div> 3663 </button> 3664 <div id="paito-TM000" class="accordion-collapse collapse"> 3665 3666 <div class="result"> 3667 <div class="pasaran"></div> 3668 <div class="keluaran">2412</div> 3669 <div class="tanggal">09-10-2026</div> 3670 </div> 3671 3672 <div class="result"> 3673 <div class="pasaran"></div> 3674 <div class="keluaran">7036</div> 3675 <div class="tanggal">08-10-2026</div> 3676 </div> 3677 3678 <div class="result"> 3679 <div class="pasaran"></div> 3680 <div class="keluaran">1825</div> 3681 <div class="tanggal">07-10-2026</div> 3682 </div> 3683 3684 <div class="result"> 3685 <div class="pasaran"></div> 3686 <div class="keluaran">1791</div> 3687 <div class="tanggal">06-10-2026</div> 3688 </div> 3689 3690 <div class="result"> 3691 <div class="pasaran"></div> 3692 <div class="keluaran">2360</div> 3693 <div class="tanggal">05-10-2026</div> 3694 </div> 3695 3696 <div class="result"> 3697 <div class="pasaran"></div> 3698 <div class="keluaran">0422</div> 3699 <div class="tanggal">04-10-2026</div> 3700 </div> 3701 3702 <div class="result"> 3703 <div class="pasaran"></div> 3704 <div class="keluaran">0437</div> 3705 <div class="tanggal">03-10-2026</div> 3706 </div> 3707 </div> 3708 </div> 3709 3710 <div class="result-data accordion-item"> 3711 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TM001"> 3712 <div class="badge"> 3713 </div> 3714 <div class="pasaran">TOTOMACAU 1300 </div> 3715 <div class="keluaran">2582</div> 3716 <div class="tanggal">09-10-2026</div> 3717 </button> 3718 <div id="paito-TM001" class="accordion-collapse collapse"> 3719 3720 <div class="result"> 3721 <div class="pasaran"></div> 3722 <div class="keluaran">4518</div> 3723 <div class="tanggal">08-10-2026</div> 3724 </div> 3725 3726 <div class="result"> 3727 <div class="pasaran"></div> 3728 <div class="keluaran">2492</div> 3729 <div class="tanggal">07-10-2026</div> 3730 </div> 3731 3732 <div class="result"> 3733 <div class="pasaran"></div> 3734 <div class="keluaran">5625</div> 3735 <div class="tanggal">06-10-2026</div> 3736 </div> 3737 3738 <div class="result"> 3739 <div class="pasaran"></div> 3740 <div class="keluaran">6520</div> 3741 <div class="tanggal">05-10-2026</div> 3742 </div> 3743 3744 <div class="result"> 3745 <div class="pasaran"></div> 3746 <div class="keluaran">9711</div> 3747 <div class="tanggal">04-10-2026</div> 3748 </div> 3749 3750 <div class="result"> 3751 <div class="pasaran"></div> 3752 <div class="keluaran">9180</div> 3753 <div class="tanggal">03-10-2026</div> 3754 </div> 3755 3756 <div class="result"> 3757 <div class="pasaran"></div> 3758 <div class="keluaran">2811</div> 3759 <div class="tanggal">02-10-2026</div> 3760 </div> 3761 </div> 3762 </div> 3763 3764 <div class="result-data accordion-item"> 3765 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TM002"> 3766 <div class="badge"> 3767 </div> 3768 <div class="pasaran">TOTOMACAU 1600 </div> 3769 <div class="keluaran">1103</div> 3770 <div class="tanggal">09-10-2026</div> 3771 </button> 3772 <div id="paito-TM002" class="accordion-collapse collapse"> 3773 3774 <div class="result"> 3775 <div class="pasaran"></div> 3776 <div class="keluaran">6360</div> 3777 <div class="tanggal">08-10-2026</div> 3778 </div> 3779 3780 <div class="result"> 3781 <div class="pasaran"></div> 3782 <div class="keluaran">9210</div> 3783 <div class="tanggal">07-10-2026</div> 3784 </div> 3785 3786 <div class="result"> 3787 <div class="pasaran"></div> 3788 <div class="keluaran">2371</div> 3789 <div class="tanggal">06-10-2026</div> 3790 </div> 3791 3792 <div class="result"> 3793 <div class="pasaran"></div> 3794 <div class="keluaran">2786</div> 3795 <div class="tanggal">05-10-2026</div> 3796 </div> 3797 3798 <div class="result"> 3799 <div class="pasaran"></div> 3800 <div class="keluaran">6416</div> 3801 <div class="tanggal">04-10-2026</div> 3802 </div> 3803 3804 <div class="result"> 3805 <div class="pasaran"></div> 3806 <div class="keluaran">1710</div> 3807 <div class="tanggal">03-10-2026</div> 3808 </div> 3809 3810 <div class="result"> 3811 <div class="pasaran"></div> 3812 <div class="keluaran">2964</div> 3813 <div class="tanggal">02-10-2026</div> 3814 </div> 3815 </div> 3816 </div> 3817 3818 <div class="result-data accordion-item"> 3819 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TM003"> 3820 <div class="badge"> 3821 </div> 3822 <div class="pasaran">TOTOMACAU 1900 </div> 3823 <div class="keluaran">8919</div> 3824 <div class="tanggal">09-10-2026</div> 3825 </button> 3826 <div id="paito-TM003" class="accordion-collapse collapse"> 3827 3828 <div class="result"> 3829 <div class="pasaran"></div> 3830 <div class="keluaran">2144</div> 3831 <div class="tanggal">08-10-2026</div> 3832 </div> 3833 3834 <div class="result"> 3835 <div class="pasaran"></div> 3836 <div class="keluaran">3508</div> 3837 <div class="tanggal">07-10-2026</div> 3838 </div> 3839 3840 <div class="result"> 3841 <div class="pasaran"></div> 3842 <div class="keluaran">3021</div> 3843 <div class="tanggal">06-10-2026</div> 3844 </div> 3845 3846 <div class="result"> 3847 <div class="pasaran"></div> 3848 <div class="keluaran">0996</div> 3849 <div class="tanggal">05-10-2026</div> 3850 </div> 3851 3852 <div class="result"> 3853 <div class="pasaran"></div> 3854 <div class="keluaran">0166</div> 3855 <div class="tanggal">04-10-2026</div> 3856 </div> 3857 3858 <div class="result"> 3859 <div class="pasaran"></div> 3860 <div class="keluaran">9946</div> 3861 <div class="tanggal">03-10-2026</div> 3862 </div> 3863 3864 <div class="result"> 3865 <div class="pasaran"></div> 3866 <div class="keluaran">9822</div> 3867 <div class="tanggal">02-10-2026</div> 3868 </div> 3869 </div> 3870 </div> 3871 3872 <div class="result-data accordion-item"> 3873 <button class="result acc
3873ordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TM004"> 3874 <div class="badge"> 3875 </div> 3876 <div class="pasaran">TOTOMACAU 2200 </div> 3877 <div class="keluaran">6078</div> 3878 <div class="tanggal">09-10-2026</div> 3879 </button> 3880 <div id="paito-TM004" class="accordion-collapse collapse"> 3881 3882 <div class="result"> 3883 <div class="pasaran"></div> 3884 <div class="keluaran">0522</div> 3885 <div class="tanggal">08-10-2026</div> 3886 </div> 3887 3888 <div class="result"> 3889 <div class="pasaran"></div> 3890 <div class="keluaran">9798</div> 3891 <div class="tanggal">07-10-2026</div> 3892 </div> 3893 3894 <div class="result"> 3895 <div class="pasaran"></div> 3896 <div class="keluaran">1928</div> 3897 <div class="tanggal">06-10-2026</div> 3898 </div> 3899 3900 <div class="result"> 3901 <div class="pasaran"></div> 3902 <div class="keluaran">5522</div> 3903 <div class="tanggal">05-10-2026</div> 3904 </div> 3905 3906 <div class="result"> 3907 <div class="pasaran"></div> 3908 <div class="keluaran">6057</div> 3909 <div class="tanggal">04-10-2026</div> 3910 </div> 3911 3912 <div class="result"> 3913 <div class="pasaran"></div> 3914 <div class="keluaran">5488</div> 3915 <div class="tanggal">03-10-2026</div> 3916 </div> 3917 3918 <div class="result"> 3919 <div class="pasaran"></div> 3920 <div class="keluaran">4574</div> 3921 <div class="tanggal">02-10-2026</div> 3922 </div> 3923 </div> 3924 </div> 3925 3926 <div class="result-data accordion-item"> 3927 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TM005"> 3928 <div class="badge"> 3929 </div> 3930 <div class="pasaran">TOTOMACAU 2300 </div> 3931 <div class="keluaran">6884</div> 3932 <div class="tanggal">09-10-2026</div> 3933 </button> 3934 <div id="paito-TM005" class="accordion-collapse collapse"> 3935 3936 <div class="result"> 3937 <div class="pasaran"></div> 3938 <div class="keluaran">5747</div> 3939 <div class="tanggal">08-10-2026</div> 3940 </div> 3941 3942 <div class="result"> 3943 <div class="pasaran"></div> 3944 <div class="keluaran">1034</div> 3945 <div class="tanggal">07-10-2026</div> 3946 </div> 3947 3948 <div class="result"> 3949 <div class="pasaran"></div> 3950 <div class="keluaran">0578</div> 3951 <div class="tanggal">06-10-2026</div> 3952 </div> 3953 3954 <div class="result"> 3955 <div class="pasaran"></div> 3956 <div class="keluaran">6474</div> 3957 <div class="tanggal">05-10-2026</div> 3958 </div> 3959 3960 <div class="result"> 3961 <div class="pasaran"></div> 3962 <div class="keluaran">2233</div> 3963 <div class="tanggal">04-10-2026</div> 3964 </div> 3965 3966 <div class="result"> 3967 <div class="pasaran"></div> 3968 <div class="keluaran">4413</div> 3969 <div class="tanggal">03-10-2026</div> 3970 </div> 3971 3972 <div class="result"> 3973 <div class="pasaran"></div> 3974 <div class="keluaran">9822</div> 3975 <div class="tanggal">02-10-2026</div> 3976 </div> 3977 </div> 3978 </div> 3979 3980 </div> 3981 3982 </div> 3983 </div> 3984 </div> 3985 3986
3986<script> 3987 3988 function togglePaito(paitoid) { 3989 let paito = document.getElementById(paitoid); 3990 paito.classList.add("open"); 3991 } 3992 3993 3994 </script>
3994 3995 3996 <div class="transaksi p-0 py-lg-4"> 3997 <div class="d-none d-lg-block"> 3998 <!-- BANNER SBO DESKTOP --> 3999 <div class="match-slider-wrap"> 4000 <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 4001 4002 <div class="carousel-indicators"> 4003 <button 4004 type="button" 4005 data-bs-target="#sboMatchCarouselDesktop" 4006 data-bs-slide-to="0" 4007 class="active" 4008 aria-current="true" aria-label="Slide 1"> 4009 </button> 4010 <button 4011 type="button" 4012 data-bs-target="#sboMatchCarouselDesktop" 4013 data-bs-slide-to="1" 4014 class="" 4015 aria-label="Slide 2"> 4016 </button> 4017 <button 4018 type="button" 4019 data-bs-target="#sboMatchCarouselDesktop" 4020 data-bs-slide-to="2" 4021 class="" 4022 aria-label="Slide 3"> 4023 </button> 4024 <button 4025 type="button" 4026 data-bs-target="#sboMatchCarouselDesktop" 4027 data-bs-slide-to="3" 4028 class="" 4029 aria-label="Slide 4"> 4030 </button> 4031 </div> 4032 4033 <div class="carousel-inner"> 4034 <div class="carousel-item active"> 4035 <div class="row g-3"> 4036 <div class="col-12 col-md-6 col-lg-4"> 4037 <div class="match-card h-100"> 4038 <div class="league-name"> 4039 ENGLISH PREMIER LEAGUE </div> 4040 4041 <div class="kickoff-time"> 4042 October 10, 2026 â 18:30 WIB </div> 4043 4044 <div class="match-main-row"> 4045 <div class="team-col"> 4046 <img 4047 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 4048 alt="Arsenal" 4049 class="team-logo" 4050 > 4051 <div class="team-name"> 4052 Arsenal </div> 4053 </div> 4054 4055 <div class="score-col"> 4056 <div class="score-value"> 4057 0 : 0 </div> 4058 4059 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 4060 BET NOW 4061 </a> 4062 </div> 4063 4064 <div class="team-col"> 4065 <img 4066 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
4066ce556.png" 4067 alt="Leeds United" 4068 class="team-logo" 4069 > 4070 <div class="team-name"> 4071 Leeds United </div> 4072 </div> 4073 </div> 4074 4075 <div class="match-odds-row"> 4076 <div class="odds-col"> 4077 <span> 4078 0.75 <small>0.50</small> 4079 </span> 4080 </div> 4081 4082 <div class="odds-spacer"></div> 4083 4084 <div class="odds-col"> 4085 <span> 4086 -0.75 <small>-0.60</small> 4087 </span> 4088 </div> 4089 </div> 4090 </div> 4091 </div> 4092 <div class="col-12 col-md-6 col-lg-4"> 4093 <div class="match-card h-100"> 4094 <div class="league-name"> 4095 ENGLISH PREMIER LEAGUE </div> 4096 4097 <div class="kickoff-time"> 4098 October 10, 2026 â 21:00 WIB </div> 4099 4100 <div class="match-main-row"> 4101 <div class="team-col"> 4102 <img 4103 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 4104 alt="Chelsea" 4105 class="team-logo" 4106 > 4107 <div class="team-name"> 4108 Chelsea </div> 4109 </div> 4110 4111 <div class="score-col"> 4112 <div class="score-value"> 4113 0 : 0 </div> 4114 4115 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 4116 BET NOW 4117 </a> 4118 </div> 4119 4120 <div class="team-col"> 4121 <img 4122 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 4123 alt="Bournemouth AFC" 4124 class="team-logo" 4125 > 4126 <div class="team-name"> 4127 Bournemouth AFC </div> 4128 </div> 4129 </div> 4130 4131 <div class="match-odds-row"> 4132 <div class="odds-col"> 4133 <sp
4133an> 4134 0.5 <small>0.66</small> 4135 </span> 4136 </div> 4137 4138 <div class="odds-spacer"></div> 4139 4140 <div class="odds-col"> 4141 <span> 4142 -0.5 <small>-0.76</small> 4143 </span> 4144 </div> 4145 </div> 4146 </div> 4147 </div> 4148 <div class="col-12 col-md-6 col-lg-4"> 4149 <div class="match-card h-100"> 4150 <div class="league-name"> 4151 SPAIN LA LIGA </div> 4152 4153 <div class="kickoff-time"> 4154 October 10, 2026 â 23:30 WIB </div> 4155 4156 <div class="match-main-row"> 4157 <div class="team-col"> 4158 <img 4159 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 4160 alt="Barcelona" 4161 class="team-logo" 4162 > 4163 <div class="team-name"> 4164 Barcelona </div> 4165 </div> 4166 4167 <div class="score-col"> 4168 <div class="score-value"> 4169 0 : 0 </div> 4170 4171 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 4172 BET NOW 4173 </a> 4174 </div> 4175 4176 <div class="team-col"> 4177 <img 4178 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 4179 alt="Getafe" 4180 class="team-logo" 4181 > 4182 <div class="team-name"> 4183 Getafe </div> 4184 </div> 4185 </div> 4186 4187 <div class="match-odds-row"> 4188 <div class="odds-col"> 4189 <sp
4189an> 4190 2.5 <small>0.80</small> 4191 </span> 4192 </div> 4193 4194 <div class="odds-spacer"></div> 4195 4196 <div class="odds-col"> 4197 <span> 4198 -2.5 <small>-0.90</small> 4199 </span> 4200 </div> 4201 </div> 4202 </div> 4203 </div> 4204 </div> 4205 </div> 4206 <div class="carousel-item "> 4207 <div class="row g-3"> 4208 <div class="col-12 col-md-6 col-lg-4"> 4209 <div class="match-card h-100"> 4210 <div class="league-name"> 4211 ENGLISH PREMIER LEAGUE </div> 4212 4213 <div class="kickoff-time"> 4214 October 10, 2026 â 23:30 WIB </div> 4215 4216 <div class="match-main-row"> 4217 <div class="team-col"> 4218 <img 4219 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 4220 alt="Manchester United" 4221 class="team-logo" 4222 > 4223 <div class="team-name"> 4224 Manchester United </div> 4225 </div> 4226 4227 <div class="score-col"> 4228 <div class="score-value"> 4229 0 : 0 </div> 4230 4231 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 4232 BET NOW 4233 </a> 4234 </div> 4235 4236 <div class="team-col"> 4237 <img 4238 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 4239 alt="Tottenham Hotspur" 4240 class="team-logo" 4241 > 4242 <div class="team-name"> 4243 Tottenham Hotspur </div> 4244 </div> 4245 </div> 4246 4247 <div class="match-odds-row"> 4248 <div class="odds-col"> 4249 <sp
4249an> 4250 0.5 <small>0.72</small> 4251 </span> 4252 </div> 4253 4254 <div class="odds-spacer"></div> 4255 4256 <div class="odds-col"> 4257 <span> 4258 -0.5 <small>-0.82</small> 4259 </span> 4260 </div> 4261 </div> 4262 </div> 4263 </div> 4264 <div class="col-12 col-md-6 col-lg-4"> 4265 <div class="match-card h-100"> 4266 <div class="league-name"> 4267 ENGLISH PREMIER LEAGUE </div> 4268 4269 <div class="kickoff-time"> 4270 October 10, 2026 â 21:00 WIB </div> 4271 4272 <div class="match-main-row"> 4273 <div class="team-col"> 4274 <img 4275 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 4276 alt="Aston Villa" 4277 class="team-logo" 4278 > 4279 <div class="team-name"> 4280 Aston Villa </div> 4281 </div> 4282 4283 <div class="score-col"> 4284 <div class="score-value"> 4285 0 : 0 </div> 4286 4287 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 4288 BET NOW 4289 </a> 4290 </div> 4291 4292 <div class="team-col"> 4293 <img 4294 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 4295 alt="Brentford" 4296 class="team-logo" 4297 > 4298 <div class="team-name"> 4299 Brentford </div> 4300 </div> 4301 </div> 4302 4303 <div class="match-odds-row"> 4304 <div class="odds-col"> 4305 <sp
4305an> 4306 0.00 <small>-0.97</small> 4307 </span> 4308 </div> 4309 4310 <div class="odds-spacer"></div> 4311 4312 <div class="odds-col"> 4313 <span> 4314 0.00 <small>0.87</small> 4315 </span> 4316 </div> 4317 </div> 4318 </div> 4319 </div> 4320 <div class="col-12 col-md-6 col-lg-4"> 4321 <div class="match-card h-100"> 4322 <div class="league-name"> 4323 ENGLISH PREMIER LEAGUE </div> 4324 4325 <div class="kickoff-time"> 4326 October 10, 2026 â 21:00 WIB </div> 4327 4328 <div class="match-main-row"> 4329 <div class="team-col"> 4330 <img 4331 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 4332 alt="Sunderland" 4333 class="team-logo" 4334 > 4335 <div class="team-name"> 4336 Sunderland </div> 4337 </div> 4338 4339 <div class="score-col"> 4340 <div class="score-value"> 4341 0 : 0 </div> 4342 4343 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 4344 BET NOW 4345 </a> 4346 </div> 4347 4348 <div class="team-col"> 4349 <img 4350 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 4351 alt="Brighton & Hove Albion" 4352 class="team-logo" 4353 > 4354 <div class="team-name"> 4355 Brighton & Hove Albion </div> 4356 </div> 4357 </div> 4358 4359 <div class="match-odds-row"> 4360 <div class="odds-col"> 4361 <sp
4361an> 4362 0.00 <small>-0.82</small> 4363 </span> 4364 </div> 4365 4366 <div class="odds-spacer"></div> 4367 4368 <div class="odds-col"> 4369 <span> 4370 0.00 <small>0.72</small> 4371 </span> 4372 </div> 4373 </div> 4374 </div> 4375 </div> 4376 </div> 4377 </div> 4378 <div class="carousel-item "> 4379 <div class="row g-3"> 4380 <div class="col-12 col-md-6 col-lg-4"> 4381 <div class="match-card h-100"> 4382 <div class="league-name"> 4383 SPAIN LA LIGA </div> 4384 4385 <div class="kickoff-time"> 4386 October 11, 2026 â 02:00 WIB </div> 4387 4388 <div class="match-main-row"> 4389 <div class="team-col"> 4390 <img 4391 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 4392 alt="Real Madrid" 4393 class="team-logo" 4394 > 4395 <div class="team-name"> 4396 Real Madrid </div> 4397 </div> 4398 4399 <div class="score-col"> 4400 <div class="score-value"> 4401 0 : 0 </div> 4402 4403 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 4404 BET NOW 4405 </a> 4406 </div> 4407 4408 <div class="team-col"> 4409 <img 4410 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 4411 alt="Villarreal" 4412 class="team-logo" 4413 > 4414 <div class="team-name"> 4415 Villarreal </div> 4416 </div> 4417 </div> 4418 4419 <div class="match-odds-row"> 4420 <div class="odds-col"> 4421 <sp
4421an> 4422 1 <small>0.55</small> 4423 </span> 4424 </div> 4425 4426 <div class="odds-spacer"></div> 4427 4428 <div class="odds-col"> 4429 <span> 4430 -1 <small>-0.65</small> 4431 </span> 4432 </div> 4433 </div> 4434 </div> 4435 </div> 4436 <div class="col-12 col-md-6 col-lg-4"> 4437 <div class="match-card h-100"> 4438 <div class="league-name"> 4439 ITALY SERIE A </div> 4440 4441 <div class="kickoff-time"> 4442 October 10, 2026 â 22:59 WIB </div> 4443 4444 <div class="match-main-row"> 4445 <div class="team-col"> 4446 <img 4447 src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png" 4448 alt="Inter Milan" 4449 class="team-logo" 4450 > 4451 <div class="team-name"> 4452 Inter Milan </div> 4453 </div> 4454 4455 <div class="score-col"> 4456 <div class="score-value"> 4457 0 : 0 </div> 4458 4459 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')"> 4460 BET NOW 4461 </a> 4462 </div> 4463 4464 <div class="team-col"> 4465 <img 4466 src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png" 4467 alt="Parma Calcio" 4468 class="team-logo" 4469 > 4470 <div class="team-name"> 4471 Parma Calcio </div> 4472 </div> 4473 </div> 4474 4475 <div class="match-odds-row"> 4476 <div class="odds-col"> 4477 <sp
4477an> 4478 2 <small>0.65</small> 4479 </span> 4480 </div> 4481 4482 <div class="odds-spacer"></div> 4483 4484 <div class="odds-col"> 4485 <span> 4486 -2 <small>-0.75</small> 4487 </span> 4488 </div> 4489 </div> 4490 </div> 4491 </div> 4492 <div class="col-12 col-md-6 col-lg-4"> 4493 <div class="match-card h-100"> 4494 <div class="league-name"> 4495 SPAIN LA LIGA </div> 4496 4497 <div class="kickoff-time"> 4498 October 10, 2026 â 19:00 WIB </div> 4499 4500 <div class="match-main-row"> 4501 <div class="team-col"> 4502 <img 4503 src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png" 4504 alt="Rayo Vallecano" 4505 class="team-logo" 4506 > 4507 <div class="team-name"> 4508 Rayo Vallecano </div> 4509 </div> 4510 4511 <div class="score-col"> 4512 <div class="score-value"> 4513 0 : 0 </div> 4514 4515 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')"> 4516 BET NOW 4517 </a> 4518 </div> 4519 4520 <div class="team-col"> 4521 <img 4522 src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png" 4523 alt="Athletic Bilbao" 4524 class="team-logo" 4525 > 4526 <div class="team-name"> 4527 Athletic Bilbao </div> 4528 </div> 4529 </div> 4530 4531 <div class="match-odds-row"> 4532 <div class="odds-col"> 4533 <sp
4533an> 4534 0.00 <small>0.98</small> 4535 </span> 4536 </div> 4537 4538 <div class="odds-spacer"></div> 4539 4540 <div class="odds-col"> 4541 <span> 4542 0.00 <small>0.92</small> 4543 </span> 4544 </div> 4545 </div> 4546 </div> 4547 </div> 4548 </div> 4549 </div> 4550 <div class="carousel-item "> 4551 <div class="row g-3"> 4552 <div class="col-12 col-md-6 col-lg-4"> 4553 <div class="match-card h-100"> 4554 <div class="league-name"> 4555 ENGLISH PREMIER LEAGUE </div> 4556 4557 <div class="kickoff-time"> 4558 October 11, 2026 â 22:30 WIB </div> 4559 4560 <div class="match-main-row"> 4561 <div class="team-col"> 4562 <img 4563 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 4564 alt="Liverpool" 4565 class="team-logo" 4566 > 4567 <div class="team-name"> 4568 Liverpool </div> 4569 </div> 4570 4571 <div class="score-col"> 4572 <div class="score-value"> 4573 0 : 0 </div> 4574 4575 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 4576 BET NOW 4577 </a> 4578 </div> 4579 4580 <div class="team-col"> 4581 <img 4582 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 4583 alt="Manchester City" 4584 class="team-logo" 4585 > 4586 <div class="team-name"> 4587 Manchester City </div> 4588 </div> 4589 </div> 4590 4591 <div class="match-odds-row"> 4592 <div class="odds-col"> 4593 <sp
4593an> 4594 0.00 <small>-0.83</small> 4595 </span> 4596 </div> 4597 4598 <div class="odds-spacer"></div> 4599 4600 <div class="odds-col"> 4601 <span> 4602 0.00 <small>0.73</small> 4603 </span> 4604 </div> 4605 </div> 4606 </div> 4607 </div> 4608 </div> 4609 </div> 4610 </div> 4611 4612 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev"> 4613 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 4614 <span class="visually-hidden">Previous</span> 4615 </button> 4616 4617 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next"> 4618 <span class="carousel-control-next-icon" aria-hidden="true"></span> 4619 <span class="visually-hidden">Next</span> 4620 </button> 4621 </div> 4622 </div> 4623 <!-- BANNER SBO DESKTOP END --> 4624 <!-- Banner Telegram --> 4625 4626 4627 4628 <div class="transaksi-kontak"> 4629 4630 <div class="d-flex flex-column w-100"> 4631 <div class="transaksi-content"> 4632 <!-- Bank --> 4633 4634<style> 4635 /* ====== LAYOUT KESELURUHAN ====== */ 4636 4637 .transaksi-layout { 4638 display: flex; 4639 justify-content: center; 4640 gap: 16px; 4641 align-items: center; 4642 } 4643 4644 .transaksi-left-inner { 4645 width: 100%; 4646 } 4647 4648 .transaksi-left-img { 4649 width: 100%; 4650 height: auto; 4651 display: block; 4652 object-fit: cover; 4653 } 4654 4655 .transaksi-right-box { 4656 flex: 1; 4657 display: flex; 4658 justify-content: flex-start; 4659 } 4660 4661 .transaksi-group { 4662 display: flex; 4663 flex-direction: column; 4664 gap: 16px; 4665 width: 100%; 4666 grid-template-areas: 4667 "transaksi-bank transaksi-other transaksi-crypto"; 4668 } 4669 4670 .transaksi-bank { 4671 grid-area: transaksi-bank; 4672 display: grid; 4673 place-items: center; 4674 justify-content: flex-start; 4675 } 4676 4677 .transaksi-other { 4678 grid-area: transaksi-other; 4679 display: flex; 4680 justify-content: flex-start; 4681 width: 100%; 4682 } 4683 4684 .transaksi-crypto { 4685 grid-area: transaksi-crypto; 4686 display: flex; 4687 justify-content: flex-start; 4688 width: 100%; 4689 } 4690 4691 .transaksi-wrapper { 4692 display: flex; 4693 flex-direction: column; 4694 gap: .5rem; 4695 align-items: flex-start; 4696 } 4697 4698 .transaksi-name { 4699 font-size: 1.1rem; 4700 font-weight: bold; 4701 line-height: 1.5rem; 4702 } 4703 4704 /* ====== GRID LIST ====== */ 4705 4706 .transaksi-list-bank, 4707 .transaksi-list-other { 4708 height: fit-content; 4709 display: grid; 4710 grid-template-columns: repeat(5, minmax(80px, 1fr)); 4711 gap: 4px 6px; 4712 } 4713 4714 .transaksi-list-crypto { 4715 height: fit-content; 4716 display: flex; 4717 align-items: center; 4718 gap: 24px; 4719 width: 100%; 4720 justify-content: flex-start; 4721 } 4722 4723 .icon-crypto { 4724 width: 24px; 4725 height: 24px; 4726 } 4727 4728 /* ====== ITEM BANK / EMONEY ====== */ 4729 4730 .transaksi-item { 4731 display: flex; 4732 flex-direction: column; 4733 position: relative; 4734 } 4735 4736 .transaksi-header { 4737 height: 30px; 4738 border-radius: 5px; 4739 font-weight: bold; 4740 border: 2px solid rgba(108,108,108,1); 4741 background: rgba(54,54,54,1); 4742 color: white; 4743 display: flex; 4744 align-items: center; 4745 justify-content: center; 4746 padding: 0 12px 0 22px; /* extra space kiri buat dot */ 4747 font-size: 0.9rem; 4748 white-space: nowrap; 4749 } 4750 4751 /* strip bawah lama dimatikan */ 4752 .transaksi-status { 4753 display: none; 4754 } 4755 4756 /* ====== ONLINE / OFFLINE DOT ====== */ 4757 4758 /* ONLINE: tambahkan class is-online di PHP */ 4759 .transaksi-header.is-online::before { 4760 content: ""; 4761 position: absolute; 4762 left: 8px; 4763 top: 50%; 4764 transform: translateY(-50%); 4765 width: 9px; 4766 height: 9px; 4767 border-radius: 50%; 4768 background-color: #00ff66; 4769 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4770 } 4771 4772 /* OFFLINE: is-offline (lebih gelap + tanpa dot) */ 4773 .transaksi-header.is-offline { 4774 background: #2e2e2e; 4775 border-color: #555; 4776 opacity: .4; 4777 } 4778 4779 /* backup: kalau lupa kasih class di PHP, treat sebagai offline */ 4780 .transaksi-header:not(.is-online):not(.is-offline) { 4781 background: #2e2e2e; 4782 border-color: #555; 4783 opacity: .4; 4784 } 4785 4786 @media only screen and (max-width: 768px) { 4787 4788 .transaksi-layout { 4789 flex-direction: column; 4790 align-items: center; 4791 } 4792 4793 .transaksi-group { 4794 display: grid; 4795 grid-template-columns: 1fr; 4796 grid-template-areas: 4797 "transaksi-bank" 4798 "transaksi-other" 4799 "transaksi-crypto"; 4800 gap: 32px; 4801 margin-bottom: 8px; 4802 } 4803 4804 .transaksi-header { 4805 font-size: 1.1rem; 4806 height: 36px; 4807 } 4808 4809 .transaksi-list-bank { 4810 grid-template-columns: repeat(4, 1fr); 4811 } 4812 4813 .transaksi-list-other { 4814 grid-template-columns: repeat(4, 1fr); 4815 } 4816 4817 .transaksi-list-crypto { 4818 width: 86%; 4819 margin: auto; 4820 flex-wrap: wrap; 4821 } 4822 4823 .transaksi-item { 4824 width: 100%; 4825 } 4826 4827 .transaksi-name { 4828 font-size: 1.3rem; 4829 text-align: center; 4830 line-height: 1.8rem; 4831 } 4832 4833 .transaksi-wrapper { 4834 width: 100%; 4835 max-width: 100%!important; 4836 gap: 1rem; 4837 align-items: center; 4838 } 4839 4840 .icon-crypto { 4841 width: 28px; 4842 height: 28px; 4843 } 4844 } 4845 4846 /* LEBAR BOX BANK BIAR RAPI DAN CENTER */ 4847 .transaksi-header { 4848 height: 34px; 4849 border-radius: 6px; 4850 font-weight: bold; 4851 border: 2px solid rgba(108,108,108,1); 4852 background: rgba(54,54,54,1); 4853 color: white; 4854 4855 /* Tambahan baru */ 4856 min-width: 110px; /* Lebarin biar semua rata */ 4857 padding: 0 16px 0 28px; /* Kasih ruang untuk dot */ 4858 display: flex; 4859 align-items: center; 4860 justify-content: center; 4861 text-align: center; 4862 4863 white-space: nowrap; 4864 } 4865 4866 /* DOT ONLINE */ 4867 .transaksi-header.is-online::before { 4868 content: ""; 4869 position: absolute; 4870 left: 10px; 4871 top: 50%; 4872 transform: translateY(-50%); 4873 width: 10px; 4874 height: 10px; 4875 border-radius: 50%; 4876 background-color: #00ff66; 4877 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4878 } 4879 4880 /* OFFLINE (DISABLED) */ 4881 .transaksi-header.is-offline { 4882 padding: 0 16px; 4883 background: #2e2e2e; 4884 border-color: #555; 4885 opacity: .35; 4886 align-items: center; 4887 justify-content: center; 4888 text-align: center; 4889 } 4890 4891 /* GRID-nya sedikit dilebarin biar simetris */ 4892 .transaksi-list-bank, 4893 .transaksi-list-other { 4894 grid-template-columns: repeat(4, minmax(110px, 1fr)); 4895 gap: 8px 10px; 4896 } 4897 4898</style> 4899 4900<div class="transaksi-layout"> 4901 <div class="transaksi-left-box"> 4902 <div class="transaksi-left-inner"> 4903 <img src="/images/transaksi.png" class="transaksi-left-img"> 4904 </div> 4905 </div> 4906 4907 <div class="transaksi-right-box"> 4908 <div class="transaksi-group"> 4909 4910 <!-- BANK LOKAL --> 4911 <div class="transaksi-bank"> 4912 <div class="transaksi-wrapper"> 4913 <div class="transaksi-name">Bank Lokal</div> 4914 <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> 4915 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4916 </div> 4917 4918 <div class="carousel-inner" > 4919 <div class="carousel-item active"> 4920 <div class="transaksi-list-bank"> 4921 <div class="transaksi-item"> 4922 <div class="transaksi-header is-online"> 4923 BCA </div> 4924 <div class="transaksi-status"></div> 4925 </div> 4926 <div class="transaksi-item"> 4927 <div class="transaksi-header is-online"> 4928 Mandiri </div> 4929 <div class="transaksi-status"></div> 4930 </div> 4931 <div class="transaksi-item"> 4932 <div class="transaksi-header is-online"> 4933 BNI </div> 4934 <div class="transaksi-status"></div> 4935 </div> 4936 <div class="transaksi-item"> 4937 <div class="transaksi-header is-online"> 4938 BRI </div> 4939 <div class="transaksi-status"></div> 4940 </div> 4941 <div class="transaksi-item"> 4942 <div class="transaksi-header is-offline"> 4943 CIMB </div> 4944 <div class="transaksi-status"></div> 4945 </div> 4946 <div class="transaksi-item"> 4947 <div class="transaksi-header is-online"> 4948 SeaBank </div> 4949 <div class="transaksi-status"></div> 4950 </div> 4951 </div> 4952 </div> 4953 </div> 4954 </div> 4955 4956 </div> 4957 </div> 4958 4959 <!-- E MONEY & PULSA --> 4960 <div class="transaksi-other"> 4961 <div class="transaksi-wrapper"> 4962 <div class="transaksi-name">E Money & Pulsa</div> 4963 4964 <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> 4965 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4966 </div> 4967 4968 <div class="carousel-inner" > 4969 <div class="carousel-item active"> 4970 <div class="transaksi-list-other"> 4971 <div class="transaksi-item"> 4972 <div class="transaksi-header is-online"> 4973 DANA </div> 4974 <div class="transaksi-status"></div> 4975 </div> 4976 <div class="transaksi-item"> 4977 <div class="transaksi-header is-online"> 4978 OVO </div> 4979 <div class="transaksi-status"></div> 4980 </div> 4981 <div class="transaksi-item"> 4982 <div class="transaksi-header is-online"> 4983 GOPAY </div> 4984 <div class="transaksi-status"></div> 4985 </div> 4986 <div class="transaksi-item"> 4987 <div class="transaksi-header is-online"> 4988 LinkAja </div> 4989 <div class="transaksi-status"></div> 4990 </div> 4991 <div class="transaksi-item"> 4992 <div class="transaksi-header is-online"> 4993 Lain-lain </div> 4994 <div class="transaksi-status"></div> 4995 </div> 4996 <div class="transaksi-item"> 4997 <div class="transaksi-header is-online"> 4998 QRIS
4998 </div> 4999 <div class="transaksi-status"></div> 5000 </div> 5001 <div class="transaksi-item"> 5002 <div class="transaksi-header is-online"> 5003 AntarBank </div> 5004 <div class="transaksi-status"></div> 5005 </div> 5006 <div class="transaksi-item"> 5007 <div class="transaksi-header is-online"> 5008 Telkomsel </div> 5009 <div class="transaksi-status"></div> 5010 </div> 5011 <div class="transaksi-item"> 5012 <div class="transaksi-header is-online"> 5013 Axiata </div> 5014 <div class="transaksi-status"></div> 5015 </div> 5016 </div> 5017 </div> 5018 </div> 5019 </div> 5020 5021 </div> 5022 </div> 5023 5024 <!-- CRYPTO --> 5025 <div class="transaksi-crypto"> 5026 <div class="transaksi-wrapper"> 5027 5028 <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> 5029 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5030 </div> 5031 5032 <div class="carousel-inner" > 5033 </div> 5034 5035 </div> 5036 </div> 5037 </div> 5038 5039 </div> 5040 </div> 5041</div> 5042 </div> 5043 5044 5045 </div> 5046 5047 <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> 5048 5049 <!-- <div class="transaksi-title">--> 5050 <!-- <div class="transaksi-title-group">--> 5051 <!-- <div class="fitur-header">Kontak Kami</div>--> 5052 <!-- </div>--> 5053 5054 <!-- <div class="devider desktop-only"></div>--> 5055 <!-- </div>--> 5056 5057 5058 <!-- 5059<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> 5060 <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> 5061 5062 5063 </div> 5064 <div class="carousel-inner" style="height: 164px"> 5065 <div class="carousel-item active"> 5066 <div> 5067 5068 5069 5070 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5071 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/> 5072 5073 <a class="d-flex flex-column" href="https://cutt.ly/WA-Hiu4d" target='_blank'> 5074 <div style="color: #888888;">WHATSAPP</div> 5075 <div style="line-height: .9rem; color: var(--primary-text-color)">@Hiu4dofficial</div> 5076 </a> 5077 5078 5079 </div> 5080 5081 5082 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5083 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/> 5084 5085 <a class="d-flex flex-column" href="https://cutt.ly/TeleHIU4D" target='_blank'> 5086 <div style="color: #888888;">TELEGRAM</div> 5087 <div style="line-height: .9rem; color: var(--primary-text-color)">@Hiu4dofficial</div> 5088 </a> 5089 5090 5091 </div> 5092 5093 5094 </div> 5095 </div> 5096 5097 5098 5099 </div> 5100</div> 5101--> 5102 5103 <!--</div>--> 5104 </div> 5105 </div> 5106 </div> 5107 5108 5109 <div class="bantuan"> 5110 5111 <ul class="bantuan-content justify-content-center"> 5112 <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> 5113 <div class="bantuan-devider desktop-only">|</div> 5114 <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> 5115 <div class="bantuan-devider desktop-only">|</div> 5116 <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> 5117 <div class="bantuan-devider desktop-only">|</div> 5118 <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> 5119 <div class="bantuan-devider desktop-only">|</div> 5120 <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> 5121 <div class="bantuan-devider desktop-only">|</div> 5122 <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> 5123 <div class="bantuan-devider desktop-only">|</div> 5124 <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> 5125 </ul> 5126 </div> 5127 5128 5129 <footer class="footer"> 5130 5131 <div class="guidelines"> 5132 <div class="desktop-only"> 5133 <div class="guidelines-content d-flex justify-content-center"> 5134 <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" /> 5135 </div> 5136 </div> 5137 </div> 5138 5139 <div class="provider d-none d-lg-block"> 5140 <div class="provider-group"> 5141 <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt=""> 5142 </div> 5143 </div> 5144 5145 <div> 5146 <h1>Hiu4D | Histori Sang Maestro Dalam Perkembangan Ritme Alunan Digital Murni</h1> 5147<p><a href="https://hiu4dlucky.com/">Hiu4D</a> menjawab siapa sosok di balik ritme alunan digital lewat kisah sang maestro, karya pentingnya, dan perannya dalam sejarah musik elektronik.</p> </div> 5148 5149 5150 <div class="footer-group"> 5151 <div class="copyright"> 5152 <div style="white-space: nowrap">© 2015 - 2026 Copyright HIU4D.</div> 5153 <div>All Rights Reserved.</div> 5154 </div> 5155 <div class="desktop-only"> 5156 <div class="d-flex gap-1"> 5157 <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div> 5158 <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div> 5159 </div> 5160 </div> 5161 <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt=""> 5162 5163 <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=XLUE_AG00XqwsJGJq0CRvDNvA-PetXzr_yxXoCsVt1k.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> 5164 <i class="bi bi-shield-fill-exclamation"></i> 5165 <strong class="ms-1">LAPOR PUSAT</strong> 5166 </button> 5167 </div> 5168 </footer> 5169 5170 5171 5172 5173 5174 <!-- SIDENAV --> 5175 <div id="mySidenav" class="sidenav desktop-only"> 5176 <div id="nav"> 5177 <div style="display: flex; align-items: start;"> 5178 <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;"> 5179 5180 <img src="/assets/hubungi.png?11"> 5181 5182 </div> 5183 <!--<img id="about" src="/images/kontak.png?4">--> 5184 </div> 5185 <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> 5186 <div id="" style="padding: 4px"> 5187 <img src="/assets/24h.png" style="width: 100%"></img> 5188 </div> 5189 5190 <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> 5191 <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> 5192 5193 5194 5195 <a href="https://cutt.ly/WA-Hiu4d" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 5196 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>@Hiu4dofficial</span> 5197 </a> 5198 5199 5200 5201 5202 5203 <a href="https://cutt.ly/TeleHIU4D" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 5204 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>@Hiu4dofficial</span> 5205 </a> 5206 5207 5208 5209 5210 5211 </div> 5212 <div style="margin: 8px"> 5213 <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> 5214 </div> 5215 </div> 5216 </div> 5217 </div> 5218 </div> 5219 5220 5221 <!--POP UP --> 5222 5223 <style> 5224 5225
5226 .modal-dialog { 5227 max-width: max-content; 5228 margin-top: 180px 5229 } 5230 5231 .imgpop { 5232 width: 600px; 5233 aspect-ratio: 2; 5234 object-fit: cover; 5235 } 5236 5237 5238 @media only screen and (max-width: 768px) { 5239 5240 .modal-dialog { 5241 margin-top: 98px 5242 } 5243 5244 .imgpop { 5245 width: 100%; 5246 } 5247 5248 } 5249 5250 5251 5252 </style> 5253 5254 5255 <!-- Modal --> 5256 <div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 5257 <div class="modal-dialog" style=""> 5258 <div class="modal-content" style="background-color: transparent"> 5259 <div class="modal-body" style="padding: 0px"> 5260 <img src="images/upload-Popup-20260414055912.jpg" alt="SITUS TERBAIK DAN TERGACOR 2026" class="imgpop"/> 5261 </div> 5262 </div> 5263 </div> 5264 </div> 5265 5266 5267 5268 <!-- LIVE CHAT --> 5269 <!-- Begin of Chaport Live Chat code -->
5270<script type="text/javascript"> 5271(function(w,d,v3){ 5272w.chaportConfig = { 5273appId : '65a15ce707cf651483048f85' 5274}; 5275 5276if(w.chaport)return;v3=w.chaport={};v3._q=[];v3._l={};v3.q=function(){v3._q.push(arguments)};v3.on=function(e,fn){if(!v3._l[e])v3._l[e]=[];v3._l[e].push(fn)};var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://app.chaport.com/javascripts/insert.js';var ss=d.getElementsByTagName('script')[0];ss.parentNode.insertBefore(s,ss)})(window, document); 5277</script>
5277 5278<!-- End of Chaport Live Chat code --> 5279 5280 <!-- LiveChat Internal --> 5281 <style> 5282 /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */ 5283 body.modal-open .cs-embed { z-index: 1049 !important; } 5284 </style> 5285 5286 5287
5287<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
5287 5288
5288<script> 5289 document.addEventListener('DOMContentLoaded', function() { 5290 setTimeout(function() { 5291 const mobileForm = document.querySelector('#mobilelogin form') || 5292 document.querySelector('#mobilelogin .login-form') || 5293 document.querySelector('.mobile-only form'); 5294 5295 if (!mobileForm) { 5296 return; 5297 } 5298 5299 const username = mobileForm.querySelector('input[name="username"]'); 5300 const password = mobileForm.querySelector('input[name="password"]'); 5301 const remember = document.querySelector('#rememberMe') || 5302 document.querySelector('input[type="checkbox"]'); 5303 5304 if (!username || !password || !remember) { 5305 return; 5306 } 5307 5308 try { 5309 localStorage.setItem('test', 'working'); 5310 if (localStorage.getItem('test') === 'working') { 5311 localStorage.removeItem('test'); 5312 } else { 5313 return; 5314 } 5315 } catch(e) { 5316 return; 5317 } 5318 5319 initializeRememberMe(); 5320 loadSavedData(); 5321 5322 mobileForm.addEventListener('submit', handleSave); 5323 mobileForm.addEventListener('click', function(e) { 5324 if (e.target.type === 'submit' || e.target.classList.contains('submit')) { 5325 handleSave(); 5326 } 5327 }); 5328 remember.addEventListener('change', function() { 5329 if (!this.checked) { 5330 clearSavedData(); 5331 localStorage.setItem('mobile_remember_unchecked', 'true'); 5332 } else { 5333 localStorage.removeItem('mobile_remember_unchecked'); 5334 } 5335 }); 5336 5337 function initializeRememberMe() { 5338 try { 5339 const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); 5340 const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); 5341 if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { 5342 remember.checked = false; 5343 } else { 5344 remember.checked = true; 5345 } 5346 } catch(e) { 5347 remember.checked = true; 5348 } 5349 } 5350 5351 function loadSavedData() { 5352 try { 5353 const savedUsername = localStorage.getItem('mobile_username'); 5354 const savedPassword = localStorage.getItem('mobile_password'); 5355 const rememberChecked = localStorage.getItem('mobile_remember'); 5356 if (rememberChecked === 'true' && savedUsername && savedPassword) { 5357 username.value = savedUsername; 5358 password.value = savedPassword; 5359 } 5360 } catch(e) { 5361 // console.log('Error loading data:', e); 5362 } 5363 } 5364 5365 function handleSave() { 5366 if (remember.checked) { 5367 const usernameVal = username.value.trim(); 5368 const passwordVal = password.value.trim(); 5369 5370 if (usernameVal && passwordVal) { 5371 try { 5372 localStorage.setItem('mobile_username', usernameVal); 5373 localStorage.setItem('mobile_password', passwordVal); 5374 localStorage.setItem('mobile_remember', 'true'); 5375 localStorage.setItem('mobile_login_success', 'true'); 5376 } catch(e) { 5377 // console.log('Error saving data:', e); 5378 } 5379 } 5380 } else { 5381 clearSavedData(); 5382 localStorage.setItem('mobile_login_success', 'true'); 5383 } 5384 } 5385 5386 function clearSavedData() { 5387 try { 5388 localStorage.removeItem('mobile_username'); 5389 localStorage.removeItem('mobile_password'); 5390 localStorage.removeItem('mobile_remember'); 5391 } catch(e) { 5392 // console.log('Error clearing data:', e); 5393 } 5394 } 5395 }, 100); // Wait 100ms 5396 5397 function initBroadcastMarquee() { 5398 $('.mobile-broadcast, #marquee .broadcast').each(function () { 5399 const el = $(this); 5400 5401 if ($.trim(el.text()) === '') return; 5402 if (!el.is(':visible')) return; 5403 5404 try { 5405 el.marquee('destroy'); 5406 } catch (e) {} 5407 5408 el.marquee({ 5409 speed: 30, 5410 gap: 80, 5411 delayBeforeStart: 0, 5412 direction: 'left', 5413 duplicated: true, 5414 pauseOnHover: true, 5415 startVisible: true 5416 }); 5417 }); 5418 } 5419 5420 $(window).on('load', function () { 5421 setTimeout(function () { 5422 initBroadcastMarquee(); 5423 }, 300); 5424 }); 5425 5426 $(window).on('resize orientationchange', function () { 5427 clearTimeout(window.broadcastResizeTimer); 5428 window.broadcastResizeTimer = setTimeout(function () { 5429 initBroadcastMarquee(); 5430 }, 400); 5431 }); 5432 5433 // document.querySelectorAll("marquee").forEach(function(marquee){ 5434 5435 // let speed = 0.5; // smaller = slower 5436 // let position = marquee.offsetWidth; 5437 5438 // function animate(){ 5439 // position--; 5440 5441 // if(position < -marquee.scrollWidth){ 5442 // position = marquee.offsetWidth; 5443 // } 5444
5445 // marquee.style.transform = "translateX(" + position + "px)"; 5446 // requestAnimationFrame(animate); 5447 // } 5448 5449 // animate(); 5450 5451 // // pause on hover 5452 // marquee.addEventListener("mouseenter", function(){ 5453 // speed = 0; 5454 // }); 5455 5456 // marquee.addEventListener("mouseleave", function(){ 5457 // speed = 0.5; 5458 // }); 5459 5460 // }); 5461 5462 5463 }); 5464 </script>
5464 5465 5466
5466<script> 5467 if(document.getElementById("promo")) { 5468 var myModal = new bootstrap.Modal(document.getElementById("promo"), {}); 5469 window.onload = () => { 5470 myModal.show(); 5471 } 5472 } 5473 5474 var mobileurl = 'm/'; 5475 5476 5477 5478 var showIDs = []; 5479 5480 function showProducts(hoverID) { 5481 while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; 5482 5483 // document.getElementById('hover').classList.add("hover-show"); 5484 document.getElementById('hover').style.transitionDelay = "0s"; 5485 document.getElementById('hover').style.visibility = "visible"; 5486 document.getElementById('hover').style.opacity = "1"; 5487 document.getElementById(hoverID).style.display = "flex"; 5488 5489 showIDs.push(hoverID); 5490 5491 } 5492 5493 function hideProducts(hoverID) { 5494 // document.getElementById('hover').classList.remove("hover-show"); 5495 document.getElementById('hover').style.visibility = "hidden"; 5496 document.getElementById('hover').style.opacity = "0"; 5497 document.getElementById('hover').style.transitionDelay = "1s"; 5498 5499 } 5500 5501 var mobileDaftarForm = document.getElementById('mobile-daftar-form'); 5502 var marquee = document.getElementById('marquee'); 5503 var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form'); 5504 var mobileLoginBox = document.getElementById('mobilelogin'); 5505 5506 function closeContent() { 5507 $('#main-content').html(""); 5508 } 5509 5510 5511 function openDaftar() { 5512 closeContent(); 5513 5514 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 5515 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 5516 5517 mobileDaftarForm.style.display = "block"; 5518 mobileDaftarForm.scrollIntoView(); 5519 } 5520 5521 function closeDaftar() { 5522 mobileDaftarForm.style.display = "none"; 5523 marquee.scrollIntoView(); 5524 } 5525 5526 5527 function showProvider(type) { 5528 $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>"); 5529 $('#main-content').load("/new-showprovider.php?type=" + type); 5530 } 5531 5532 function toggleInformasi(item) { 5533 page(item); 5534 } 5535 5536 function showInformasi(item) { 5537 document.getElementById('modal-wrapper').style.display='block'; 5538 toggleInformasi(item); 5539 } 5540 5541 function openChangePasswordMobile() { 5542 closeContent(); 5543 5544 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 5545 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 5546 5547 if (mobileChangePasswordForm) { 5548 mobileChangePasswordForm.style.display = "block"; 5549 mobileChangePasswordForm.scrollIntoView(); 5550 } 5551 } 5552 5553 function closeChangePasswordMobile() { 5554 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 5555 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 5556 if (mobileLoginBox) mobileLoginBox.style.display = "block"; 5557 5558 marquee.scrollIntoView(); 5559 } 5560 5561 5562 5563 5564 </script>
5564 5565
5565<script src="/js/old/new2-webduo35.js?v=1790436653"></script>
5565 5566 5567
5567<script> 5568 function scrollToLoginForm(launchType, matchId) { 5569 sessionStorage.setItem('launch', launchType); 5570 if (matchId) sessionStorage.setItem('sbo_matchId', matchId); 5571 else sessionStorage.removeItem('sbo_matchId'); 5572 window.scrollTo({ top: 0, behavior: 'smooth' }); 5573 setTimeout(function() { 5574 var isMobile = window.innerWidth <= 1000; 5575 var loginSelector = isMobile 5576 ? '#mobilelogin input[name="username"]' 5577 : '#desktoplogin form'; 5578 var el = document.querySelector(loginSelector); 5579 if (!el) return; 5580 var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]'); 5581 if (usernameEl && !isMobile) usernameEl.focus(); 5582 if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' }); 5583 const driver = window.driver.js.driver({ 5584 popoverClass: 'driverjs-theme', 5585 showProgress: false, 5586 showButtons: [], 5587 overlayOpacity: 0.3, 5588 steps: [ 5589 { 5590 element: loginSelector, 5591 popover: { 5592 title: 'Harap Login', 5593 description: 'Silakan masukkan username Anda', 5594 side: 'bottom', 5595 align: 'start', 5596 showButtons: [], 5597 nextBtnText: '', 5598 prevBtnText: '', 5599 doneBtnText: '' 5600 } 5601 } 5602 ], 5603 onDestroyStarted: () => driver.destroy(), 5604 }); 5605 driver.drive(); 5606 if (usernameEl) { 5607 function destroyDriver() { 5608 driver.destroy(); 5609 window.scrollTo({ top: 0 }); 5610 usernameEl.removeEventListener('input', destroyDriver); 5611 usernameEl.removeEventListener('click', destroyDriver); 5612 usernameEl.removeEventListener('focus', destroyDriver); 5613 } 5614 usernameEl.addEventListener('input', destroyDriver, { once: true }); 5615 usernameEl.addEventListener('click', destroyDriver, { once: true }); 5616 usernameEl.addEventListener('focus', destroyDriver, { once: true }); 5617 } 5618 }, 500); 5619 } 5620 </script>
5620 5621
5621<script> 5622 window.addEventListener("message", function(e) { 5623 if (e.origin !== "https://fkupon.com") return; 5624 if (e.data && e.data.action === "resize" && e.data.height) { 5625 var iframes = document.querySelectorAll(".iframe-kupon"); 5626 iframes.forEach(function(iframe) { 5627 iframe.style.height = Math.max(100, e.data.height - 16) + "px"; 5628 }); 5629 } 5630 }); 5631 </script>
5631 5632 5633 5634 <!-- POP UP COOKIES --> 5635 5636<style> 5637 5638 5639 .kebijakan-privasi, .kebijakan-cookies { 5640 color: white; 5641 text-decoration: underline; 5642 } 5643 5644 5645</style> 5646 5647 5648<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"> 5649 <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem"> 5650 <div> 5651 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> 5652 </div> 5653 <div> 5654 <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div> 5655 </div> 5656</div>
5657<script> 5658 $( "#boxprivacy" ).blur(function() { 5659 alert( "Handler for .blur() called." ); 5660}); 5661</script>
5661 5662 5663 5664
5664<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"2eee03e57eaa45baaa94eef0e4ced95e","r":1,"spa":2}' crossorigin="anonymous"></script>
5664 5665</body> 5666</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.