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