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