1 2<!DOCTYPE html> 3<html lang="id"> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>OKBOS86</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/PD.css">--> 16 <link rel="stylesheet" href="/css/old/template/PD.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?1790436659"> 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="OKBOS86" /> 43<meta name="keywords" content="OKBOS86" /> 44<meta name="tag" content="OKBOS86" /> 45<meta name="revisit-after" content="1 days" /> 46<meta name="rating" content="general" /> 47<meta name="geo.region" content="ID" /> 48<meta name="geo.country" content="id" /> 49<meta name="geo.placename" content="Indonesia" /> 50<meta name="author" content="OKBOS86" /> 51<meta name="publisher" content="OKBOS86" /> 52<meta charset="utf-8" /> 53<link 54 rel="icon" 55 href="https://cleavebullydevaluation.com/images/logoweb.png" 56 sizes="32x32" 57/> 58<meta name="robots" content="noindex, follow" /> 59<link rel="canonical" href="https://cleavebullydevaluation.com/" /> 60
61<script type="application/ld+json"> 62 { 63 "@context": "https://schema.org", 64 "@type": ["Game", "Article"], 65 "name": "OKBOS86", 66 "headline": "OKBOS86 : Platform Hiburan Online Populer 2026", 67 "description": "OKBOS86 hadir sebagai platform hiburan online populer 2026 dengan akses yang cepat, tampilan modern, dan navigasi yang mudah digunakan. Temukan pengalaman online yang praktis, nyaman, dan responsif melalui berbagai perangkat kapan saja.", 68 "keywords": [ 69 "okbos86", 70 "okbos86 alternatif", 71 "okbos86 login", 72 "okbos86 daftar", 73 "okbos86 info", 74 "okbos86 user area", 75 "okbos86 masuk" 76 ], 77 "image": [ 78 "https://cleavebullydevaluation.com/images/logoweb.png", 79 "https://cleavebullydevaluation.com/images/upload-MobileSlides-20250218124320.jpg" 80 ], 81 "url": "https://cleavebullydevaluation.com", 82 "author": { 83 "@type": "Organization", 84 "name": "OKBOS86", 85 "url": "https://cleavebullydevaluation.com" 86 }, 87 "publisher": { 88 "@type": "Organization", 89 "name": "OKBOS86", 90 "logo": { 91 "@type": "ImageObject", 92 "url": "https://cleavebullydevaluation.com/images/logoweb.png" 93 } 94 }, 95 "aggregateRating": { 96 "@type": "AggregateRating", 97 "ratingValue": "99", 98 "bestRating": "100", 99 "worstRating": "0", 100 "ratingCount": "9037100" 101 }, 102 "inLanguage": "id-ID", 103 "mainEntityOfPage": { 104 "@type": "WebPage", 105 "@id": "https://cleavebullydevaluation.com" 106 }, 107 "datePublished": "2026-08-15T04:05:22+00:00", 108 "dateModified": "2026-08-15T04:05:22+00:00" 109 } 110</script>
110 111 112 113<!-- Meta Pixel Code IKLAN1 -->
114<script>
vendor: 408 bytes, lines 114-123
114 115!function(f,b,e,v,n,t,s) 116{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 117n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 118if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 119n.queue=[];t=b.createElement(e);t.async=!0; 120t.src=v;s=b.getElementsByTagName(e)[0]; 121s.parentNode.insertBefore(t,s)}(window, document,'script', 122'https://connect.facebook.net/en_US/fbevents.js'); 123fbq('init', '
1231606196020179245
vendor: 5 bytes, line 123
123');
124fbq('track', 'PageView', { 125value: 0.00, 126currency: 'idr' 127}); 128</script>
128 129<noscript><img height="1" width="1" style="display:none" 130src="https://www.facebook.com/tr?id=1606196020179245&ev=PageView&noscript=1" 131/></noscript> 132<!-- End Meta Pixel Code IKLAN1--> 133 134<!-- Meta Pixel Code AGUSTUS -->
135<script> 136!function(f,b,e,v,n,t,s) 137{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 138n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 139if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 140n.queue=[];t=b.createElement(e);t.async=!0; 141t.src=v;s=b.getElementsByTagName(e)[0]; 142s.parentNode.insertBefore(t,s)}(window, document,'script', 143'https://connect.facebook.net/en_US/fbevents.js'); 144fbq('init', '0'); 145fbq('track', 'PageView'); 146</script>
146 147<noscript><img height="1" width="1" style="display:none" 148src="https://www.facebook.com/tr?id=0&ev=PageView&noscript=1" 149/></noscript> 150<!-- End Meta Pixel Code AGUSTUS --> 151 152<meta name="google-site-verification" content="0hH-s2zQgV0VVYiqxXEDkpCPlyv42XeoHrMfUUpeAuk" /> 153<meta name="google-site-verification" content="2LgWzqoTqw3OPSLLY07KViUrQ_g55NO12nwuQJVdJbU" /> 154<meta name="google-site-verification" content="RXFKympjAZPcmME3w7Koae53jdHDa37re3LkmYRK2J0" /> 155 <style> 156 157 .wrapper { 158 display: grid; 159 grid-template-columns: 1fr; 160 grid-template-areas: 161 "marquee" 162 "header" 163 "devider" 164 "contentdata" 165 "togel-desktop" 166 "widget-kupon" 167 "widget-sbo" 168 "provider" 169 "transaksi" 170 "guidelines" 171 "bantuan" 172 "footer" 173 } 174 175 .widget-kupon { 176 grid-area: widget-kupon; 177 padding-top: 20px; 178 background: var(--footer-background); 179 display: flex; 180 align-items: center; 181 position: relative; 182 } 183 184 .widget-sbo { 185 grid-area: widget-sbo; 186 padding-top: 20px; 187 display: flex; 188 align-items: center; 189 position: relative; 190 } 191 192 .iframe-kupon { 193 width: 1000px; 194 height: 200px; 195 display: block; 196 vertical-align: bottom; 197 } 198 199 .login-input-field { 200 font-size: 1rem; 201 } 202 203 .btn-aduan2 { 204 background: linear-gradient(60deg, #b08432, #cfbe87, #b08432); 205 -webkit-background-clip: text; 206 -webkit-text-fill-color: transparent; 207 background-size: 300% 300%; 208 animation: gradient 2s ease infinite; 209 } 210 211 .transaksi-title { 212 place-items: start; 213 } 214 215 .btn-tele { 216 font-size: 1.2rem; 217 text-shadow: 1px 1px #000000; 218 height: 36px!important; 219 border-radius: 8px; 220 background: #28323C; 221 color: white; 222 } 223 224 #marquee-mobile { 225 width: 100%; 226 overflow: hidden; 227 } 228 229 #marquee-mobile .marquee-content { 230 display: flex; 231 align-items: center; 232 width: 100%; 233 overflow: hidden; 234 } 235 236 #marquee-mobile .running { 237 position: relative; 238 flex: 1 1 auto; 239 min-width: 0; 240 overflow: hidden; 241 } 242 243 #marquee-mobile .broadcast { 244 display: inline-block; 245 white-space: nowrap; 246 } 247 248 #marquee { 249 overflow: hidden; 250 } 251 252 #marquee .running { 253 overflow: hidden; 254 } 255 256 #marquee .broadcast { 257 white-space: nowrap; 258 } 259 260 body { 261 overflow-x: hidden; 262 } 263 264 .btn-google { 265 width: 30px; 266 height: 30px; 267 background: #fff; 268 border: 1px solid #ddd; 269 border-radius: 3px; 270 display: inline-flex; 271 align-items: center; 272 justify-content: center; 273 } 274 275 .btn-google:hover { 276 background: #f5f5f5; 277 } 278 279 .btn-google-mobile { 280 background: #fff; 281 color: #3c4043; 282 border: 1px solid #dadce0; 283 border-radius: 3px; 284 height: 36px; 285 padding: 0 12px; 286 font-weight: 600; 287 font-size: 1.2rem; 288 289 align-items: center; 290 justify-content: center; 291 gap: 8px; 292 } 293 294 .btn-google-mobile:hover { 295 background: #f8f9fa; 296 color: #202124; 297 } 298 299 300 @media only screen and (max-width: 1000px) { 301 302 .wrapper { 303 display: grid; 304 grid-template-columns: 1fr; 305 grid-template-areas: 306 "appbar" 307 "marquee" 308 "header" 309 "contentdata" 310 "togel-mobile" 311 "widget-kupon" 312 "widget-sbo" 313 "devider" 314 "provider" 315 "transaksi" 316 "bantuan" 317 "footer" 318 "guidelines"; 319 } 320 321 .widget-kupon { 322 margin: 0px 20px; 323 } 324 325 326 327 .iframe-kupon { 328 padding: 0px; 329 height: 262px; 330 width: 100%; 331 display: block; 332 vertical-align: bottom; 333 } 334 335 .transaksi-title { 336 place-items: center; 337 } 338 339 .login-input-field { 340 font-size: 1.2rem; 341 } 342 } 343 344 .grecaptcha-badge { 345 display: none !important; 346 } 347 348 </style> 349 350 </head> 351 352 353 354 <body id="desktop"> 355 356 357<div id="hover" class="hover desktop-only"> 358 359 <div id="hover-togel" class="hover-menu"> 360 <a href="/register" class="hover-item"> 361 <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
362 <figcaption>TOGEL</figcaption> 363 </a> 364 365 <a href="/register" class="hover-item"> 366 <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure> 367 <figcaption>KUPON</figcaption> 368 </a> 369 </div> 370 371 <div id="hover-slot" class="hover-menu"> 372 <a href="/slot/pp" class="hover-item"> 373 <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure> 374 <figcaption>PRAGMATIC PLAY</figcaption> 375 </a> 376 377 <a href="/slot/pg" class="hover-item"> 378 <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure> 379 <figcaption>PG SOFT</figcaption> 380 </a> 381 382 <a href="/slot/jl" class="hover-item"> 383 <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure> 384 <figcaption>JILI</figcaption> 385 </a> 386 387 <a href="/slot/mgw" class="hover-item"> 388 <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure> 389 <figcaption>MEGAWIN</figcaption> 390 </a> 391 392 <a href="/slot/atg" class="hover-item"> 393 <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure> 394 <figcaption>ATG Games</figcaption> 395 </a> 396 397 <a href="/slot/pok" class="hover-item"> 398 <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure> 399 <figcaption>PopOK Gaming</figcaption> 400 </a> 401 402 <a href="/slot/ams" class="hover-item"> 403 <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure> 404 <figcaption>ASKMESLOT</figcaption> 405 </a> 406 407 <a href="/slot/sdl" class="hover-item"> 408 <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure> 409 <figcaption>SHADY LADY</figcaption> 410 </a> 411 412 <a href="/slot/hb" class="hover-item"> 413 <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure> 414 <figcaption>HABANERO</figcaption> 415 </a> 416 417 <a href="/slot/sg" class="hover-item"> 418 <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure> 419 <figcaption>SPADEGAMING</figcaption> 420 </a> 421 422 <a href="/slot/nlc" class="hover-item"> 423 <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure> 424 <figcaption>NOLIMIT CITY</figcaption> 425 </a> 426 427 <a href="/slot/fs" class="hover-item"> 428 <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure> 429 <figcaption>FASTSPIN</figcaption> 430 </a> 431 432 <a href="/slot/jg" class="hover-item"> 433 <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure> 434 <figcaption>JOKER</figcaption> 435 </a> 436 437 <a href="/slot/mg" class="hover-item"> 438 <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure> 439 <figcaption>MICROGAMING</figcaption> 440 </a> 441 442 <a href="/slot/fgs" class="hover-item"> 443 <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure> 444 <figcaption>5G GAMES</figcaption> 445 </a> 446 447 <a href="/slot/hks" class="hover-item"> 448 <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure> 449 <figcaption>HACKSAW GAMING</figcaption> 450 </a> 451 452 <a href="/slot/nxt" class="hover-item"> 453 <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure> 454 <figcaption>NEXTSPIN</figcaption> 455 </a> 456 457 <a href="/slot/ps" class="hover-item"> 458 <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure> 459 <figcaption>PLAYSTAR</figcaption> 460 </a> 461 462 <a href="/slot/pt" class="hover-item"> 463 <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
464 <figcaption>PLAYTECH</figcaption> 465 </a> 466 467 <a href="/slot/av" class="hover-item"> 468 <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure> 469 <figcaption>ADVANT PLAY</figcaption> 470 </a> 471 472 <a href="/slot/cmp" class="hover-item"> 473 <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure> 474 <figcaption>COSMOPLAY</figcaption> 475 </a> 476 477 <a href="/slot/cq9" class="hover-item"> 478 <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure> 479 <figcaption>CQ9</figcaption> 480 </a> 481 482 <a href="/slot/wow" class="hover-item"> 483 <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure> 484 <figcaption>WOW GAMING</figcaption> 485 </a> 486 487 <a href="/slot/l22" class="hover-item"> 488 <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure> 489 <figcaption>LIVE22</figcaption> 490 </a> 491 492 <a href="/slot/ss" class="hover-item"> 493 <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure> 494 <figcaption>SBO SLOT</figcaption> 495 </a> 496 497 <!-- <a href="/slot/nte" class="hover-item"> 498 <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure> 499 <figcaption>NETENT</figcaption> 500 </a> --> 501 502 <!-- <a href="/slot/ttg" class="hover-item"> 503 <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure> 504 <figcaption>TOPTREND GAMING</figcaption> 505 </a> --> 506 </div> 507 508 <div id="hover-live" class="hover-menu" > 509 <a href="/casino/pplc" class="hover-item"> 510 <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure> 511 <figcaption>PRAGMATIC PLAY</figcaption> 512 </a> 513 514 <a href="/casino/evo" class="hover-item"> 515 <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure> 516 <figcaption>EVOLUTION</figcaption> 517 </a> 518 519 <a href="/casino/mglc" class="hover-item"> 520 <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure> 521 <figcaption>MICROGAMING</figcaption> 522 </a> 523 524 <a href="/casino/ptg" class="hover-item"> 525 <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure> 526 <figcaption>PRETTY GAMING</figcaption> 527 </a> 528 529 <a href="/casino/ion" class="hover-item"> 530 <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure> 531 <figcaption>ION CASINO</figcaption> 532 </a> 533 534 <a href="/casino/sx" class="hover-item"> 535 <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure> 536 <figcaption>SEXY GAMING</figcaption> 537 </a> 538 539 <a href="/casino/sa" class="hover-item"> 540 <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure> 541 <figcaption>SA GAMING</figcaption> 542 </a> 543 544 <a href="/casino/ab" class="hover-item"> 545 <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure> 546 <figcaption>ALLBET</figcaption> 547 </a> 548 549 <a href="/casino/ptlc" class="hover-item"> 550 <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure> 551 <figcaption>PLAYTECH LIVE</figcaption> 552 </a> 553 554 <!-- <a href="/casino/gmnl" class="hover-item"> 555 <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure> 556 <figcaption>GEMINI LIVE</figcaption> 557 </a> --> 558 559 <a href="/casino/og" class="hover-item"> 560 <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
561 <figcaption>OPUS PLUS</figcaption> 562 </a> 563 564 <a href="/casino/sbol" class="hover-item"> 565 <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure> 566 <figcaption>SBOBET CASINO</figcaption> 567 </a> 568 </div> 569 570 <div id="hover-sport" class="hover-menu"> 571 <a href="/register" class="hover-item"> 572 <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure> 573 <figcaption>SABA</figcaption> 574 </a> 575 576 <a href="/register" class="hover-item"> 577 <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure> 578 <figcaption>SBOBET</figcaption> 579 </a> 580 581 <a href="/register" class="hover-item"> 582 <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure> 583 <figcaption>CMD368</figcaption> 584 </a> 585 586 <!-- <a href="/register" class="hover-item"> 587 <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure> 588 <figcaption>PINNACLE</figcaption> 589 </a> --> 590 591 <a href="/register" class="hover-item"> 592 <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure> 593 <figcaption>TFGAMING</figcaption> 594 </a> 595 </div> 596 597 <div id="hover-fishing" class="hover-menu"> 598 <a href="/arcade/jl" class="hover-item"> 599 <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure> 600 <figcaption>JILI</figcaption> 601 </a> 602 603 <a href="/arcade/sg" class="hover-item"> 604 <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure> 605 <figcaption>SPADE GAMING</figcaption> 606 </a> 607 608 <a href="/arcade/fs" class="hover-item"> 609 <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure> 610 <figcaption>FASTSPIN</figcaption> 611 </a> 612 613 <a href="/arcade/ams" class="hover-item"> 614 <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure> 615 <figcaption>ASKMESLOT</figcaption> 616 </a> 617 618 <!-- <a href="/arcade/ps" class="hover-item"> 619 <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure> 620 <figcaption>PLAYSTAR</figcaption> 621 </a> 622 623 <a href="/arcade/l22" class="hover-item"> 624 <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure> 625 <figcaption>LIVE22</figcaption> 626 </a> --> 627 628 </div> 629 630 <div id="hover-sabung" class="hover-menu"> 631 <a href="/sabung/ws" class="hover-item"> 632 <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure> 633 <figcaption>WS168</figcaption> 634 </a> 635 636 <a href="/sabung/sv" class="hover-item"> 637 <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure> 638 <figcaption>SV388</figcaption> 639 </a> 640 </div> 641 642 <div id="hover-interactive" class="hover-menu"> 643 <a href="/interactive/pp" class="hover-item"> 644 <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure> 645 <figcaption>PRAGMATIC PLAY</figcaption> 646 </a> 647 648 <a href="/interactive/gmn" class="hover-item"> 649 <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure> 650 <figcaption>GEMINI</figcaption> 651 </a> 652 653 <a href="/interactive/jl" class="hover-item"> 654 <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure> 655 <figcaption>JILI</figcaption> 656 </a> 657 658 <a href="/interactive/jg" class="hover-item"> 659 <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
660 <figcaption>JOKER</figcaption> 661 </a> 662 663 <a href="/interactive/atg" class="hover-item"> 664 <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure> 665 <figcaption>ATG Games</figcaption> 666 </a> 667 668 <a href="/interactive/pok" class="hover-item"> 669 <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure> 670 <figcaption>PopOK Gaming</figcaption> 671 </a> 672 673 <a href="/interactive/ams" class="hover-item"> 674 <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure> 675 <figcaption>ASKMESLOT</figcaption> 676 </a> 677 678 <a href="/interactive/mg" class="hover-item"> 679 <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure> 680 <figcaption>MICRO GAMING</figcaption> 681 </a> 682 683 <a href="/interactive/hks" class="hover-item"> 684 <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure> 685 <figcaption>HACKSAW GAMING</figcaption> 686 </a> 687 688 <a href="/interactive/pt" class="hover-item"> 689 <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure> 690 <figcaption>PLAYTECH</figcaption> 691 </a> 692 693 <a href="/interactive/wow" class="hover-item"> 694 <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure> 695 <figcaption>WOW GAMING</figcaption> 696 </a> 697 698 <!-- <a href="/interactive/ps" class="hover-item"> 699 <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure> 700 <figcaption>PLAYSTAR</figcaption> 701 </a> --> 702 </div> 703 704 705 706</div> 707<style> 708 .my-navbar { 709 height: 44px; 710 padding: 0px; 711 width: 100%; 712 background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 713 position: fixed; 714 bottom: 0; 715 color: white; 716 z-index: 1100; 717 display: flex; 718 box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75); 719 } 720 721 .navbar-item { 722 height: 100%; 723 width: 100%; 724 display: flex; 725 flex-direction: column; 726 align-items: center; 727 justify-content: center; 728 } 729 730 .navbar-item-content { 731 display: flex; 732 flex-direction: column; 733 justify-content: center; 734 align-items: center; 735 position: absolute; 736 top: -16px 737 } 738 739 .navbar-item-content>i { 740 font-size: 20px; 741 line-height: 22px; 742 color: white; 743 padding-bottom: 4px; 744 } 745 746 .navbar-item-content>img { 747 height: 28px; 748 width: 28px; 749 } 750 751 .navbar-item-content>label { 752 white-space: nowrap; 753 margin-top: 4px; 754 font-weight: bold; 755 font-size: var(--text-size-default); 756 color: white 757 } 758 759 .speed-dial-item { 760 opacity: 0; 761 visibility: hidden; 762 transform: translateY(10px); 763 transition: opacity 0.3s ease, transform 0.3s ease; 764 } 765 766 .speed-dial-active .speed-dial-item { 767 opacity: 1; 768 visibility: visible; 769 transform: translateY(0); 770 } 771 772 /* Delay each itemâs appearance */ 773 .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; } 774 .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; } 775 .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; } 776 .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; } 777 .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; } 778 779 780</style> 781 782 783<div class="mobile-only" > 784 <div class="my-navbar"> 785 <a href="/" class="navbar-item" style="position: relative"> 786 <div class="navbar-item-content"> 787 <img src="https://img.viva88athenae.com//beranda.png"/> 788 <label>BERANDA</label> 789 </div> 790 </a> 791 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 792 <a href="/m/promosi" class="navbar-item"> 793 <div class="navbar-item-content"> 794 <img src="https://img.viva88athenae.com//promosi.png"/> 795 <label>PROMOSI</label> 796 </div> 797 </a> 798 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 799 <a href="/m/event" class="navbar-item"> 800 <div class="navbar-item-content"> 801 <img src="https://img.viva88athenae.com//events.png"/> 802 <label>EVENT</label> 803 </div> 804 </a> 805 806 807 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 808 <a href="https://wa.me/6282382038171" target='_blank' class="navbar-item"> 809 <div class="navbar-item-content"> 810 <img src="https://img.viva88athenae.com//whatsapp.png"/> 811 <label>WHATSAPP</label> 812 </div> 813 </a> 814 815 816 817 818 819 820 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 821 <a href="https://tawk.to/chat/622a1c82a34c2456412a6e75/1ftq7untk" target="_blank" class="navbar-item"> 822 <div class="navbar-item-content"> 823 <img src="https://img.viva88athenae.com//livechat.png"/> 824 <label>LIVECHAT</label> 825 </div> 826 </a> 827 828 </div> 829</div> 830
831<script> 832 document.addEventListener("DOMContentLoaded", function () { 833 const speedDialBtn = document.querySelector(".speed-dial-btn"); 834 const speedDialItems = document.querySelectorAll(".speed-dial-item"); 835 let isOpen = false; 836 837 speedDialBtn.addEventListener("click", function () { 838 isOpen = !isOpen; 839 840 speedDialItems.forEach((item, index) => { 841 if (isOpen) { 842 item.style.opacity = "1"; 843 item.style.visibility = "visible"; 844 item.style.transform = "translateY(0)"; 845 item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect 846 } else { 847 item.style.opacity = "0"; 848 item.style.visibility = "hidden"; 849 item.style.transform = "translateY(10px)"; 850 item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger 851 } 852 }); 853 }); 854}); 855</script>
855 856 857 858 <div id="top" class="wrapper"> 859 860 861 862 <header class="header"> 863 <div class="header-content"> 864 <div class="logo" href="/"> 865 <a href='/'><img src="/images/logoweb.png" class='logoimg' alt=""></a> 866 </div> 867 868 <div id="marquee-mobile" class="marquee mobile-only"> 869 <div class="marquee-content"> 870 <div class="d-flex align-items-center gap-2 flex-shrink-0"> 871 <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i> 872 </div> 873 874 <div class="running"> 875 <div class="marquee-shadow"></div> 876 <div class="broadcast mobile-broadcast">OKBOS86 LOGIN I LINK UTAMA TERBARU RESMI PEMASANGAN TOGEL TERLENGKAP</div> 877 </div> 878 879 <div class="d-flex align-items-center gap-2 flex-shrink-0"></div> 880 </div> 881 </div> 882 883 <div class="mslider mobile-only"> 884 </div> 885 886 <div class="login mobile-only"> 887 <div id="mobilelogin" class="mobile-only" style="width: 100%"> 888 <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form"> 889 <div id="msgbox" style="font-size: 1rem; width: 100%"></div> 890 <div class="input-group login-field"> 891 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 892 <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username"> 893 </div> 894 <div class="input-group login-field"> 895 <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> 896 <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password"> 897 </div> 898 899 <!-- captcha --> 900 901 <div id="mverifikasiform" class="w-100" style=" "> 902 903 <span id="verifikasi"><img src="/m/capimg.php?5852" width="100%" height="36" style="border-radius: 5px;"></span> 904 <div class="input-group login-field mt-1"> 905 <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> 906 <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi"> 907 </div> 908 </div> 909 910 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 911 912 <!-- end captcha --> 913 914 <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;"> 915 <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me 916 </label> 917 918 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 919 <button type="button" class="btn btn-daftar bt
919n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button> 920 921 <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/okbos86_bot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button> 922 923 924 <input type="hidden" name="task" value="login"> 925 <input type="hidden" name="iscaptchalogin" value="1"> 926 <input type="hidden" name="loginmobile" value="isqFgKh+Zm5ylLdz0wNIhGnAetwm3xu/53QS/8HMHbw="> 927 <input type="hidden" name="isrecaptchalogin" value="0"> 928 </form> 929 </div> 930 931 932 <!-- Change Password Mobile --> 933 <div id="mobile-changepassword-form" style="width: 100%; display: none"> 934 <div id="mobilechangepassword"> 935 <form id="formChangePasswordMobile" class="login-form p-0 pt-4"> 936 <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div> 937 <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"> 938 <span>GANTI PASSWORD</span> 939 <span style="font-size: 1rem; color: #333;" id="mobile-username-display"> 940 </span> 941 </div> 942 943 <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;"> 944 â ï¸ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat. 945 </div> 946 947 <!-- <div class="input-group login-field"> 948 <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> 949 <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama"> 950 </div> 951 <div class="error-msg" id="err_old_password_mobile"></div> --> 952 953 <div class="input-group login-field"> 954 <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> 955 <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)"> 956 </div> 957 <div class="error-msg" id="err_new_password_mobile"></div> 958 959 <div class="input-group login-field"> 960 <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> 961 <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru"> 962 </div> 963 <div class="error-msg" id="err_confirm_password_mobile"></div> 964 965 <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;"> 966 <strong style="color: #856404;">Persyaratan Password:</strong> 967 <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;"> 968 <li>Minimal 6 karakter</li> 969 <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li> 970 <!-- <li>Harus mengandung angka (0-9)</li> --> 971 <!-- <li>Tidak boleh mengandung username Anda</li> --> 972 <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li> 973 <li>Hindari password yang mudah ditebak</li> 974 </ul> 975 </div> 976 977 <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button> 978 <input type="hidden" name="task" value="change_password"> 979 </form> 980 </div> 981 982
982<script> 983 $(document).ready(function(){ 984 $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() { 985 var newPass = $('#cp_new_password_mobile').val(); 986 var confirmPass = $('#cp_confirm_password_mobile').val(); 987 var currentField = $(this); 988 989 $('#cp_new_password_mobile').removeClass('error-border valid-border'); 990 $('#cp_confirm_password_mobile').removeClass('error-border valid-border'); 991 $('#err_new_password_mobile').hide(); 992 $('#err_confirm_password_mobile').hide(); 993 994 if (newPass.length > 0 && confirmPass.length > 0) { 995 if (newPass === confirmPass) { 996 $('#cp_new_password_mobile').addClass('valid-border'); 997 $('#cp_confirm_password_mobile').addClass('valid-border'); 998 } else { 999 $('#cp_new_password_mobile').addClass('error-border'); 1000 $('#cp_confirm_password_mobile').addClass('error-border'); 1001 if (currentField.attr('id') === 'cp_new_password_mobile') { 1002 $('#err_new_password_mobile').text('Password tidak sama').show(); 1003 } else { 1004 $('#err_confirm_password_mobile').text('Password tidak sama').show(); 1005 } 1006 } 1007 } 1008 }); 1009 }); 1010 </script>
1010 1011 </div> 1012 1013 <!-- Register Mobile --> 1014 <style> 1015 .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } 1016 .error-border { border-color: red !important; } 1017 .valid-border { border-color: green !important; } 1018 </style> 1019 <div id="mobile-daftar-form" style="width: 100%; display: none"> 1020 <div id="mobileregister"> 1021 <form id="formRegister" class="login-form p-0 pt-4"> 1022 <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div> 1023 <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> 1024 <div class="input-group login-field"> 1025 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 1026 <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"> 1027 </div> 1028 <div class="error-msg" id="err_username"></div> 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-shield-lock-fill prepend-icon"></i></div></span> 1031 <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> 1032 </div> 1033 <div class="error-msg" id="err_password"></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-shield-lock-fill prepend-icon"></i></div></span> 1036 <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi"> 1037 </div> 1038 <div class="error-msg" id="err_passcon"></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-envelope-fill prepend-icon"></i></div></span> 1041 <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email"> 1042 </div> 1043 <div class="error-msg" id="err_email"></div> 1044 <div class="input-group login-field"> 1045 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span> 1046 <input type="text" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> 1047 </div> 1048 <div class="error-msg" id="err_telpon"></div> 1049 1050 <div class="input-group login-field"> 1051 <select class="form-select login-input-field" name="bank" id="reg_bank"> 1052 <option value="">Pilih Bank</option> 1053 <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='DKI'>DKI</option><option value='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='DBS'>DBS</option><option value='NOBU'>NOBU</option><option value='Maybank'>Maybank</option><option value='Mestika'>Mestika</option><option value='Sinarmas'>Sinarmas</option><option value='Mega'>Mega</option><option value='UOB'>UOB</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='ShopeePay'>ShopeePay</option><option value='GOPAY'>
1053GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option><option value='AstraPay'>AstraPay</option><option value='BluBCA'>BluBCA</option><option value='Superbank'>Superbank</option><option value='Allobank'>Allobank</option><option value='SAQU'>SAQU</option><option value='Lain-lain'>Lain-lain</option> </select> 1054 </div> 1055 <div class="error-msg" id="err_bank"></div> 1056 1057 <div class="input-group login-field"> 1058 <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> 1059 <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening"> 1060 </div> 1061 <div class="error-msg" id="err_rek"></div> 1062 <div class="input-group login-field"> 1063 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span> 1064 <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening"> 1065 </div> 1066 <div class="error-msg" id="err_nama"></div> 1067 <div class="input-group login-field"> 1068 <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> 1069 <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" > 1070 </div> 1071 <div class="error-msg" id="err_ref"></div> 1072 <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun"> 1073 <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> --> 1074 1075 1076 <div class="w-100 my-1"> 1077 <div id="capverifikasi"> 1078 <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px"> 1079 </div> 1080 1081 <div class="input-group login-field mt-1"> 1082 <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> 1083 <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off"> 1084 </div> 1085 <div class="error-msg" id="err_verifikasi"></div> 1086 1087 </div> 1088 1089 1090 <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button> 1091 <input type="hidden" name="task" value="register"> 1092 <input type="hidden" name="regmobile" value="KtcaOkV/0UeBSxMaOuGQfqjKOCLqgecKihDvfcYMORA="> 1093 <input type="hidden" name="iscaptcharegister" value="1"> 1094 <input type="hidden" name="isrecaptcha" value="
10940"> 1095 <input type="hidden" name="isrecaptcharegister" value="0"> 1096 <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> 1097 </form> 1098 </div> 1099
1099<script> 1100 const WEBNAME = 'OkBos86'; 1101 const USE_STRONG_VALIDATION = false; 1102 (function(){ 1103 function root(){ return document.getElementById('mobileregister'); } 1104 function q(id){ return root()?.querySelector('#'+id) || null; } 1105 function qe(sel){ return root()?.querySelector(sel) || null; } 1106 1107 function showError(field,msg){ 1108 const err = qe('#err_'+field); 1109 const inp = q('reg_'+field); 1110 if (err){ err.textContent = msg; err.style.display = 'block'; } 1111 if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } 1112 } 1113 function clearError(field){ 1114 const err = qe('#err_'+field); 1115 const inp = q('reg_'+field); 1116 if (err) err.style.display = 'none'; 1117 if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } 1118 } 1119 1120 function checkPasswordStrengthJS(username, password) { 1121 const min_length = 6; 1122 const length = password.length; 1123 if (length < min_length) { 1124 return "Password harus minimal " + min_length + " karakter"; 1125 } 1126 const hasLower = /[a-z]/.test(password); 1127 const hasUpper = /[A-Z]/.test(password); 1128 if (!(hasLower && hasUpper)) { 1129 return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka."; 1130 } 1131 if (!/[0-9]/.test(password)) { 1132 return "Password harus mengandung angka"; 1133 } 1134 if (username && password.toLowerCase().includes(username.toLowerCase())) { 1135 return "Password tidak boleh mengandung username"; 1136 } 1137 const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/; 1138 if (numSeq.test(password)) { 1139 return "Password tidak boleh mengandung angka berurutan"; 1140 } 1141 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|" 1142 + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|" 1143 + "qwert|werty|asdf|zxcv|uiop|hjkl)"; 1144 const letterSequences = new RegExp(letterSeqStr, "i"); 1145 if (letterSequences.test(password)) { 1146 return "Password tidak boleh mengandung huruf berurutan"; 1147 } 1148 return null; 1149 } 1150 1151 function vUsername(){ 1152 const v = (q('reg_username')?.value || '').trim(); 1153 if (!v) return showError('username','Username tidak boleh kosong'), false; 1154 if (v.length < 6) return showError('username','Username minimal 6 karakter'), false; 1155 if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false; 1156 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; 1157 clearError('username'); return true; 1158 } 1159 function vPass(){ 1160 const v = q('reg_pass')?.value || ''; 1161 if(!v) { 1162 showError('password','Password tidak boleh kosong'); 1163 return false;
1164 } 1165 if (USE_STRONG_VALIDATION) { 1166 const username = (q('reg_username')?.value || '').trim(); 1167 const err = checkPasswordStrengthJS(username, v); 1168 if (err) { 1169 showError('password', err); 1170 return false; 1171 } 1172 clearError('password'); 1173 if (q('reg_passcon')?.value) { 1174 vPasscon(); 1175 } 1176 return true; 1177 } 1178 1179 if (v.length < 6) { 1180 showError('password','Password minimal 6 karakter'); 1181 return false; 1182 } 1183 1184 clearError('password'); 1185 return true; 1186 } 1187 function vPasscon() { 1188 const p1 = q('reg_pass')?.value || ''; 1189 const p2 = q('reg_passcon')?.value || ''; 1190 if (!p2) { 1191 showError('passcon', 'Konfirmasi password kosong'); 1192 return false; 1193 } 1194 if (USE_STRONG_VALIDATION) { 1195 const username = (q('reg_username')?.value || '').trim(); 1196 const err = checkPasswordStrengthJS(username, p1); 1197 if (err) { 1198 showError('passcon', err); 1199 return false; 1200 } 1201 } 1202 1203 if (p1 !== p2) { 1204 showError('passcon', 'Konfirmasi tidak sama'); 1205 return false; 1206 } 1207 1208 clearError('passcon'); 1209 return true; 1210 } 1211 // function vPass(){ 1212 // const v = q('reg_pass')?.value || ''; 1213 // if (!v) return showError('password','Password tidak boleh kosong'), false; 1214 // if (v.length < 6) return showError('password','Password minimal 6 karakter'), false; 1215 // clearError('password'); return true; 1216 // } 1217 // function vPasscon(){ 1218 // const p1 = q('reg_pass')?.value || ''; 1219 // const p2 = q('reg_passcon')?.value || ''; 1220 // if (!p2) return showError('passcon','Konfirmasi password kosong'), false; 1221 // if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false; 1222 // clearError('passcon'); return true; 1223 // } 1224 function vEmail(){ 1225 const v = (q('reg_email')?.value || '').trim(); 1226 if (!v) return showError('email','Email tidak boleh kosong'), false; 1227 if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; 1228 clearError('email'); return true; 1229 } 1230 function vTelp(){ 1231 const el = q('reg_telpon'); if (!el) return true; 1232 el.value = (el.value || '').replace(/\D/g,''); 1233 if (!el.value) return showError('telpon','Telpon kosong'), false; 1234 if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false; 1235 clearError('telpon'); return true; 1236 } 1237 function vBank(){ 1238 if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; 1239 clearError('bank'); return true; 1240 } 1241 function vRek(){ 1242 const el = q('reg_rek'); if (!el) return true; 1243 el.value = (el.value || '').replace(/\D/g,''); 1244 if (!el.value) return showError('rek','Rekening kosong'), false; 1245 if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false; 1246 clearError('rek'); return true; 1247 } 1248 function vNama(){ 1249 const v = (q('reg_nama')?.value || '').trim(); 1250 if (!v) return showError('nama','Nama kosong'), false; 1251 if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false; 1252 if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; 1253 clearError('nama'); return true; 1254 } 1255 function vRefOpt(){ 1256 const el = q('reg_ref'); if (!el) return true; 1257 const v = (el.value || '').trim(); 1258 if (!v) return clearError('ref'), true; 1259 if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false; 1260 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false; 1261 clearError('ref'); return true; 1262 } 1263 function vVerifOpt(){ 1264 const el = q('reg_verifikasi'); if (!el) return true; 1265 const v = (el.value || '').trim(); 1266 if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; 1267 clearError('verifikasi'); return true; 1268 } 1269 1270 function validateAll(){ 1271 const ok = 1272 vUsername() & vPass() & vPasscon() & vEmail() & 1273 vTelp() & vBank() & vRek() & vNama() & 1274 vRefOpt() & vVerifOpt(); 1275 return !!ok; 1276 } 1277 1278 function attach(id, validator, opts){ 1279 const el = q(id); if (!el) return; 1280 const run = () => validator(); 1281 el.addEventListener('focus', run); 1282 if (!opts || opts.input !== false) el.addEventListener('input', run); 1283 el.addEventListener('blur', run); 1284 if (opts && opts.change) el.addEventListener('change', run); 1285 } 1286 1287 document.addEventListener('DOMContentLoaded', function(){ 1288 attach('reg_username', vUsername); 1289 attach('reg_pass', vPass); 1290 attach('reg_passcon', vPasscon); 1291 attach('reg_email', vEmail); 1292 attach('reg_telpon', vTelp); 1293 attach('reg_bank', vBank, { input
1293:false, change:true }); 1294 attach('reg_rek', vRek); 1295 attach('reg_nama', vNama); 1296 attach('reg_ref', vRefOpt); 1297 attach('reg_verifikasi', vVerifOpt); 1298 1299 const f = q('formRegister'); 1300 if (f) { 1301 f.addEventListener('submit', function(e){ 1302 if (!validateAll()) { 1303 e.preventDefault(); 1304 const firstErr = root()?.querySelector('.error-border') || q('reg_username'); 1305 if (firstErr && firstErr.focus) firstErr.focus(); 1306 } 1307 }); 1308 } 1309 }); 1310 })(); 1311 </script>
1311 1312 </div> 1313 </div> 1314 1315 <div class="menu"> 1316 <style> 1317 .menu-item { 1318 display: flex; 1319 flex-direction: column; 1320 align-items: center; 1321 justify-content: center; 1322 gap: 12px; 1323 min-width: 72px; 1324 padding: 8px; 1325 height: 100%; 1326 } 1327 1328 .menu-item:hover { 1329 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1330 } 1331 1332 .menu-item.active { 1333 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1334 } 1335 1336 .menu-item-img { 1337 height: 28px; 1338 } 1339 1340 .menu-item-icon { 1341 font-size: 28px; 1342 color: var(--menu-item-color) 1343 } 1344 1345 .menu-item:hover>.menu-item-icon { 1346 color: var(--primary-color); 1347 } 1348</style> 1349 1350 1351<a href="/" class="menu-item active"> 1352 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1353 <i class="menu-item-icon icon-home" style="font-size: 28px"></i> 1354 <label>HOME</label> 1355</a> 1356 1357 <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')"> 1358 <!--<img class="mobile-only" src="assets/togel.png" alt="">--> 1359 <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790436659" alt="TOGEL" class="menu-item-img">--> 1360 <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i> 1361 <label>TOGEL</label> 1362 </a> 1363 1364 1365 1366<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')"> 1367 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1368 <i class="menu-item-icon icon-slots"></i> 1369 <label>SLOT</label> 1370</a> 1371<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')"> 1372 <!--<img class="mobile-only" src="assets/live.png" alt="">--> 1373 <i class="menu-item-icon icon-casino"></i> 1374 <label>LIVE CASINO</label> 1375</a> 1376<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')"> 1377 <!--<img class="mobile-only" src="assets/sport.png" alt="">--> 1378 <i class="menu-item-icon icon-sports"></i> 1379 <label>SPORT</label> 1380</a> 1381<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')"> 1382<!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> 1383 <i class="menu-item-icon icon-sabung"></i> 1384 <label>SABUNG</label> 1385</a> 1386<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')"> 1387 <!--<img class="mobile-only" src="assets/fishing.png" alt="">--> 1388 <i class="menu-item-icon icon-arcade"></i> 1389 <label>ARCADE</label> 1390</a> 1391<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')"> 1392 <i class="menu-item-icon icon-interactive"></i> 1393 <label>INTERACTIVE</label> 1394</a> 1395 </div> 1396 1397 1398 1399 <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)"> 1400 1401 1402 <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)"> 1403 <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1404 </div> 1405 1406 <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)"> 1407 <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1408 </div> 1409 1410 1411 <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)"> 1412 1413 1414 <div style="white-space: nowrap; height: 100%; font-size: 0px"> 1415 1416 <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;"> 1417 <div style="display: grid; place-items: center; height: 100%"> 1418 <div class="menu-item" style="gap: 8px"> 1419 <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt=""> 1420 <label class="text-white">TOGEL</label> 1421 </div> 1422 </div> 1423 </a> 1424 1425 <div style="height: 100%; width: 74px; display: inline-block;"> 1426 <div style="display: grid; place-items: center; height: 100%"> 1427 <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')"> 1428 <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt=""> 1429 <label class="text-white">SLOT</label> 1430 </div> 1431 </div> 1432 </div> 1433 <div style="height: 100%; width: 74px; display: inline-block;"> 1434 <div style="display: grid; place-items: center; height: 100%"> 1435 <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')"> 1436 <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt=""> 1437 <label class="text-white">LIVE CASINO</label> 1438 </div> 1439 </div> 1440 </div> 1441 <div style="height: 100%; width: 74px; display: inline-block;"> 1442 <div style="display: grid; place-items: center; height: 100%"> 1443 <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')"> 1444 <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1444orts.png" alt=""> 1445 <label class="text-white">SPORT</label> 1446 </div> 1447 </div> 1448 </div> 1449 <div style="height: 100%; width: 74px; display: inline-block;"> 1450 <div style="display: grid; place-items: center; height: 100%"> 1451 <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')"> 1452 <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt=""> 1453 <label class="text-white">ARCADE</label> 1454 </div> 1455 </div> 1456 </div> 1457 <div style="height: 100%; width: 74px; display: inline-block;"> 1458 <div style="display: grid; place-items: center; height: 100%"> 1459 <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')"> 1460 <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt=""> 1461 <label class="text-white">SABUNG</label> 1462 </div> 1463 </div> 1464 </div> 1465 1466 <div style="height: 100%; width: 74px; display: inline-block;"> 1467 <div style="display: grid; place-items: center; height: 100%"> 1468 <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')"> 1469 <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt=""> 1470 <label class="text-white">INTERACTIVE</label> 1471 </div> 1472 </div> 1473 </div> 1474 </div> 1475 </div> 1476</div> 1477 1478 <div class="menu-content mobile-only"> 1479 <div id="main-content" style="background: var(--content-box-background)"> 1480 </div> 1481 </div> 1482 1483 1484 <!-- Banner SBO --> 1485 1486 <style> 1487 .match-slider-wrap { 1488 max-width: 1200px; 1489 margin: 16px auto; 1490 margin-bottom: 24px; 1491 padding: 0 12px; 1492 } 1493 1494 .match-card { 1495 position: relative; 1496 overflow: hidden; 1497 min-height: 180px; 1498 border-radius: 16px; 1499 background: 1500 linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)), 1501 linear-gradient(180deg, #232323 0%, #161616 100%); 1502 color: #fff; 1503 box-shadow: 0 10px 24px rgba(0,0,0,.35); 1504 padding: 14px 14px 16px; 1505 } 1506 1507 .match-card::before { 1508 content: ""; 1509 position: absolute; 1510 inset: 0; 1511 background: repeating-linear-gradient( 1512 -35deg, 1513 rgba(255,255,255,.04), 1514 rgba(255,255,255,.04) 8px, 1515 transparent 8px, 1516 transparent 18px 1517 ); 1518 pointer-events: none; 1519 opacity: .35; 1520 } 1521 1522 .match-card > * { 1523 position: relative; 1524 z-index: 1; 1525 } 1526 1527 .league-name { 1528 font-size: 14px; 1529 font-weight: 700; 1530 letter-spacing: .4px; 1531 text-transform: uppercase; 1532 text-align: center; 1533 margin-bottom: 2px; 1534 color: #ffffff; 1535 } 1536 1537 .kickoff-time { 1538 font-size: 14px; 1539 font-weight: 800; 1540 text-align: center; 1541 color: #ffd23c; 1542 margin-bottom: 12px; 1543 } 1544 1545 .match-main-row, 1546 .match-odds-row { 1547 display: flex; 1548 align-items: flex-start; 1549 justify-content: space-between; 1550 gap: 0; 1551 } 1552 1553 .match-odds-row { 1554 align-items: center; 1555 margin-top: 12px; 1556 } 1557 1558 .team-col { 1559 width: 30%; 1560 text-align: center; 1561 display: flex; 1562 flex-direction: column; 1563 align-items: center; 1564 } 1565 1566 .score-col { 1567 width: 40%; 1568 text-align: center; 1569 display: flex; 1570 flex-direction: column; 1571 align-items: center; 1572 justify-content: center; 1573 } 1574 1575 .team-logo { 1576 width: 46px; 1577 height: 46px; 1578 object-fit: contain; 1579 margin-bottom: 6px; 1580 } 1581 1582 .team-name { 1583 font-size: 14px; 1584 line-height: 1.15; 1585 min-height: 34px; 1586 display: flex; 1587 align-items: center; 1588 justify-content: center; 1589 text-align: center; 1590 } 1591 1592 .score-value { 1593 font-size: 28px; 1594 font-weight: 800; 1595 line-height: 1; 1596 margin-bottom: 10px; 1597 } 1598 1599 .bet-btn { 1600 display: inline-block; 1601 min-width: 95px; 1602 border-radius: 8px; 1603 background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%); 1604 color: #1d1d1d; 1605 font-size: 14px; 1606 font-weight: 800; 1607 text-decoration: none; 1608 padding: 10px 16px; 1609 box-shadow: inset 0 1px 0 rgba(255,255,255,.45); 1610 } 1611 1612 .bet-btn:hover { 1613 color: #1d1d1d; 1614 filter: brightness(1.03); 1615 } 1616 1617 .odds-col { 1618 width: 30%; 1619 text-align: center; 1620 font-size: 12px; 1621 font-weight: 700; 1622 color: #ffd23c; 1623 display: flex; 1624 align-items: center; 1625 justify-content: center; 1626 min-height: 18px; 1627 } 1628 1629 .odds-col small { 1630 font-size: 12px; 1631 font-weight: 600; 1632 color: #ffffff; 1633 opacity: .95; 1634 } 1635 1636 .odds-spacer { 1637 width: 40%; 1638 } 1639 1640 .carousel-control-prev, 1641 .carousel-control-next { 1642 width: 48px; 1643 } 1644 1645 .carousel-control-prev-icon, 1646 .carousel-control-next-icon { 1647 width: 2.5rem; 1648 height: 2.5rem; 1649 border-radius: 50%; 1650 background-color: rgba(255,255,255,.15); 1651 background-size: 55% 55%; 1652 } 1653 1654 .carousel-indicators [data-bs-target] { 1655 width: 8px; 1656 height: 8px; 1657 border-radius: 50%; 1658 } 1659 1660 @media (max-width: 991.98px) { 1661 .match-card { 1662 min-height: 170px; 1663 } 1664 } 1665 1666 @media (max-width: 767.98px) { 1667 .match-slider-wrap { 1668 max-width: 100%; 1669 padding: 0 20px; 1670 margin: 20px 0; 1671 } 1672 1673 .match-slider-wrap .carousel-inner { 1674 padding: 0; 1675 } 1676 1677 .match-slider-wrap .carousel-item .row { 1678 margin: 0; 1679 } 1680 1681 .match-slider-wrap .carousel-item .col-12 { 1682 padding: 0; 1683 } 1684 1685 .match-card { 1686 width: 100%; 1687 border-radius: 16px; 1688 } 1689 1690 .league-name { 1691 font-size: 13px; 1692 margin-bottom: 2px; 1693 } 1694 1695 .kickoff-time { 1696 font-size: 13px; 1697 margin-bottom: 10px; 1698 } 1699 1700 .team-col { 1701 width: 30%; 1702 } 1703 1704 .score-col { 1705 width: 40%; 1706 } 1707 1708 .team-logo { 1709 width: 42px; 1710 height: 42px; 1711 margin-bottom: 4px; 1712 } 1713 1714 .team-name { 1715 font-size: 12px; 1716 line-height: 1.15; 1717 min-height: 30px; 1718 } 1719 1720 .score-value { 1721 font-size: 22px; 1722 margin-bottom: 8px; 1723 } 1724 1725 .bet-btn { 1726 min-width: 88px; 1727 font-size: 13px; 1728 padding: 8px 14px; 1729 border-radius: 8px; 1730 } 1731 1732 .match-odds-row { 1733 margin-top: 10px; 1734 } 1735 1736 .odds-col, 1737 .odds-col small { 1738 font-size: 11px; 1739 } 1740 1741 .carousel-control-prev, 1742 .carousel-control-next { 1743 width: 34px; 1744 } 1745 1746 .carousel-control-prev-icon, 1747 .carousel-control-next-icon { 1748 width: 2rem; 1749 height: 2rem; 1750 background-size: 50% 50%; 1751 } 1752 1753 .carousel-indicators { 1754 margin-bottom: -2px; 1755 } 1756 1757 .carousel-indicators [data-bs-target] { 1758 width: 7px; 1759 height: 7px; 1760 margin: 0 3px; 1761 } 1762 } 1763 </style> 1764 <!-- Banner SBO End --> 1765 1766 <div class="promosi"> 1767 1768 <!-- Desktop --> 1769 <div class="desktop-only h-100"> 1770 <div class="d-flex align-items-center h-100"> 1771 <a href="/promosi" class="menu-item"> 1772 <i class="menu-item-icon icon-promotion"></i> 1773 <label>PROMOSI</label> 1774 </a> 1775 1776 <a href="/event" class="menu-item"> 1777 <i class="menu-item-icon icon-event"></i> 1778 <label>EVENT</label> 1779 </a> 1780 </div> 1781 </div> 1782 1783 1784 1785 1786 <!--<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>--> 1787 1788 <!-- Mobile --> 1789 1790 <div class="mobile-only" style="padding-top: 24px"> 1791 1792 <div class="d-flex gap-3 justify-content-center align-items-center"> 1793 <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a> 1794 <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div> 1795 1796 <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a> 1797 </div> 1798 1799 1800 </div> 1801 </div> 1802 1803 </div> 1804 1805 </header> 1806 1807 1808 1809 <div id="marquee" class="marquee desktop-only"> 1810 <div class="marquee-content py-2"> 1811 <div class="d-flex
1811align-items-center gap-2"> 1812 <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div> 1813 <i class="bi bi-megaphone-fill desktop-only"></i> 1814 </div> 1815 <div class="running" style="padding-left: 8px; padding-right: 32px"> 1816 <div class="broadcast" style="width: 100%">OKBOS86 LOGIN I LINK UTAMA TERBARU RESMI PEMASANGAN TOGEL TERLENGKAP</div> 1817 </div> 1818 <div class="d-flex align-items-center gap-2"> 1819 <div id="desktoplogin" class="desktop-only"> 1820 <form class="login-form form" role="form"> 1821 <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div> 1822 <div class="input-group login-field"> 1823 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 1824 <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username"> 1825 </div> 1826 1827 1828 1829 <div class="input-group login-field"> 1830 <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> 1831 <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password"> 1832 </div> 1833 1834 <!-- captcha --> 1835 1836 <div class="verifikasiform" style=" "> 1837 <div style="display: flex; gap: 2px;"> 1838 <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span> 1839 <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off"> 1840 </div> 1841 1842 </div> 1843 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 1844 1845 <!-- end captcha --> 1846 1847 1848 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 1849 <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> 1850 1851 1852 <input type="hidden" name="task" value="login"> 1853 <input type="hidden" name="iscaptchalogin" value="1"> 1854 <input type="hidden" name="logindesktop" value="isqFgKh+Zm5ylLdz0wNIhGnAetwm3xu/53QS/8HMHbw="> 1855 <input type="hidden" name="isrecaptchalogin" value="0"> 1856 </form> 1857 1858 </div> 1859 1860 1861 <!--<a href="/event">--> 1862 <!-- <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>--> 1863 <!--</a>--> 1864 </div> 1865 </div> 1866 </div> 1867 1868 1869 1870 <!--Informasi Modal --> 1871 <div id="modal-wrapper" class="modal" style=" background:none;"> 1872 1873 <div class="slideDown" id="informasi-menu"> 1874 <div class="row"> 1875 <div class="col-xs-3" style="padding-right:0px; width:164px"> 1876 <div id="informasi-logo"> 1877 <img src="/images/logoweb.png" width="120px"/> 1878 </div> 1879 <div class="menuleft"> 1880 1881 <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a> 1882 <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a> 1883 <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a> 1884 <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a> 1885 <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a> 1886 <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a> 1887 <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a> 1888 1889 </div> 1890 </div> 1891 <div class="col-xs-9" id="informasi-content" style="position: relative"> 1892 <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div> 1893 <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 1894 </div> 1895 </div> 1896 1897 </div> 1898 </div> 1899 </div> 1900 1901 1902 1903 1904 <div class="contentdata"> 1905 <div id="content-primary" class="p-0"> 1906 1907 1908 <div class="content-body" style="position: relative"> 1909 <div class="content-area">
1910 <div id="content" class="content-box"> 1911 1912 <div class="panel panelbg"> 1913 <div class="desktop-only"><h3 class="pb-4">Slot</h3></div> 1914 <div class="panel-body"> 1915 1916 <div style="margin-top: 10px"> 1917 1918 <style> 1919 1920 .slotarea { 1921 height: 800px; 1922 overflow:auto; 1923 width: 100%; 1924 display: grid; 1925 grid-template-columns: repeat(5, 1fr); 1926 gap-y: 25px; 1927 margin-bottom: 40px; 1928 } 1929 1930 .casinoarea { 1931 overflow:auto; 1932 width: 100%; 1933 display: grid; 1934 grid-template-columns: repeat(4, 1fr); 1935 gap-y: 25px; 1936 margin-bottom: 24px; 1937 } 1938 1939 .interactivearea { 1940 height: 800px; 1941 overflow:auto; 1942 width: 100%; 1943 display: grid; 1944 grid-template-columns: repeat(5, 1fr); 1945 gap-y: 25px; 1946 margin-bottom: 40px; 1947 } 1948 1949 .five { 1950 grid-template-columns: repeat(5, 1fr); 1951 } 1952 1953 .gameitem { 1954 padding: 20px; 1955 padding-top: 0px; 1956 position: relative; 1957 } 1958 1959 .gameitem>img { 1960 width: 200px; 1961 max-width: 200px; 1962 object-fit: contain; 1963 } 1964 1965 .gameitem>figcaption { 1966 overflow-wrap: break-word; 1967 } 1968 1969 .casinoimg { 1970 border-radius: 10px; 1971 border: 1px solid #000; 1972 box-shadow:rgba(0,0,0,.1) 0px 2px 5px 5px; 1973 } 1974 1975 @media only screen and (max-width: 768px) { 1976 1977 .slotarea, .casinoarea, .interactivearea{ 1978 height: 100%; 1979 grid-template-columns: repeat(3, 1fr)!important; 1980 gap: 6px; 1981 padding: 8px; 1982 box-sizing: border-box; 1983 } 1984 1985 .gameitem { 1986 padding: 2px; 1987 } 1988 1989 .gameitem .casinoimg { 1990 width: 100%!important; 1991 max-width: 100%!important; 1992 height: auto; 1993 } 1994 1995 .slotarea .gameitem>img, 1996 .interactivearea .gameitem>img { 1997 width: auto !important; 1998 max-width: 100px !important; 1999 height: auto; 2000 margin: 0 auto; 2001 display: block; 2002 } 2003 2004 .gameitem>figcaption { 2005 font-size: 10px; 2006 line-height: 1.2; 2007 } 2008 2009 /* PP - NEW */ 2010 .gameitem img[alt="NEW"][src*="icon-pp-new"] { 2011 top: 2px !important; 2012 left: 7px !important; 2013 max-width: 35px !important; 2014 height: auto !important; 2015 } 2016 2017 /* PP - TOP */ 2018 .gameitem img[alt="TOP"][src*="icon-pp-top"] { 2019 top: 2px !important; 2020 left: 8px !important; 2021 max-width: 34px !important; 2022 height: auto !important; 2023 } 2024 2025 /* PG - NEW */ 2026 .gameitem img[alt="NEW"][src*="icon-pg-new"] { 2027 top: 2px !important; 2028 left: 7px !important; 2029 max-width: 40px !important; 2030 height: auto !important; 2031 } 2032 2033 /* PG - TOP */ 2034 .gameitem img[alt="TOP"][src*="icon-pg-top"] { 2035 top: 2px !important; 2036 left: 7px !important; 2037 max-width: 30px !important; 2038 height: auto !important; 2039 } 2040 2041 /* JL/JILI - NEW */ 2042 .gameitem img[alt="NEW"][src*="icon-jili-new"] { 2043 top: 2px !important; 2044 left: 7px !important; 2045 max-width: 55px !important; 2046 height: auto !important; 2047 } 2048 2049 /* JL/JILI - TOP */ 2050 .gameitem img[alt="TOP"][src*="icon-jili-top"] { 2051 top: 2px !important; 2052 left: 7px !important; 2053 max-width: 40px !important; 2054 height: auto !important; 2055 } 2056 } 2057 2058</style> 2059 2060 2061<h2 style="margin-bottom:30px; "><img src="https://img.viva88athenae.com/pg.png" alt="" style="margin-top:-20px; height: 40px"/>PGSoft</h2><div class="slotarea"><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lucky-mischief.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-new.png" alt="NEW" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Lucky Mischief</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/prosperity-lanterns.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-new.png" alt="NEW" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Prosperity Lanterns</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/touchdown-wins.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-new.png" alt="NEW" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Touchdown Wins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mahjong-ways.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top1.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Mahjong Ways</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mahjong-ways2.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top2.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Mahjong Ways 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-bounty-showdown.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top3.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Wild Bounty Showdown</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-bandito.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top4.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Wild Bandito </figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lucky-neko.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top5.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Lucky Neko</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/treasures-aztec.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top6.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Treasures of Aztec</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-ape.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wild Ape #3258</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ways-of-qilin.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ways of the Qilin</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gemstone-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gemstones Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/pinata-wins.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Pinata Wins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/geishas-revenge.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Geisha's Revenge</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/anubis-wrath.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Anubis Wrath</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mafia-mayhem.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mafia Mayhem</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/cocktail-nite.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Cocktail Nights</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mr-treasures-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mr Treasures Fortune</figcaption></figure><figure class="gameitem">
2061<img src = "https://img.viva88athenae.com/pg/images/dragon-hatch2.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragon Hatch 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/queen-bounty.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Queen of Bounty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/the-great-icescape.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">The Great Icescape</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jurassic-kdm.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jurassic Kingdom</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/yakuza-honor.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Yakuza Honor</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/speed-winner.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Speed Winner</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/farmstead-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Farmstead Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/tornado-rampage.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Tornado Rampage</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/zombie-blasters.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Zombie Blasters</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/monkeys-wild-party.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Monkeys Wild Party</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/super-wildrix.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Super Wildrix</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/reel-royale-showdown.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Reel Royale Showdown</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mighty-mania.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mighty Mania</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/funky-fortunez.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Funky Fortunez</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/perfect-strike.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Perfect Strike</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mayan-destiny.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mayan Destiny</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/inferno-mayhem.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Inferno Mayhem</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-horse.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Horse</figcaption></figure><figure class="gameitem">
2061<img src = "https://img.viva88athenae.com/pg/images/forbidden-alchemy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Forbidden Alchemy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mythical-guardians.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mythical Guardians</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/poker-kingdom-win.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Poker Kingdom Win</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/alibabas-cave-of-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Alibabas Cave of Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/skylight-wonders.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Skylight Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/pharaoh-royals.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Pharaoh Royals</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/kraken-gold-rush.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Kraken Gold Rush</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/majestic-empire.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Majestic Empire</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/grimms-bounty-hansel-gretel.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Grimms Bounty: Hansel & Gretel</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/galaxy-miner.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Galaxy Miner</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dragons-treasure-quest.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragons Treasure Quest</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/diner-frenzy-spins.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Diner Frenzy Spins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jack-the-giant-hunter.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jack the Giant Hunter</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dead-mans-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dead Mans Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/knockout-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Knockout Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/doomsday-rampage.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Doomsday Rampage</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/graffiti-rush.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Graffiti Rush</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/incan-wonder.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Incan Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-snake.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Snake</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/chocolate-deluxe.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">
2061Chocolate Deluxe</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/rio-fantasia.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Rio Fantasia</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/museum-mystery.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Museum Mystery</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/oishi-delights.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Oishi Delights</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/three-crazy-piggies.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Three Crazy Piggies</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wings-of-iguazu.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wings of Iguazu</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/shark-bounty.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Shark Bounty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/zombie-outbreak.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Zombie Outbreak</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/futebol-fever.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Futebol Fever</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/chicky-run.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Chicky Run</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mystic-potions.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mystic Potion</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/cash-mania.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Cash Mania</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-dragon.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Dragon</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/werewolfs-hunt.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Werewolf's Hunt</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/tsar-treasures.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Tsar Treasures</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/forge-of-wealth.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Forge of Wealth</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-heist-cashout.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wild Heist Cashout</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ultimate-striker.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ultimate Striker</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ninja-raccoon-frenzy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ninja Raccoon Frenzy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gladiators-glory.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gladiator's Glory</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/safari-wilds.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Safari Wilds</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/cruise-royale.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Cruise Royale</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fruity-candy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fruity Candy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lucky-clover-lady.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Lucky Clover Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-rabbit.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Rabbit</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/super-golf-drive.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Super Golf Drive</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/bakery-bonanza.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Bakery Bonanza</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/rave-party-fever.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Rave Party Fever</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/midas-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Midas Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/asgardian-rising.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Asgardian Rising</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/diner-delights.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Diner Delights</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/alchemy-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Alchemy Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/totem-wonders.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Totem Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/prosperity-fortune-tree.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Prosperity Fortune Tree</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-coaster.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wild Coaster</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/legend-of-perseus.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Legend of Perseus</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lucky-piggy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Lucky Piggy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dreams-of-macau.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">
2061Dreams of Macau</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ganesha-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ganesha Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/cai-shen-wins.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Cai Shen Wins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dragon-hatch.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragon Hatch</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lgd-monkey-kg.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Legendary Monkey King</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gem-saviour-sword.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gem Saviour Sword</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dragon-legend.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragon Legend</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-gods.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Gods</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/prosperity-lion.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Prosperity Lion</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mystical-spirits.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mystical Spirits</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/songkran-splash.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Songkran Splash</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/hawaiian-tiki.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Hawaiian Tiki</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fish-prawn-crab.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fish Prawn Crab</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/battleground-royale.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Battleground Royale</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/the-queens-banquet.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">The Queen's Banquet</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/rooster-rumble.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Rooster Rumble</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/butterfly-blossom.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Butterfly Blossom</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/destiny-sun-moon.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Destiny of Sun & Moon</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/garuda-gems.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Garuda Gems</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-tiger.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Tiger</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/oriental-pros.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Oriental Prosperity</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mask-carnival.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mask Carnival</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/emoji-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Emoji Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/spirit-wonder.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Spirited Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/buffalo-win.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Buffalo Win</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/sprmkt-spree.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Supermarket Spree</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/crypt-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Raider Jane Crypt of Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mermaid-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mermaid Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/rise-of-apollo.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Rise of Apollo</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/heist-stakes.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Heist Stakes</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/candy-bonanza.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Candy Bonanza</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/majestic-ts.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Majestic Treasures</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/crypto-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Crypto Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-ox.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Ox</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jack-frosts.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jack Frosts Winter</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/bali-vacation.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Bali Vacation</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/opera-dynasty.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Opera Dynasty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/thai-river.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Thai River Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gdn-ice-fire.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Guardians of Ice & Fire</figcaption></figure><figure class="gameitem">
2061<img src = "https://img.viva88athenae.com/pg/images/sct-cleopatra.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Secrets of Cleopatra</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jewels-prosper.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jewels of Prosperity</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/galactic-gems.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Galactic Gems</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/genies-wishes.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Genies 3 Wishes</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-fireworks.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wild Fireworks</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/phoenix-rises.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Phoenix Rises</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/circus-delight.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Circus Delight</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/egypts-book-mystery.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Egypts Book of Mystery</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/candy-burst.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Candy Burst</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/bikini-paradise.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Bikini Paradise</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-mouse.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Mouse</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/shaolin-soccer.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Shaolin Soccer</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/muay-thai-champion.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Muay Thai Champion</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dragon-tiger-luck.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragon Tiger Luck</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gem-saviour-conquest.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gem Saviour Conquest</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/flirting-scholar.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Flirting Scholar</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/leprechaun-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Leprechaun Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ninja-vs-samurai.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ninja vs Samurai</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/vampires-charm.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Vampires Charm</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/captains-bounty.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Captains Bounty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/journey-to-the-wealth.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Journey to the Wealth</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/double-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Double Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/emperors-favour.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">
2061Emperors Favour</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ganesha-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ganesha Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/symbols-of-egypt.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Symbols Of Egypt</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jungle-delight.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jungle Delight</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/piggy-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Piggy Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/santas-gift-rush.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Santas Gift Rush</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mr-hallow-win.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mr. Hallow-Win!</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/legend-of-hou-yi.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Legend of Hou Yi</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/hip-hop-panda.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Hip Hop Panda</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/hotpot.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Hotpot</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-tree.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Tree of Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/plushie-frenzy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Plushie Frenzy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/win-win-won.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Win Win Won</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/reel-love.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Reel Love</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/hood-wolf.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Hood vs Wolf</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/medusa.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Medusa 1: the Curse of Athena</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/medusa2.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Medusa 2: the Quest of Perseus</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gem-saviour.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gem Saviour</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/diaochan.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Honey Trap of Diao Chan</figcaption></figure></div><div style="clear:both"></div> 2062 2063 2064 </div> 2065 </div> 2066 </div> 2067 2068 </div> 2069 </div> 2070 </div> 2071 2072 2073 </div> 2074 </div> 2075 2076 2077 2078 <div class="widget-kupon"> 2079 <!-- <div style="position:relative; width:100%;"> --> 2080 <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe> 2081 <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div> 2082 <!-- </div> --> 2083 </div> 2084 2085 <!-- BANNER SBO MOBILE --> 2086 <div class="widget-sbo mobile-only"> 2087 <div class="match-slider-wrap"> 2088 <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 2089 2090 <div class="carousel-indicators"> 2091 <button 2092 type="button" 2093 data-bs-target="#sboMatchCarouselMobile" 2094 data-bs-slide-to="0" 2095 class="active" 2096 aria-current="true" aria-label="Slide 1"> 2097 </button> 2098 <button 2099 type="button" 2100 data-bs-target="#sboMatchCarouselMobile" 2101 data-bs-slide-to="1" 2102 class="" 2103 aria-label="Slide 2"> 2104 </button> 2105 <button 2106 type="button" 2107 data-bs-target="#sboMatchCarouselMobile" 2108 data-bs-slide-to="2" 2109 class="" 2110 aria-label="Slide 3"> 2111 </button> 2112 <button 2113 type="button" 2114 data-bs-target="#sboMatchCarouselMobile" 2115 data-bs-slide-to="3" 2116 class="" 2117 aria-label="Slide 4"> 2118 </button> 2119 <button 2120 type="button" 2121 data-bs-target="#sboMatchCarouselMobile" 2122 data-bs-slide-to="4" 2123 class="" 2124 aria-label="Slide 5"> 2125 </button> 2126 <button 2127 type="button" 2128 data-bs-target="#sboMatchCarouselMobile" 2129 data-bs-slide-to="5" 2130 class="" 2131 aria-label="Slide 6"> 2132 </button> 2133 <button 2134 type="button" 2135 data-bs-target="#sboMatchCarouselMobile" 2136 data-bs-slide-to="6" 2137 class="" 2138 aria-label="Slide 7"> 2139 </button> 2140 <button 2141 type="button" 2142 data-bs-target="#sboMatchCarouselMobile" 2143 data-bs-slide-to="7" 2144 class="" 2145 aria-label="Slide 8"> 2146 </button> 2147 <button 2148 type="button" 2149 data-bs-target="#sboMatchCarouselMobile" 2150 data-bs-slide-to="8" 2151 class="" 2152 aria-label="Slide 9"> 2153 </button> 2154 <button 2155 type="button" 2156 data-bs-target="#sboMatchCarouselMobile" 2157 data-bs-slide-to="9" 2158 class="" 2159 aria-label="Slide 10"> 2160 </button> 2161 </div> 2162 2163 <div class="carousel-inner"> 2164 <div class="carousel-item active"> 2165 <div class="row g-3"> 2166 <div class="col-12"> 2167 <div class="match-card h-100"> 2168 <div class="league-name"> 2169 ENGLISH PREMIER LEAGUE </div> 2170 2171 <div class="kickoff-time"> 2172 October 10, 2026 â 18:30 WIB </div> 2173 2174 <div class="match-main-row"> 2175 <div class="team-col"> 2176 <img 2177 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 2178 alt="Arsenal" 2179 class="team-logo" 2180 > 2181 <div class="team-name"> 2182 Arsenal </div> 2183 </div> 2184 2185 <div class="score-col"> 2186 <div class="score-value"> 2187 0 : 0 </div> 2188 2189 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 2190 BET NOW 2191 </a> 2192 </div> 2193 2194 <div class="team-col"> 2195 <img 2196 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
2196ce556.png" 2197 alt="Leeds United" 2198 class="team-logo" 2199 > 2200 <div class="team-name"> 2201 Leeds United </div> 2202 </div> 2203 </div> 2204 2205 <div class="match-odds-row"> 2206 <div class="odds-col"> 2207 <span> 2208 0.75 <small>0.50</small> 2209 </span> 2210 </div> 2211 2212 <div class="odds-spacer"></div> 2213 2214 <div class="odds-col"> 2215 <span> 2216 -0.75 <small>-0.60</small> 2217 </span> 2218 </div> 2219 </div> 2220 </div> 2221 </div> 2222 </div> 2223 </div> 2224 <div class="carousel-item "> 2225 <div class="row g-3"> 2226 <div class="col-12"> 2227 <div class="match-card h-100"> 2228 <div class="league-name"> 2229 ENGLISH PREMIER LEAGUE </div> 2230 2231 <div class="kickoff-time"> 2232 October 10, 2026 â 21:00 WIB </div> 2233 2234 <div class="match-main-row"> 2235 <div class="team-col"> 2236 <img 2237 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 2238 alt="Chelsea" 2239 class="team-logo" 2240 > 2241 <div class="team-name"> 2242 Chelsea </div> 2243 </div> 2244 2245 <div class="score-col"> 2246 <div class="score-value"> 2247 0 : 0 </div> 2248 2249 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 2250 BET NOW 2251 </a> 2252 </div> 2253 2254 <div class="team-col"> 2255 <img 2256 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 2257 alt="Bournemouth AFC" 2258 class="team-logo" 2259 > 2260 <div class="team-name"> 2261 Bournemouth AFC </div> 2262 </div> 2263 </div> 2264 2265 <div class="match-odds-row"> 2266 <div class="odds-col">
2267 <span> 2268 0.5 <small>0.66</small> 2269 </span> 2270 </div> 2271 2272 <div class="odds-spacer"></div> 2273 2274 <div class="odds-col"> 2275 <span> 2276 -0.5 <small>-0.76</small> 2277 </span> 2278 </div> 2279 </div> 2280 </div> 2281 </div> 2282 </div> 2283 </div> 2284 <div class="carousel-item "> 2285 <div class="row g-3"> 2286 <div class="col-12"> 2287 <div class="match-card h-100"> 2288 <div class="league-name"> 2289 SPAIN LA LIGA </div> 2290 2291 <div class="kickoff-time"> 2292 October 10, 2026 â 23:30 WIB </div> 2293 2294 <div class="match-main-row"> 2295 <div class="team-col"> 2296 <img 2297 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 2298 alt="Barcelona" 2299 class="team-logo" 2300 > 2301 <div class="team-name"> 2302 Barcelona </div> 2303 </div> 2304 2305 <div class="score-col"> 2306 <div class="score-value"> 2307 0 : 0 </div> 2308 2309 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 2310 BET NOW 2311 </a> 2312 </div> 2313 2314 <div class="team-col"> 2315 <img 2316 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 2317 alt="Getafe" 2318 class="team-logo" 2319 > 2320 <div class="team-name"> 2321 Getafe </div> 2322 </div> 2323 </div> 2324 2325 <div class="match-odds-row"> 2326 <div class="odds-col">
2327 <span> 2328 2.5 <small>0.80</small> 2329 </span> 2330 </div> 2331 2332 <div class="odds-spacer"></div> 2333 2334 <div class="odds-col"> 2335 <span> 2336 -2.5 <small>-0.90</small> 2337 </span> 2338 </div> 2339 </div> 2340 </div> 2341 </div> 2342 </div> 2343 </div> 2344 <div class="carousel-item "> 2345 <div class="row g-3"> 2346 <div class="col-12"> 2347 <div class="match-card h-100"> 2348 <div class="league-name"> 2349 ENGLISH PREMIER LEAGUE </div> 2350 2351 <div class="kickoff-time"> 2352 October 10, 2026 â 21:00 WIB </div> 2353 2354 <div class="match-main-row"> 2355 <div class="team-col"> 2356 <img 2357 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 2358 alt="Aston Villa" 2359 class="team-logo" 2360 > 2361 <div class="team-name"> 2362 Aston Villa </div> 2363 </div> 2364 2365 <div class="score-col"> 2366 <div class="score-value"> 2367 0 : 0 </div> 2368 2369 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 2370 BET NOW 2371 </a> 2372 </div> 2373 2374 <div class="team-col"> 2375 <img 2376 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 2377 alt="Brentford" 2378 class="team-logo" 2379 > 2380 <div class="team-name"> 2381 Brentford </div> 2382 </div> 2383 </div> 2384 2385 <div class="match-odds-row"> 2386 <div class="odds-col">
2387 <span> 2388 0.00 <small>-0.97</small> 2389 </span> 2390 </div> 2391 2392 <div class="odds-spacer"></div> 2393 2394 <div class="odds-col"> 2395 <span> 2396 0.00 <small>0.87</small> 2397 </span> 2398 </div> 2399 </div> 2400 </div> 2401 </div> 2402 </div> 2403 </div> 2404 <div class="carousel-item "> 2405 <div class="row g-3"> 2406 <div class="col-12"> 2407 <div class="match-card h-100"> 2408 <div class="league-name"> 2409 ENGLISH PREMIER LEAGUE </div> 2410 2411 <div class="kickoff-time"> 2412 October 10, 2026 â 21:00 WIB </div> 2413 2414 <div class="match-main-row"> 2415 <div class="team-col"> 2416 <img 2417 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 2418 alt="Sunderland" 2419 class="team-logo" 2420 > 2421 <div class="team-name"> 2422 Sunderland </div> 2423 </div> 2424 2425 <div class="score-col"> 2426 <div class="score-value"> 2427 0 : 0 </div> 2428 2429 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 2430 BET NOW 2431 </a> 2432 </div> 2433 2434 <div class="team-col"> 2435 <img 2436 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 2437 alt="Brighton & Hove Albion" 2438 class="team-logo" 2439 > 2440 <div class="team-name"> 2441 Brighton & Hove Albion </div> 2442 </div> 2443 </div> 2444 2445 <div class="match-odds-row"> 2446 <div class="odds-col">
2447 <span> 2448 0.00 <small>-0.82</small> 2449 </span> 2450 </div> 2451 2452 <div class="odds-spacer"></div> 2453 2454 <div class="odds-col"> 2455 <span> 2456 0.00 <small>0.72</small> 2457 </span> 2458 </div> 2459 </div> 2460 </div> 2461 </div> 2462 </div> 2463 </div> 2464 <div class="carousel-item "> 2465 <div class="row g-3"> 2466 <div class="col-12"> 2467 <div class="match-card h-100"> 2468 <div class="league-name"> 2469 ENGLISH PREMIER LEAGUE </div> 2470 2471 <div class="kickoff-time"> 2472 October 10, 2026 â 23:30 WIB </div> 2473 2474 <div class="match-main-row"> 2475 <div class="team-col"> 2476 <img 2477 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 2478 alt="Manchester United" 2479 class="team-logo" 2480 > 2481 <div class="team-name"> 2482 Manchester United </div> 2483 </div> 2484 2485 <div class="score-col"> 2486 <div class="score-value"> 2487 0 : 0 </div> 2488 2489 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 2490 BET NOW 2491 </a> 2492 </div> 2493 2494 <div class="team-col"> 2495 <img 2496 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 2497 alt="Tottenham Hotspur" 2498 class="team-logo" 2499 > 2500 <div class="team-name"> 2501 Tottenham Hotspur </div> 2502 </div> 2503 </div> 2504 2505 <div class="match-odds-row"> 2506 <div class="odds-col">
2507 <span> 2508 0.5 <small>0.72</small> 2509 </span> 2510 </div> 2511 2512 <div class="odds-spacer"></div> 2513 2514 <div class="odds-col"> 2515 <span> 2516 -0.5 <small>-0.82</small> 2517 </span> 2518 </div> 2519 </div> 2520 </div> 2521 </div> 2522 </div> 2523 </div> 2524 <div class="carousel-item "> 2525 <div class="row g-3"> 2526 <div class="col-12"> 2527 <div class="match-card h-100"> 2528 <div class="league-name"> 2529 SPAIN LA LIGA </div> 2530 2531 <div class="kickoff-time"> 2532 October 11, 2026 â 02:00 WIB </div> 2533 2534 <div class="match-main-row"> 2535 <div class="team-col"> 2536 <img 2537 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 2538 alt="Real Madrid" 2539 class="team-logo" 2540 > 2541 <div class="team-name"> 2542 Real Madrid </div> 2543 </div> 2544 2545 <div class="score-col"> 2546 <div class="score-value"> 2547 0 : 0 </div> 2548 2549 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 2550 BET NOW 2551 </a> 2552 </div> 2553 2554 <div class="team-col"> 2555 <img 2556 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 2557 alt="Villarreal" 2558 class="team-logo" 2559 > 2560 <div class="team-name"> 2561 Villarreal </div> 2562 </div> 2563 </div> 2564 2565 <div class="match-odds-row"> 2566 <div class="odds-col">
2567 <span> 2568 1 <small>0.55</small> 2569 </span> 2570 </div> 2571 2572 <div class="odds-spacer"></div> 2573 2574 <div class="odds-col"> 2575 <span> 2576 -1 <small>-0.65</small> 2577 </span> 2578 </div> 2579 </div> 2580 </div> 2581 </div> 2582 </div> 2583 </div> 2584 <div class="carousel-item "> 2585 <div class="row g-3"> 2586 <div class="col-12"> 2587 <div class="match-card h-100"> 2588 <div class="league-name"> 2589 ITALY SERIE A </div> 2590 2591 <div class="kickoff-time"> 2592 October 10, 2026 â 22:59 WIB </div> 2593 2594 <div class="match-main-row"> 2595 <div class="team-col"> 2596 <img 2597 src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png" 2598 alt="Inter Milan" 2599 class="team-logo" 2600 > 2601 <div class="team-name"> 2602 Inter Milan </div> 2603 </div> 2604 2605 <div class="score-col"> 2606 <div class="score-value"> 2607 0 : 0 </div> 2608 2609 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')"> 2610 BET NOW 2611 </a> 2612 </div> 2613 2614 <div class="team-col"> 2615 <img 2616 src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png" 2617 alt="Parma Calcio" 2618 class="team-logo" 2619 > 2620 <div class="team-name"> 2621 Parma Calcio </div> 2622 </div> 2623 </div> 2624 2625 <div class="match-odds-row"> 2626 <div class="odds-col">
2627 <span> 2628 2 <small>0.65</small> 2629 </span> 2630 </div> 2631 2632 <div class="odds-spacer"></div> 2633 2634 <div class="odds-col"> 2635 <span> 2636 -2 <small>-0.75</small> 2637 </span> 2638 </div> 2639 </div> 2640 </div> 2641 </div> 2642 </div> 2643 </div> 2644 <div class="carousel-item "> 2645 <div class="row g-3"> 2646 <div class="col-12"> 2647 <div class="match-card h-100"> 2648 <div class="league-name"> 2649 SPAIN LA LIGA </div> 2650 2651 <div class="kickoff-time"> 2652 October 10, 2026 â 19:00 WIB </div> 2653 2654 <div class="match-main-row"> 2655 <div class="team-col"> 2656 <img 2657 src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png" 2658 alt="Rayo Vallecano" 2659 class="team-logo" 2660 > 2661 <div class="team-name"> 2662 Rayo Vallecano </div> 2663 </div> 2664 2665 <div class="score-col"> 2666 <div class="score-value"> 2667 0 : 0 </div> 2668 2669 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')"> 2670 BET NOW 2671 </a> 2672 </div> 2673 2674 <div class="team-col"> 2675 <img 2676 src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png" 2677 alt="Athletic Bilbao" 2678 class="team-logo" 2679 > 2680 <div class="team-name"> 2681 Athletic Bilbao </div> 2682 </div> 2683 </div> 2684 2685 <div class="match-odds-row"> 2686 <div class="odds-col">
2687 <span> 2688 0.00 <small>0.98</small> 2689 </span> 2690 </div> 2691 2692 <div class="odds-spacer"></div> 2693 2694 <div class="odds-col"> 2695 <span> 2696 0.00 <small>0.92</small> 2697 </span> 2698 </div> 2699 </div> 2700 </div> 2701 </div> 2702 </div> 2703 </div> 2704 <div class="carousel-item "> 2705 <div class="row g-3"> 2706 <div class="col-12"> 2707 <div class="match-card h-100"> 2708 <div class="league-name"> 2709 ENGLISH PREMIER LEAGUE </div> 2710 2711 <div class="kickoff-time"> 2712 October 11, 2026 â 22:30 WIB </div> 2713 2714 <div class="match-main-row"> 2715 <div class="team-col"> 2716 <img 2717 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 2718 alt="Liverpool" 2719 class="team-logo" 2720 > 2721 <div class="team-name"> 2722 Liverpool </div> 2723 </div> 2724 2725 <div class="score-col"> 2726 <div class="score-value"> 2727 0 : 0 </div> 2728 2729 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 2730 BET NOW 2731 </a> 2732 </div> 2733 2734 <div class="team-col"> 2735 <img 2736 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 2737 alt="Manchester City" 2738 class="team-logo" 2739 > 2740 <div class="team-name"> 2741 Manchester City </div> 2742 </div> 2743 </div> 2744 2745 <div class="match-odds-row"> 2746 <div class="odds-col">
2747 <span> 2748 0.00 <small>-0.83</small> 2749 </span> 2750 </div> 2751 2752 <div class="odds-spacer"></div> 2753 2754 <div class="odds-col"> 2755 <span> 2756 0.00 <small>0.73</small> 2757 </span> 2758 </div> 2759 </div> 2760 </div> 2761 </div> 2762 </div> 2763 </div> 2764 </div> 2765 2766 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev"> 2767 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 2768 <span class="visually-hidden">Previous</span> 2769 </button> 2770 2771 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next"> 2772 <span class="carousel-control-next-icon" aria-hidden="true"></span> 2773 <span class="visually-hidden">Next</span> 2774 </button> 2775 </div> 2776 </div> 2777 </div> 2778 <!-- BANNER SBO MOBILE END --> 2779 2780 2781 <!-- Togel --> 2782 2783 <style> 2784 .togel-desktop { 2785 /*background: var(--togel-background);*/ 2786 background: var(--footer-background); 2787 grid-area: togel-desktop; 2788 position: relative; 2789 } 2790 2791 .togel-mobile { 2792 display: none; 2793 } 2794 2795 .show-more { 2796 position: absolute; 2797 2798 z-index: 999; 2799 bottom: 0px; 2800 width: 100%; 2801 2802 /* 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)); */ 2803 } 2804 2805 .show-more-content { 2806 background: var(--secondary-background); 2807 opacity: .7; 2808 display: grid; 2809 place-items: center; 2810 height: 32px 2811 } 2812 2813 .togel-content { 2814 position: relative; 2815 display: flex; 2816 flex-wrap: wrap; 2817 justify-content: center; 2818 /*display: grid;*/ 2819 /*grid-template-columns: repeat(10, 1fr);*/ 2820 gap: 8px 4px; 2821 padding: 16px 0; 2822 } 2823 2824 .see-more { 2825 padding: 16px 0 48px 0; 2826 max-height: 162px; 2827 transition: max-height .75s ease-out; 2828 transition-delay: .1s; 2829 overflow: hidden; 2830 } 2831 2832 .togel-content:hover{ 2833 max-height: 1000px; 2834 transition: max-height 0.25s ease-in; 2835 } 2836 2837 .result { 2838 height: 110px; 2839 width: 96px; 2840 border-radius: 10px; 2841 background: var(--result-background); 2842 border: var(--result-border); 2843 2844 display: grid; 2845 grid-template-rows: 0px 20px 1fr 28px; 2846 grid-template-areas: 2847 "badge" 2848 "pasaran" 2849 "keluaran" 2850 "tanggal" 2851 ; 2852 2853 /* display: flex; 2854 flex-direction: column; 2855 justify-content: space-between; */ 2856 2857 overflow: hidden; 2858 } 2859 2860 .badge { 2861 grid-area: badge; 2862 display: grid; 2863 place-items: center; 2864 } 2865 2866 .result>.pasaran { 2867 2868 grid-area: pasaran; 2869 2870 padding-top: 8px; 2871 white-space: nowrap; 2872 font-size: .7rem; 2873 line-height: .7rem; 2874 2875 color: var(--result-pasaran-color); 2876 display: grid; 2877 place-items: center; 2878 } 2879 2880 .result>.keluaran { 2881 2882 grid-area: keluaran; 2883 padding-bottom: 8px; 2884 font-family: 'Oswald', sans-serif; 2885 line-height: 40px; 2886 font-size: 40px; 2887 color: var(--result-keluaran-color); 2888 display: grid; 2889 place-items: center; 2890 } 2891 2892 .result>.tanggal { 2893 2894 grid-area: tanggal; 2895 2896 width: 100%; 2897 height: 100%; 2898 /* background: rgb(40,0,0); 2899 background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ 2900 background: var(--result-tanggal-background); 2901 white-space: nowarp; 2902 font-size: .79rem; 2903 display: grid; 2904 place-items: center; 2905 font-family: 'Abel', sans-serif; 2906 color: var(--result-tanggal-color); 2907 } 2908 2909 @media only screen and (max-width: 1000px) { 2910 2911 .togel-desktop { 2912 display: none; 2913 } 2914 2915 .togel-mobile { 2916 2917 background: var(--secondary-background); 2918 grid-area: togel-mobile; 2919 padding: 24px; 2920 padding-bottom: 12px; 2921 box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; 2922 } 2923 2924 .togel-title { 2925 padding: 0px; 2926 padding-bottom: 20px; 2927 font-size: 1.4rem; 2928 font-weight: bold; 2929 color: var(--primary-text-color); 2930 } 2931 2932 .togel-content { 2933 max-height: fit-content; 2934 display: grid; 2935 grid-template-columns: 1fr; 2936 gap: 0; 2937 border-radius: 8px; 2938 } 2939 2940 2941 2942 .provider-group { 2943 padding: var(--mobile-padding-horizontal); 2944 } 2945 2946 .badge { 2947 display: none; 2948 } 2949 2950 .result { 2951 height: auto; 2952 width: 100%; 2953 display: grid; 2954 grid-template-rows: 1fr; 2955 grid-template-columns: 1fr 1fr 80px; 2956 grid-template-areas: "pasaran tanggal keluaran"; 2957 border-radius: 0; 2958 border: none; 2959 background: transparent; 2960 padding: 4px 12px; 2961 color: var(--primary-text-color); 2962 font-family: 'Abel', sans-serif; 2963 2964 } 2965 2966 2967 .result-data:nth-child(odd) { 2968 background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background); 2969 } 2970 2971 2972 .accordion-item { 2973 background-color: transparent; 2974 border: 0px; 2975 } 2976 2977 .accordion-button:not(.collapsed) { 2978 color: inherit; 2979 background-color: transparent; 2980 box-shadow: none; 2981 } 2982 2983 .accordion-button::after { 2984 height: 0px; 2985 } 2986 2987 .result>* { 2988 padding: 0px!important; 2989 margin: 0px!important; 2990 font-size: 1.4rem!important; 2991 line-height: auto!important; 2992 font-weight: normal!important; 2993 } 2994 2995 .result>.pasaran { 2996 display: flex; 2997 justify-content: start; 2998 color: var(--primary-text-color)!important; 2999 opacity: .7; 3000 } 3001 3002 .result>.tanggal { 3003 display: flex; 3004 justify-content: center; 3005 background: transparent; 3006 color: var(--primary-text-color)!important; 3007 opacity: .7; 3008 } 3009 3010 .result>.keluaran { 3011 display: flex; 3012 justify-content: end; 3013 /*color: var(--primary-text-color)!important;*/ 3014 font-family: 'Abel', sans-serif; 3015 color: var(--highlight-text-color); 3016 } 3017 3018 } 3019 </style> 3020 3021 3022 3023 <div id="togel-desktop" class="togel-desktop desktop-only"> 3024 3025 3026 3027 3028 <div class="togel-content "> 3029 <!-- <a href="/?content=hasil&pid=TWH" class="result"> --> 3030 <a href="/hasil/TWH" class="result"> 3031 3032 <div class="badge"> 3033 </div> 3034 3035 <div class="pasaran">
3035TOTO WUHAN </div> 3036 <div class="keluaran">6536</div> 3037 <div class="tanggal"> 10/10/2026</div> 3038 </a> 3039 <!-- <a href="/?content=hasil&pid=HKD" class="result"> --> 3040 <a href="/hasil/HKD" class="result"> 3041 3042 <div class="badge"> 3043 </div> 3044 3045 <div class="pasaran">HK SIANG </div> 3046 <div class="keluaran">3738</div> 3047 <div class="tanggal"> 9/10/2026</div> 3048 </a> 3049 <!-- <a href="/?content=hasil&pid=SGM" class="result"> --> 3050 <a href="/hasil/SGM" class="result"> 3051 3052 <div class="badge"> 3053 </div> 3054 3055 <div class="pasaran">SG METRO </div> 3056 <div class="keluaran">2724</div> 3057 <div class="tanggal"> 9/10/2026</div> 3058 </a> 3059 <!-- <a href="/?content=hasil&pid=SY" class="result"> --> 3060 <a href="/hasil/SY" class="result"> 3061 3062 <div class="badge"> 3063 </div> 3064 3065 <div class="pasaran">SYDNEY </div> 3066 <div class="keluaran">6915</div> 3067 <div class="tanggal"> 9/10/2026</div> 3068 </a> 3069 <!-- <a href="/?content=hasil&pid=MYD" class="result"> --> 3070 <a href="/hasil/MYD" class="result"> 3071 3072 <div class="badge"> 3073 </div> 3074 3075 <div class="pasaran">MALAYSIA SIANG </div> 3076 <div class="keluaran">3162</div> 3077 <div class="tanggal"> 9/10/2026</div> 3078 </a> 3079 <!-- <a href="/?content=hasil&pid=SG" class="result"> --> 3080 <a href="/hasil/SG" class="result"> 3081 3082 <div class="badge"> 3083 </div> 3084 3085 <div class="pasaran">SINGAPORE </div> 3086 <div class="keluaran">2855</div> 3087 <div class="tanggal"> 8/10/2026</div> 3088 </a> 3089 <!-- <a href="/?content=hasil&pid=MY" class="result"> --> 3090 <a href="/hasil/MY" class="result"> 3091 3092 <div class="badge"> 3093 </div> 3094 3095 <div class="pasaran">MALAYSIA </div> 3096 <div class="keluaran">6034</div> 3097 <div class="tanggal"> 9/10/2026</div> 3098 </a> 3099 <!-- <a href="/?content=hasil&pid=MC" class="result"> --> 3100 <a href="/hasil/MC" class="result"> 3101 3102 <div class="badge"> 3103 </div> 3104 3105 <div class="pasaran">MACAU </div> 3106 <div class="keluaran">0331</div> 3107 <div class="tanggal"> 9/10/2026</div> 3108 </a> 3109 <!-- <a href="/?content=hasil&pid=QTR" class="result"> --> 3110 <a href="/hasil/QTR" class="result"> 3111 3112 <div class="badge"> 3113 </div> 3114 3115 <div class="pasaran">QATAR </div> 3116 <div class="keluaran">8696</div> 3117 <div class="tanggal"> 9/10/2026</div> 3118 </a> 3119 <!-- <a href="/?content=hasil&pid=HK" class="result"> --> 3120 <a href="/hasil/HK" class="result"> 3121 3122 <div class="badge"> 3123 </div> 3124 3125 <div class="pasaran">HONGKONG </div> 3126 <div class="keluaran">6469</div> 3127 <div class="tanggal"> 9/10/2026</div> 3128 </a> 3129 3130 </div> 3131 </div> 3132 3133 <div id="togel-mobile" class="togel-mobile mobile-only"> 3134 3135 <div class="togel-title">Togel Result</div> 3136 3137 3138 <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px"> 3139 <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> 3140 3141 3142 </div> 3143 <div class="carousel-inner"> 3144 3145 <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> 3146 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> 3147 <div class="badge"> 3148 </div> 3149 <div class="pasaran">
3149TOTO WUHAN </div> 3150 <div class="keluaran">6536</div> 3151 <div class="tanggal">10-10-2026</div> 3152 </button> 3153 <div id="paito-TWH" class="accordion-collapse collapse"> 3154 3155 <div class="result"> 3156 <div class="pasaran"></div> 3157 <div class="keluaran">9250</div> 3158 <div class="tanggal">09-10-2026</div> 3159 </div> 3160 3161 <div class="result"> 3162 <div class="pasaran"></div> 3163 <div class="keluaran">4208</div> 3164 <div class="tanggal">09-10-2026</div> 3165 </div> 3166 3167 <div class="result"> 3168 <div class="pasaran"></div> 3169 <div class="keluaran">6154</div> 3170 <div class="tanggal">09-10-2026</div> 3171 </div> 3172 3173 <div class="result"> 3174 <div class="pasaran"></div> 3175 <div class="keluaran">3312</div> 3176 <div class="tanggal">09-10-2026</div> 3177 </div> 3178 3179 <div class="result"> 3180 <div class="pasaran"></div> 3181 <div class="keluaran">4840</div> 3182 <div class="tanggal">09-10-2026</div> 3183 </div> 3184 3185 <div class="result"> 3186 <div class="pasaran"></div> 3187 <div class="keluaran">6631</div> 3188 <div class="tanggal">09-10-2026</div> 3189 </div> 3190 3191 <div class="result"> 3192 <div class="pasaran"></div> 3193 <div class="keluaran">1674</div> 3194 <div class="tanggal">08-10-2026</div> 3195 </div> 3196 </div> 3197 </div> 3198 3199 <div class="result-data accordion-item"> 3200 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD"> 3201 <div class="badge"> 3202 </div> 3203 <div class="pasaran">HK SIANG </div> 3204 <div class="keluaran">3738</div> 3205 <div class="tanggal">09-10-2026</div> 3206 </button> 3207 <div id="paito-HKD" class="accordion-collapse collapse"> 3208 3209 <div class="result"> 3210 <div class="pasaran"></div> 3211 <div class="keluaran">1257</div> 3212 <div class="tanggal">08-10-2026</div> 3213 </div> 3214 3215 <div class="result"> 3216 <div class="pasaran"></div> 3217 <div class="keluaran">6727</div> 3218 <div class="tanggal">07-10-2026</div> 3219 </div> 3220 3221 <div class="result"> 3222 <div class="pasaran"></div> 3223 <div class="keluaran">4776</div> 3224 <div class="tanggal">06-10-2026</div> 3225 </div> 3226 3227 <div class="result"> 3228 <div class="pasaran"></div> 3229 <div class="keluaran">0870</div> 3230 <div class="tanggal">05-10-2026</div> 3231 </div> 3232 3233 <div class="result"> 3234 <div class="pasaran"></div> 3235 <div class="keluaran">3772</div> 3236 <div class="tanggal">04-10-2026</div> 3237 </div> 3238 3239 <div class="result"> 3240 <div class="pasaran"></div> 3241 <div class="keluaran">0546</div> 3242 <div class="tanggal">03-10-2026</div> 3243 </div> 3244 3245 <div class="result"> 3246 <div class="pasaran"></div> 3247 <div class="keluaran">7631</div> 3248 <div class="tanggal">02-10-2026</div> 3249 </div> 3250 </div> 3251 </div> 3252 3253 <div class="result-data accordion-item"> 3254 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM"> 3255 <div class="badge"> 3256 </div> 3257 <div class="pasaran">SG METRO </div> 3258 <div class="keluaran">2724</div> 3259 <div class="tanggal">09-10-2026</div> 3260 </button> 3261 <div id="paito-SGM" class="accordion-collapse collapse"> 3262 3263 <div class="result"> 3264 <div class="pasaran"></div> 3265 <div class="keluaran">6214</div> 3266 <div class="tanggal">08-10-2026</div> 3267 </div> 3268 3269 <div class="result"> 3270 <div class="pasaran"></div> 3271 <div class="keluaran">5977</div> 3272 <div class="tanggal">07-10-2026</div> 3273 </div> 3274 3275 <div class="result"> 3276 <div class="pasaran"></div> 3277 <div class="keluaran">8741</div> 3278 <div class="tanggal">06-10-2026</div> 3279 </div> 3280 3281 <div class="result"> 3282 <div class="pasaran"></div> 3283 <div class="keluaran">3446</div> 3284 <div class="tanggal">05-10-2026</div> 3285 </div> 3286 3287 <div class="result"> 3288 <div class="pasaran"></div> 3289 <div class="keluaran">8676</div> 3290 <div class="tanggal">04-10-2026</div> 3291 </div> 3292 3293 <div class="result"> 3294 <div class="pasaran"></div> 3295 <div class="keluaran">9340</div> 3296 <div class="tanggal">03-10-2026</div> 3297 </div> 3298 3299 <div class="result"> 3300 <div class="pasaran"></div> 3301 <div class="keluaran">2649</div> 3302 <div class="tanggal">02-10-2026</div> 3303 </div> 3304 </div> 3305 </div> 3306 3307 <div class="result-data accordion-item"> 3308 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY"> 3309 <div class="badge"> 3310 </div> 3311 <div class="pasaran">SYDNEY </div> 3312 <div class="keluaran">6915</div> 3313 <div class="tanggal">09-10-2026</div> 3314 </button> 3315 <div id="paito-SY" class="accordion-collapse collapse"> 3316 3317 <div class="result"> 3318 <div class="pasaran"></div> 3319 <div class="keluaran">5814</div> 3320 <div class="tanggal">08-10-2026</div> 3321 </div> 3322 3323 <div class="result"> 3324 <div class="pasaran"></div> 3325 <div class="keluaran">0569</div> 3326 <div class="tanggal">07-10-2026</div> 3327 </div> 3328 3329 <div class="result"> 3330 <div class="pasaran"></div> 3331 <div class="keluaran">3398</div> 3332 <div class="tanggal">06-10-2026</div> 3333 </div> 3334 3335 <div class="result"> 3336 <div class="pasaran"></div> 3337 <div class="keluaran">9383</div> 3338 <div class="tanggal">05-10-2026</div> 3339 </div> 3340 3341 <div class="result"> 3342 <div class="pasaran"></div> 3343 <div class="keluaran">7933</div> 3344 <div class="tanggal">04-10-2026</div> 3345 </div> 3346 3347 <div class="result"> 3348 <div class="pasaran"></div> 3349 <div class="keluaran">5604</div> 3350 <div class="tanggal">03-10-2026</div> 3351 </div> 3352 3353 <div class="result"> 3354 <div class="pasaran"></div> 3355 <div class="keluaran">5392</div> 3356 <div class="tanggal">02-10-2026</div> 3357 </div> 3358 </div> 3359 </div> 3360 3361 <div class="result-data accordion-item"> 3362 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD"> 3363 <div class="badge"> 3364 </div> 3365 <div class="pasaran">MALAYSIA SIANG </div> 3366 <div class="keluaran">3162</div> 3367 <div class="tanggal">09-10-2026</div> 3368 </button> 3369 <div id="paito-MYD" class="accordion-collapse collapse"> 3370 3371 <div class="result"> 3372 <div class="pasaran"></div> 3373
3373 <div class="keluaran">4272</div> 3374 <div class="tanggal">08-10-2026</div> 3375 </div> 3376 3377 <div class="result"> 3378 <div class="pasaran"></div> 3379 <div class="keluaran">9074</div> 3380 <div class="tanggal">07-10-2026</div> 3381 </div> 3382 3383 <div class="result"> 3384 <div class="pasaran"></div> 3385 <div class="keluaran">1210</div> 3386 <div class="tanggal">06-10-2026</div> 3387 </div> 3388 3389 <div class="result"> 3390 <div class="pasaran"></div> 3391 <div class="keluaran">2452</div> 3392 <div class="tanggal">05-10-2026</div> 3393 </div> 3394 3395 <div class="result"> 3396 <div class="pasaran"></div> 3397 <div class="keluaran">6932</div> 3398 <div class="tanggal">04-10-2026</div> 3399 </div> 3400 3401 <div class="result"> 3402 <div class="pasaran"></div> 3403 <div class="keluaran">5590</div> 3404 <div class="tanggal">03-10-2026</div> 3405 </div> 3406 3407 <div class="result"> 3408 <div class="pasaran"></div> 3409 <div class="keluaran">7799</div> 3410 <div class="tanggal">02-10-2026</div> 3411 </div> 3412 </div> 3413 </div> 3414 3415 <div class="result-data accordion-item"> 3416 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> 3417 <div class="badge"> 3418 </div> 3419 <div class="pasaran">SINGAPORE </div> 3420 <div class="keluaran">2855</div> 3421 <div class="tanggal">08-10-2026</div> 3422 </button> 3423 <div id="paito-SG" class="accordion-collapse collapse"> 3424 3425 <div class="result"> 3426 <div class="pasaran"></div> 3427 <div class="keluaran">9838</div> 3428 <div class="tanggal">07-10-2026</div> 3429 </div> 3430 3431 <div class="result"> 3432 <div class="pasaran"></div> 3433 <div class="keluaran">3897</div> 3434 <div class="tanggal">05-10-2026</div> 3435 </div> 3436 3437 <div class="result"> 3438 <div class="pasaran"></div> 3439 <div class="keluaran">2812</div> 3440 <div class="tanggal">04-10-2026</div> 3441 </div> 3442 3443 <div class="result"> 3444 <div class="pasaran"></div> 3445 <div class="keluaran">3670</div> 3446 <div class="tanggal">03-10-2026</div> 3447 </div> 3448 3449 <div class="result"> 3450 <div class="pasaran"></div> 3451 <div class="keluaran">9006</div> 3452 <div class="tanggal">01-10-2026</div> 3453 </div> 3454 3455 <div class="result"> 3456 <div class="pasaran"></div> 3457 <div class="keluaran">3096</div> 3458 <div class="tanggal">30-09-2026</div> 3459 </div> 3460 3461 <div class="result"> 3462 <div class="pasaran"></div> 3463 <div class="keluaran">7185</div> 3464 <div class="tanggal">28-09-2026</div> 3465 </div> 3466 </div> 3467 </div> 3468 3469 <div class="result-data accordion-item"> 3470 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY"> 3471 <div class="badge"> 3472 </div> 3473 <div class="pasaran">MALAYSIA </div> 3474 <div class="keluaran">6034</div> 3475 <div class="tanggal">09-10-2026</div> 3476 </button> 3477 <div id="paito-MY" class="accordion-collapse collapse"> 3478 3479 <div class="result"> 3480 <div class="pasaran"></div> 3481 <div class="keluaran">2991</div> 3482 <div class="tanggal">08-10-2026</div> 3483 </div> 3484 3485 <div class="result"> 3486 <div class="pasaran"></div> 3487 <div class="keluaran">3932</div> 3488 <div class="tanggal">07-10-2026</div> 3489 </div> 3490 3491 <div class="result"> 3492 <div class="pasaran"></div> 3493 <div class="keluaran">4883</div> 3494 <div class="tanggal">06-10-2026</div> 3495 </div> 3496 3497 <div class="result"> 3498 <div class="pasaran"></div> 3499 <div class="keluaran">4639</div> 3500 <div class="tanggal">05-10-2026</div> 3501 </div> 3502 3503 <div class="result"> 3504 <div class="pasaran"></div> 3505 <div class="keluaran">4920</div> 3506 <div class="tanggal">04-10-2026</div> 3507 </div> 3508 3509 <div class="result"> 3510 <div class="pasaran"></div> 3511 <div class="keluaran">8849</div> 3512 <div class="tanggal">03-10-2026</div> 3513 </div> 3514 3515 <div class="result"> 3516 <div class="pasaran"></div> 3517 <div class="keluaran">
35177141</div> 3518 <div class="tanggal">02-10-2026</div> 3519 </div> 3520 </div> 3521 </div> 3522 3523 <div class="result-data accordion-item"> 3524 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MC"> 3525 <div class="badge"> 3526 </div> 3527 <div class="pasaran">MACAU </div> 3528 <div class="keluaran">0331</div> 3529 <div class="tanggal">09-10-2026</div> 3530 </button> 3531 <div id="paito-MC" class="accordion-collapse collapse"> 3532 3533 <div class="result"> 3534 <div class="pasaran"></div> 3535 <div class="keluaran">8646</div> 3536 <div class="tanggal">08-10-2026</div> 3537 </div> 3538 3539 <div class="result"> 3540 <div class="pasaran"></div> 3541 <div class="keluaran">7182</div> 3542 <div class="tanggal">07-10-2026</div> 3543 </div> 3544 3545 <div class="result"> 3546 <div class="pasaran"></div> 3547 <div class="keluaran">1061</div> 3548 <div class="tanggal">06-10-2026</div> 3549 </div> 3550 3551 <div class="result"> 3552 <div class="pasaran"></div> 3553 <div class="keluaran">7204</div> 3554 <div class="tanggal">05-10-2026</div> 3555 </div> 3556 3557 <div class="result"> 3558 <div class="pasaran"></div> 3559 <div class="keluaran">1662</div> 3560 <div class="tanggal">04-10-2026</div> 3561 </div> 3562 3563 <div class="result"> 3564 <div class="pasaran"></div> 3565 <div class="keluaran">2898</div> 3566 <div class="tanggal">03-10-2026</div> 3567 </div> 3568 3569 <div class="result"> 3570 <div class="pasaran"></div> 3571 <div class="keluaran">8307</div> 3572 <div class="tanggal">02-10-2026</div> 3573 </div> 3574 </div> 3575 </div> 3576 3577 <div class="result-data accordion-item"> 3578 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR"> 3579 <div class="badge"> 3580 </div> 3581 <div class="pasaran">QATAR </div> 3582 <div class="keluaran">8696</div> 3583 <div class="tanggal">09-10-2026</div> 3584 </button> 3585 <div id="paito-QTR" class="accordion-collapse collapse"> 3586 3587 <div class="result"> 3588 <div class="pasaran"></div> 3589 <div class="keluaran">8317</div> 3590 <div class="tanggal">08-10-2026</div> 3591 </div> 3592 3593 <div class="result"> 3594 <div class="pasaran"></div> 3595 <div class="keluaran">9915</div> 3596 <div class="tanggal">07-10-2026</div> 3597 </div> 3598 3599 <div class="result"> 3600 <div class="pasaran"></div> 3601 <div class="keluaran">5740</div> 3602 <div class="tanggal">06-10-2026</div> 3603 </div> 3604 3605 <div class="result"> 3606 <div class="pasaran"></div> 3607 <div class="keluaran">8643</div> 3608 <div class="tanggal">05-10-2026</div> 3609 </div> 3610 3611 <div class="result"> 3612 <div class="pasaran"></div> 3613 <div class="keluaran">0646</div> 3614 <div class="tanggal">04-10-2026</div> 3615 </div> 3616 3617 <div class="result"> 3618 <div class="pasaran"></div> 3619 <div class="keluaran">7691</div> 3620 <div class="tanggal">03-10-2026</div> 3621 </div> 3622 3623 <div class="result"> 3624 <div class="pasaran"></div> 3625 <div class="keluaran">3505</div> 3626 <div class="tanggal">02-10-2026</div> 3627 </div> 3628 </div> 3629 </div> 3630 3631 <div class="result-data accordion-item"> 3632 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK"> 3633 <div class="badge"> 3634 </div> 3635 <div class="pasaran">HONGKONG </div> 3636 <div class="keluaran">6469</div> 3637 <div class="tanggal">09-10-2026</div> 3638 </button> 3639 <div id="paito-HK" class="accordion-collapse collapse"> 3640 3641 <div class="result"> 3642 <div class="pasaran"></div> 3643 <div class="keluaran">8270</div> 3644 <div class="tanggal">08-10-2026</div> 3645 </div> 3646 3647 <div class="result"> 3648 <div class="pasaran"></div> 3649 <div class="keluaran">6196</div> 3650 <div class="tanggal">07-10-2026</div> 3651 </div> 3652 3653 <div class="result"> 3654 <div class="pasaran"></div> 3655 <div class="keluaran">3268</div> 3656 <div class="tanggal">06-10-2026</div> 3657 </div> 3658 3659 <div class="result"> 3660 <div class="pasaran"></div> 3661 <div class="keluaran">9181</div> 3662 <div class="tanggal">05-10-2026</div> 3663 </div> 3664 3665 <div class="result"> 3666 <div class="pasaran"></div> 3667 <div class="keluaran">7176</div> 3668 <div class="tanggal">04-10-2026</div> 3669 </div> 3670 3671 <div class="result"> 3672 <div class="pasaran"></div> 3673 <div class="keluaran">6962</div> 3674 <div class="tanggal">03-10-2026</div> 3675 </div> 3676 3677 <div class="result"> 3678 <div class="pasaran"></div> 3679 <div class="keluaran">3686</div> 3680 <div class="tanggal">02-10-2026</div> 3681 </div> 3682 </div> 3683 </div> 3684 3685 </div> 3686 3687 </div> 3688 </div> 3689 </div> 3690 3691
3691<script> 3692 3693 function togglePaito(paitoid) { 3694 let paito = document.getElementById(paitoid); 3695 paito.classList.add("open"); 3696 } 3697 3698 3699 </script>
3699 3700 3701 <div class="transaksi p-0 py-lg-4"> 3702 <div class="d-none d-lg-block"> 3703 <!-- BANNER SBO DESKTOP --> 3704 <div class="match-slider-wrap"> 3705 <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 3706 3707 <div class="carousel-indicators"> 3708 <button 3709 type="button" 3710 data-bs-target="#sboMatchCarouselDesktop" 3711 data-bs-slide-to="0" 3712 class="active" 3713 aria-current="true" aria-label="Slide 1"> 3714 </button> 3715 <button 3716 type="button" 3717 data-bs-target="#sboMatchCarouselDesktop" 3718 data-bs-slide-to="1" 3719 class="" 3720 aria-label="Slide 2"> 3721 </button> 3722 <button 3723 type="button" 3724 data-bs-target="#sboMatchCarouselDesktop" 3725 data-bs-slide-to="2" 3726 class="" 3727 aria-label="Slide 3"> 3728 </button> 3729 <button 3730 type="button" 3731 data-bs-target="#sboMatchCarouselDesktop" 3732 data-bs-slide-to="3" 3733 class="" 3734 aria-label="Slide 4"> 3735 </button> 3736 </div> 3737 3738 <div class="carousel-inner"> 3739 <div class="carousel-item active"> 3740 <div class="row g-3"> 3741 <div class="col-12 col-md-6 col-lg-4"> 3742 <div class="match-card h-100"> 3743 <div class="league-name"> 3744 ENGLISH PREMIER LEAGUE </div> 3745 3746 <div class="kickoff-time"> 3747 October 10, 2026 â 18:30 WIB </div> 3748 3749 <div class="match-main-row"> 3750 <div class="team-col"> 3751 <img 3752 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 3753 alt="Arsenal" 3754 class="team-logo" 3755 > 3756 <div class="team-name"> 3757 Arsenal </div> 3758 </div> 3759 3760 <div class="score-col"> 3761 <div class="score-value"> 3762 0 : 0 </div> 3763 3764 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 3765 BET NOW 3766 </a> 3767 </div> 3768 3769 <div class="team-col"> 3770 <img 3771 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
3771ce556.png" 3772 alt="Leeds United" 3773 class="team-logo" 3774 > 3775 <div class="team-name"> 3776 Leeds United </div> 3777 </div> 3778 </div> 3779 3780 <div class="match-odds-row"> 3781 <div class="odds-col"> 3782 <span> 3783 0.75 <small>0.50</small> 3784 </span> 3785 </div> 3786 3787 <div class="odds-spacer"></div> 3788 3789 <div class="odds-col"> 3790 <span> 3791 -0.75 <small>-0.60</small> 3792 </span> 3793 </div> 3794 </div> 3795 </div> 3796 </div> 3797 <div class="col-12 col-md-6 col-lg-4"> 3798 <div class="match-card h-100"> 3799 <div class="league-name"> 3800 ENGLISH PREMIER LEAGUE </div> 3801 3802 <div class="kickoff-time"> 3803 October 10, 2026 â 21:00 WIB </div> 3804 3805 <div class="match-main-row"> 3806 <div class="team-col"> 3807 <img 3808 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 3809 alt="Chelsea" 3810 class="team-logo" 3811 > 3812 <div class="team-name"> 3813 Chelsea </div> 3814 </div> 3815 3816 <div class="score-col"> 3817 <div class="score-value"> 3818 0 : 0 </div> 3819 3820 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 3821 BET NOW 3822 </a> 3823 </div> 3824 3825 <div class="team-col"> 3826 <img 3827 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 3828 alt="Bournemouth AFC" 3829 class="team-logo" 3830 > 3831 <div class="team-name"> 3832 Bournemouth AFC </div> 3833 </div> 3834 </div> 3835 3836 <div class="match-odds-row"> 3837 <div class="odds-col"> 3838 <sp
3838an> 3839 0.5 <small>0.66</small> 3840 </span> 3841 </div> 3842 3843 <div class="odds-spacer"></div> 3844 3845 <div class="odds-col"> 3846 <span> 3847 -0.5 <small>-0.76</small> 3848 </span> 3849 </div> 3850 </div> 3851 </div> 3852 </div> 3853 <div class="col-12 col-md-6 col-lg-4"> 3854 <div class="match-card h-100"> 3855 <div class="league-name"> 3856 SPAIN LA LIGA </div> 3857 3858 <div class="kickoff-time"> 3859 October 10, 2026 â 23:30 WIB </div> 3860 3861 <div class="match-main-row"> 3862 <div class="team-col"> 3863 <img 3864 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 3865 alt="Barcelona" 3866 class="team-logo" 3867 > 3868 <div class="team-name"> 3869 Barcelona </div> 3870 </div> 3871 3872 <div class="score-col"> 3873 <div class="score-value"> 3874 0 : 0 </div> 3875 3876 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 3877 BET NOW 3878 </a> 3879 </div> 3880 3881 <div class="team-col"> 3882 <img 3883 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 3884 alt="Getafe" 3885 class="team-logo" 3886 > 3887 <div class="team-name"> 3888 Getafe </div> 3889 </div> 3890 </div> 3891 3892 <div class="match-odds-row"> 3893 <div class="odds-col"> 3894 <sp
3894an> 3895 2.5 <small>0.80</small> 3896 </span> 3897 </div> 3898 3899 <div class="odds-spacer"></div> 3900 3901 <div class="odds-col"> 3902 <span> 3903 -2.5 <small>-0.90</small> 3904 </span> 3905 </div> 3906 </div> 3907 </div> 3908 </div> 3909 </div> 3910 </div> 3911 <div class="carousel-item "> 3912 <div class="row g-3"> 3913 <div class="col-12 col-md-6 col-lg-4"> 3914 <div class="match-card h-100"> 3915 <div class="league-name"> 3916 ENGLISH PREMIER LEAGUE </div> 3917 3918 <div class="kickoff-time"> 3919 October 10, 2026 â 21:00 WIB </div> 3920 3921 <div class="match-main-row"> 3922 <div class="team-col"> 3923 <img 3924 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 3925 alt="Aston Villa" 3926 class="team-logo" 3927 > 3928 <div class="team-name"> 3929 Aston Villa </div> 3930 </div> 3931 3932 <div class="score-col"> 3933 <div class="score-value"> 3934 0 : 0 </div> 3935 3936 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 3937 BET NOW 3938 </a> 3939 </div> 3940 3941 <div class="team-col"> 3942 <img 3943 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 3944 alt="Brentford" 3945 class="team-logo" 3946 > 3947 <div class="team-name"> 3948 Brentford </div> 3949 </div> 3950 </div> 3951 3952 <div class="match-odds-row"> 3953 <div class="odds-col"> 3954 <sp
3954an> 3955 0.00 <small>-0.97</small> 3956 </span> 3957 </div> 3958 3959 <div class="odds-spacer"></div> 3960 3961 <div class="odds-col"> 3962 <span> 3963 0.00 <small>0.87</small> 3964 </span> 3965 </div> 3966 </div> 3967 </div> 3968 </div> 3969 <div class="col-12 col-md-6 col-lg-4"> 3970 <div class="match-card h-100"> 3971 <div class="league-name"> 3972 ENGLISH PREMIER LEAGUE </div> 3973 3974 <div class="kickoff-time"> 3975 October 10, 2026 â 21:00 WIB </div> 3976 3977 <div class="match-main-row"> 3978 <div class="team-col"> 3979 <img 3980 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 3981 alt="Sunderland" 3982 class="team-logo" 3983 > 3984 <div class="team-name"> 3985 Sunderland </div> 3986 </div> 3987 3988 <div class="score-col"> 3989 <div class="score-value"> 3990 0 : 0 </div> 3991 3992 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 3993 BET NOW 3994 </a> 3995 </div> 3996 3997 <div class="team-col"> 3998 <img 3999 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 4000 alt="Brighton & Hove Albion" 4001 class="team-logo" 4002 > 4003 <div class="team-name"> 4004 Brighton & Hove Albion </div> 4005 </div> 4006 </div> 4007 4008 <div class="match-odds-row"> 4009 <div class="odds-col"> 4010 <sp
4010an> 4011 0.00 <small>-0.82</small> 4012 </span> 4013 </div> 4014 4015 <div class="odds-spacer"></div> 4016 4017 <div class="odds-col"> 4018 <span> 4019 0.00 <small>0.72</small> 4020 </span> 4021 </div> 4022 </div> 4023 </div> 4024 </div> 4025 <div class="col-12 col-md-6 col-lg-4"> 4026 <div class="match-card h-100"> 4027 <div class="league-name"> 4028 ENGLISH PREMIER LEAGUE </div> 4029 4030 <div class="kickoff-time"> 4031 October 10, 2026 â 23:30 WIB </div> 4032 4033 <div class="match-main-row"> 4034 <div class="team-col"> 4035 <img 4036 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 4037 alt="Manchester United" 4038 class="team-logo" 4039 > 4040 <div class="team-name"> 4041 Manchester United </div> 4042 </div> 4043 4044 <div class="score-col"> 4045 <div class="score-value"> 4046 0 : 0 </div> 4047 4048 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 4049 BET NOW 4050 </a> 4051 </div> 4052 4053 <div class="team-col"> 4054 <img 4055 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 4056 alt="Tottenham Hotspur" 4057 class="team-logo" 4058 > 4059 <div class="team-name"> 4060 Tottenham Hotspur </div> 4061 </div> 4062 </div> 4063 4064 <div class="match-odds-row"> 4065 <div class="odds-col"> 4066 <sp
4066an> 4067 0.5 <small>0.72</small> 4068 </span> 4069 </div> 4070 4071 <div class="odds-spacer"></div> 4072 4073 <div class="odds-col"> 4074 <span> 4075 -0.5 <small>-0.82</small> 4076 </span> 4077 </div> 4078 </div> 4079 </div> 4080 </div> 4081 </div> 4082 </div> 4083 <div class="carousel-item "> 4084 <div class="row g-3"> 4085 <div class="col-12 col-md-6 col-lg-4"> 4086 <div class="match-card h-100"> 4087 <div class="league-name"> 4088 SPAIN LA LIGA </div> 4089 4090 <div class="kickoff-time"> 4091 October 11, 2026 â 02:00 WIB </div> 4092 4093 <div class="match-main-row"> 4094 <div class="team-col"> 4095 <img 4096 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 4097 alt="Real Madrid" 4098 class="team-logo" 4099 > 4100 <div class="team-name"> 4101 Real Madrid </div> 4102 </div> 4103 4104 <div class="score-col"> 4105 <div class="score-value"> 4106 0 : 0 </div> 4107 4108 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 4109 BET NOW 4110 </a> 4111 </div> 4112 4113 <div class="team-col"> 4114 <img 4115 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 4116 alt="Villarreal" 4117 class="team-logo" 4118 > 4119 <div class="team-name"> 4120 Villarreal </div> 4121 </div> 4122 </div> 4123 4124 <div class="match-odds-row"> 4125 <div class="odds-col"> 4126 <sp
4126an> 4127 1 <small>0.55</small> 4128 </span> 4129 </div> 4130 4131 <div class="odds-spacer"></div> 4132 4133 <div class="odds-col"> 4134 <span> 4135 -1 <small>-0.65</small> 4136 </span> 4137 </div> 4138 </div> 4139 </div> 4140 </div> 4141 <div class="col-12 col-md-6 col-lg-4"> 4142 <div class="match-card h-100"> 4143 <div class="league-name"> 4144 ITALY SERIE A </div> 4145 4146 <div class="kickoff-time"> 4147 October 10, 2026 â 22:59 WIB </div> 4148 4149 <div class="match-main-row"> 4150 <div class="team-col"> 4151 <img 4152 src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png" 4153 alt="Inter Milan" 4154 class="team-logo" 4155 > 4156 <div class="team-name"> 4157 Inter Milan </div> 4158 </div> 4159 4160 <div class="score-col"> 4161 <div class="score-value"> 4162 0 : 0 </div> 4163 4164 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')"> 4165 BET NOW 4166 </a> 4167 </div> 4168 4169 <div class="team-col"> 4170 <img 4171 src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png" 4172 alt="Parma Calcio" 4173 class="team-logo" 4174 > 4175 <div class="team-name"> 4176 Parma Calcio </div> 4177 </div> 4178 </div> 4179 4180 <div class="match-odds-row"> 4181 <div class="odds-col"> 4182 <sp
4182an> 4183 2 <small>0.65</small> 4184 </span> 4185 </div> 4186 4187 <div class="odds-spacer"></div> 4188 4189 <div class="odds-col"> 4190 <span> 4191 -2 <small>-0.75</small> 4192 </span> 4193 </div> 4194 </div> 4195 </div> 4196 </div> 4197 <div class="col-12 col-md-6 col-lg-4"> 4198 <div class="match-card h-100"> 4199 <div class="league-name"> 4200 SPAIN LA LIGA </div> 4201 4202 <div class="kickoff-time"> 4203 October 10, 2026 â 19:00 WIB </div> 4204 4205 <div class="match-main-row"> 4206 <div class="team-col"> 4207 <img 4208 src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png" 4209 alt="Rayo Vallecano" 4210 class="team-logo" 4211 > 4212 <div class="team-name"> 4213 Rayo Vallecano </div> 4214 </div> 4215 4216 <div class="score-col"> 4217 <div class="score-value"> 4218 0 : 0 </div> 4219 4220 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')"> 4221 BET NOW 4222 </a> 4223 </div> 4224 4225 <div class="team-col"> 4226 <img 4227 src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png" 4228 alt="Athletic Bilbao" 4229 class="team-logo" 4230 > 4231 <div class="team-name"> 4232 Athletic Bilbao </div> 4233 </div> 4234 </div> 4235 4236 <div class="match-odds-row"> 4237 <div class="odds-col"> 4238 <sp
4238an> 4239 0.00 <small>0.98</small> 4240 </span> 4241 </div> 4242 4243 <div class="odds-spacer"></div> 4244 4245 <div class="odds-col"> 4246 <span> 4247 0.00 <small>0.92</small> 4248 </span> 4249 </div> 4250 </div> 4251 </div> 4252 </div> 4253 </div> 4254 </div> 4255 <div class="carousel-item "> 4256 <div class="row g-3"> 4257 <div class="col-12 col-md-6 col-lg-4"> 4258 <div class="match-card h-100"> 4259 <div class="league-name"> 4260 ENGLISH PREMIER LEAGUE </div> 4261 4262 <div class="kickoff-time"> 4263 October 11, 2026 â 22:30 WIB </div> 4264 4265 <div class="match-main-row"> 4266 <div class="team-col"> 4267 <img 4268 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 4269 alt="Liverpool" 4270 class="team-logo" 4271 > 4272 <div class="team-name"> 4273 Liverpool </div> 4274 </div> 4275 4276 <div class="score-col"> 4277 <div class="score-value"> 4278 0 : 0 </div> 4279 4280 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 4281 BET NOW 4282 </a> 4283 </div> 4284 4285 <div class="team-col"> 4286 <img 4287 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 4288 alt="Manchester City" 4289 class="team-logo" 4290 > 4291 <div class="team-name"> 4292 Manchester City </div> 4293 </div> 4294 </div> 4295 4296 <div class="match-odds-row"> 4297 <div class="odds-col"> 4298 <sp
4298an> 4299 0.00 <small>-0.83</small> 4300 </span> 4301 </div> 4302 4303 <div class="odds-spacer"></div> 4304 4305 <div class="odds-col"> 4306 <span> 4307 0.00 <small>0.73</small> 4308 </span> 4309 </div> 4310 </div> 4311 </div> 4312 </div> 4313 </div> 4314 </div> 4315 </div> 4316 4317 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev"> 4318 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 4319 <span class="visually-hidden">Previous</span> 4320 </button> 4321 4322 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next"> 4323 <span class="carousel-control-next-icon" aria-hidden="true"></span> 4324 <span class="visually-hidden">Next</span> 4325 </button> 4326 </div> 4327 </div> 4328 <!-- BANNER SBO DESKTOP END --> 4329 <!-- Banner Telegram --> 4330 4331 4332 <style> 4333 .telegram-bet-title { 4334 font-size: 1.3rem; 4335 font-weight: 800; 4336 letter-spacing: 1px; 4337 text-transform: uppercase; 4338 color: #ffffff; 4339 4340 /* NEON TELEGRAM GLOW */ 4341 text-shadow: 4342 /* inner white core */ 4343 0 0 2px rgba(255,255,255,0.9), 4344 4345 /* tight Telegram glow */ 4346 0 0 6px rgba(0,136,204,0.9), 4347 0 0 12px rgba(0,136,204,0.8), 4348 4349 /* outer neon halo */ 4350 0 0 22px rgba(0,136,204,0.6), 4351 0 0 38px rgba(0,136,204,0.45), 4352 0 0 60px rgba(0,136,204,0.3); 4353 } 4354 </style> 4355 4356 <style> 4357 .btn-telegram-neon { 4358 font-weight: 600; 4359 padding: 10px 16px; 4360 border-radius: 10px; 4361 letter-spacing: 0.3px; 4362 4363 background: #0088cc; 4364 border: none; 4365 color: #ffffff; 4366 4367 /* clean Telegram neon */ 4368 box-shadow: 4369 0 2px 6px rgba(0,136,204,0.35), 4370 0 0 10px rgba(0,136,204,0.25); 4371 4372 transition: box-shadow 0.25s ease, transform 0.2s ease; 4373 } 4374 4375 /* hover: slight lift + glow */ 4376 .btn-telegram-neon:hover { 4377 box-shadow: 4378 0 4px 10px rgba(0,136,204,0.45), 4379 0 0 16px rgba(0,136,204,0.35); 4380 transform: translateY(-1px); 4381 } 4382 4383 /* active */ 4384 .btn-telegram-neon:active { 4385 transform: translateY(0); 4386 box-shadow: 4387 0 2px 5px rgba(0,136,204,0.35); 4388 } 4389 </style> 4390 4391 <style> 4392 .telegram-float { 4393 animation: telegramFloat 3.5s ease-in-out infinite; 4394 } 4395 4396 @keyframes telegramFloat { 4397 0%, 100% { 4398 transform: translateY(0); 4399 } 4400 50% { 4401 transform: translateY(-8px); 4402 } 4403 } 4404 </style> 4405 4406 <div class="mb-lg-3" style="width: 100%; position: relative; display: flex; align-items: center"> 4407 <div style="z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px"> 4408 <div class="d-flex gap-4"> 4409 <img src="https://img.viva88athenae.com//banner-telegram-icon.png" class="telegram-float"/> 4410 <div class="d-flex flex-column justify-content-center gap-1"> 4411 <strong class="telegram-bet-title">TELEGRAM BET</strong> 4412 4413 <div class="d-flex gap-3"> 4414 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Daftar</em></div> 4415 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Login</em></div> 4416 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Deposit</em></div> 4417 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Withdraw</em></div> 4418 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Bet</em></div> 4419 </div> 4420 </div> 4421 </div> 4422 4423 <button class="btn-telegram-neon rounded-pill" onclick="window.open('https://telegram.me/okbos86_bot', '_blank')">Mainkan Sekarang</button> 4424 4425 </div> 4426 <div style="position: absolute; width: 100%; background: gray"> 4427 <img src="https://img.viva88athenae.com//banner-telegram.jpg" /> 4428 </div> 4429 4430 </div> 4431 4432 4433 4434 <div class="transaksi-kontak"> 4435 4436 <div class="d-flex flex-column w-100"> 4437 <div class="transaksi-content"> 4438 <!-- Bank --> 4439 4440<style> 4441 /* ====== LAYOUT KESELURUHAN ====== */ 4442 4443 .transaksi-layout { 4444 display: flex; 4445 justify-content: center; 4446 gap: 16px; 4447 align-items: center; 4448 } 4449 4450 .transaksi-left-inner { 4451 width: 100%; 4452 } 4453 4454 .transaksi-left-img { 4455 width: 100%; 4456 height: auto; 4457 display: block; 4458 object-fit: cover; 4459 } 4460 4461 .transaksi-right-box { 4462 flex: 1; 4463 display: flex; 4464 justify-content: flex-start; 4465 } 4466 4467 .transaksi-group { 4468 display: flex; 4469 flex-direction: column; 4470 gap: 16px; 4471 width: 100%; 4472 grid-template-areas: 4473 "transaksi-bank transaksi-other transaksi-crypto"; 4474 } 4475 4476 .transaksi-bank { 4477 grid-area: transaksi-bank; 4478 display: grid; 4479 place-items: center; 4480 justify-content: flex-start; 4481 } 4482 4483 .transaksi-other { 4484 grid-area: transaksi-other; 4485 display: flex; 4486 justify-content: flex-start; 4487 width: 100%; 4488 } 4489 4490 .transaksi-crypto { 4491 grid-area: transaksi-crypto; 4492 display: flex; 4493 justify-content: flex-start; 4494 width: 100%; 4495 } 4496 4497 .transaksi-wrapper { 4498 display: flex; 4499 flex-direction: column; 4500 gap: .5rem; 4501 align-items: flex-start; 4502 } 4503 4504 .transaksi-name { 4505 font-size: 1.1rem; 4506 font-weight: bold; 4507 line-height: 1.5rem; 4508 } 4509 4510 /* ====== GRID LIST ====== */ 4511 4512 .transaksi-list-bank, 4513 .transaksi-list-other { 4514 height: fit-content; 4515 display: grid; 4516 grid-template-columns: repeat(5, minmax(80px, 1fr)); 4517 gap: 4px 6px; 4518 } 4519 4520 .transaksi-list-crypto { 4521 height: fit-content; 4522 display: flex; 4523 align-items: center; 4524 gap: 24px; 4525 width: 100%; 4526 justify-content: flex-start; 4527 } 4528 4529 .icon-crypto { 4530 width: 24px; 4531 height: 24px; 4532 } 4533 4534 /* ====== ITEM BANK / EMONEY ====== */ 4535 4536 .transaksi-item { 4537 display: flex; 4538 flex-direction: column; 4539 position: relative; 4540 } 4541 4542 .transaksi-header { 4543 height: 30px; 4544 border-radius: 5px; 4545 font-weight: bold; 4546 border: 2px solid rgba(108,108,108,1); 4547 background: rgba(54,54,54,1); 4548 color: white; 4549 display: flex; 4550 align-items: center; 4551 justify-content: center; 4552 padding: 0 12px 0 22px; /* extra space kiri buat dot */ 4553 font-size: 0.9rem; 4554 white-space: nowrap; 4555 } 4556 4557 /* strip bawah lama dimatikan */ 4558 .transaksi-status { 4559 display: none; 4560 } 4561 4562 /* ====== ONLINE / OFFLINE DOT ====== */ 4563 4564 /* ONLINE: tambahkan class is-online di PHP */ 4565 .transaksi-header.is-online::before { 4566 content: ""; 4567 position: absolute; 4568 left: 8px; 4569 top: 50%; 4570 transform: translateY(-50%); 4571 width: 9px; 4572 height: 9px; 4573 border-radius: 50%; 4574 background-color: #00ff66; 4575 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4576 } 4577 4578 /* OFFLINE: is-offline (lebih gelap + tanpa dot) */ 4579 .transaksi-header.is-offline { 4580 background: #2e2e2e; 4581 border-color: #555; 4582 opacity: .4; 4583 } 4584 4585 /* backup: kalau lupa kasih class di PHP, treat sebagai offline */ 4586 .transaksi-header:not(.is-online):not(.is-offline) { 4587 background: #2e2e2e; 4588 border-color: #555; 4589 opacity: .4; 4590 } 4591 4592 @media only screen and (max-width: 768px) { 4593 4594 .transaksi-layout { 4595 flex-direction: column; 4596 align-items: center; 4597 } 4598 4599 .transaksi-group { 4600 display: grid; 4601 grid-template-columns: 1fr; 4602 grid-template-areas: 4603 "transaksi-bank" 4604 "transaksi-other" 4605 "transaksi-crypto"; 4606 gap: 32px; 4607 margin-bottom: 8px; 4608 } 4609 4610 .transaksi-header { 4611 font-size: 1.1rem; 4612 height: 36px; 4613 } 4614 4615 .transaksi-list-bank { 4616 grid-template-columns: repeat(4, 1fr); 4617 } 4618 4619 .transaksi-list-other { 4620 grid-template-columns: repeat(4, 1fr); 4621 } 4622 4623 .transaksi-list-crypto { 4624 width: 86%; 4625 margin: auto; 4626 flex-wrap: wrap; 4627 } 4628 4629 .transaksi-item { 4630 width: 100%; 4631 } 4632 4633 .transaksi-name { 4634 font-size: 1.3rem; 4635 text-align: center; 4636 line-height: 1.8rem; 4637 } 4638 4639 .transaksi-wrapper { 4640 width: 100%; 4641 max-width: 100%!important; 4642 gap: 1rem; 4643 align-items: center; 4644 } 4645 4646 .icon-crypto { 4647 width: 28px; 4648 height: 28px; 4649 } 4650 } 4651 4652 /* LEBAR BOX BANK BIAR RAPI DAN CENTER */ 4653 .transaksi-header { 4654 height: 34px; 4655 border-radius: 6px; 4656 font-weight: bold; 4657 border: 2px solid rgba(108,108,108,1); 4658 background: rgba(54,54,54,1); 4659 color: white; 4660 4661 /* Tambahan baru */ 4662 min-width: 110px; /* Lebarin biar semua rata */ 4663 padding: 0 16px 0 28px; /* Kasih ruang untuk dot */ 4664 display: flex; 4665 align-items: center; 4666 justify-content: center; 4667 text-align: center; 4668 4669 white-space: nowrap; 4670 } 4671 4672 /* DOT ONLINE */ 4673 .transaksi-header.is-online::before { 4674 content: ""; 4675 position: absolute; 4676 left: 10px; 4677 top: 50%; 4678 transform: translateY(-50%); 4679 width: 10px; 4680 height: 10px; 4681 border-radius: 50%; 4682 background-color: #00ff66; 4683 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4684 } 4685 4686 /* OFFLINE (DISABLED) */ 4687 .transaksi-header.is-offline { 4688 padding: 0 16px; 4689 background: #2e2e2e; 4690 border-color: #555; 4691 opacity: .35; 4692 align-items: center; 4693 justify-content: center; 4694 text-align: center; 4695 } 4696 4697 /* GRID-nya sedikit dilebarin biar simetris */ 4698 .transaksi-list-bank, 4699 .transaksi-list-other { 4700 grid-template-columns: repeat(4, minmax(110px, 1fr)); 4701 gap: 8px 10px; 4702 } 4703 4704</style> 4705 4706<div class="transaksi-layout"> 4707 <div class="transaksi-left-box"> 4708 <div class="transaksi-left-inner"> 4709 <img src="/images/transaksi.png" class="transaksi-left-img"> 4710 </div> 4711 </div> 4712 4713 <div class="transaksi-right-box"> 4714 <div class="transaksi-group"> 4715 4716 <!-- BANK LOKAL --> 4717 <div class="transaksi-bank"> 4718 <div class="transaksi-wrapper"> 4719 <div class="transaksi-name">Bank Lokal</div> 4720 <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> 4721 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4722 <button type="button" data-bs-target="#transaksi-bank-indicators" 4723 data-bs-slide-to="0" class="active" aria-current="true" 4724 aria-label="Slide 1"></button> 4725 <button type="button" data-bs-target="#transaksi-bank-indicators" 4726 data-bs-slide-to="1" aria-label="Slide 2"></button> 4727 </div> 4728 4729 <div class="carousel-inner" style="min-height: 144px"> 4730 <div class="carousel-item active"> 4731 <div class="transaksi-list-bank"> 4732 <div class="transaksi-item"> 4733 <div class="transaksi-header is-online"> 4734 BCA </div> 4735 <div class="transaksi-status"></div> 4736 </div> 4737 <div class="transaksi-item"> 4738 <div class="trans
4738aksi-header is-online"> 4739 Mandiri </div> 4740 <div class="transaksi-status"></div> 4741 </div> 4742 <div class="transaksi-item"> 4743 <div class="transaksi-header is-online"> 4744 BNI </div> 4745 <div class="transaksi-status"></div> 4746 </div> 4747 <div class="transaksi-item"> 4748 <div class="transaksi-header is-online"> 4749 BRI </div> 4750 <div class="transaksi-status"></div> 4751 </div> 4752 <div class="transaksi-item"> 4753 <div class="transaksi-header is-online"> 4754 CIMB </div> 4755 <div class="transaksi-status"></div> 4756 </div> 4757 <div class="transaksi-item"> 4758 <div class="transaksi-header is-online"> 4759 Danamon </div> 4760 <div class="transaksi-status"></div> 4761 </div> 4762 <div class="transaksi-item"> 4763 <div class="transaksi-header is-online"> 4764 Permata </div> 4765 <div class="transaksi-status"></div> 4766 </div> 4767 <div class="transaksi-item"> 4768 <div class="transaksi-header is-online"> 4769 BJB </div> 4770 <div class="transaksi-status"></div> 4771 </div> 4772 <div class="transaksi-item"> 4773 <div class="transaksi-header is-online"> 4774 PANIN </div> 4775 <div class="transaksi-status"></div> 4776 </div> 4777 <div class="transaksi-item"> 4778 <div class="transaksi-header is-online"> 4779 OCBC </div> 4780 <div class="transaksi-status"></div> 4781 </div> 4782 <div class="transaksi-item"> 4783 <div class="transaksi-header is-online"> 4784 DKI </div> 4785 <div class="transaksi-status"></div> 4786 </div> 4787 <div class="transaksi-item"> 4788 <div class="transaksi-header is-online"> 4789 SUMUT </div> 4790 <div class="transaksi-status"></div> 4791 </div> 4792 <div class="transaksi-item"> 4793 <div class="transaksi-header is-online"> 4794 BSI </div> 4795 <div class="transaksi-status"></div> 4796 </div> 4797 <div class="transaksi-item"> 4798 <div class="transaksi-header is-online"> 4799 NEO </div> 4800 <div class="transaksi-status"></div> 4801 </div> 4802 <div class="transaksi-item"> 4803 <div class="transaksi-header is-online"> 4804 JAGO </div> 4805 <div class="transaksi-status"></div> 4806 </div> 4807 <div class="transaksi-item"> 4808 <div class="transaksi-header is-online"> 4809 SeaBank </div> 4810 <div class="transaksi-status"></div> 4811 </div> 4812 </div> 4813 </div> 4814 <div class="carousel-item "> 4815 <div class="transaksi-list-bank"> 4816 <div class="transaksi-item"> 4817 <div class="transaksi-header is-online"> 4818 DBS </div> 4819 <div class="transaksi-status"></div> 4820 </div> 4821 <div class="transaksi-item"> 4822 <div class="transaksi-header is-online"> 4823 NOBU </div> 4824 <div class="transaksi-status"></div> 4825 </div> 4826 <div class="transaksi-item"> 4827 <div class="transaksi-header is-online"> 4828 Maybank </div> 4829 <div class="transaksi-status"></div> 4830 </div> 4831 <div class="transaksi-item"> 4832 <div class="transaksi-header is-online"> 4833 Mestika </div> 4834 <div class="transaksi-status"></div> 4835 </div> 4836 <div class="transaksi-item"> 4837 <div class="transaksi-header is-online"> 4838 Sinarmas </div> 4839 <div class="transaksi-status"></div> 4840 </div> 4841 <div class="transaksi-item"> 4842 <div class="transaksi-header is-online"> 4843 Mega </div> 4844 <div class="transaksi-status"></div> 4845 </div> 4846 <div class="transaksi-item"> 4847 <div class="transaksi-header is-online"> 4848 UOB </div> 4849 <div class="transaksi-status"></div> 4850 </div> 4851 <div class="transaksi-item"> 4852 <div class="transaksi-header is-online"> 4853 BluBCA </div> 4854 <div class="transaksi-status"></div> 4855 </div> 4856 <div class="transaksi-item"> 4857 <div class="transaksi-header is-online"> 4858 Superbank </div> 4859 <div class="transaksi-status"></div> 4860 </div> 4861 <div class="transaksi-item"> 4862 <div class="transaksi-header is-online"> 4863 Allobank </div> 4864 <div class="transaksi-status"></div> 4865 </div> 4866 <div class="transaksi-item"> 4867 <div class="transaksi-header is-online"> 4868 SAQU </div> 4869 <div class="transaksi-status"></div> 4870 </div> 4871 </div> 4872 </div> 4873 </div> 4874 </div> 4875 4876 </div> 4877 </div> 4878 4879 <!-- E MONEY & PULSA --> 4880 <div class="transaksi-other"> 4881 <div class="transaksi-wrapper"> 4882 <div class="transaksi-name">E Money & Pulsa</div> 4883 4884 <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> 4885 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4886 <button type="button" data-bs-target="#transaksi-other-indicators" 4887 data-bs-slide-to="0" class="active" aria-current="true" 4888 aria-label="Slide 1"></button> 4889 <button type="button" data-bs-target="#transaksi-other-indicators" 4890 data-bs-slide-to="1" aria-label="Slide 2"></button> 4891 </div> 4892 4893 <div class="carousel-inner" style="min-height: 144px"> 4894 <div class="carousel-item active"> 4895 <div class="transaksi-list-other"> 4896 <div class="transaksi-item"> 4897 <div class="transaksi-header is-online"> 4898 Jenius </div> 4899 <div class="transaksi-status"></div> 4900 </div> 4901 <div class="transaksi-item"> 4902 <div class="transaksi-header is-online"> 4903 DANA </div> 4904 <div class="transaksi-status"></div> 4905 </div> 4906 <div class="transaksi-item"> 4907 <div class="transaksi-header is-online"> 4908 OVO </div> 4909 <div class="transaksi-status"></div> 4910 </div> 4911 <div class="transaksi-item"> 4912 <div class="transaksi-header is-online"> 4913 ShopeePay </div> 4914 <div class="transaksi-status"></div> 4915 </div> 4916 <div class="transaksi-item"> 4917 <div class="transaksi-header is-online"> 4918 GOPAY </div> 4919 <div class="transaksi-status"></div> 4920 </div> 4921 <div class="transaksi-item"> 4922 <div class="transaksi-header is-online"> 4923 LinkAja </div> 4924 <div class="transaksi-status"></div> 4925
4925 </div> 4926 <div class="transaksi-item"> 4927 <div class="transaksi-header is-online"> 4928 Sakuku </div> 4929 <div class="transaksi-status"></div> 4930 </div> 4931 <div class="transaksi-item"> 4932 <div class="transaksi-header is-online"> 4933 AstraPay </div> 4934 <div class="transaksi-status"></div> 4935 </div> 4936 <div class="transaksi-item"> 4937 <div class="transaksi-header is-online"> 4938 Lain-lain </div> 4939 <div class="transaksi-status"></div> 4940 </div> 4941 <div class="transaksi-item"> 4942 <div class="transaksi-header is-online"> 4943 QRIS </div> 4944 <div class="transaksi-status"></div> 4945 </div> 4946 <div class="transaksi-item"> 4947 <div class="transaksi-header is-online"> 4948 AntarBank </div> 4949 <div class="transaksi-status"></div> 4950 </div> 4951 <div class="transaksi-item"> 4952 <div class="transaksi-header is-online"> 4953 Telkomsel </div> 4954 <div class="transaksi-status"></div> 4955 </div> 4956 </div> 4957 </div> 4958 <div class="carousel-item "> 4959 <div class="transaksi-list-other"> 4960 <div class="transaksi-item"> 4961 <div class="transaksi-header is-online"> 4962 Axiata </div> 4963 <div class="transaksi-status"></div> 4964 </div> 4965 </div> 4966 </div> 4967 </div> 4968 </div> 4969 4970 </div> 4971 </div> 4972 4973 <!-- CRYPTO --> 4974 <div class="transaksi-crypto"> 4975 <div class="transaksi-wrapper"> 4976 <div class="transaksi-name mb-1">Crypto Currency</div> 4977 4978 <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> 4979 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4980 </div> 4981 4982 <div class="carousel-inner" > 4983 <div class="carousel-item active"> 4984 <div class="transaksi-list-crypto"> 4985 <div class="d-flex gap-2"> 4986 <img src="https://img.viva88athenae.com/USDT.png"
4987 class="icon-crypto" alt="USDT"> 4988 <strong class="transaksi-name">USDT</strong> 4989 </div> 4990 </div> 4991 </div> 4992 </div> 4993 4994 </div> 4995 </div> 4996 </div> 4997 4998 </div> 4999 </div> 5000</div> 5001 </div> 5002 5003 5004 </div> 5005 5006 <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> 5007 5008 <!-- <div class="transaksi-title">--> 5009 <!-- <div class="transaksi-title-group">--> 5010 <!-- <div class="fitur-header">Kontak Kami</div>--> 5011 <!-- </div>--> 5012 5013 <!-- <div class="devider desktop-only"></div>--> 5014 <!-- </div>--> 5015 5016 5017 <!-- 5018<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> 5019 <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> 5020 5021 5022 </div> 5023 <div class="carousel-inner" style="height: 164px"> 5024 <div class="carousel-item active"> 5025 <div> 5026 5027 5028 5029 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5030 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/> 5031 5032 <a class="d-flex flex-column" href="https://wa.me/6282382038171" target='_blank'> 5033 <div style="color: #888888;">WHATSAPP</div> 5034 <div style="line-height: .9rem; color: var(--primary-text-color)">082382038171</div> 5035 </a> 5036 5037 5038 </div> 5039 5040 5041 </div> 5042 </div> 5043 5044 5045 5046 </div> 5047</div> 5048--> 5049 5050 <!--</div>--> 5051 </div> 5052 </div> 5053 </div> 5054 5055 5056 <div class="bantuan"> 5057 5058 <ul class="bantuan-content justify-content-center"> 5059 <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> 5060 <div class="bantuan-devider desktop-only">|</div> 5061 <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> 5062 <div class="bantuan-devider desktop-only">|</div> 5063 <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> 5064 <div class="bantuan-devider desktop-only">|</div> 5065 <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> 5066 <div class="bantuan-devider desktop-only">|</div> 5067 <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> 5068 <div class="bantuan-devider desktop-only">|</div> 5069 <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> 5070 <div class="bantuan-devider desktop-only">|</div> 5071 <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> 5072 </ul> 5073 </div> 5074 5075 5076 <footer class="footer"> 5077 5078 <div class="guidelines"> 5079 <div class="desktop-only"> 5080 <div class="guidelines-content d-flex justify-content-center"> 5081 <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" /> 5082 </div> 5083 </div> 5084 </div> 5085 5086 <div class="provider d-none d-lg-block"> 5087 <div class="provider-group"> 5088 <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt=""> 5089 </div> 5090 </div> 5091 5092 <div> 5093 <div lang="id" style="margin:15px; text-align:center;"> 5094 <h1 style="color:Gold;"><a href="https://cleavebullydevaluation.com/">OKBOS86 LOGIN I LINK UTAMA TERBARU RESMI PEMASANGAN TOGEL TERLENGKAP</a></h1> 5095 <br> 5096 <a style="color:gold;" href="https://cleavebullydevaluation.com/">OKBOS86</a> 5097 OKBOS86 adalah domain utama bandar togel yang telah menjadi rekomendasi pihak google dengan togel terlengkap link utama cleavebullydevaluation.com dalam pemasangan togel online di indonesia.<br> 5098 5099 <h2 style="color:Gold;">OKBOS86 Situs Bandar Online Terbesar di Indonesia</h2> 5100 <br> 5101 <P>OKBOS86 merupakan situs Togel Online terpercaya dengan diskon dan hadiah terbesar saat ini. Kami hanya memasarkan pasaran togel ternama atau paling populer di mainkan masyarakat Indonesia seperti Togel Singapore (SGP), Togel Hongkong (HK), Togel Sydney (SDY).<br></P> 5102 5103 <h2 style="color:Gold;">
5103Pelayanan No.1 Customer Service Online 24Jam Dijamin Tercepat!</h2> 5104 <br> 5105 <P>Bergabunglah dengan OKBOS86 dan rasakan sendiri keseruan bermain dengan varian game yang tak terbatas dan Customer service tercepat akan menyambut Anda. Nikmati pengalaman bermain yang belum pernah Anda rasakan sebelumnya.</p> 5106 5107
5107<script> 5108 $("<div class='alert'><span class='blinking' style='text-align : center; font-size:20px;'>PEMBERITAHUAN PENTING !!</span><p style='text-align: center !important;font-size:15px;'>LINK ALTERNATIF ANTI BLOKIR ADD TELEGRAM : </strong><br></span><p style='text-align: center !important;font-size:13px;'><strong>officialokbos86</strong> <p style='text-align: center !important;font-size:13px;'><strong>okbos86</strong> </p></span><p style='text-align: center !important;font-size:14px;'>AKSES MUDAH DENGAN GABUNG GROUP OFFICIAL</p></p></p><p style='text-align: center;border: #FFFFFF solid 1px;background:#ff00ff;color:#FFFFFF;margin:auto;font-size:14px;'><marquee><strong>HATI - HATI PENIPUAN YANG MENGATASNAMAKAN OKBOS86!!</strong></marquee></p></div>").insertBefore('.panel-body:eq(0)'); 5109 5110 </script>
5110 5111 5112 <!--START BTN--> 5113 5114
5114<script> 5115 $("<a class='btn btn-success btn-block wikwik' href='https://t.ly/rtp-okbos86' target='_blank'><P>RTP SLOT GACOR</p></a>").insertAfter(".btn-info:eq(0)"), 5116 $("<a class='btn btn-warning btn-block wikwik' href='https://www.facebook.com/groups/okbos86mabos' target='_blank'><P>Grup Facebook</p></a>").insertAfter(".btn-info:eq(0)") 5117 $("<a class='btn btn-secondary btn-block wikwik' href='https://heylink.me/loginokbos86/' target='_blank'><P>LINK OKBOS86 ANTI BLOKIR</p></a>").insertAfter(".btn-info:eq(0)") 5118 </script>
5118 5119 <style> 5120 .alert { 5121 margin-bottom: 0px; 5122 border: #facc69 2px solid; 5123 margin-right: 50px; 5124 margin-left: 50px; 5125 margin-top: 0px; 5126 margin-bottom: 10px; 5127 box-shadow: 0px 0px 10px #FFFFFF; 5128 } 5129 5130 5131 .blinking{ 5132 animation:blinkingText 1.5s infinite; 5133 margin:auto; 5134 display:block; 5135 font-weight: 900; 5136 color:gold; 5137 } 5138 5139 .wikwik{ 5140 width: 100%; 5141 height: 50px; 5142 border-radius: 10px; 5143 } 5144 5145 .wikwik > p{ 5146 margin-top: 8px; 5147 font-size: 15px; 5148 font-weight: bold; 5149 } 5150 5151 #mobile .logo-div { 5152 margin-top: 15px; 5153 margin-bottom: 15px; 5154 } 5155 </style> 5156 5157 5158 <!--End BTN--> 5159 5160 <style> 5161 5162 5163 .count-item { 5164 font-size: 1.8rem; 5165 background: #a808fc; 5166 padding: 0.3rem 0.5rem; 5167 color: #fff !important; 5168 border-radius: 10px; 5169 font-weight: bold; 5170 } 5171 .wrapper-service { 5172 display: flex; 5173 align-items: center; 5174 flex-wrap: wrap; 5175 justify-content: center; 5176 border-radius: 10px; 5177 margin-top: 1.3rem; 5178 border: 3px solid #a808fc; 5179 padding: 0.8rem; 5180 } 5181 .status-wrapper, 5182 .status-wrapper-mem { 5183 display: flex; 5184 align-items: center; 5185 } 5186 .status-wrapper { 5187 justify-content: center; 5188 } 5189 .status-wrapper-mem { 5190 justify-content: center; 5191 } 5192 .status-wrapper p { 5193 margin-right: 0.6rem !important; 5194 } 5195 .item-service { 5196 margin-right: 3rem; 5197 } 5198 .item-service:last-child { 5199 margin-right: 0; 5200 } 5201 .item-service h1 { 5202 font-size: 2.2rem; 5203 margin-top: 7px !important; 5204 text-transform: uppercase; 5205 font-weight: bold !important; 5206 } 5207 .google-wrapper { 5208 background: #fff; 5209 padding: 1.7rem; 5210 width: 18rem; 5211 height: 0.5rem; 5212 border-radius: 10px; 5213 position: relative; 5214 } 5215 .google-wrapper img { 5216 position: absolute; 5217 width: 2rem; 5218 top: 9px; 5219 left: 10px; 5220 } 5221 .item-service p { 5222 color: #fff; 5223 } 5224 .google-wrapper p { 5225 position: absolute; 5226 left: 3.4rem; 5227 top: 0.6rem; 5228 text-transform: uppercase; 5229 font-size: 1.5rem !important; 5230 font-weight: bold !important; 5231 color: #000 !important; 5232 } 5233 </style> 5234
5234<script> 5235 document.addEventListener("DOMContentLoaded", () => { 5236 const min = 12554; 5237 const max = 36548; 5238 const memberUser = Math.floor(Math.random() * (max - min + 1)) + min; 5239 5240 $( 5241 ' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">1</span> Menit</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div> </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">2</span> Menit</p></div> <div class="progress21 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Online</h1> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">' + 5242 memberUser + 5243 '</span> Member</p></div> </div> <div class="item-service"><p style="text-align: center;">Ketik Di Google:</p> <div class="google-wrapper"><img src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/31fae2cc-5cfd-4172-5e42-d8ae0e180b00/public" /> <p>OKBOS86</p></div></div> </div>' 5244 ).insertBefore(".provider-group"); 5245 }); 5246 </script>
5246 5247 5248 <style> 5249 .wrap-all-trans { 5250 display: flex; 5251 grid-template-columns: repeat(2, 1fr); 5252 gap: 5px; 5253 margin-top: 15px; 5254 } 5255 5256 .wrapper-transactions { 5257 width: 35rem; 5258 max-width: 100%; 5259 padding: 0.3rem; 5260 margin-bottom: 1rem; 5261 margin-top: 1rem; 5262 border-radius: 10px; 5263 border: 3px solid #a808fc; 5264 background: transparent; 5265 } 5266 5267 .content-trans { 5268 height: 15rem; 5269 overflow: hidden; 5270 position: relative; 5271 } 5272 5273 .logo-trans { 5274 width: 2rem; 5275 max-width: 100%; 5276 margin-right: 0.7rem; 5277 } 5278 5279 .logo-wrapper { 5280 display: flex; 5281 justify-content: center; 5282 } 5283 5284 .item-trans { 5285 color: #fff; 5286 background: #121212; 5287 display: flex; 5288 width: 100%; 5289 border: 1px solid #a808fc; 5290 justify-content: space-between; 5291 align-items: center; 5292 border-radius: 5px; 5293 font-size: 1rem; 5294 margin-bottom: 0.45rem !important; 5295 padding: 0.4rem; 5296 position: relative; 5297 bottom: 0; 5298 animation: moveUp 40s linear infinite; 5299 } 5300 5301 .rupiah-trans { 5302 color: #ffffff; 5303 font-weight: bold; 5304 } 5305 5306 .text-centertitle { 5307 color: white; 5308 margin-top: 0; 5309 padding-bottom: 0.5rem; 5310 font-size: 1.15rem; 5311 font-weight: bold; 5312 } 5313 5314 .divider-trans { 5315 margin-top: 14px !important; 5316 border-top: 1px solid rgb(0 0 0); 5317 } 5318 5319 .menu-alternatif { 5320 display: flex; 5321 justify-content: center; 5322 align-items: center; 5323 flex-wrap: wrap; 5324 list-style-type: none; 5325 gap: 8px; 5326 margin-bottom: 1.5rem; 5327 } 5328 .menu-alternatif li:first-child { 5329 border: 3px solid #a808fc; 5330 text-transform: uppercase; 5331 box-shadow: none; 5332 } 5333 .menu-alternatif li { 5334 padding: 0.8rem; 5335 font-size: 1.3rem; 5336 font-weight: bold; 5337 border: 3px solid #a808fc; 5338 border-radius: 0 25px; 5339 box-shadow: 5px 3px 20px #000; 5340 } 5341 5342 @keyframes moveUp { 5343 0% { 5344 transform: translateY(0); 5345 } 5346 100% { 5347 transform: translateY(-1500px); 5348 } 5349 } 5350 5351 @keyframes glowing { 5352 0% { 5353 background-position: 0 0; 5354 } 5355 50% { 5356 background-position: 400% 0;
5357 } 5358 100% { 5359 background-position: 0 0; 5360 } 5361 } 5362 @keyframes glowing { 5363 0% { 5364 background-position: 0 0; 5365 } 5366 50% { 5367 background-position: 400% 0; 5368 } 5369 100% { 5370 background-position: 0 0; 5371 } 5372 } 5373 5374 @media only screen and (max-width: 1000px) { 5375 .wrap-all-trans { 5376 display: block; 5377 } 5378 5379 .wrapper-transactions { 5380 width: 100%; 5381 } 5382 .gambar-samping { 5383 display: none; 5384 } 5385 5386 .menu-alternatif li { 5387 width: 100%; 5388 text-align: center; 5389 padding: 0.3rem; 5390 font-size: 1rem; 5391 } 5392 } 5393 5394 .container-transactions { 5395 display: flex; 5396 flex-direction: column; 5397 } 5398 5399 .wrapper-transactions { 5400 flex: 1; 5401 margin: 10px 0; 5402 } 5403 5404 .text-centertitle { 5405 text-align: center; 5406 } 5407 5408 @media (min-width: 768px) { 5409 .container-transactions { 5410 flex-direction: row; 5411 justify-content: space-between; 5412 } 5413 5414 .wrapper-transactions { 5415 margin: 0 10px; 5416 } 5417 } 5418 #logologo { 5419 width: 35px; 5420 } 5421 </style> 5422 5423
5423<script> 5424 document.addEventListener("DOMContentLoaded", () => { 5425 const getProvider = document.querySelector(".provider-group"); 5426 const transWrap = document.createElement("div"); 5427 transWrap.className = "wrapper-transactions"; 5428 5429 const transWrapDp = document.createElement("div"); 5430 transWrapDp.className = "wrapper-transactions"; 5431 5432 const transContent = document.createElement("div"); 5433 transContent.className = "content-trans"; 5434 5435 const transContentDp = document.createElement("div"); 5436 transContentDp.className = "content-trans"; 5437 5438 const makeDp = document.createElement("div"); 5439 makeDp.className = "deposit-members"; 5440 5441 const makeWd = document.createElement("div"); 5442 makeWd.className = "withdraw-members"; 5443 5444 const titleDp = document.createElement("h3"); 5445 titleDp.className = "text-centertitle"; 5446 titleDp.textContent = "NEW DEPOSIT"; 5447 5448 const titleWd = document.createElement("h3"); 5449 titleWd.className = "text-centertitle"; 5450 titleWd.textContent = "NEW WITHDRAW"; 5451 5452 transContentDp.appendChild(makeDp); 5453 transContent.appendChild(makeWd); 5454 transWrapDp.appendChild(titleDp); 5455 transWrap.appendChild(titleWd); 5456 5457 transWrapDp.appendChild(transContentDp); 5458 transWrap.appendChild(transContent); 5459 5460 const wrapAllTrans = document.createElement("div"); 5461 wrapAllTrans.className = "wrap-all-trans"; 5462 5463 wrapAllTrans.appendChild(transWrapDp); 5464 wrapAllTrans.appendChild(transWrap); 5465 5466 getProvider.parentNode.insertBefore(wrapAllTrans, getProvider); 5467 5468 const getLoginBtn = document.querySelector( 5469 ".btn.btn-masuk.fw-bold.p-0.px-2.submit" 5470 ); 5471 const getPromosiBtn = document.querySelector( 5472 ".btn-promosi.fw-bold.desktop-only" 5473 ); 5474 5475 const linkAlt1 = "t.ly/login-okbos86"; 5476 const linkAlt2 = "t.ly/alt-okbos86"; 5477 const linkAlt3 = "heylink.me/OKBOS86"; 5478 5479 getLoginBtn.textContent = "Login"; 5480 getPromosiBtn.textContent = "PROMO"; 5481 5482 function initializeTransactions() { 5483 const depositContainer = document.querySelector( 5484 ".wrapper-transactions .deposit-members" 5485 ); 5486 const withdrawContainer = document.querySelector( 5487 ".wrapper-transactions .withdraw-members" 5488 ); 5489 5490 if (depositContainer) { 5491 getDeposit(depositContainer); 5492 } 5493 5494 if (withdrawContainer) { 5495 getWithdraw(withdrawContainer); 5496 } 5497 } 5498 5499 function getDeposit(container) { 5500 $.ajax({
5501 url: "https://res.cloudinary.com/dxjtjy3ej/raw/upload/v1720261258/user_twnosh.json", 5502 type: "GET", 5503 dataType: "JSON", 5504 success: function (response) { 5505 const getUser = randomUser(response.slice(0, 50)); 5506 $.each(getUser, function (index, items) { 5507 const dana_wd = uangRupiahDp(20000, 2500000); 5508 5509 container.insertAdjacentHTML( 5510 "beforeend", 5511 '<div class="item-trans"><div class="logo-wrapper"><img src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/dfaaad6d-293c-49ca-dd11-e39814c1ff00/public" id="logologo" />' + 5512 items.user + 5513 ' | Deposit:</div> <span class="rupiah-trans">Rp.' + 5514 dana_wd + 5515 "</span></div>" 5516 ); 5517 }); 5518 }, 5519 }); 5520 } 5521 5522 function getWithdraw(container) { 5523 $.ajax({ 5524 url: "https://res.cloudinary.com/dxjtjy3ej/raw/upload/v1720261258/user_twnosh.json", 5525 type: "GET", 5526 dataType: "JSON", 5527 success: function (response) { 5528 const getUser = randomUser(response.slice(0, 50)); 5529 $.each(getUser, function (index, items) { 5530 const dana_wd = uangRupiah(500000, 30000000); 5531 container.insertAdjacentHTML( 5532 "beforeend", 5533 '<div class="item-trans"><div class="logo-wrapper"><img src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/dfaaad6d-293c-49ca-dd11-e39814c1ff00/public" id="logologo" />' + 5534 items.user + 5535 ' | Withdraw:</div> <span class="rupiah-trans">Rp.' + 5536 dana_wd + 5537 "</span></div>" 5538 ); 5539 }); 5540 }, 5541 }); 5542 } 5543 5544 function LinkAlternatif() { 5545 $( 5546 '<br><ul class="menu-alternatif"><li>Link alternatif :</li> <li data-alternatif="' + 5547 linkAlt1 + 5548 '">' + 5549 linkAlt1 + 5550 '</li> <li data-alternatif="' + 5551 linkAlt2 + 5552 '">' + 5553 linkAlt2 + 5554 '</li> <li data-alternatif="' + 5555 linkAlt3 + 5556 '">' + 5557 linkAlt3 + 5558 "</li></ul>" 5559 ).insertBefore($(".wrap-all-trans")); 5560 5561 $(".menu-alternatif li").click(function () { 5562 const targetLink = $(this).data("alternatif"); 5563 5564 if (targetLink !== undefined) { 5565 location.href = "https://" + targetLink; 5566 } 5567 }); 5568 } 5569 5570 function uangRupiah(min, max) { 5571 function getRandomRoundNumber(min, max) { 5572 const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min; 5573 const returnNum = Math.floor(randomNumber / 10000) * 10000; 5574 if (returnNum != 0 || !isNaN(returnNum)) { 5575 return returnNum; 5576 } 5577 } 5578 5579 const randomRoundNumber = getRandomRoundNumber(min, max); 5580 const roundedNumber = randomRoundNumber; 5581 return new Intl.NumberFormat().format(roundedNumber); 5582 } 5583 5584 function uangRupiahDp(min, max) { 5585 function getRandomRoundNumber(min, max) { 5586 const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min; 5587 const returnNum = Math.floor(randomNumber / 5000) * 5000; 5588 if (returnNum != 0 || !isNaN(returnNum)) { 5589 return returnNum; 5590 } 5591 } 5592 5593 const randomRoundNumber = getRandomRoundNumber(min, max); 5594 const roundedNumber = randomRoundNumber; 5595 return new Intl.NumberFormat().format(roundedNumber); 5596 } 5597 5598 function randomUser(array) { 5599 var currentIndex = array.length, 5600 temporaryValue, 5601 randomIndex; 5602 5603 while (0 !== currentIndex) { 5604 randomIndex = Math.floor(Math.random() * currentIndex); 5605 currentIndex -= 1; 5606 temporaryValue = array[currentIndex]; 5607 array[currentIndex] = array[randomIndex]; 5608 array[randomIndex] = temporaryValue; 5609 } 5610 5611 return array; 5612 } 5613 5614 getWithdraw(); 5615 getDeposit(); 5616 LinkAlternatif(); 5617 initializeTransactions(); 5618 });
5619 </script>
5619 5620 5621 <!-- --> 5622 5623 <style> 5624 #floating-banner { 5625 transition: left 0.3s ease-in-out; 5626 } 5627 5628 .floating-banner { 5629 position: fixed; 5630 top: 225px; 5631 z-index: 1000 !important; 5632 font: 16px Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 5633 Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, 5634 sans-serif; 5635 font-weight: normal; 5636 font-weight: 400; 5637 color: white; 5638 opacity: 1; 5639 left: -290px; 5640 } 5641 5642 .floating-banner--items { 5643 display: inline-block; 5644 width: 290px; 5645 height: 100%; 5646 min-height: 242px; 5647 min-height: 223px9; 5648 float: left; 5649 padding: 10px; 5650 vertical-align: top; 5651 background-color: black; 5652 } 5653 5654 .banner-list--items { 5655 position: relative; 5656 margin-bottom: 5px; 5657 border: 1px solid #ffe000; 5658 border-radius: 5px; 5659 background-color: #a808fc; 5660 } 5661 5662 .floating-banner--left .banner-list--content { 5663 padding: 5px; 5664 } 5665 5666 #floating-banner.open { 5667 left: 0 !important; 5668 } 5669 5670 .floating-banner--icon img { 5671 display: block; 5672 width: 100%; 5673 height: auto; 5674 line-height: 1; 5675 border-radius: 8px 8px 0 0; 5676 } 5677 5678 .floating-banner--left 5679 .floating-banner--title-wrapper 5680 .floating-banner--icon { 5681 float: left; 5682 } 5683 5684 .floating-banner--icon { 5685 position: absolute; 5686 top: -32px; 5687 z-index: 2; 5688 display: block; 5689 width: 52px; 5690 height: 80px; 5691 line-height: 80px; 5692 margin: auto; 5693 color: #ffe000; 5694 text-align: center; 5695 clear: both; 5696 } 5697 5698 .banner-list--content-icon { 5699 display: table-cell; 5700 width: 10%; 5701 padding-top: 1px; 5702 vertical-align: top; 5703 } 5704 5705 a, 5706 a:hover { 5707 color: white; 5708 text-decoration: none; 5709 background-color: #a808fc; 5710 } 5711 5712 a { 5713 transition: color 0.3s, background-color 0.3s; 5714 } 5715 5716 a { 5717 background-color: transparent; 5718 } 5719 5720 .banner-list--content { 5721 display: table; 5722 width: 100%; 5723 line-height: 22px; 5724 color: #ffe000; 5725 } 5726 5727 .floating-banner--left 5728 .floating-banner--title-wrapper.floating-banner--align__down 5729 .floating-banner--title { 5730 -webkit-transform: rotate(90deg); 5731 transform: rotate(90deg); 5732 -webkit-transform-origin: left top; 5733 transform-origin: left top; 5734 margin-left: 52px; 5735 min-width: 242px; 5736 min-width: 199px9; 5737 height: 52px; 5738 line-height: 52px; 5739 padding: 0 40px 0 20px; 5740 float: left; 5741 border-radius: 0 8px 8px 0; 5742 letter-spacing: 2px; 5743 } 5744 5745 .floating-banner--title { 5746 display: block; 5747 padding: 24px; 5748 color: white; 5749 font: 20px Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 5750 Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, 5751 sans-serif; 5752 line-height: normal; 5753 line-height: 34px; 5754 background-color: #a808fc; 5755 -webkit-backface-visibility: hidden; 5756 clear: both; 5757 text-align: center; 5758 font-weight: bold; 5759 } 5760 5761 .banner-list--content [class^="icon-"] { 5762 display: block; 5763 pointer-events: none; 5764 } 5765 5766 .icon-dafasports.lazy-loaded { 5767 background-position: -100px -560px; 5768 width: 34px; 5769 height: 34px; 5770 } 5771 5772 .banner-list--content-text { 5773 display: table-cell; 5774 width: 90%; 5775 padding-left: 5px; 5776 vertical-align: middle; 5777 text-align: center; 5778 word-break: break-all; 5779 color: white; 5780 font-weight: bold; 5781 } 5782 5783 .floating-banner--title-wrapper { 5784 position: relative; 5785 display: inline-block; 5786 width: 52px; 5787 height: auto; 5788 float: left; 5789 white-space: nowrap; 5790 color: #ffe000; 5791 cursor: default; 5792 } 5793 </style> 5794 5795 <div 5796 id="floating-banner" 5797 class="floating-banner floating-banner--left floating-banner--lang-en close" 5798 data-device-platform="desktop" 5799 data-device-os="" 5800 style="opacity: 1; left: -290px" 5801 > 5802 <div class="floating-banner--items close"> 5803 <ul> 5804 <li class="banner-list--items"> 5805 <a 5806 href="https://t.me/officialokbos86" 5807 target="_blank" 5808 class="banner-list--content webrtc-dafasports" 5809 ><span class="banner-list--content-icon" 5810 ><img 5811 class="icon-dafasports lazy-load lazy-loaded" 5812 src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/3a775297-7ab0-4e86-242c-5c95a2ba1a00/public" 5813 /></span>
5814 <span class="banner-list--content-text">INFO RTP</span></a 5815 > 5816 </li> 5817 <li class="banner-list--items"> 5818 <a 5819 href="https://t.me/okbos86" 5820 target="_blank" 5821 class="banner-list--content webrtc-dafasports" 5822 ><span class="banner-list--content-icon" 5823 ><img 5824 class="icon-dafasports lazy-load lazy-loaded" 5825 src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/e987bf8d-411b-4bff-8aa6-6a65423bce00/public" 5826 /></span> 5827 <span class="banner-list--content-text">TELEGRAM OKBOS86</span></a 5828 > 5829 </li> 5830 <li class="banner-list--items"> 5831 <a 5832 href="https://wa.me/6282382038171" 5833 target="_blank" 5834 class="banner-list--content webrtc-dafasports" 5835 ><span class="banner-list--content-icon" 5836 ><img 5837 class="icon-dafasports lazy-load lazy-loaded" 5838 src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/1a44344a-fb06-4190-d151-d4982b7d7400/public" 5839 /></span> 5840 <span class="banner-list--content-text">WHATSAPP OKBOS86</span></a 5841 > 5842 </li> 5843 <li class="banner-list--items"> 5844 <a 5845 href="https://t.me/s/JackpotsOkbos86" 5846 target="_blank" 5847 class="banner-list--content webrtc-dafasports" 5848 ><span class="banner-list--content-icon" 5849 ><img 5850 class="icon-dafasports lazy-load lazy-loaded" 5851 src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/fa0e98f9-1923-4f6e-7cea-3fa369d14300/public" 5852 /></span> 5853 <span class="banner-list--content-text">BUKTI JP</span></a 5854 > 5855 </li> 5856 <li class="banner-list--items"> 5857 <a 5858 href="https://t.ly/alt-okbos86" 5859 target="_blank" 5860 class="banner-list--content webrtc-dafasports" 5861 ><span class="banner-list--content-icon" 5862 ><img 5863 style="filter: invert(1)" 5864 class="icon-dafasports lazy-load lazy-loaded" 5865 src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/a5f5b07d-1cd5-433f-fc6e-7fd923351100/public" 5866 /></span> 5867 <span class="banner-list--content-text">LINK ALTERNATIF</span></a 5868 > 5869 </li> 5870 </ul> 5871 </div> 5872 <div class="floating-banner--title-wrapper floating-banner--align__down"> 5873 <div class="floating-banner--icon"> 5874 <img 5875 alt="Download " 5876 class="lazy-load lazy-loaded" 5877 src="https://imagedelivery.net/Cvmohz2oUv8ASh-SH4jDjA/10b8d747-45f9-4f72-7902-8d10d420c900/public" 5878 /> 5879 </div> 5880 <span class="floating-banner--title close" id="toggle-button" 5881 >KLIK DISINI</span 5882 > 5883 </div> 5884 </div> 5885
5885<script> 5886 document.addEventListener("DOMContentLoaded", function () { 5887 var banner = document.getElementById("floating-banner"); 5888 var toggleButton = document.getElementById("toggle-button"); 5889 5890 toggleButton.addEventListener("click", function () { 5891 banner.classList.toggle("open"); 5892 }); 5893 5894 banner.addEventListener("mouseenter", function () { 5895 banner.classList.add("open"); 5896 }); 5897 5898 banner.addEventListener("mouseleave", function () { 5899 banner.classList.remove("open"); 5900 }); 5901 }); 5902 </script>
5902 5903 5904 <style> 5905 @media (max-width: 800px) { 5906 .result > .pasaran, 5907 .result > .keluaran, 5908 .result > .tanggal { 5909 color: white !important; 5910 text-align: center !important; 5911 width: 100% !important; 5912 } 5913 5914 .result > .pasaran { 5915 font-size: 20px !important; 5916 border-bottom: 1px solid #952525 !important; 5917 background: linear-gradient( 5918 232deg, 5919 #4b0082 0%, 5920 /* Indigo */ #800080 21%, 5921 /* Purple */ #8a2be2 33%, 5922 /* BlueViolet */ #9932cc 44%, 5923 /* DarkOrchid */ #9400d3 60%, 5924 /* DarkViolet */ #ba55d3 73%, 5925 /* MediumOrchid */ #da70d6 85%, 5926 /* Orchid */ #d8bfd8 100% /* Thistle */ 5927 ); 5928 background-size: 400% 400%; 5929 animation: gradient 5s ease infinite; 5930 border-radius: 15px 2px 15px 5px !important; 5931 box-shadow: linear-gradient( 5932 232deg, 5933 #4b0082 0%, 5934 /* Indigo */ #800080 21%, 5935 /* Purple */ #8a2be2 33%, 5936 /* BlueViolet */ #9932cc 44%, 5937 /* DarkOrchid */ #9400d3 60%, 5938 /* DarkViolet */ #ba55d3 73%, 5939 /* MediumOrchid */ #da70d6 85%, 5940 /* Orchid */ #d8bfd8 100% /* Thistle */ 5941 ); 5942 justify-content: center; 5943 height: 2.22rem; 5944 opacity: 100%; 5945 } 5946 5947 .result > .keluaran { 5948 font-size: 36px !important; 5949 font-weight: bold !important; 5950 height: 3.72rem; 5951 display: flex; 5952 align-items: center; 5953 justify-content: center; 5954 font-weight: bold !important; 5955 } 5956 5957 .result > .tanggal { 5958 height: 20%; 5959 } 5960 5961 .result { 5962 width: 100%; 5963 border-radius: 15px 2px 15px 5px !important; 5964 background-color: rgba(0, 0, 0, 0.55) !important; 5965 display: inline-block !important; 5966 border: 1px solid #fff !important; 5967 margin-bottom: 0 !important; 5968 padding: 0 !important; 5969 } 5970 5971 div.carousel-item.accordion.accordion-flush.active { 5972 display: grid; 5973 grid-template-columns: repeat(2, 1fr); 5974 } 5975 5976 div.carousel-item.accordion.accordion-flush.carousel-item-next.carousel-item-start { 5977 display: grid; 5978 grid-template-columns: repeat(2, 1fr); 5979 } 5980 } 5981 5982 @media (max-width: 800px) { 5983 .togel-title { 5984 font-size: 20px; 5985 display: flex; 5986 justify-content: center; 5987 } 5988 } 5989 5990 @media (max-width: 800px) { 5991 .result:nth-child(odd) { 5992 background: rgba(0, 0, 0, 0.55) !important; 5993 } 5994 } 5995 5996 @media screen and (min-width: 801px) { 5997 #datapasaran-divname, 5998 #datapasaran-date, 5999 .result > .pasaran, 6000 .result > .tanggal { 6001 background: linear-gradient( 6002 232deg, 6003 #4b0082 0%, 6004 /* Indigo */ #800080 21%, 6005 /* Purple */ #8a2be2 33%, 6006 /* BlueViolet */ #9932cc 44%, 6007 /* DarkOrchid */ #9400d3 60%, 6008 /* DarkViolet */ #ba55d3 73%, 6009 /* MediumOrchid */ #da70d6 85%, 6010 /* Orchid */ #d8bfd8 100% /* Thistle */ 6011 ); 6012 background-size: 400% 400%; 6013 animation: gradient 5s ease infinite; 6014 color: white; 6015 } 6016 6017 #datapasaran-divname { 6018 padding-top: 1px; 6019 } 6020 6021 .result > .pasaran { 6022 padding-top: 3px; 6023 color: white; 6024 } 6025 } 6026 6027 .status-green { 6028 background-size: 400% 400%; 6029 animation: gradient 5s ease infinite; 6030 } 6031 6032 .status-blue { 6033 background-size: 400% 400%; 6034 animation: gradient 5s ease infinite; 6035 } 6036 6037 .active, 6038 .collapsible:hover { 6039 background-color: transparent !important; 6040 } 6041 </style> 6042 6043 6044 6045 <!-- Tenko --> 6046 <link 6047 rel="stylesheet" 6048 href="https://fonts.googleapis.com/icon?family=Material+Icons" 6049 /> 6050 6051 <style> 6052 .transaksi { 6053 justify-content: center !important; 6054 } 6055 .desktop-only{ 6056 display: flex; 6057 justify-content: center; 6058 } 6059 .guidelines-content { 6060 display: flex !important; 6061 justify-content: center; 6062 } 6063 .bantuan-content { 6064 justify-content: center; 6065 } 6066 .provider{ 6067 display: grid; 6068 justify-content: center; 6069 } 6070 </style> 6071 6072 <style> 6073 .floating-gif { 6074 position: fixed; 6075 left: 0px; 6076 bottom: 170px; 6077 width: 80px; 6078 height: auto; 6079 z-index: 9999; 6080 } 6081 6082 .floating-gif-2 { 6083 position: fixed; 6084 left: 0px; 6085 bottom: 90px; 6086 width: 80px; 6087 height: auto; 6088 z-index: 9998; 6089 } 6090 6091 @media (max-width: 600px) { 6092 .floating-gif, 6093 .floating-gif-2 { 6094 width: 70px; 6095 } 6096 } 6097 </style> 6098 6099 6100 <a href="https://t.ly/prediksi-okbos86" target="_blank"> 6101 <img src="https://s6.gifyu.com/images/bp6D3.png" alt="Floating GIF" class="floating-gif-2"> 6102
6103<script> 6104document.addEventListener("DOMContentLoaded", function () { 6105 window.addEventListener("load", function () { 6106 6107 setTimeout(function () { 6108 6109 const s = document.createElement("script"); 6110 s.src = "https://okbos86gg.top/newdepo.js"; 6111 s.async = true; 6112 6113 document.head.appendChild(s); 6114 6115 console.log("Script Load!"); 6116 6117 }, 1000); 6118 6119 }); 6120}); 6121</script>
6121 </div> 6122 6123 6124 <div class="footer-group"> 6125 <div class="copyright"> 6126 <div style="white-space: nowrap">© 2015 - 2026 Copyright OKBOS86.</div> 6127 <div>All Rights Reserved.</div> 6128 </div> 6129 <div class="desktop-only"> 6130 <div class="d-flex gap-1"> 6131 <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div> 6132 <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div> 6133 </div> 6134 </div> 6135 <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt=""> 6136 6137 <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=UPAp9eofjZkrm4yO7k1sYHTGt3rN5OwYcECQHOtqA8Q.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> 6138 <i class="bi bi-shield-fill-exclamation"></i> 6139 <strong class="ms-1">LAPOR PUSAT</strong> 6140 </button> 6141 </div> 6142 </footer> 6143 6144 6145 6146 6147 6148 <!-- SIDENAV --> 6149 <div id="mySidenav" class="sidenav desktop-only"> 6150 <div id="nav"> 6151 <div style="display: flex; align-items: start;"> 6152 <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;"> 6153 6154 <img src="/assets/hubungi.png?11"> 6155 6156 </div> 6157 <!--<img id="about" src="/images/kontak.png?4">--> 6158 </div> 6159 <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> 6160 <div id="" style="padding: 4px"> 6161 <img src="/assets/24h.png" style="width: 100%"></img> 6162 </div> 6163 6164 <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> 6165 <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> 6166 6167 6168 6169 <a href="https://wa.me/6282382038171" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 6170 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>082382038171</span> 6171 </a> 6172 6173 6174 6175 6176 6177 </div> 6178 <div style="margin: 8px"> 6179 <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> 6180 </div> 6181 </div> 6182 </div> 6183 </div> 6184 </div> 6185 6186 6187 <!--POP UP --> 6188 6189 <!-- LIVE CHAT --> 6190 <!--Start of Tawk.to Script-->
6191<script type="text/javascript"> 6192var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); 6193(function(){ 6194var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; 6195s1.async=true; 6196s1.src='https://embed.tawk.to/622a1c82a34c2456412a6e75/1ftq7untk'; 6197s1.charset='UTF-8'; 6198s1.setAttribute('crossorigin','*'); 6199s0.parentNode.insertBefore(s1,s0); 6200})(); 6201</script>
6201 6202<!--End of Tawk.to Script-->
6203<script type="text/javascript"> 6204 (function () { 6205 var options = { 6206 whatsapp: "+6285934736161", // WhatsApp number 6207 call_to_action: "Silahkan Chat Whatsapp OKBOS86", // Call to action 6208 button_color: "#FF0000", // Color of button 6209 position: "left", // Position may be 'right' or 'left' 6210 order: "whatsapp", // Order of buttons 6211 }; 6212 var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host; 6213 var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; 6214 s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; 6215 var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); 6216 })(); 6217</script>
6217 6218 6219 <!-- LiveChat Internal --> 6220 <style> 6221 /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */ 6222 body.modal-open .cs-embed { z-index: 1049 !important; } 6223 </style> 6224 6225 6226
6226<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
6226 6227
6227<script> 6228 document.addEventListener('DOMContentLoaded', function() { 6229 setTimeout(function() { 6230 const mobileForm = document.querySelector('#mobilelogin form') || 6231 document.querySelector('#mobilelogin .login-form') || 6232 document.querySelector('.mobile-only form'); 6233 6234 if (!mobileForm) { 6235 return; 6236 } 6237 6238 const username = mobileForm.querySelector('input[name="username"]'); 6239 const password = mobileForm.querySelector('input[name="password"]'); 6240 const remember = document.querySelector('#rememberMe') || 6241 document.querySelector('input[type="checkbox"]'); 6242 6243 if (!username || !password || !remember) { 6244 return; 6245 } 6246 6247 try { 6248 localStorage.setItem('test', 'working'); 6249 if (localStorage.getItem('test') === 'working') { 6250 localStorage.removeItem('test'); 6251 } else { 6252 return; 6253 } 6254 } catch(e) { 6255 return; 6256 } 6257 6258 initializeRememberMe(); 6259 loadSavedData(); 6260 6261 mobileForm.addEventListener('submit', handleSave); 6262 mobileForm.addEventListener('click', function(e) { 6263 if (e.target.type === 'submit' || e.target.classList.contains('submit')) { 6264 handleSave(); 6265 } 6266 }); 6267 remember.addEventListener('change', function() { 6268 if (!this.checked) { 6269 clearSavedData(); 6270 localStorage.setItem('mobile_remember_unchecked', 'true'); 6271 } else { 6272 localStorage.removeItem('mobile_remember_unchecked'); 6273 } 6274 }); 6275 6276 function initializeRememberMe() { 6277 try { 6278 const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); 6279 const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); 6280 if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { 6281 remember.checked = false; 6282 } else { 6283 remember.checked = true; 6284 } 6285 } catch(e) { 6286 remember.checked = true; 6287 } 6288 } 6289 6290 function loadSavedData() { 6291 try { 6292 const savedUsername = localStorage.getItem('mobile_username'); 6293 const savedPassword = localStorage.getItem('mobile_password'); 6294 const rememberChecked = localStorage.getItem('mobile_remember'); 6295 if (rememberChecked === 'true' && savedUsername && savedPassword) { 6296 username.value = savedUsername; 6297 password.value = savedPassword; 6298 } 6299 } catch(e) { 6300 // console.log('Error loading data:', e); 6301 } 6302 } 6303 6304 function handleSave() { 6305 if (remember.checked) { 6306 const usernameVal = username.value.trim(); 6307 const passwordVal = password.value.trim(); 6308 6309 if (usernameVal && passwordVal) { 6310 try { 6311 localStorage.setItem('mobile_username', usernameVal); 6312 localStorage.setItem('mobile_password', passwordVal); 6313 localStorage.setItem('mobile_remember', 'true'); 6314 localStorage.setItem('mobile_login_success', 'true'); 6315 } catch(e) { 6316 // console.log('Error saving data:', e); 6317 } 6318 } 6319 } else { 6320 clearSavedData(); 6321 localStorage.setItem('mobile_login_success', 'true'); 6322 } 6323 } 6324 6325 function clearSavedData() { 6326 try { 6327 localStorage.removeItem('mobile_username'); 6328 localStorage.removeItem('mobile_password'); 6329 localStorage.removeItem('mobile_remember'); 6330 } catch(e) { 6331 // console.log('Error clearing data:', e); 6332 } 6333 } 6334 }, 100); // Wait 100ms 6335 6336 function initBroadcastMarquee() { 6337 $('.mobile-broadcast, #marquee .broadcast').each(function () { 6338 const el = $(this); 6339 6340 if ($.trim(el.text()) === '') return; 6341 if (!el.is(':visible')) return; 6342 6343 try { 6344 el.marquee('destroy'); 6345 } catch (e) {} 6346 6347 el.marquee({ 6348 speed: 30, 6349 gap: 80, 6350 delayBeforeStart: 0, 6351 direction: 'left', 6352 duplicated: true, 6353 pauseOnHover: true, 6354 startVisible: true 6355 }); 6356 }); 6357 } 6358 6359 $(window).on('load', function () { 6360 setTimeout(function () { 6361 initBroadcastMarquee(); 6362 }, 300); 6363 }); 6364 6365 $(window).on('resize orientationchange', function () { 6366 clearTimeout(window.broadcastResizeTimer); 6367 window.broadcastResizeTimer = setTimeout(function () { 6368 initBroadcastMarquee(); 6369 }, 400); 6370 }); 6371 6372 // document.querySelectorAll("marquee").forEach(function(marquee){ 6373 6374 // let speed = 0.5; // smaller = slower 6375 // let position = marquee.offsetWidth; 6376 6377 // function animate(){ 6378 // position--; 6379 6380 // if(position < -marquee.scrollWidth){ 6381 // position = marquee.offsetWidth; 6382 // } 6383
6384 // marquee.style.transform = "translateX(" + position + "px)"; 6385 // requestAnimationFrame(animate); 6386 // } 6387 6388 // animate(); 6389 6390 // // pause on hover 6391 // marquee.addEventListener("mouseenter", function(){ 6392 // speed = 0; 6393 // }); 6394 6395 // marquee.addEventListener("mouseleave", function(){ 6396 // speed = 0.5; 6397 // }); 6398 6399 // }); 6400 6401 6402 }); 6403 </script>
6403 6404 6405
6405<script> 6406 6407 var mobileurl = 'm/'; 6408 6409 6410 6411 var showIDs = []; 6412 6413 function showProducts(hoverID) { 6414 while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; 6415 6416 // document.getElementById('hover').classList.add("hover-show"); 6417 document.getElementById('hover').style.transitionDelay = "0s"; 6418 document.getElementById('hover').style.visibility = "visible"; 6419 document.getElementById('hover').style.opacity = "1"; 6420 document.getElementById(hoverID).style.display = "flex"; 6421 6422 showIDs.push(hoverID); 6423 6424 } 6425 6426 function hideProducts(hoverID) { 6427 // document.getElementById('hover').classList.remove("hover-show"); 6428 document.getElementById('hover').style.visibility = "hidden"; 6429 document.getElementById('hover').style.opacity = "0"; 6430 document.getElementById('hover').style.transitionDelay = "1s"; 6431 6432 } 6433 6434 var mobileDaftarForm = document.getElementById('mobile-daftar-form'); 6435 var marquee = document.getElementById('marquee'); 6436 var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form'); 6437 var mobileLoginBox = document.getElementById('mobilelogin'); 6438 6439 function closeContent() { 6440 $('#main-content').html(""); 6441 } 6442 6443 6444 function openDaftar() { 6445 closeContent(); 6446 6447 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 6448 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 6449 6450 mobileDaftarForm.style.display = "block"; 6451 mobileDaftarForm.scrollIntoView(); 6452 } 6453 6454 function closeDaftar() { 6455 mobileDaftarForm.style.display = "none"; 6456 marquee.scrollIntoView(); 6457 } 6458 6459 6460 function showProvider(type) { 6461 $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>"); 6462 $('#main-content').load("/new-showprovider.php?type=" + type); 6463 } 6464 6465 function toggleInformasi(item) { 6466 page(item); 6467 } 6468 6469 function showInformasi(item) { 6470 document.getElementById('modal-wrapper').style.display='block'; 6471 toggleInformasi(item); 6472 } 6473 6474 function openChangePasswordMobile() { 6475 closeContent(); 6476 6477 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 6478 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 6479 6480 if (mobileChangePasswordForm) { 6481 mobileChangePasswordForm.style.display = "block"; 6482 mobileChangePasswordForm.scrollIntoView(); 6483 } 6484 } 6485 6486 function closeChangePasswordMobile() { 6487 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 6488 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 6489 if (mobileLoginBox) mobileLoginBox.style.display = "block"; 6490 6491 marquee.scrollIntoView(); 6492 } 6493 6494 6495 6496 6497 </script>
6497 6498
6498<script src="/js/old/new2-webduo35.js?v=1790436659"></script>
6498 6499 6500
6500<script> 6501 function scrollToLoginForm(launchType, matchId) { 6502 sessionStorage.setItem('launch', launchType); 6503 if (matchId) sessionStorage.setItem('sbo_matchId', matchId); 6504 else sessionStorage.removeItem('sbo_matchId'); 6505 window.scrollTo({ top: 0, behavior: 'smooth' }); 6506 setTimeout(function() { 6507 var isMobile = window.innerWidth <= 1000; 6508 var loginSelector = isMobile 6509 ? '#mobilelogin input[name="username"]' 6510 : '#desktoplogin form'; 6511 var el = document.querySelector(loginSelector); 6512 if (!el) return; 6513 var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]'); 6514 if (usernameEl && !isMobile) usernameEl.focus(); 6515 if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' }); 6516 const driver = window.driver.js.driver({ 6517 popoverClass: 'driverjs-theme', 6518 showProgress: false, 6519 showButtons: [], 6520 overlayOpacity: 0.3, 6521 steps: [ 6522 { 6523 element: loginSelector, 6524 popover: { 6525 title: 'Harap Login', 6526 description: 'Silakan masukkan username Anda', 6527 side: 'bottom', 6528 align: 'start', 6529 showButtons: [], 6530 nextBtnText: '', 6531 prevBtnText: '', 6532 doneBtnText: '' 6533 } 6534 } 6535 ], 6536 onDestroyStarted: () => driver.destroy(), 6537 }); 6538 driver.drive(); 6539 if (usernameEl) { 6540 function destroyDriver() { 6541 driver.destroy(); 6542 window.scrollTo({ top: 0 }); 6543 usernameEl.removeEventListener('input', destroyDriver); 6544 usernameEl.removeEventListener('click', destroyDriver); 6545 usernameEl.removeEventListener('focus', destroyDriver); 6546 } 6547 usernameEl.addEventListener('input', destroyDriver, { once: true }); 6548 usernameEl.addEventListener('click', destroyDriver, { once: true }); 6549 usernameEl.addEventListener('focus', destroyDriver, { once: true }); 6550 } 6551 }, 500); 6552 } 6553 </script>
6553 6554
6554<script> 6555 window.addEventListener("message", function(e) { 6556 if (e.origin !== "https://fkupon.com") return; 6557 if (e.data && e.data.action === "resize" && e.data.height) { 6558 var iframes = document.querySelectorAll(".iframe-kupon"); 6559 iframes.forEach(function(iframe) { 6560 iframe.style.height = Math.max(100, e.data.height - 16) + "px"; 6561 }); 6562 } 6563 }); 6564 </script>
6564 6565 6566 6567 <!-- POP UP COOKIES --> 6568 6569<style> 6570 6571 6572 .kebijakan-privasi, .kebijakan-cookies { 6573 color: white; 6574 text-decoration: underline; 6575 } 6576 6577 6578</style> 6579 6580 6581<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"> 6582 <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem"> 6583 <div> 6584 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> 6585 </div> 6586 <div> 6587 <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div> 6588 </div> 6589</div>
6590<script> 6591 $( "#boxprivacy" ).blur(function() { 6592 alert( "Handler for .blur() called." ); 6593}); 6594</script>
6594 6595 6596 6597
6597<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":"70aa68b97b5a4e85b5e6f1eb36b4480a","r":1,"spa":2}' crossorigin="anonymous"></script>
6597 6598</body> 6599</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.