1 2<!DOCTYPE html> 3<html> 4 5 6<meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 7<head> 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 9 <title>OWLTOTO - Akses Utama Terupdate dan Mudah Diakses</title> 10 11 <meta name="viewport" content="width=1200, initial-scale=1"> 12 13 <link href="/npm/bootstrap%405.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> 14 <link rel="stylesheet" href="/npm/bootstrap-icons%401.10.3/font/bootstrap-icons.css"> 15 <link rel="stylesheet" href="style.html" > 16 17 <!--<link rel="stylesheet" href="/css/old/template/PP.css">--> 18 <link rel="stylesheet" href="css/old/template/PP.css"> 19 <link rel="stylesheet" href="css/old/variable.css"> 20 21 <link rel="stylesheet" href="css/old/dark.css"> 22 23 <link rel="stylesheet" href="css/old/new2-style87df.css?1779692736"> 24 <link rel="stylesheet" href="/assets/icomoon/style.css"> 25 <link rel="icon" type="image/png" href="favicon.png"> 26 27 <!-- Driver.js start --> 28 <link rel="stylesheet" href="/npm/driver.js%401.3.1/dist/driver.css"/> 29
29<script src="/npm/driver.js%401.3.1/dist/driver.js.iife.js"></script>
29 30 <style> 31 @media (max-width: 768px) { 32 .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; } 33 .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; } 34 .driver-popover-description { font-size: 12px !important; } 35 } 36 </style> 37 <!-- Driver.js end --> 38 39
39<script src="js/old/jquery-3.6.4.min.js"></script>
39 40
40<script src="js/old/jquery.marquee.min.js"></script>
40 41 42 <!-- RECAPTCHA --> 43 44 <meta name="description" content="OWLTOTO menyediakan akses utama terupdate untuk Anda. Nikmati kemudahan masuk ke situs resmi yang cepat, aman, dan bebas hambatan setiap hari."> 45<meta name="google-site-verification" content="c979x93uO3vbIV3emOuLDBX-dda685C2b7LiY-2yy78" /> 46<meta name="google-site-verification" content="CNDO6UEEbjzGSWiy0YOkBhdYvlh2KnxhCdkqJWC8FNU" /> 47<link rel="canonical" href="https://britectangguhindonesia.com/" /> 48<meta name="referrer" content="strict-origin-when-cross-origin"> 49<meta name="format-detection" content="telephone=no"> 50<meta name="theme-color" content="#6efe01"> 51<meta property="og:locale" content="id_ID"> 52<meta property="og:type" content="website"> 53<meta property="og:site_name" content="OWLTOTO"> 54<meta property="og:title" content="OWLTOTO - Akses Utama Terupdate dan Mudah Diakses"> 55<meta property="og:description" content="OWLTOTO menyediakan akses utama terupdate untuk Anda. Nikmati kemudahan masuk ke situs resmi yang cepat, aman, dan bebas hambatan setiap hari."> 56<meta property="og:image" content="https://britectangguhindonesia.com/images/upload-Slides-20251217234046.jpg"> 57<meta name="keywords" content="owltoto , link owltoto, owl toto."> 58<meta property="og:image:width" content="600"> 59<meta property="og:image:height" content="280"> 60<meta property="og:image:alt" content="OWLTOTO - Game Online"> 61<link rel="amphtml" href="https://britectangguhindonesia.com/" /> 62<meta name="twitter:card" content="summary_large_image"> 63<meta name="twitter:title" content="OWLTOTO - Akses Utama Terupdate dan Mudah Diakses"> 64<meta name="twitter:description" content="OWLTOTO menyediakan akses utama terupdate untuk Anda. Nikmati kemudahan masuk ke situs resmi yang cepat, aman, dan bebas hambatan setiap hari."> 65<meta name="twitter:image" content="https://britectangguhindonesia.com/images/upload-Slides-20251217234046.jpg"> 66<link rel="icon" href="favicon.png" sizes="any"> 67
68<script type="application/ld+json"> 69{ 70 "@context": "https://schema.org", 71 "@type": "Organization", 72 "name": "OWLTOTO", 73 "url": "https://britectangguhindonesia.com/", 74 "logo": "https://britectangguhindonesia.com/images/logoweb.png" 75} 76</script>
76 77
78<script type="application/ld+json"> 79{ 80 "@context": "https://schema.org", 81 "@type": "WebSite", 82 "name": "OWLTOTO", 83 "url": "https://britectangguhindonesia.com/", 84 "inLanguage": "id", 85 "description": "OWLTOTO menyediakan akses utama terupdate untuk Anda. Nikmati kemudahan masuk ke situs resmi yang cepat, aman, dan bebas hambatan setiap hari." 86} 87</script>
87 88 <style> 89 90 .wrapper { 91 display: grid; 92 grid-template-columns: 1fr; 93 grid-template-areas: 94 "marquee" 95 "header" 96 "devider" 97 "contentdata" 98 "togel-desktop" 99 "widget-kupon" 100 "widget-sbo" 101 "provider" 102 "transaksi" 103 "guidelines" 104 "bantuan" 105 "footer" 106 } 107 108 .widget-kupon { 109 grid-area: widget-kupon; 110 padding-top: 20px; 111 background: var(--footer-background); 112 display: flex; 113 align-items: center; 114 position: relative; 115 } 116 117 .widget-sbo { 118 grid-area: widget-sbo; 119 padding-top: 20px; 120 display: flex; 121 align-items: center; 122 position: relative; 123 } 124 125 .iframe-kupon { 126 width: 1000px; 127 height: 200px; 128 display: block; 129 vertical-align: bottom; 130 } 131 132 .login-input-field { 133 font-size: 1rem; 134 } 135 136 .btn-aduan { 137 background: linear-gradient(60deg, #b08432, #cfbe87, #b08432); 138 -webkit-background-clip: text; 139 -webkit-text-fill-color: transparent; 140 background-size: 300% 300%; 141 animation: gradient 2s ease infinite; 142 } 143 144 .transaksi-title { 145 place-items: start; 146 } 147 148 .btn-tele { 149 font-size: 1.2rem; 150 text-shadow: 1px 1px #000000; 151 height: 36px!important; 152 border-radius: 8px; 153 background: #28323C; 154 color: white; 155 } 156 157 #marquee-mobile { 158 width: 100%; 159 overflow: hidden; 160 } 161 162 #marquee-mobile .marquee-content { 163 display: flex; 164 align-items: center; 165 width: 100%; 166 overflow: hidden; 167 } 168 169 #marquee-mobile .running { 170 position: relative; 171 flex: 1 1 auto; 172 min-width: 0; 173 overflow: hidden; 174 } 175 176 #marquee-mobile .broadcast { 177 display: inline-block; 178 white-space: nowrap; 179 } 180 181 #marquee { 182 overflow: hidden; 183 } 184 185 #marquee .running { 186 overflow: hidden; 187 } 188 189 #marquee .broadcast { 190 white-space: nowrap; 191 } 192 193 body { 194 overflow-x: hidden; 195 } 196 197 198 @media only screen and (max-width: 1000px) { 199 200 .wrapper { 201 display: grid; 202 grid-template-columns: 1fr; 203 grid-template-areas: 204 "appbar" 205 "marquee" 206 "header" 207 "contentdata" 208 "togel-mobile" 209 "widget-kupon" 210 "widget-sbo" 211 "devider" 212 "provider" 213 "transaksi" 214 "bantuan" 215 "footer" 216 "guidelines"; 217 } 218 219 .widget-kupon { 220 margin: 0px 20px; 221 } 222 223 224 225 .iframe-kupon { 226 padding: 0px; 227 height: 262px; 228 width: 100%; 229 display: block; 230 vertical-align: bottom; 231 } 232 233 .transaksi-title { 234 place-items: center; 235 } 236 237 .login-input-field { 238 font-size: 1.2rem; 239 } 240 } 241 242 .grecaptcha-badge { 243 display: none !important; 244 } 245 246 </style> 247 248 </head> 249 250 251 252 <body id="desktop"> 253 254 255<div id="hover" class="hover desktop-only"> 256 257 <div id="hover-togel" class="hover-menu"> 258 <a href="register.html" class="hover-item"> 259 <figure><img src="/assets/icon-togel1.png" alt="PAY4D"></figure>
260 <figcaption>TOGEL</figcaption> 261 </a> 262 263 <a href="register.html" class="hover-item"> 264 <figure><img src="/assets/icon-kupon1.png" alt="PAY4D"></figure> 265 <figcaption>KUPON</figcaption> 266 </a> 267 </div> 268 269 <div id="hover-slot" class="hover-menu"> 270 <a href="slot/pp.html" class="hover-item"> 271 <figure><img src="/assets/slot-prag.png" alt="PRAGMATIC PLAY"></figure> 272 <figcaption>PRAGMATIC PLAY</figcaption> 273 </a> 274 275 <a href="slot/pg.html" class="hover-item"> 276 <figure><img src="/assets/slot-pg.png" alt="PG SOFT"></figure> 277 <figcaption>PG SOFT</figcaption> 278 </a> 279 280 <a href="slot/jl.html" class="hover-item"> 281 <figure><img src="/assets/slot-jl.png" alt="JILI"></figure> 282 <figcaption>JILI</figcaption> 283 </a> 284 285 <a href="slot/mgw.html" class="hover-item"> 286 <figure><img src="/assets/slot-mgw.png" alt="MEGAWIN"></figure> 287 <figcaption>MEGAWIN</figcaption> 288 </a> 289 290 <a href="slot/sdl.html" class="hover-item"> 291 <figure><img src="/assets/slot-sdl.png" alt="SHADY LADY"></figure> 292 <figcaption>SHADY LADY</figcaption> 293 </a> 294 295 <a href="slot/hb.html" class="hover-item"> 296 <figure><img src="/assets/slot-hab.png" alt="HABANERO"></figure> 297 <figcaption>HABANERO</figcaption> 298 </a> 299 300 <a href="slot/sg.html" class="hover-item"> 301 <figure><img src="/assets/slot-spad.png" alt="SPADEGAMING"></figure> 302 <figcaption>SPADEGAMING</figcaption> 303 </a> 304 305 <a href="slot/nlc.html" class="hover-item"> 306 <figure><img src="/assets/slot-nlc.png" alt="NOLIMIT CITY"></figure> 307 <figcaption>NOLIMIT CITY</figcaption> 308 </a> 309 310 <a href="slot/fs.html" class="hover-item"> 311 <figure><img src="/assets/slot-fs.png" alt="FASTSPIN"></figure> 312 <figcaption>FASTSPIN</figcaption> 313 </a> 314 315 <a href="slot/jg.html" class="hover-item"> 316 <figure><img src="/assets/slot-jok.png" alt="JOKER"></figure> 317 <figcaption>JOKER</figcaption> 318 </a> 319 320 <a href="slot/mg.html" class="hover-item"> 321 <figure><img src="/assets/slot-mg.png" alt="MICROGAMING"></figure> 322 <figcaption>MICROGAMING</figcaption> 323 </a> 324 325 <a href="slot/fgs.html" class="hover-item"> 326 <figure><img src="/assets/slot-fgs.png" alt="5G GAMES"></figure> 327 <figcaption>5G GAMES</figcaption> 328 </a> 329 330 <a href="slot/hks.html" class="hover-item"> 331 <figure><img src="/assets/slot-hks.png" alt="HACKSHAW GAMING"></figure> 332 <figcaption>HACKSAW GAMING</figcaption> 333 </a> 334 335 <a href="slot/nxt.html" class="hover-item"> 336 <figure><img src="/assets/slot-nxt.png" alt="NEXTSPIN"></figure> 337 <figcaption>NEXTSPIN</figcaption> 338 </a> 339 340 <a href="slot/ps.html" class="hover-item"> 341 <figure><img src="/assets/slot-ps.png" alt="PLAYSTAR"></figure> 342 <figcaption>PLAYSTAR</figcaption> 343 </a> 344 345 <a href="slot/pt.html" class="hover-item"> 346 <figure><img src="/assets/slot-pt.png" alt="PLAYTECH"></figure> 347 <figcaption>PLAYTECH</figcaption> 348 </a> 349 350 <a href="slot/av.html" class="hover-item"> 351 <figure><img src="/assets/slot-av.png" alt="ADVANT PLAY"></figure> 352 <figcaption>ADVANT PLAY</figcaption> 353 </a> 354 355 <a href="slot/cmp.html" class="hover-item"> 356 <figure><img src="/assets/slot-cmp.png" alt="COSMOPLAY"></figure> 357 <figcaption>COSMOPLAY</figcaption> 358 </a> 359 360 <a href="slot/cq9.html" class="hover-item"> 361 <figure><img src="/assets/slot-cq9.png" alt="CQ9"></figure> 362 <figcaption>CQ9</figcaption> 363 </a> 364 365 <a href="slot/wow.html" class="hover-item"> 366 <figure><img src="/assets/slot-wow.png" alt="WOW GAMING"></figure> 367 <figcaption>WOW GAMING</figcaption> 368 </a> 369 370 <a href="slot/l22.html" class="hover-item"> 371 <figure><img src="/assets/slot-l22.png" alt="LIVE22"></figure>
372 <figcaption>LIVE22</figcaption> 373 </a> 374 375 <a href="slot/ss.html" class="hover-item"> 376 <figure><img src="/assets/slot-sbo.png" alt="SBO SLOT"></figure> 377 <figcaption>SBO SLOT</figcaption> 378 </a> 379 380 <!-- <a href="/slot/nte" class="hover-item"> 381 <figure><img src="https://britectangguhindonesia.com//slot-nte.png" alt="NETENT"></figure> 382 <figcaption>NETENT</figcaption> 383 </a> --> 384 385 <!-- <a href="/slot/ttg" class="hover-item"> 386 <figure><img src="https://britectangguhindonesia.com//slot-ttg.png" alt="TOPTREND GAMING"></figure> 387 <figcaption>TOPTREND GAMING</figcaption> 388 </a> --> 389 </div> 390 391 <div id="hover-live" class="hover-menu" > 392 <a href="casino/pplc.html" class="hover-item"> 393 <figure><img src="/assets/live-pp.png" alt="PRAGMATIC PLAY"></figure> 394 <figcaption>PRAGMATIC PLAY</figcaption> 395 </a> 396 397 <a href="casino/evo.html" class="hover-item"> 398 <figure><img src="/assets/live-evo.png" alt="EVOLUTION"></figure> 399 <figcaption>EVOLUTION</figcaption> 400 </a> 401 402 <a href="casino/mglc.html" class="hover-item"> 403 <figure><img src="/assets/live-mg.png" alt="MICROGAMING"></figure> 404 <figcaption>MICROGAMING</figcaption> 405 </a> 406 407 <a href="casino/ion.html" class="hover-item"> 408 <figure><img src="/assets/live-ion.png" alt="ION CASINO"></figure> 409 <figcaption>ION CASINO</figcaption> 410 </a> 411 412 <a href="casino/sx.html" class="hover-item"> 413 <figure><img src="/assets/live-sg.png" alt="SEXY GAMING"></figure> 414 <figcaption>SEXY GAMING</figcaption> 415 </a> 416 417 <a href="casino/sa.html" class="hover-item"> 418 <figure><img src="/assets/live-sagaming.png" alt="SA GAMING"></figure> 419 <figcaption>SA GAMING</figcaption> 420 </a> 421 422 <a href="casino/ab.html" class="hover-item"> 423 <figure><img src="/assets/live-all.png" alt="ALLBET"></figure> 424 <figcaption>ALLBET</figcaption> 425 </a> 426 427 <a href="casino/ptlc.html" class="hover-item"> 428 <figure><img src="/assets/live-pt.png" alt="PLAYTECH LIVE"></figure> 429 <figcaption>PLAYTECH LIVE</figcaption> 430 </a> 431 432 <!-- <a href="/casino/gmnl" class="hover-item"> 433 <figure><img src="https://britectangguhindonesia.com//live-gmnl.png" alt="GEMINI LIVE"></figure> 434 <figcaption>GEMINI LIVE</figcaption> 435 </a> --> 436 437 <a href="casino/og.html" class="hover-item"> 438 <figure><img src="/assets/live-opus.png" alt="OPUS PLUS"></figure> 439 <figcaption>OPUS PLUS</figcaption> 440 </a> 441 442 <a href="casino/sbol.html" class="hover-item"> 443 <figure><img src="/assets/live-sbo.png" alt="SBOBET CASINO"></figure> 444 <figcaption>SBOBET CASINO</figcaption> 445 </a> 446 </div> 447 448 <div id="hover-sport" class="hover-menu"> 449 <a href="register.html" class="hover-item"> 450 <figure><img src="/assets/sport-saba.png" alt="SABA"></figure> 451 <figcaption>SABA</figcaption> 452 </a> 453 454 <a href="register.html" class="hover-item"> 455 <figure><img src="/assets/sport-sbo.png" alt="SBOBET"></figure> 456 <figcaption>SBOBET</figcaption> 457 </a> 458 459 <a href="register.html" class="hover-item"> 460 <figure><img src="/assets/sport-cmd.png" alt="CMD368"></figure> 461 <figcaption>CMD368</figcaption> 462 </a> 463 464 <!-- <a href="/register" class="hover-item"> 465 <figure><img src="https://britectangguhindonesia.com//sport-pin.png" alt="PINNACLE"></figure> 466 <figcaption>PINNACLE</figcaption> 467 </a> --> 468 469 <a href="register.html" class="hover-item"> 470 <figure><img src="/assets/sport-tf.png" alt="TFGAMING"></figure> 471 <figcaption>TFGAMING</figcaption> 472 </a> 473 </div> 474 475 <div id="hover-fishing" class="hover-menu"> 476 <a href="arcade/jl.html" class="hover-item"> 477 <figure><img src="/assets/fish-jl.png" alt="JILI"></figure>
478 <figcaption>JILI</figcaption> 479 </a> 480 481 <a href="arcade/sg.html" class="hover-item"> 482 <figure><img src="/assets/fish-sg.png" alt="SPADE GAMING"></figure> 483 <figcaption>SPADE GAMING</figcaption> 484 </a> 485 486 <a href="arcade/fs.html" class="hover-item"> 487 <figure><img src="/assets/fish-fs.png" alt="FASTSPIN"></figure> 488 <figcaption>FASTSPIN</figcaption> 489 </a> 490 491 <!-- <a href="/arcade/ps" class="hover-item"> 492 <figure><img src="https://britectangguhindonesia.com//fish-ps.png" alt="PLAYSTAR"></figure> 493 <figcaption>PLAYSTAR</figcaption> 494 </a> 495 496 <a href="/arcade/l22" class="hover-item"> 497 <figure><img src="https://britectangguhindonesia.com//fish-l22.png" alt="LIVE22"></figure> 498 <figcaption>LIVE22</figcaption> 499 </a> --> 500 501 </div> 502 503 <div id="hover-sabung" class="hover-menu"> 504 <a href="sabung/ws.html" class="hover-item"> 505 <figure><img src="/assets/sabung-ws.png" alt="WS168"></figure> 506 <figcaption>WS168</figcaption> 507 </a> 508 509 <a href="sabung/sv.html" class="hover-item"> 510 <figure><img src="/assets/sabung-sv.png" alt="SV388"></figure> 511 <figcaption>SV388</figcaption> 512 </a> 513 </div> 514 515 <div id="hover-interactive" class="hover-menu"> 516 <a href="interactive/pp.html" class="hover-item"> 517 <figure><img src="/assets/interactive-pp.png" alt="PRAGMATIC PLAY"></figure> 518 <figcaption>PRAGMATIC PLAY</figcaption> 519 </a> 520 521 <a href="interactive/gmn.html" class="hover-item"> 522 <figure><img src="/assets/interactive-gmn.png" alt="GEMINI"></figure> 523 <figcaption>GEMINI</figcaption> 524 </a> 525 526 <a href="interactive/jl.html" class="hover-item"> 527 <figure><img src="/assets/interactive-jl.png" alt="JILI"></figure> 528 <figcaption>JILI</figcaption> 529 </a> 530 531 <a href="interactive/jg.html" class="hover-item"> 532 <figure><img src="/assets/interactive-jok.png" alt="JOKER"></figure> 533 <figcaption>JOKER</figcaption> 534 </a> 535 536 <a href="interactive/mg.html" class="hover-item"> 537 <figure><img src="/assets/interactive-mg.png" alt="MICROGAMING"></figure> 538 <figcaption>MICRO GAMING</figcaption> 539 </a> 540 541 <a href="interactive/hks.html" class="hover-item"> 542 <figure><img src="/assets/interactive-hks.png" alt="HACKSHAW GAMING"></figure> 543 <figcaption>HACKSAW GAMING</figcaption> 544 </a> 545 546 <a href="interactive/pt.html" class="hover-item"> 547 <figure><img src="/assets/interactive-pt.png" alt="PLAYTECH"></figure> 548 <figcaption>PLAYTECH</figcaption> 549 </a> 550 551 <a href="interactive/wow.html" class="hover-item"> 552 <figure><img src="/assets/interactive-wow.png" alt="WOW GAMING"></figure> 553 <figcaption>WOW GAMING</figcaption> 554 </a> 555 556 <!-- <a href="/interactive/ps" class="hover-item"> 557 <figure><img src="https://britectangguhindonesia.com//interactive-ps.png" alt="PLAYSTAR"></figure> 558 <figcaption>PLAYSTAR</figcaption> 559 </a> --> 560 </div> 561 562 563 564</div> 565<style> 566 .my-navbar { 567 height: 44px; 568 padding: 0px; 569 width: 100%; 570 background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 571 position: fixed; 572 bottom: 0; 573 color: white; 574 z-index: 1100; 575 display: flex; 576 box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75); 577 } 578 579 .navbar-item { 580 height: 100%; 581 width: 100%; 582 display: flex; 583 flex-direction: column; 584 align-items: center; 585 justify-content: center; 586 } 587 588 .navbar-item-content { 589 display: flex; 590 flex-direction: column; 591 justify-content: center; 592 align-items: center; 593 position: absolute; 594 top: -16px 595 } 596 597 .navbar-item-content>i { 598 font-size: 20px; 599 line-height: 22px; 600 color: white; 601 padding-bottom: 4px; 602 } 603 604 .navbar-item-content>img { 605 height: 28px; 606 width: 28px; 607 } 608 609 .navbar-item-content>label { 610 white-space: nowrap; 611 margin-top: 4px; 612 font-weight: bold; 613 font-size: var(--text-size-default); 614 color: white 615 } 616 617 .speed-dial-item { 618 opacity: 0; 619 visibility: hidden; 620 transform: translateY(10px); 621 transition: opacity 0.3s ease, transform 0.3s ease; 622 } 623 624 .speed-dial-active .speed-dial-item { 625 opacity: 1; 626 visibility: visible; 627 transform: translateY(0); 628 } 629 630 /* Delay each itemâs appearance */ 631 .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; } 632 .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; } 633 .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; } 634 .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; } 635 .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; } 636 637 638</style> 639 640 641<div class="mobile-only" > 642 <div class="my-navbar"> 643 <a href="index.html" class="navbar-item" style="position: relative"> 644 <div class="navbar-item-content"> 645 <img src="/assets/beranda.png"/> 646 <label>BERANDA</label> 647 </div> 648 </a> 649 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 650 <a href="m/promosi.html" class="navbar-item"> 651 <div class="navbar-item-content"> 652 <img src="/assets/promosi.png"/> 653 <label>PROMOSI</label> 654 </div> 655 </a> 656 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 657 <a href="m/event.html" class="navbar-item"> 658 <div class="navbar-item-content"> 659 <img src="/assets/events.png"/> 660 <label>EVENT</label> 661 </div> 662 </a> 663 664 665 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 666 <div class="navbar-item"> 667 <div class="navbar-item-content speed-dial-btn"> 668 <img src="/assets/chat.png"/> 669 <label>CHAT</label> 670 </div> 671 672 673 <a href="#"></a><a id="ab-dummy" href="#" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -48px; height: 40px; width: 40px"> 674 <img src="/assets/whatsapp.png" style="width: 100%; height: 100%"/> 675 </a> 676 677 678 <a href="" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -96px; height: 40px; width: 40px"> 679 <img src="/assets/facebook.png" style="width: 100%; height: 100%"/> 680 </a> 681 682 683 <a href="" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -144px; height: 40px; width: 40px"> 684 <img src="/assets/whatsapp.png" style="width: 100%; height: 100%"/> 685 </a> 686 687 688 </div> 689 690 691 692 693 694 695 696 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 697 <a href="https://secure.livechatinc.com/licence/12398997/open_chat.cgi" target="_blank" class="navbar-item"> 698 <div class="navbar-item-content">
699 <img src="/assets/livechat.png"/> 700 <label>LIVECHAT</label> 701 </div> 702 </a> 703 704 </div> 705</div> 706
707<script> 708 document.addEventListener("DOMContentLoaded", function () { 709 const speedDialBtn = document.querySelector(".speed-dial-btn"); 710 const speedDialItems = document.querySelectorAll(".speed-dial-item"); 711 let isOpen = false; 712 713 speedDialBtn.addEventListener("click", function () { 714 isOpen = !isOpen; 715 716 speedDialItems.forEach((item, index) => { 717 if (isOpen) { 718 item.style.opacity = "1"; 719 item.style.visibility = "visible"; 720 item.style.transform = "translateY(0)"; 721 item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect 722 } else { 723 item.style.opacity = "0"; 724 item.style.visibility = "hidden"; 725 item.style.transform = "translateY(10px)"; 726 item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger 727 } 728 }); 729 }); 730}); 731</script>
731 732 733 734 <div id="top" class="wrapper"> 735 736 737 738 <header class="header"> 739 <div class="header-content"> 740 <div class="logo" href="index.html"> 741 <a href='index.html'><img src="images/logoweb.png" class='logoimg' alt=""></a> 742 </div> 743 744 <div id="marquee-mobile" class="marquee mobile-only"> 745 <div class="marquee-content"> 746 <div class="d-flex align-items-center gap-2 flex-shrink-0"> 747 <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i> 748 </div> 749 750 <div class="running"> 751 <div class="marquee-shadow"></div> 752 <div class="broadcast mobile-broadcast">SITUS TOGEL SLOT ONLINE OWLTOTO.VIP INFO BANK : BCA - ONLINE l MANDIRI - ONLINE l BRI - ONLINE l BNI -ONLINE l DANA l OVO - PULSA READY</div> 753 </div> 754 755 <div class="d-flex align-items-center gap-2 flex-shrink-0"></div> 756 </div> 757 </div> 758 759 <div class="mslider mobile-only"> 760 </div> 761 762 <div class="login mobile-only"> 763 <div id="mobilelogin" class="mobile-only" style="width: 100%"> 764 <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form"> 765 <div id="msgbox" style="font-size: 1rem; width: 100%"></div> 766 <div class="input-group login-field"> 767 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 768 <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username"> 769 </div> 770 <div class="input-group login-field"> 771 <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> 772 <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password"> 773 </div> 774 775 <!-- captcha --> 776 777 <div id="mverifikasiform" class="w-100" style=" "> 778 779 <span id="verifikasi"><img src="m/capimg6a58.png?1366" width="100%" height="36" style="border-radius: 5px;"></span> 780 <div class="input-group login-field mt-1"> 781 <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> 782 <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi"> 783 </div> 784 </div> 785 786 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 787 788 <!-- end captcha --> 789 790 <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;"> 791 <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me 792 </label> 793 794 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 795 <button type="button" class="btn btn-daftar bt
795n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button> 796 797 <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button> 798 799 800 <input type="hidden" name="task" value="login"> 801 <input type="hidden" name="iscaptchalogin" value="1"> 802 <input type="hidden" name="loginmobile" value="uGZU0n7FPMLqF5VVnPq+HNE7L1muxri2RCs4uaZH5f8="> 803 </form> 804 </div> 805 806 <!-- recaptcha --> 807 <!-- end recaptcha --> 808 809 <!-- Change Password Mobile --> 810 <div id="mobile-changepassword-form" style="width: 100%; display: none"> 811 <div id="mobilechangepassword"> 812 <form id="formChangePasswordMobile" class="login-form p-0 pt-4"> 813 <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div> 814 <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"> 815 <span>GANTI PASSWORD</span> 816 <span style="font-size: 1rem; color: #333;" id="mobile-username-display"> 817 </span> 818 </div> 819 820 <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;"> 821 â ï¸ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat. 822 </div> 823 824 <!-- <div class="input-group login-field"> 825 <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> 826 <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama"> 827 </div> 828 <div class="error-msg" id="err_old_password_mobile"></div> --> 829 830 <div class="input-group login-field"> 831 <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> 832 <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)"> 833 </div> 834 <div class="error-msg" id="err_new_password_mobile"></div> 835 836 <div class="input-group login-field"> 837 <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> 838 <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru"> 839 </div> 840 <div class="error-msg" id="err_confirm_password_mobile"></div> 841 842 <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;"> 843 <strong style="color: #856404;">Persyaratan Password:</strong> 844 <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;"> 845 <li>Minimal 6 karakter</li> 846 <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li> 847 <!-- <li>Harus mengandung angka (0-9)</li> --> 848 <!-- <li>Tidak boleh mengandung username Anda</li> --> 849 <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li> 850 <li>Hindari password yang mudah ditebak</li> 851 </ul> 852 </div> 853 854 <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button> 855 <input type="hidden" name="task" value="change_password"> 856 </form> 857 </div> 858 859
859<script> 860 $(document).ready(function(){ 861 $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() { 862 var newPass = $('#cp_new_password_mobile').val(); 863 var confirmPass = $('#cp_confirm_password_mobile').val(); 864 var currentField = $(this); 865 866 $('#cp_new_password_mobile').removeClass('error-border valid-border'); 867 $('#cp_confirm_password_mobile').removeClass('error-border valid-border'); 868 $('#err_new_password_mobile').hide(); 869 $('#err_confirm_password_mobile').hide(); 870 871 if (newPass.length > 0 && confirmPass.length > 0) { 872 if (newPass === confirmPass) { 873 $('#cp_new_password_mobile').addClass('valid-border'); 874 $('#cp_confirm_password_mobile').addClass('valid-border'); 875 } else { 876 $('#cp_new_password_mobile').addClass('error-border'); 877 $('#cp_confirm_password_mobile').addClass('error-border'); 878 if (currentField.attr('id') === 'cp_new_password_mobile') { 879 $('#err_new_password_mobile').text('Password tidak sama').show(); 880 } else { 881 $('#err_confirm_password_mobile').text('Password tidak sama').show(); 882 } 883 } 884 } 885 }); 886 }); 887 </script>
887 888 </div> 889 890 <!-- Register Mobile --> 891 <style> 892 .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } 893 .error-border { border-color: red !important; } 894 .valid-border { border-color: green !important; } 895 </style> 896 <div id="mobile-daftar-form" style="width: 100%; display: none"> 897 <div id="mobileregister"> 898 <form id="formRegister" class="login-form p-0 pt-4"> 899 <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div> 900 <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> 901 <div class="input-group login-field"> 902 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 903 <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"> 904 </div> 905 <div class="error-msg" id="err_username"></div> 906 <div class="input-group login-field"> 907 <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> 908 <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> 909 </div> 910 <div class="error-msg" id="err_password"></div> 911 <div class="input-group login-field"> 912 <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> 913 <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi"> 914 </div> 915 <div class="error-msg" id="err_passcon"></div> 916 <div class="input-group login-field"> 917 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span> 918 <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email"> 919 </div> 920 <div class="error-msg" id="err_email"></div> 921 <div class="input-group login-field"> 922 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span> 923 <input type="text" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> 924 </div> 925 <div class="error-msg" id="err_telpon"></div> 926 927 <div class="input-group login-field"> 928 <select class="form-select login-input-field" name="bank" id="reg_bank"> 929 <option value="">Pilih Bank</option> 930 <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>
930GOPAY</option><option value='LinkAja'>LinkAja</option> </select> 931 </div> 932 <div class="error-msg" id="err_bank"></div> 933 934 <div class="input-group login-field"> 935 <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> 936 <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening"> 937 </div> 938 <div class="error-msg" id="err_rek"></div> 939 <div class="input-group login-field"> 940 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span> 941 <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening"> 942 </div> 943 <div class="error-msg" id="err_nama"></div> 944 <div class="input-group login-field"> 945 <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> 946 <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" > 947 </div> 948 <div class="error-msg" id="err_ref"></div> 949 <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun"> 950 <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> --> 951 952 953 <div class="w-100 my-1"> 954 <div id="capverifikasi"> 955 <img src="m/capreg.png" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px"> 956 </div> 957 958 <div class="input-group login-field mt-1"> 959 <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> 960 <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off"> 961 </div> 962 <div class="error-msg" id="err_verifikasi"></div> 963 964 </div> 965 966 967 <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button> 968 <input type="hidden" name="task" value="register"> 969 <input type="hidden" name="regmobile" value="NvhZwOyQpql287Y50COZHnTvKsr78SHs5FJ49mXR4k8="> 970 <input type="hidden" name="iscaptcharegister" value="1"> 971 <input type="hidden" name="isrecaptcha" value="
9710"> 972 <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> 973 </form> 974 </div> 975
975<script> 976 const WEBNAME = 'OwlToto'; 977 const USE_STRONG_VALIDATION = false; 978 (function(){ 979 function root(){ return document.getElementById('mobileregister'); } 980 function q(id){ return root()?.querySelector('#'+id) || null; } 981 function qe(sel){ return root()?.querySelector(sel) || null; } 982 983 function showError(field,msg){ 984 const err = qe('#err_'+field); 985 const inp = q('reg_'+field); 986 if (err){ err.textContent = msg; err.style.display = 'block'; } 987 if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } 988 } 989 function clearError(field){ 990 const err = qe('#err_'+field); 991 const inp = q('reg_'+field); 992 if (err) err.style.display = 'none'; 993 if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } 994 } 995 996 function checkPasswordStrengthJS(username, password) { 997 const min_length = 6; 998 const length = password.length; 999 if (length < min_length) { 1000 return "Password harus minimal " + min_length + " karakter"; 1001 } 1002 const hasLower = /[a-z]/.test(password); 1003 const hasUpper = /[A-Z]/.test(password); 1004 if (!(hasLower && hasUpper)) { 1005 return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka."; 1006 } 1007 if (!/[0-9]/.test(password)) { 1008 return "Password harus mengandung angka"; 1009 } 1010 if (username && password.toLowerCase().includes(username.toLowerCase())) { 1011 return "Password tidak boleh mengandung username"; 1012 } 1013 const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/; 1014 if (numSeq.test(password)) { 1015 return "Password tidak boleh mengandung angka berurutan"; 1016 } 1017 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|" 1018 + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|" 1019 + "qwert|werty|asdf|zxcv|uiop|hjkl)"; 1020 const letterSequences = new RegExp(letterSeqStr, "i"); 1021 if (letterSequences.test(password)) { 1022 return "Password tidak boleh mengandung huruf berurutan"; 1023 } 1024 return null; 1025 } 1026 1027 function vUsername(){ 1028 const v = (q('reg_username')?.value || '').trim(); 1029 if (!v) return showError('username','Username tidak boleh kosong'), false; 1030 if (v.length < 6) return showError('username','Username minimal 6 karakter'), false; 1031 if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false; 1032 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; 1033 clearError('username'); return true; 1034 } 1035 function vPass(){ 1036 const v = q('reg_pass')?.value || ''; 1037 if(!v) { 1038 showError('password','Password tidak boleh kosong'); 1039 return false;
1040 } 1041 if (USE_STRONG_VALIDATION) { 1042 const username = (q('reg_username')?.value || '').trim(); 1043 const err = checkPasswordStrengthJS(username, v); 1044 if (err) { 1045 showError('password', err); 1046 return false; 1047 } 1048 clearError('password'); 1049 if (q('reg_passcon')?.value) { 1050 vPasscon(); 1051 } 1052 return true; 1053 } 1054 1055 if (v.length < 6) { 1056 showError('password','Password minimal 6 karakter'); 1057 return false; 1058 } 1059 1060 clearError('password'); 1061 return true; 1062 } 1063 function vPasscon() { 1064 const p1 = q('reg_pass')?.value || ''; 1065 const p2 = q('reg_passcon')?.value || ''; 1066 if (!p2) { 1067 showError('passcon', 'Konfirmasi password kosong'); 1068 return false; 1069 } 1070 if (USE_STRONG_VALIDATION) { 1071 const username = (q('reg_username')?.value || '').trim(); 1072 const err = checkPasswordStrengthJS(username, p1); 1073 if (err) { 1074 showError('passcon', err); 1075 return false; 1076 } 1077 } 1078 1079 if (p1 !== p2) { 1080 showError('passcon', 'Konfirmasi tidak sama'); 1081 return false; 1082 } 1083 1084 clearError('passcon'); 1085 return true; 1086 } 1087 // function vPass(){ 1088 // const v = q('reg_pass')?.value || ''; 1089 // if (!v) return showError('password','Password tidak boleh kosong'), false; 1090 // if (v.length < 6) return showError('password','Password minimal 6 karakter'), false; 1091 // clearError('password'); return true; 1092 // } 1093 // function vPasscon(){ 1094 // const p1 = q('reg_pass')?.value || ''; 1095 // const p2 = q('reg_passcon')?.value || ''; 1096 // if (!p2) return showError('passcon','Konfirmasi password kosong'), false; 1097 // if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false; 1098 // clearError('passcon'); return true; 1099 // } 1100 function vEmail(){ 1101 const v = (q('reg_email')?.value || '').trim(); 1102 if (!v) return showError('email','Email tidak boleh kosong'), false; 1103 if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; 1104 clearError('email'); return true; 1105 } 1106 function vTelp(){ 1107 const el = q('reg_telpon'); if (!el) return true; 1108 el.value = (el.value || '').replace(/\D/g,''); 1109 if (!el.value) return showError('telpon','Telpon kosong'), false; 1110 if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false; 1111 clearError('telpon'); return true; 1112 } 1113 function vBank(){ 1114 if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; 1115 clearError('bank'); return true; 1116 } 1117 function vRek(){ 1118 const el = q('reg_rek'); if (!el) return true; 1119 el.value = (el.value || '').replace(/\D/g,''); 1120 if (!el.value) return showError('rek','Rekening kosong'), false; 1121 if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false; 1122 clearError('rek'); return true; 1123 } 1124 function vNama(){ 1125 const v = (q('reg_nama')?.value || '').trim(); 1126 if (!v) return showError('nama','Nama kosong'), false; 1127 if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false; 1128 if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; 1129 clearError('nama'); return true; 1130 } 1131 function vRefOpt(){ 1132 const el = q('reg_ref'); if (!el) return true; 1133 const v = (el.value || '').trim(); 1134 if (!v) return clearError('ref'), true; 1135 if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false; 1136 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false; 1137 clearError('ref'); return true; 1138 } 1139 function vVerifOpt(){ 1140 const el = q('reg_verifikasi'); if (!el) return true; 1141 const v = (el.value || '').trim(); 1142 if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; 1143 clearError('verifikasi'); return true; 1144 } 1145 1146 function validateAll(){ 1147 const ok = 1148 vUsername() & vPass() & vPasscon() & vEmail() & 1149 vTelp() & vBank() & vRek() & vNama() & 1150 vRefOpt() & vVerifOpt(); 1151 return !!ok; 1152 } 1153 1154 function attach(id, validator, opts){ 1155 const el = q(id); if (!el) return; 1156 const run = () => validator(); 1157 el.addEventListener('focus', run); 1158 if (!opts || opts.input !== false) el.addEventListener('input', run); 1159 el.addEventListener('blur', run); 1160 if (opts && opts.change) el.addEventListener('change', run); 1161 } 1162 1163 document.addEventListener('DOMContentLoaded', function(){ 1164 attach('reg_username', vUsername); 1165 attach('reg_pass', vPass); 1166 attach('reg_passcon', vPasscon); 1167 attach('reg_email', vEmail); 1168 attach('reg_telpon', vTelp); 1169 attach('reg_bank', vBank, { input
1169:false, change:true }); 1170 attach('reg_rek', vRek); 1171 attach('reg_nama', vNama); 1172 attach('reg_ref', vRefOpt); 1173 attach('reg_verifikasi', vVerifOpt); 1174 1175 const f = q('formRegister'); 1176 if (f) { 1177 f.addEventListener('submit', function(e){ 1178 if (!validateAll()) { 1179 e.preventDefault(); 1180 const firstErr = root()?.querySelector('.error-border') || q('reg_username'); 1181 if (firstErr && firstErr.focus) firstErr.focus(); 1182 } 1183 }); 1184 } 1185 }); 1186 })(); 1187 </script>
1187 1188 </div> 1189 </div> 1190 1191 <div class="menu"> 1192 <style> 1193 .menu-item { 1194 display: flex; 1195 flex-direction: column; 1196 align-items: center; 1197 justify-content: center; 1198 gap: 12px; 1199 min-width: 72px; 1200 padding: 8px; 1201 height: 100%; 1202 } 1203 1204 .menu-item:hover { 1205 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1206 } 1207 1208 .menu-item.active { 1209 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1210 } 1211 1212 .menu-item-img { 1213 height: 28px; 1214 } 1215 1216 .menu-item-icon { 1217 font-size: 28px; 1218 color: var(--menu-item-color) 1219 } 1220 1221 .menu-item:hover>.menu-item-icon { 1222 color: var(--primary-color); 1223 } 1224</style> 1225 1226 1227<a href="index.html" class="menu-item active"> 1228 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1229 <i class="menu-item-icon icon-home" style="font-size: 28px"></i> 1230 <label>HOME</label> 1231</a> 1232 1233 <a href="register.html" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')"> 1234 <!--<img class="mobile-only" src="assets/togel.png" alt="">--> 1235 <!--<img src="https://britectangguhindonesia.com//icons/lottery.png?1779692736" alt="TOGEL" class="menu-item-img">--> 1236 <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i> 1237 <label>TOGEL</label> 1238 </a> 1239 1240 1241 1242<a href="slot.html" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')"> 1243 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1244 <i class="menu-item-icon icon-slots"></i> 1245 <label>SLOT</label> 1246</a> 1247<a href="casino.html" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')"> 1248 <!--<img class="mobile-only" src="assets/live.png" alt="">--> 1249 <i class="menu-item-icon icon-casino"></i> 1250 <label>LIVE CASINO</label> 1251</a> 1252<a href="sport.html" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')"> 1253 <!--<img class="mobile-only" src="assets/sport.png" alt="">--> 1254 <i class="menu-item-icon icon-sports"></i> 1255 <label>SPORT</label> 1256</a> 1257<a href="sabung.html" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')"> 1258<!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> 1259 <i class="menu-item-icon icon-sabung"></i> 1260 <label>SABUNG</label> 1261</a> 1262<a href="arcade.html" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')"> 1263 <!--<img class="mobile-only" src="assets/fishing.png" alt="">--> 1264 <i class="menu-item-icon icon-arcade"></i> 1265 <label>ARCADE</label> 1266</a> 1267<a href="interactive.html" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')"> 1268 <i class="menu-item-icon icon-interactive"></i> 1269 <label>INTERACTIVE</label> 1270</a> 1271 </div> 1272 1273 1274 1275 <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)"> 1276 1277 1278 <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)"> 1279 <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1280 </div> 1281 1282 <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)"> 1283 <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1284 </div> 1285 1286 1287 <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)"> 1288 1289 1290 <div style="white-space: nowrap; height: 100%; font-size: 0px"> 1291 1292 <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;"> 1293 <div style="display: grid; place-items: center; height: 100%"> 1294 <div class="menu-item" style="gap: 8px"> 1295 <img class="mobile-only" src="/assets/icons/lottery.png" alt=""> 1296 <label class="text-white">TOGEL</label> 1297 </div> 1298 </div> 1299 </a> 1300 1301 <div style="height: 100%; width: 74px; display: inline-block;"> 1302 <div style="display: grid; place-items: center; height: 100%"> 1303 <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')"> 1304 <img class="mobile-only" src="/assets/icons/slots.png" alt=""> 1305 <label class="text-white">SLOT</label> 1306 </div> 1307 </div> 1308 </div> 1309 <div style="height: 100%; width: 74px; display: inline-block;"> 1310 <div style="display: grid; place-items: center; height: 100%"> 1311 <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')"> 1312 <img class="mobile-only" src="/assets/icons/casino.png" alt=""> 1313 <label class="text-white">LIVE CASINO</label> 1314 </div> 1315 </div> 1316 </div> 1317 <div style="height: 100%; width: 74px; display: inline-block;"> 1318 <div style="display: grid; place-items: center; height: 100%"> 1319 <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')"> 1320 <img class="mobile-only" src="/assets/icons/sp
1320orts.png" alt=""> 1321 <label class="text-white">SPORT</label> 1322 </div> 1323 </div> 1324 </div> 1325 <div style="height: 100%; width: 74px; display: inline-block;"> 1326 <div style="display: grid; place-items: center; height: 100%"> 1327 <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')"> 1328 <img class="mobile-only" src="/assets/icons/arcade.png" alt=""> 1329 <label class="text-white">ARCADE</label> 1330 </div> 1331 </div> 1332 </div> 1333 <div style="height: 100%; width: 74px; display: inline-block;"> 1334 <div style="display: grid; place-items: center; height: 100%"> 1335 <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')"> 1336 <img class="mobile-only" src="/assets/icons/sabung.png" alt=""> 1337 <label class="text-white">SABUNG</label> 1338 </div> 1339 </div> 1340 </div> 1341 1342 <div style="height: 100%; width: 74px; display: inline-block;"> 1343 <div style="display: grid; place-items: center; height: 100%"> 1344 <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')"> 1345 <img class="mobile-only" src="/assets/icons/interactive.png" alt=""> 1346 <label class="text-white">INTERACTIVE</label> 1347 </div> 1348 </div> 1349 </div> 1350 </div> 1351 </div> 1352</div> 1353 1354 <div class="menu-content mobile-only"> 1355 <div id="main-content" style="background: var(--content-box-background)"> 1356 </div> 1357 </div> 1358 1359 1360 <!-- Banner SBO --> 1361 1362 <style> 1363 .match-slider-wrap { 1364 max-width: 1200px; 1365 margin: 16px auto; 1366 margin-bottom: 24px; 1367 padding: 0 12px; 1368 } 1369 1370 .match-card { 1371 position: relative; 1372 overflow: hidden; 1373 min-height: 180px; 1374 border-radius: 16px; 1375 background: 1376 linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)), 1377 linear-gradient(180deg, #232323 0%, #161616 100%); 1378 color: #fff; 1379 box-shadow: 0 10px 24px rgba(0,0,0,.35); 1380 padding: 14px 14px 16px; 1381 } 1382 1383 .match-card::before { 1384 content: ""; 1385 position: absolute; 1386 inset: 0; 1387 background: repeating-linear-gradient( 1388 -35deg, 1389 rgba(255,255,255,.04), 1390 rgba(255,255,255,.04) 8px, 1391 transparent 8px, 1392 transparent 18px 1393 ); 1394 pointer-events: none; 1395 opacity: .35; 1396 } 1397 1398 .match-card > * { 1399 position: relative; 1400 z-index: 1; 1401 } 1402 1403 .league-name { 1404 font-size: 14px; 1405 font-weight: 700; 1406 letter-spacing: .4px; 1407 text-transform: uppercase; 1408 text-align: center; 1409 margin-bottom: 2px; 1410 color: #ffffff; 1411 } 1412 1413 .kickoff-time { 1414 font-size: 14px; 1415 font-weight: 800; 1416 text-align: center; 1417 color: #ffd23c; 1418 margin-bottom: 12px; 1419 } 1420 1421 .match-main-row, 1422 .match-odds-row { 1423 display: flex; 1424 align-items: flex-start; 1425 justify-content: space-between; 1426 gap: 0; 1427 } 1428 1429 .match-odds-row { 1430 align-items: center; 1431 margin-top: 12px; 1432 } 1433 1434 .team-col { 1435 width: 30%; 1436 text-align: center; 1437 display: flex; 1438 flex-direction: column; 1439 align-items: center; 1440 } 1441 1442 .score-col { 1443 width: 40%; 1444 text-align: center; 1445 display: flex; 1446 flex-direction: column; 1447 align-items: center; 1448 justify-content: center; 1449 } 1450 1451 .team-logo { 1452 width: 46px; 1453 height: 46px; 1454 object-fit: contain; 1455 margin-bottom: 6px; 1456 } 1457 1458 .team-name { 1459 font-size: 14px; 1460 line-height: 1.15; 1461 min-height: 34px; 1462 display: flex; 1463 align-items: center; 1464 justify-content: center; 1465 text-align: center; 1466 } 1467 1468 .score-value { 1469 font-size: 28px; 1470 font-weight: 800; 1471 line-height: 1; 1472 margin-bottom: 10px; 1473 } 1474 1475 .bet-btn { 1476 display: inline-block; 1477 min-width: 95px; 1478 border-radius: 8px; 1479 background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%); 1480 color: #1d1d1d; 1481 font-size: 14px; 1482 font-weight: 800; 1483 text-decoration: none; 1484 padding: 10px 16px; 1485 box-shadow: inset 0 1px 0 rgba(255,255,255,.45); 1486 } 1487 1488 .bet-btn:hover { 1489 color: #1d1d1d; 1490 filter: brightness(1.03); 1491 } 1492 1493 .odds-col { 1494 width: 30%; 1495 text-align: center; 1496 font-size: 12px; 1497 font-weight: 700; 1498 color: #ffd23c; 1499 display: flex; 1500 align-items: center; 1501 justify-content: center; 1502 min-height: 18px; 1503 } 1504 1505 .odds-col small { 1506 font-size: 12px; 1507 font-weight: 600; 1508 color: #ffffff; 1509 opacity: .95; 1510 } 1511 1512 .odds-spacer { 1513 width: 40%; 1514 } 1515 1516 .carousel-control-prev, 1517 .carousel-control-next { 1518 width: 48px; 1519 } 1520 1521 .carousel-control-prev-icon, 1522 .carousel-control-next-icon { 1523 width: 2.5rem; 1524 height: 2.5rem; 1525 border-radius: 50%; 1526 background-color: rgba(255,255,255,.15); 1527 background-size: 55% 55%; 1528 } 1529 1530 .carousel-indicators [data-bs-target] { 1531 width: 8px; 1532 height: 8px; 1533 border-radius: 50%; 1534 } 1535 1536 @media (max-width: 991.98px) { 1537 .match-card { 1538 min-height: 170px; 1539 } 1540 } 1541 1542 @media (max-width: 767.98px) { 1543 .match-slider-wrap { 1544 max-width: 100%; 1545 padding: 0 20px; 1546 margin: 20px 0; 1547 } 1548 1549 .match-slider-wrap .carousel-inner { 1550 padding: 0; 1551 } 1552 1553 .match-slider-wrap .carousel-item .row { 1554 margin: 0; 1555 } 1556 1557 .match-slider-wrap .carousel-item .col-12 { 1558 padding: 0; 1559 } 1560 1561 .match-card { 1562 width: 100%; 1563 border-radius: 16px; 1564 } 1565 1566 .league-name { 1567 font-size: 13px; 1568 margin-bottom: 2px; 1569 } 1570 1571 .kickoff-time { 1572 font-size: 13px; 1573 margin-bottom: 10px; 1574 } 1575 1576 .team-col { 1577 width: 30%; 1578 } 1579 1580 .score-col { 1581 width: 40%; 1582 } 1583 1584 .team-logo { 1585 width: 42px; 1586 height: 42px; 1587 margin-bottom: 4px; 1588 } 1589 1590 .team-name { 1591 font-size: 12px; 1592 line-height: 1.15; 1593 min-height: 30px; 1594 } 1595 1596 .score-value { 1597 font-size: 22px; 1598 margin-bottom: 8px; 1599 } 1600 1601 .bet-btn { 1602 min-width: 88px; 1603 font-size: 13px; 1604 padding: 8px 14px; 1605 border-radius: 8px; 1606 } 1607 1608 .match-odds-row { 1609 margin-top: 10px; 1610 } 1611 1612 .odds-col, 1613 .odds-col small { 1614 font-size: 11px; 1615 } 1616 1617 .carousel-control-prev, 1618 .carousel-control-next { 1619 width: 34px; 1620 } 1621 1622 .carousel-control-prev-icon, 1623 .carousel-control-next-icon { 1624 width: 2rem; 1625 height: 2rem; 1626 background-size: 50% 50%; 1627 } 1628 1629 .carousel-indicators { 1630 margin-bottom: -2px; 1631 } 1632 1633 .carousel-indicators [data-bs-target] { 1634 width: 7px; 1635 height: 7px; 1636 margin: 0 3px; 1637 } 1638 } 1639 </style> 1640 <!-- Banner SBO End --> 1641 1642 <div class="promosi"> 1643 1644 <!-- Desktop --> 1645 <div class="desktop-only h-100"> 1646 <div class="d-flex align-items-center h-100"> 1647 <a href="promosi.html" class="menu-item"> 1648 <i class="menu-item-icon icon-promotion"></i> 1649 <label>PROMOSI</label> 1650 </a> 1651 1652 <a href="event.html" class="menu-item"> 1653 <i class="menu-item-icon icon-event"></i> 1654 <label>EVENT</label> 1655 </a> 1656 </div> 1657 </div> 1658 1659 1660 1661 1662 <!--<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>--> 1663 1664 <!-- Mobile --> 1665 1666 <div class="mobile-only" style="padding-top: 24px"> 1667 1668 <div class="d-flex gap-3 justify-content-center align-items-center"> 1669 <a href="indexb2c7.html?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a> 1670 <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div> 1671 1672 <a href="wap.html" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a> 1673 </div> 1674 1675 1676 </div> 1677 </div> 1678 1679 </div> 1680 1681 </header> 1682 1683 1684 1685 <div id="marquee" class="marquee desktop-only"> 1686 <div class="marquee-content py-2"> 1687 <div class="d-flex align-items-center gap-2"> 1688
1688 <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div> 1689 <i class="bi bi-megaphone-fill desktop-only"></i> 1690 </div> 1691 <div class="running" style="padding-left: 8px; padding-right: 32px"> 1692 <div class="broadcast" style="width: 100%">SITUS TOGEL SLOT ONLINE OWLTOTO.VIP INFO BANK : BCA - ONLINE l MANDIRI - ONLINE l BRI - ONLINE l BNI -ONLINE l DANA l OVO - PULSA READY</div> 1693 </div> 1694 <div class="d-flex align-items-center gap-2"> 1695 <div id="desktoplogin" class="desktop-only"> 1696 <form class="login-form form" role="form"> 1697 <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div> 1698 <div class="input-group login-field"> 1699 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 1700 <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username"> 1701 </div> 1702 1703 1704 1705 <div class="input-group login-field"> 1706 <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> 1707 <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password"> 1708 </div> 1709 1710 <!-- captcha --> 1711 1712 <div class="verifikasiform" style=" "> 1713 <div style="display: flex; gap: 2px;"> 1714 <span id="verifikasi"><img src="capimg.png" width="40" height="30" style="border:1px #999 solid;"></span> 1715 <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off"> 1716 </div> 1717 1718 </div> 1719 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 1720 1721 <!-- end captcha --> 1722 1723 1724 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 1725 <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='register.html'">Daftar</button> 1726 1727 <input type="hidden" name="task" value="login"> 1728 <input type="hidden" name="iscaptchalogin" value="1"> 1729 <input type="hidden" name="logindesktop" value="uGZU0n7FPMLqF5VVnPq+HNE7L1muxri2RCs4uaZH5f8="> 1730 </form> 1731 1732 <!-- recaptcha --> 1733 <!-- end recaptcha --> 1734 </div> 1735 1736 1737 <!--<a href="/event">--> 1738 <!-- <img src="https://britectangguhindonesia.com//btnevent.png" alt="EVENT" height="24px"/>--> 1739 <!--</a>--> 1740 </div> 1741 </div> 1742 </div> 1743 1744 1745 1746 <!--Informasi Modal --> 1747 <div id="modal-wrapper" class="modal" style=" background:none;"> 1748 1749 <div class="slideDown" id="informasi-menu"> 1750 <div class="row"> 1751 <div class="col-xs-3" style="padding-right:0px; width:164px"> 1752 <div id="informasi-logo"> 1753 <img src="images/logoweb.png" width="120px"/> 1754 </div> 1755 <div class="menuleft"> 1756 1757 <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a> 1758 <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a> 1759 <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a> 1760 <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a> 1761 <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a> 1762 <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a> 1763 <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a> 1764 1765 </div> 1766 </div> 1767 <div class="col-xs-9" id="informasi-content" style="position: relative"> 1768 <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div> 1769 <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 1770 </div> 1771 </div> 1772 1773 </div> 1774 </div> 1775 </div> 1776 1777 1778 1779 1780 <div class="contentdata"> 1781 <div id="content-primary" class="p-0"> 1782 1783 <div class="desktop-only"> 1784<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%"> 1785 <div class="carousel-indicators"> 1786 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> 1787 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button> 1788 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button> 1789 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button> 1790 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button> 1791 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button> 1792 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button> 1793 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button> 1794 </div> 1795 <div class="carousel-inner" style="height: 100%"> 1796 <div class="carousel-item active" style="height: 100%"> 1797 <img src="images/upload-Slides-20251217234046.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 1798 </div> 1799 <div class="carousel-item " style="height: 100%"> 1800 <img src="images/upload-Slides-20251217234117.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 1801 </div> 1802 <div class="carousel-item " style="height: 100%"> 1803 <img src="images/upload-Slides-20251217234144.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 1804 </div> 1805 <div class="carousel-item " style="height: 100%"> 1806 <img src="images/upload-Slides-20251217234148.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 1807 </div> 1808 <div class="carousel-item " style="height: 100%"> 1809 <img src="images/upload-Slides-20251217234255.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 1810 </div> 1811 <div class="carousel-item " style="height: 100%"> 1812 <img src="images/upload-Slides-20251221221408.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 1813 </div> 1814 <div class="carousel-item " style="height: 100%"> 1815 <img src="/assets/banner/mgl-25.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 1816 </div> 1817 <div class="carousel-item " style="height: 100%"> 1818 <img src="/assets/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 1819 </div> 1820 </div> 1821</div> 1822 1823</div> 1824 <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;"> 1825 1826 <img src="images/upload-SlidesMobile-20230505031921.png" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"/> 1827</div> 1828<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;"> 1829 <img src="/assets/pop/mobile-fgs.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"> 1830</div></div> 1831 1832 </div> 1833 </div> 1834 1835 1836 1837 <div class="widget-kupon"> 1838 <!-- <div style="position:relative; width:100%;"> --> 1839 <iframe class="iframe-kupon" src="#"></iframe> 1840 <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div> 1841 <!-- </div> --> 1842 </div> 1843 1844 <!-- BANNER SBO MOBILE --> 1845 <div class="widget-sbo mobile-only"> 1846 <div class="match-slider-wrap"> 1847 <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 1848 1849 <div class="carousel-indicators"> 1850 <button 1851 type="button" 1852 data-bs-target="#sboMatchCarouselMobile" 1853 data-bs-slide-to="0" 1854 class="active" 1855 aria-current="true" aria-label="Slide 1"> 1856 </button> 1857 <button 1858 type="button" 1859 data-bs-target="#sboMatchCarouselMobile" 1860 data-bs-slide-to="1" 1861 class="" 1862 aria-label="Slide 2"> 1863 </button> 1864 <button 1865 type="button" 1866 data-bs-target="#sboMatchCarouselMobile" 1867 data-bs-slide-to="2" 1868 class="" 1869 aria-label="Slide 3"> 1870 </button> 1871 <button 1872 type="button" 1873 data-bs-target="#sboMatchCarouselMobile" 1874 data-bs-slide-to="3" 1875 class="" 1876 aria-label="Slide 4"> 1877 </button> 1878 <button 1879 type="button" 1880 data-bs-target="#sboMatchCarouselMobile" 1881 data-bs-slide-to="4" 1882 class="" 1883 aria-label="Slide 5"> 1884 </button> 1885 <button 1886 type="button" 1887 data-bs-target="#sboMatchCarouselMobile" 1888 data-bs-slide-to="5" 1889 class="" 1890 aria-label="Slide 6"> 1891 </button> 1892 <button 1893 type="button" 1894 data-bs-target="#sboMatchCarouselMobile" 1895 data-bs-slide-to="6" 1896 class="" 1897 aria-label="Slide 7"> 1898 </button> 1899 <button 1900 type="button" 1901 data-bs-target="#sboMatchCarouselMobile" 1902 data-bs-slide-to="7" 1903 class="" 1904 aria-label="Slide 8"> 1905 </button> 1906 <button 1907 type="button" 1908 data-bs-target="#sboMatchCarouselMobile" 1909 data-bs-slide-to="8" 1910 class="" 1911 aria-label="Slide 9"> 1912 </button> 1913 <button 1914 type="button" 1915 data-bs-target="#sboMatchCarouselMobile" 1916 data-bs-slide-to="9" 1917 class="" 1918 aria-label="Slide 10"> 1919 </button> 1920 </div> 1921 1922 <div class="carousel-inner"> 1923 <div class="carousel-item active"> 1924 <div class="row g-3"> 1925 <div class="col-12"> 1926 <div class="match-card h-100"> 1927 <div class="league-name"> 1928 UEFA CHAMPIONS LEAGUE </div> 1929 1930 <div class="kickoff-time"> 1931 May 30, 2026 â 22:59 WIB </div> 1932 1933 <div class="match-main-row"> 1934 <div class="team-col"> 1935 <img 1936 src="../img-2-2.cdn568.net/images/teamLogo/ParisSaintGermain.png" 1937 alt="Paris Saint Germain (n)" 1938 class="team-logo" 1939 > 1940
1940 <div class="team-name"> 1941 Paris Saint Germain (n) </div> 1942 </div> 1943 1944 <div class="score-col"> 1945 <div class="score-value"> 1946 0 : 0 </div> 1947 1948 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '130619275')"> 1949 BET NOW 1950 </a> 1951 </div> 1952 1953 <div class="team-col"> 1954 <img 1955 src="/football/team/d6f5debc456da1119256ab66462ab510.png" 1956 alt="Arsenal" 1957 class="team-logo" 1958 > 1959 <div class="team-name"> 1960 Arsenal </div> 1961 </div> 1962 </div> 1963 1964 <div class="match-odds-row"> 1965 <div class="odds-col"> 1966 <span> 1967 0.00 <small>0.68</small> 1968 </span> 1969 </div> 1970 1971 <div class="odds-spacer"></div> 1972 1973 <div class="odds-col"> 1974 <span> 1975 0.00 <small>-0.78</small> 1976 </span> 1977 </div> 1978 </div> 1979 </div> 1980 </div> 1981 </div> 1982 </div> 1983 <div class="carousel-item "> 1984 <div class="row g-3"> 1985 <div class="col-12"> 1986 <div class="match-card h-100"> 1987 <div class="league-name"> 1988 WORLD CUP 2026 (in Canada, Mexico & USA) </div> 1989 1990 <div class="kickoff-time"> 1991 June 12, 2026 â 02:00 WIB </div> 1992 1993 <div class="match-main-row"> 1994 <div class="team-col"> 1995 <img 1996 src="../img-2-2.cdn568.net/images/teamLogo/Mexico.png" 1997 alt="Mexico" 1998 class="team-logo" 1999 > 2000 <div class="team-name"> 2001 Mexico </div> 2002 </div> 2003 2004 <div class="score-col"> 2005 <div class="score-value"> 2006 0 : 0 </div> 2007 2008 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112606825')"> 2009 BET NOW 2010 </a> 2011 </div> 2012 2013 <div class="team-col"> 2014 <img 2015 src="../img-2-2.cdn568.net/images/teamLogo/SouthAfrica.png" 2016 alt="South Africa" 2017 class="team-logo" 2018 > 2019 <div class="team-name"> 2020 South Africa </div> 2021 </div> 2022 </div> 2023 2024 <div class="match-odds-row"> 2025 <div class="odds-col">
2026 <span> 2027 1 <small>0.83</small> 2028 </span> 2029 </div> 2030 2031 <div class="odds-spacer"></div> 2032 2033 <div class="odds-col"> 2034 <span> 2035 -1 <small>-0.95</small> 2036 </span> 2037 </div> 2038 </div> 2039 </div> 2040 </div> 2041 </div> 2042 </div> 2043 <div class="carousel-item "> 2044 <div class="row g-3"> 2045 <div class="col-12"> 2046 <div class="match-card h-100"> 2047 <div class="league-name"> 2048 WORLD CUP 2026 (in Canada, Mexico & USA) </div> 2049 2050 <div class="kickoff-time"> 2051 June 12, 2026 â 09:00 WIB </div> 2052 2053 <div class="match-main-row"> 2054 <div class="team-col"> 2055 <img 2056 src="../img-2-2.cdn568.net/images/teamLogo/Czechia.png" 2057 alt="Czechia" 2058 class="team-logo" 2059 > 2060 <div class="team-name"> 2061 Czechia </div> 2062 </div> 2063 2064 <div class="score-col"> 2065 <div class="score-value"> 2066 0 : 0 </div> 2067 2068 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '126360784')"> 2069 BET NOW 2070 </a> 2071 </div> 2072 2073 <div class="team-col"> 2074 <img 2075 src="../img-2-2.cdn568.net/images/teamLogo/KoreaRepublic.png" 2076 alt="Korea Republic" 2077 class="team-logo" 2078 > 2079 <div class="team-name"> 2080 Korea Republic </div> 2081 </div> 2082 </div> 2083 2084 <div class="match-odds-row"> 2085 <div class="odds-col">
2086 <span> 2087 0.00 <small>0.96</small> 2088 </span> 2089 </div> 2090 2091 <div class="odds-spacer"></div> 2092 2093 <div class="odds-col"> 2094 <span> 2095 0.00 <small>0.92</small> 2096 </span> 2097 </div> 2098 </div> 2099 </div> 2100 </div> 2101 </div> 2102 </div> 2103 <div class="carousel-item "> 2104 <div class="row g-3"> 2105 <div class="col-12"> 2106 <div class="match-card h-100"> 2107 <div class="league-name"> 2108 e-Football F24 Elite Club Friendly </div> 2109 2110 <div class="kickoff-time"> 2111 May 26, 2026 â 19:45 WIB </div> 2112 2113 <div class="match-main-row"> 2114 <div class="team-col"> 2115 <img 2116 src="../img-2-2.cdn568.net/images/teamLogo/Lille.png" 2117 alt="e-Lille" 2118 class="team-logo" 2119 > 2120 <div class="team-name"> 2121 e-Lille </div> 2122 </div> 2123 2124 <div class="score-col"> 2125 <div class="score-value"> 2126 0 : 1 </div> 2127 2128 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967294')"> 2129 BET NOW 2130 </a> 2131 </div> 2132 2133 <div class="team-col"> 2134 <img 2135 src="../img-2-2.cdn568.net/images/teamLogo/ParisSaintGermain.png" 2136 alt="e-Paris Saint Germain" 2137 class="team-logo" 2138 > 2139 <div class="team-name"> 2140 e-Paris Saint Germain </div> 2141 </div> 2142 </div> 2143 2144 <div class="match-odds-row"> 2145 <div class="odds-col">
2146 <span> 2147 0.00 <small>-0.60</small> 2148 </span> 2149 </div> 2150 2151 <div class="odds-spacer"></div> 2152 2153 <div class="odds-col"> 2154 <span> 2155 0.00 <small>0.36</small> 2156 </span> 2157 </div> 2158 </div> 2159 </div> 2160 </div> 2161 </div> 2162 </div> 2163 <div class="carousel-item "> 2164 <div class="row g-3"> 2165 <div class="col-12"> 2166 <div class="match-card h-100"> 2167 <div class="league-name"> 2168 e-Football F24 Elite Club Friendly </div> 2169 2170 <div class="kickoff-time"> 2171 May 26, 2026 â 20:00 WIB </div> 2172 2173 <div class="match-main-row"> 2174 <div class="team-col"> 2175 <img 2176 src="../img-2-2.cdn568.net/images/teamLogo/RealMadrid.png" 2177 alt="e-Real Madrid" 2178 class="team-logo" 2179 > 2180 <div class="team-name"> 2181 e-Real Madrid </div> 2182 </div> 2183 2184 <div class="score-col"> 2185 <div class="score-value"> 2186 0 : 0 </div> 2187 2188 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967298')"> 2189 BET NOW 2190 </a> 2191 </div> 2192 2193 <div class="team-col"> 2194 <img 2195 src="../img-2-2.cdn568.net/images/teamLogo/Feyenoord.png" 2196 alt="e-Feyenoord" 2197 class="team-logo" 2198 > 2199 <div class="team-name"> 2200 e-Feyenoord </div> 2201 </div> 2202 </div> 2203 2204 <div class="match-odds-row"> 2205 <div class="odds-col">
2206 <span> 2207 1.75 <small>0.70</small> 2208 </span> 2209 </div> 2210 2211 <div class="odds-spacer"></div> 2212 2213 <div class="odds-col"> 2214 <span> 2215 -1.75 <small>-0.94</small> 2216 </span> 2217 </div> 2218 </div> 2219 </div> 2220 </div> 2221 </div> 2222 </div> 2223 <div class="carousel-item "> 2224 <div class="row g-3"> 2225 <div class="col-12"> 2226 <div class="match-card h-100"> 2227 <div class="league-name"> 2228 e-Football F24 International Friendly </div> 2229 2230 <div class="kickoff-time"> 2231 May 26, 2026 â 19:45 WIB </div> 2232 2233 <div class="match-main-row"> 2234 <div class="team-col"> 2235 <img 2236 src="/football/team/e5e5e0f67481324ebdbd65d65890b2b8.png" 2237 alt="e-Italy" 2238 class="team-logo" 2239 > 2240 <div class="team-name"> 2241 e-Italy </div> 2242 </div> 2243 2244 <div class="score-col"> 2245 <div class="score-value"> 2246 0 : 2 </div> 2247 2248 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132966982')"> 2249 BET NOW 2250 </a> 2251 </div> 2252 2253 <div class="team-col"> 2254 <img 2255 src="../img-2-2.cdn568.net/images/teamLogo/England.png" 2256 alt="e-England" 2257 class="team-logo" 2258 > 2259 <div class="team-name"> 2260 e-England </div> 2261 </div> 2262 </div> 2263 2264 <div class="match-odds-row"> 2265 <div class="odds-col">
2266 <span> 2267 0.00 <small>-0.72</small> 2268 </span> 2269 </div> 2270 2271 <div class="odds-spacer"></div> 2272 2273 <div class="odds-col"> 2274 <span> 2275 0.00 <small>0.48</small> 2276 </span> 2277 </div> 2278 </div> 2279 </div> 2280 </div> 2281 </div> 2282 </div> 2283 <div class="carousel-item "> 2284 <div class="row g-3"> 2285 <div class="col-12"> 2286 <div class="match-card h-100"> 2287 <div class="league-name"> 2288 e-Football F24 Elite Club Friendly </div> 2289 2290 <div class="kickoff-time"> 2291 May 26, 2026 â 19:45 WIB </div> 2292 2293 <div class="match-main-row"> 2294 <div class="team-col"> 2295 <img 2296 src="../img-2-2.cdn568.net/images/teamLogo/Arsenal.png" 2297 alt="e-Arsenal" 2298 class="team-logo" 2299 > 2300 <div class="team-name"> 2301 e-Arsenal </div> 2302 </div> 2303 2304 <div class="score-col"> 2305 <div class="score-value"> 2306 0 : 2 </div> 2307 2308 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967295')"> 2309 BET NOW 2310 </a> 2311 </div> 2312 2313 <div class="team-col"> 2314 <img 2315 src="../img-2-2.cdn568.net/images/teamLogo/RBLeipzig.png" 2316 alt="e-RB Leipzig" 2317 class="team-logo" 2318 > 2319 <div class="team-name"> 2320 e-RB Leipzig </div> 2321 </div> 2322 </div> 2323 2324 <div class="match-odds-row"> 2325 <div class="odds-col">
2326 <span> 2327 0.00 <small>-0.83</small> 2328 </span> 2329 </div> 2330 2331 <div class="odds-spacer"></div> 2332 2333 <div class="odds-col"> 2334 <span> 2335 0.00 <small>0.59</small> 2336 </span> 2337 </div> 2338 </div> 2339 </div> 2340 </div> 2341 </div> 2342 </div> 2343 <div class="carousel-item "> 2344 <div class="row g-3"> 2345 <div class="col-12"> 2346 <div class="match-card h-100"> 2347 <div class="league-name"> 2348 e-Football F24 Elite Club Friendly </div> 2349 2350 <div class="kickoff-time"> 2351 May 26, 2026 â 19:45 WIB </div> 2352 2353 <div class="match-main-row"> 2354 <div class="team-col"> 2355 <img 2356 src="../img-2-2.cdn568.net/images/teamLogo/InterMilan.png" 2357 alt="e-Inter Milan" 2358 class="team-logo" 2359 > 2360 <div class="team-name"> 2361 e-Inter Milan </div> 2362 </div> 2363 2364 <div class="score-col"> 2365 <div class="score-value"> 2366 0 : 1 </div> 2367 2368 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967296')"> 2369 BET NOW 2370 </a> 2371 </div> 2372 2373 <div class="team-col"> 2374 <img 2375 src="../img-2-2.cdn568.net/images/teamLogo/RBLeipzig.png" 2376 alt="e-RB Leipzig" 2377 class="team-logo" 2378 > 2379 <div class="team-name"> 2380 e-RB Leipzig </div> 2381 </div> 2382 </div> 2383 2384 <div class="match-odds-row"> 2385 <div class="odds-col">
2386 <span> 2387 0.00 <small>1.00</small> 2388 </span> 2389 </div> 2390 2391 <div class="odds-spacer"></div> 2392 2393 <div class="odds-col"> 2394 <span> 2395 0.00 <small>0.76</small> 2396 </span> 2397 </div> 2398 </div> 2399 </div> 2400 </div> 2401 </div> 2402 </div> 2403 <div class="carousel-item "> 2404 <div class="row g-3"> 2405 <div class="col-12"> 2406 <div class="match-card h-100"> 2407 <div class="league-name"> 2408 e-Football F24 International Friendly </div> 2409 2410 <div class="kickoff-time"> 2411 May 26, 2026 â 19:30 WIB </div> 2412 2413 <div class="match-main-row"> 2414 <div class="team-col"> 2415 <img 2416 src="../img-2-2.cdn568.net/images/teamLogo/Denmark.png" 2417 alt="e-Denmark" 2418 class="team-logo" 2419 > 2420 <div class="team-name"> 2421 e-Denmark </div> 2422 </div> 2423 2424 <div class="score-col"> 2425 <div class="score-value"> 2426 0 : 0 </div> 2427 2428 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132966980')"> 2429 BET NOW 2430 </a> 2431 </div> 2432 2433 <div class="team-col"> 2434 <img 2435 src="../img-2-2.cdn568.net/images/teamLogo/Croatia.png" 2436 alt="e-Croatia" 2437 class="team-logo" 2438 > 2439 <div class="team-name"> 2440 e-Croatia </div> 2441 </div> 2442 </div> 2443 2444 <div class="match-odds-row"> 2445 <div class="odds-col">
2446 <span> 2447 0.00 <small>0.00</small> 2448 </span> 2449 </div> 2450 2451 <div class="odds-spacer"></div> 2452 2453 <div class="odds-col"> 2454 <span> 2455 0.00 <small>0.00</small> 2456 </span> 2457 </div> 2458 </div> 2459 </div> 2460 </div> 2461 </div> 2462 </div> 2463 <div class="carousel-item "> 2464 <div class="row g-3"> 2465 <div class="col-12"> 2466 <div class="match-card h-100"> 2467 <div class="league-name"> 2468 e-Football F24 International Friendly </div> 2469 2470 <div class="kickoff-time"> 2471 May 26, 2026 â 19:45 WIB </div> 2472 2473 <div class="match-main-row"> 2474 <div class="team-col"> 2475 <img 2476 src="../img-2-2.cdn568.net/images/teamLogo/Portugal.png" 2477 alt="e-Portugal" 2478 class="team-logo" 2479 > 2480 <div class="team-name"> 2481 e-Portugal </div> 2482 </div> 2483 2484 <div class="score-col"> 2485 <div class="score-value"> 2486 0 : 0 </div> 2487 2488 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132966983')"> 2489 BET NOW 2490 </a> 2491 </div> 2492 2493 <div class="team-col"> 2494 <img 2495 src="../img-2-2.cdn568.net/images/teamLogo/Wales.png" 2496 alt="e-Wales" 2497 class="team-logo" 2498 > 2499 <div class="team-name"> 2500 e-Wales </div> 2501 </div> 2502 </div> 2503 2504 <div class="match-odds-row"> 2505 <div class="odds-col">
2506 <span> 2507 0.25 <small>0.45</small> 2508 </span> 2509 </div> 2510 2511 <div class="odds-spacer"></div> 2512 2513 <div class="odds-col"> 2514 <span> 2515 -0.25 <small>-0.69</small> 2516 </span> 2517 </div> 2518 </div> 2519 </div> 2520 </div> 2521 </div> 2522 </div> 2523 </div> 2524 2525 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev"> 2526 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 2527 <span class="visually-hidden">Previous</span> 2528 </button> 2529 2530 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next"> 2531 <span class="carousel-control-next-icon" aria-hidden="true"></span> 2532 <span class="visually-hidden">Next</span> 2533 </button> 2534 </div> 2535 </div> 2536 </div> 2537 <!-- BANNER SBO MOBILE END --> 2538 2539 2540 <!-- Togel --> 2541 2542 <style> 2543 .togel-desktop { 2544 /*background: var(--togel-background);*/ 2545 background: var(--footer-background); 2546 grid-area: togel-desktop; 2547 position: relative; 2548 } 2549 2550 .togel-mobile { 2551 display: none; 2552 } 2553 2554 .show-more { 2555 position: absolute; 2556 2557 z-index: 999; 2558 bottom: 0px; 2559 width: 100%; 2560 2561 /* 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)); */ 2562 } 2563 2564 .show-more-content { 2565 background: var(--secondary-background); 2566 opacity: .7; 2567 display: grid; 2568 place-items: center; 2569 height: 32px 2570 } 2571 2572 .togel-content { 2573 position: relative; 2574 display: flex; 2575 flex-wrap: wrap; 2576 justify-content: center; 2577 /*display: grid;*/ 2578 /*grid-template-columns: repeat(10, 1fr);*/ 2579 gap: 8px 4px; 2580 padding: 16px 0; 2581 } 2582 2583 .see-more { 2584 padding: 16px 0 48px 0; 2585 max-height: 162px; 2586 transition: max-height .75s ease-out; 2587 transition-delay: .1s; 2588 overflow: hidden; 2589 } 2590 2591 .togel-content:hover{ 2592 max-height: 1000px; 2593 transition: max-height 0.25s ease-in; 2594 } 2595 2596 .result { 2597 height: 110px; 2598 width: 96px; 2599 border-radius: 10px; 2600 background: var(--result-background); 2601 border: var(--result-border); 2602 2603 display: grid; 2604 grid-template-rows: 0px 20px 1fr 28px; 2605 grid-template-areas: 2606 "badge" 2607 "pasaran" 2608 "keluaran" 2609 "tanggal" 2610 ; 2611 2612 /* display: flex; 2613 flex-direction: column; 2614 justify-content: space-between; */ 2615 2616 overflow: hidden; 2617 } 2618 2619 .badge { 2620 grid-area: badge; 2621 display: grid; 2622 place-items: center; 2623 } 2624 2625 .result>.pasaran { 2626 2627 grid-area: pasaran; 2628 2629 padding-top: 8px; 2630 white-space: nowrap; 2631 font-size: .7rem; 2632 line-height: .7rem; 2633 2634 color: var(--result-pasaran-color); 2635 display: grid; 2636 place-items: center; 2637 } 2638 2639 .result>.keluaran { 2640 2641 grid-area: keluaran; 2642 padding-bottom: 8px; 2643 font-family: 'Oswald', sans-serif; 2644 line-height: 40px; 2645 font-size: 40px; 2646 color: var(--result-keluaran-color); 2647 display: grid; 2648 place-items: center; 2649 } 2650 2651 .result>.tanggal { 2652 2653 grid-area: tanggal; 2654 2655 width: 100%; 2656 height: 100%; 2657 /* background: rgb(40,0,0); 2658 background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ 2659 background: var(--result-tanggal-background); 2660 white-space: nowarp; 2661 font-size: .79rem; 2662 display: grid; 2663 place-items: center; 2664 font-family: 'Abel', sans-serif; 2665 color: var(--result-tanggal-color); 2666 } 2667 2668 @media only screen and (max-width: 1000px) { 2669 2670 .togel-desktop { 2671 display: none; 2672 } 2673 2674 .togel-mobile { 2675 2676 background: var(--secondary-background); 2677 grid-area: togel-mobile; 2678 padding: 24px; 2679 padding-bottom: 12px; 2680 box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; 2681 } 2682 2683 .togel-title { 2684 padding: 0px; 2685 padding-bottom: 20px; 2686 font-size: 1.4rem; 2687 font-weight: bold; 2688 color: var(--primary-text-color); 2689 } 2690 2691 .togel-content { 2692 max-height: fit-content; 2693 display: grid; 2694 grid-template-columns: 1fr; 2695 gap: 0; 2696 border-radius: 8px; 2697 } 2698 2699 2700 2701 .provider-group { 2702 padding: var(--mobile-padding-horizontal); 2703 } 2704 2705 .badge { 2706 display: none; 2707 } 2708 2709 .result { 2710 height: auto; 2711 width: 100%; 2712 display: grid; 2713 grid-template-rows: 1fr; 2714 grid-template-columns: 1fr 1fr 80px; 2715 grid-template-areas: "pasaran tanggal keluaran"; 2716 border-radius: 0; 2717 border: none; 2718 background: transparent; 2719 padding: 4px 12px; 2720 color: var(--primary-text-color); 2721 font-family: 'Abel', sans-serif; 2722 2723 } 2724 2725 2726 .result-data:nth-child(odd) { 2727 background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background); 2728 } 2729 2730 2731 .accordion-item { 2732 background-color: transparent; 2733 border: 0px; 2734 } 2735 2736 .accordion-button:not(.collapsed) { 2737 color: inherit; 2738 background-color: transparent; 2739 box-shadow: none; 2740 } 2741 2742 .accordion-button::after { 2743 height: 0px; 2744 } 2745 2746 .result>* { 2747 padding: 0px!important; 2748 margin: 0px!important; 2749 font-size: 1.4rem!important; 2750 line-height: auto!important; 2751 font-weight: normal!important; 2752 } 2753 2754 .result>.pasaran { 2755 display: flex; 2756 justify-content: start; 2757 color: var(--primary-text-color)!important; 2758 opacity: .7; 2759 } 2760 2761 .result>.tanggal { 2762 display: flex; 2763 justify-content: center; 2764 background: transparent; 2765 color: var(--primary-text-color)!important; 2766 opacity: .7; 2767 } 2768 2769 .result>.keluaran { 2770 display: flex; 2771 justify-content: end; 2772 /*color: var(--primary-text-color)!important;*/ 2773 font-family: 'Abel', sans-serif; 2774 color: var(--highlight-text-color); 2775 } 2776 2777 } 2778 </style> 2779 2780 2781 2782 <div id="togel-desktop" class="togel-desktop desktop-only"> 2783 2784 <div class="show-more desktop-only"> 2785 <div class="show-more-content"> 2786 <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i> 2787 </div> 2788 </div> 2789 2790 2791 2792 <div class="togel-content see-more"> 2793 <!-- <a href="/?content=hasil&pid=GWIN" class="result"> --> 2794 <a href="hasil/GWIN.html" class="result"> 2795 2796 <div class="badge"> 2797 </div> 2798 2799 <div class="pasaran">GWIN4D </div> 2800 <div class="keluaran">0221</div> 2801 <div class="tanggal"> 26/5/2026</div> 2802 </a> 2803 <!-- <a href="/?content=hasil&pid=GLDN" class="result"> --> 2804 <a href="hasil/GLDN.html" class="result"> 2805 2806 <div class="badge"> 2807 </div> 2808 2809 <div class="pasaran">GOLDEN6D </div> 2810 <div class="keluaran">1266</div> 2811 <div class="tanggal"> 26/5/2026</div> 2812 </a> 2813 <!-- <a href="/?content=hasil&pid=CAR" class="result"> --> 2814 <a href="hasil/CAR.html" class="result"> 2815 2816 <div class="badge"> 2817 </div> 2818 2819 <div class="pasaran">CAROLINA DAY </div> 2820 <div class="keluaran">4650</div> 2821 <div class="tanggal"> 26/5/2026</div> 2822 </a> 2823 <!-- <a href="/?content=hasil&pid=MCB" class="result"> --> 2824 <a href="hasil/MCB.html" class="result"> 2825 2826 <div class="badge"> 2827 </div> 2828 2829 <div class="pasaran">MOCBAI LOTTERY </div> 2830 <div class="keluaran">9071</div> 2831 <div class="tanggal"> 26/5/2026</div> 2832 </a> 2833 <!-- <a href="/?content=hasil&pid=HKD" class="result"> --> 2834 <a href="hasil/HKD.html" class="result"> 2835 2836 <div class="badge"> 2837 </div> 2838 2839 <div class="pasaran">HK SIANG </div> 2840 <div class="keluaran">1484</div> 2841 <div class="tanggal"> 26/5/2026</div> 2842 </a> 2843 <!-- <a href="/?content=hasil&pid=MBR" class="result"> --> 2844 <a href="hasil/MBR.html" class="result"> 2845 2846 <div class="badge"> 2847 </div> 2848 2849 <div class="pasaran">MABAR LOTTERY </div> 2850 <div class="keluaran">9173</div> 2851 <div class="tanggal"> 26/5/2026</div> 2852 </a> 2853 <!-- <a href="/?content=hasil&pid=NZB" class="result"> --> 2854 <a href="hasil/NZB.html" class="result"> 2855 2856 <div class="badge"> 2857 </div> 2858 2859 <div class="pasaran">BULLSEYE </div> 2860 <div class="keluaran">4726</div> 2861 <div class="tanggal"> 26/5/2026</div> 2862 </a> 2863 <!-- <a href="/?content=hasil&pid=SY" class="result"> --> 2864 <a href="hasil/SY.html" class="result"> 2865 2866 <div class="badge"> 2867 </div> 2868 2869 <div class="pasaran">SYDNEY </div> 2870 <div class="keluaran">8796</div> 2871 <div class="tanggal"> 26/5/2026</div> 2872 </a> 2873 <!-- <a href="/?content=hasil&pid=SDLT" class="result"> --> 2874 <a href="hasil/SDLT.html" class="result"> 2875 2876 <div class="badge"> 2877 </div> 2878 2879 <div class="pasaran">SYDNEY LOTTO </div> 2880 <div class="keluaran">8602</div> 2881 <div class="tanggal"> 26/5/2026</div> 2882 </a> 2883 <!-- <a href="/?content=hasil&pid=SG" class="result"> --> 2884 <a href="hasil/SG.html" class="result"> 2885 2886 <div class="badge"> 2887 </div> 2888 2889 <div class="pasaran">SINGAPORE </div> 2890 <div class="keluaran">6101</div> 2891 <div class="tanggal"> 25/5/2026</div> 2892 </a> 2893 <!-- <a href="/?content=hasil&pid=PCSO" class="result"> --> 2894 <a href="hasil/PCSO.html" class="result"> 2895 2896 <div class="badge"> 2897 </div> 2898 2899 <div class="pasaran">PCSO </div> 2900 <div class="keluaran">1957</div> 2901 <div class="tanggal"> 25/5/2026</div> 2902 </a> 2903 <!-- <a href="/?content=hasil&pid=MY" class="result"> --> 2904 <a href="hasil/MY.html" class="result"> 2905 2906 <div class="badge"> 2907 </div> 2908 2909 <div class="pasaran">MALAYSIA </div> 2910 <div class="keluaran">5763</div> 2911 <div class="tanggal"> 26/5/2026</div> 2912 </a> 2913 <!-- <a href="/?content=hasil&pid=TWN" class="result"> --> 2914 <a href="hasil/TWN.html" class="result"> 2915 2916 <div class="badge"> 2917 </div> 2918 2919 <div class="pasaran">TAIWAN </div> 2920 <div class="keluaran">1178</div> 2921 <div class="tanggal"> 25/5/2026</div> 2922 </a> 2923 <!-- <a href="/?content=hasil&pid=QTR" class="result"> --> 2924 <a href="hasil/QTR.html" class="result"> 2925 2926 <div class="badge"> 2927 </div> 2928 2929 <div class="pasaran">QATAR </div> 2930 <div class="keluaran">3403</div> 2931 <div class="tanggal"> 25/5/2026</div> 2932 </a> 2933 <!-- <a href="/?content=hasil&pid=HK" class="result"> --> 2934 <a href="hasil/HK.html" class="result"> 2935
2935 2936 <div class="badge"> 2937 </div> 2938 2939 <div class="pasaran">HONGKONG </div> 2940 <div class="keluaran">5909</div> 2941 <div class="tanggal"> 25/5/2026</div> 2942 </a> 2943 <!-- <a href="/?content=hasil&pid=HKLT" class="result"> --> 2944 <a href="hasil/HKLT.html" class="result"> 2945 2946 <div class="badge"> 2947 </div> 2948 2949 <div class="pasaran">HONGKONG LOTTO </div> 2950 <div class="keluaran">0140</div> 2951 <div class="tanggal"> 25/5/2026</div> 2952 </a> 2953 <!-- <a href="/?content=hasil&pid=TWH" class="result"> --> 2954 <a href="hasil/TWH.html" class="result"> 2955 2956 <div class="badge"> 2957 </div> 2958 2959 <div class="pasaran">TOTO WUHAN </div> 2960 <div class="keluaran">7808</div> 2961 <div class="tanggal"> 26/5/2026</div> 2962 </a> 2963 2964 </div> 2965 </div> 2966 2967 <div id="togel-mobile" class="togel-mobile mobile-only"> 2968 2969 <div class="togel-title">Togel Result</div> 2970 2971 2972 <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px"> 2973 <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> 2974 2975 <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> 2976 <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button> 2977 2978 </div> 2979 <div class="carousel-inner"> 2980 2981 <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> 2982 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-GWIN"> 2983 <div class="badge"> 2984 </div> 2985 <div class="pasaran">GWIN4D </div> 2986 <div class="keluaran">0221</div> 2987 <div class="tanggal">26-05-2026</div> 2988 </button> 2989 <div id="paito-GWIN" class="accordion-collapse collapse"> 2990 2991 <div class="result"> 2992 <div class="pasaran"></div> 2993 <div class="keluaran">7752</div> 2994 <div class="tanggal">26-05-2026</div> 2995 </div> 2996 2997 <div class="result"> 2998 <div class="pasaran"></div> 2999 <div class="keluaran">9088</div> 3000 <div class="tanggal">26-05-2026</div> 3001 </div> 3002 3003 <div class="result"> 3004 <div class="pasaran"></div> 3005 <div class="keluaran">5490</div> 3006 <div class="tanggal">26-05-2026</div> 3007 </div> 3008 3009 <div class="result"> 3010 <div class="pasaran"></div> 3011 <div class="keluaran">6734</div> 3012 <div class="tanggal">26-05-2026</div> 3013 </div> 3014 3015 <div class="result"> 3016 <div class="pasaran"></div> 3017 <div class="keluaran">1478</div> 3018 <div class="tanggal">26-05-2026</div> 3019 </div> 3020 3021 <div class="result"> 3022 <div class="pasaran"></div> 3023 <div class="keluaran">2280</div> 3024 <div class="tanggal">26-05-2026</div> 3025 </div> 3026 3027 <div class="result"> 3028 <div class="pasaran"></div> 3029 <div class="keluaran">6639</div> 3030 <div class="tanggal">26-05-2026</div> 3031 </div> 3032 </div> 3033 </div> 3034 3035 <div class="result-data accordion-item"> 3036 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-GLDN"> 3037 <div class="badge"> 3038 </div> 3039 <div class="pasaran">GOLDEN6D </div> 3040 <div class="keluaran">1266</div> 3041 <div class="tanggal">26-05-2026</div> 3042 </button> 3043 <div id="paito-GLDN" class="accordion-collapse collapse"> 3044 3045 <div class="result"> 3046 <div class="pasaran"></div> 3047 <div class="keluaran">7155</div> 3048 <div class="tanggal">26-05-2026</div> 3049 </div> 3050 3051 <div class="result"> 3052 <div class="pasaran"></div> 3053 <div class="keluaran">1143</div> 3054 <div class="tanggal">26-05-2026</div> 3055 </div> 3056 3057 <div class="result"> 3058 <div class="pasaran"></div> 3059 <div class="keluaran">0915</div> 3060 <div class="tanggal">26-05-2026</div> 3061 </div> 3062 3063 <div class="result"> 3064 <div class="pasaran"></div> 3065 <div class="keluaran">0791</div> 3066 <div class="tanggal">26-05-2026</div> 3067 </div> 3068 3069 <div class="result"> 3070 <div class="pasaran"></div> 3071 <div class="keluaran">9876</div> 3072 <div class="tanggal">26-05-2026</div> 3073 </div> 3074 3075 <div class="result"> 3076 <div class="pasaran"></div> 3077 <div class="keluaran">5537</div> 3078 <div class="tanggal">26-05-2026</div> 3079 </div> 3080 3081 <div class="result"> 3082 <div class="pasaran"></div> 3083 <div class="keluaran">7723</div> 3084 <div class="tanggal">26-05-2026</div> 3085 </div> 3086 </div> 3087 </div> 3088 3089 <div class="result-data accordion-item"> 3090 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CAR"> 3091 <div class="badge"> 3092 </div> 3093 <div class="pasaran">CAROLINA DAY </div> 3094 <div class="keluaran">4650</div> 3095 <div class="tanggal">26-05-2026</div> 3096 </button> 3097 <div id="paito-CAR" class="accordion-collapse collapse"> 3098 3099 <div class="result"> 3100 <div class="pasaran"></div> 3101 <div class="keluaran">4382</div> 3102 <div class="tanggal">25-05-2026</div> 3103 </div> 3104 3105 <div class="result"> 3106 <div class="pasaran"></div> 3107 <div class="keluaran">9232</div> 3108 <div class="tanggal">24-05-2026</div> 3109 </div> 3110 3111 <div class="result"> 3112 <div class="pasaran"></div> 3113 <div class="keluaran">9769</div> 3114 <div class="tanggal">23-05-2026</div> 3115 </div> 3116 3117 <div class="result"> 3118 <div class="pasaran"></div> 3119 <div class="keluaran">2269</div> 3120 <div class="tanggal">22-05-2026</div> 3121 </div> 3122 3123 <div class="result"> 3124 <div class="pasaran"></div> 3125 <div class="keluaran">1240</div> 3126 <div class="tanggal">21-05-2026</div> 3127 </div> 3128 3129 <div class="result"> 3130 <div class="pasaran"></div> 3131 <div class="keluaran">8737</div> 3132 <div class="tanggal">20-05-2026</div> 3133 </div> 3134 3135 <div class="result"> 3136 <div class="pasaran"></div> 3137 <div class="keluaran">8535</div> 3138 <div class="tanggal">19-05-2026</div> 3139 </div> 3140 </div> 3141 </div> 3142 3143 <div class="result-data accordion-item"> 3144 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MCB"> 3145 <div class="badge"> 3146 </div> 3147 <div class="pasaran">MOCBAI LOTTERY </div> 3148 <div class="keluaran">9071</div> 3149 <div class="tanggal">26-05-2026</div> 3150 </button> 3151 <div id="paito-MCB" class="accordion-collapse collapse"> 3152 3153 <div class="result"> 3154 <div class="pasaran"></div> 3155 <div class="keluaran">5674</div> 3156 <div class="tanggal">25-05-2026</div> 3157 </div> 3158 3159 <div class="result"> 3160 <div class="pasaran"></div> 3161 <div class="keluaran">8347</div> 3162 <div class="tanggal">24-05-2026</div> 3163 </div> 3164 3165 <div class="result"> 3166 <div class="pasaran"></div> 3167 <div class="keluaran">2230</div> 3168 <div class="tanggal">23-05-2026</div> 3169 </div> 3170 3171 <div class="result"> 3172
3172 <div class="pasaran"></div> 3173 <div class="keluaran">6201</div> 3174 <div class="tanggal">22-05-2026</div> 3175 </div> 3176 3177 <div class="result"> 3178 <div class="pasaran"></div> 3179 <div class="keluaran">3221</div> 3180 <div class="tanggal">21-05-2026</div> 3181 </div> 3182 3183 <div class="result"> 3184 <div class="pasaran"></div> 3185 <div class="keluaran">8934</div> 3186 <div class="tanggal">20-05-2026</div> 3187 </div> 3188 3189 <div class="result"> 3190 <div class="pasaran"></div> 3191 <div class="keluaran">1974</div> 3192 <div class="tanggal">19-05-2026</div> 3193 </div> 3194 </div> 3195 </div> 3196 3197 <div class="result-data accordion-item"> 3198 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD"> 3199 <div class="badge"> 3200 </div> 3201 <div class="pasaran">HK SIANG </div> 3202 <div class="keluaran">1484</div> 3203 <div class="tanggal">26-05-2026</div> 3204 </button> 3205 <div id="paito-HKD" class="accordion-collapse collapse"> 3206 3207 <div class="result"> 3208 <div class="pasaran"></div> 3209 <div class="keluaran">9005</div> 3210 <div class="tanggal">25-05-2026</div> 3211 </div> 3212 3213 <div class="result"> 3214 <div class="pasaran"></div> 3215 <div class="keluaran">6872</div> 3216 <div class="tanggal">24-05-2026</div> 3217 </div> 3218 3219 <div class="result"> 3220 <div class="pasaran"></div> 3221 <div class="keluaran">0681</div> 3222 <div class="tanggal">23-05-2026</div> 3223 </div> 3224 3225 <div class="result"> 3226 <div class="pasaran"></div> 3227 <div class="keluaran">2225</div> 3228 <div class="tanggal">22-05-2026</div> 3229 </div> 3230 3231 <div class="result"> 3232 <div class="pasaran"></div> 3233 <div class="keluaran">7488</div> 3234 <div class="tanggal">21-05-2026</div> 3235 </div> 3236 3237 <div class="result"> 3238 <div class="pasaran"></div> 3239 <div class="keluaran">5507</div> 3240 <div class="tanggal">20-05-2026</div> 3241 </div> 3242 3243 <div class="result"> 3244 <div class="pasaran"></div> 3245 <div class="keluaran">6833</div> 3246 <div class="tanggal">19-05-2026</div> 3247 </div> 3248 </div> 3249 </div> 3250 3251 <div class="result-data accordion-item"> 3252 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MBR"> 3253 <div class="badge"> 3254 </div> 3255 <div class="pasaran">MABAR LOTTERY </div> 3256 <div class="keluaran">9173</div> 3257 <div class="tanggal">26-05-2026</div> 3258 </button> 3259 <div id="paito-MBR" class="accordion-collapse collapse"> 3260 3261 <div class="result"> 3262 <div class="pasaran"></div> 3263 <div class="keluaran">2364</div> 3264 <div class="tanggal">25-05-2026</div> 3265 </div> 3266 3267 <div class="result"> 3268 <div class="pasaran"></div> 3269 <div class="keluaran">6725</div> 3270 <div class="tanggal">24-05-2026</div> 3271 </div> 3272 3273 <div class="result"> 3274 <div class="pasaran"></div> 3275 <div class="keluaran">7725</div> 3276 <div class="tanggal">23-05-2026</div> 3277 </div> 3278 3279 <div class="result"> 3280 <div class="pasaran"></div> 3281 <div class="keluaran">0923</div> 3282 <div class="tanggal">22-05-2026</div> 3283 </div> 3284 3285 <div class="result"> 3286 <div class="pasaran"></div> 3287 <div class="keluaran">3362</div> 3288 <div class="tanggal">21-05-2026</div> 3289 </div> 3290 3291 <div class="result"> 3292 <div class="pasaran"></div> 3293 <div class="keluaran">5236</div> 3294 <div class="tanggal">19-05-2026</div> 3295 </div> 3296 3297 <div class="result"> 3298 <div class="pasaran"></div> 3299 <div class="keluaran">7596</div> 3300 <div class="tanggal">18-05-2026</div> 3301 </div> 3302 </div> 3303 </div> 3304 3305 <div class="result-data accordion-item"> 3306 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-NZB"> 3307 <div class="badge"> 3308 </div> 3309 <div class="pasaran">BULLSEYE </div> 3310 <div class="keluaran">4726</div> 3311 <div class="tanggal">26-05-2026</div> 3312 </button> 3313 <div id="paito-NZB" class="accordion-collapse collapse"> 3314 3315 <div class="result"> 3316 <div class="pasaran"></div> 3317 <div class="keluaran">9049</div> 3318 <div class="tanggal">25-05-2026</div> 3319 </div> 3320 3321 <div class="result"> 3322 <div class="pasaran"></div> 3323 <div class="keluaran">5686</div> 3324 <div class="tanggal">24-05-2026</div> 3325 </div> 3326 3327 <div class="result"> 3328 <div class="pasaran"></div> 3329 <div class="keluaran">9121</div> 3330 <div class="tanggal">23-05-2026</div> 3331 </div> 3332 3333 <div class="result"> 3334 <div class="pasaran"></div> 3335 <div class="keluaran">9229</div> 3336 <div class="tanggal">22-05-2026</div> 3337 </div> 3338 3339 <div class="result"> 3340 <div class="pasaran"></div> 3341 <div class="keluaran">7916</div> 3342 <div class="tanggal">21-05-2026</div> 3343 </div> 3344 3345 <div class="result"> 3346 <div class="pasaran"></div> 3347 <div class="keluaran">3807</div> 3348 <div class="tanggal">20-05-2026</div> 3349 </div> 3350 3351 <div class="result"> 3352 <div class="pasaran"></div> 3353 <div class="keluaran">9684</div> 3354 <div class="tanggal">19-05-2026</div> 3355 </div> 3356 </div> 3357 </div> 3358 3359 <div class="result-data accordion-item"> 3360 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY"> 3361 <div class="badge"> 3362 </div> 3363 <div class="pasaran">SYDNEY </div> 3364 <div class="keluaran">8796</div> 3365 <div class="tanggal">26-05-2026</div> 3366 </button> 3367 <div id="paito-SY" class="accordion-collapse collapse"> 3368 3369 <div class="result"> 3370 <div class="pasaran"></div> 3371 <div class="keluaran">3660</div> 3372 <div class="tanggal">25-05-2026</div> 3373 </div> 3374 3375 <div class="result"> 3376 <div class="pasaran"></div> 3377 <div class="keluaran">0191</div> 3378 <div class="tanggal">24-05-2026</div> 3379 </div> 3380 3381 <div class="result"> 3382 <div class="pasaran"></div> 3383 <div class="keluaran">4926</div> 3384 <div class="tanggal">23-05-2026</div> 3385 </div> 3386 3387 <div class="result"> 3388 <div class="pasaran"></div> 3389 <div class="keluaran">5799</div> 3390 <div class="tanggal">22-05-2026</div> 3391 </div> 3392 3393 <div class="result"> 3394 <div class="pasaran"></div> 3395 <div class="keluaran"
3395>6605</div> 3396 <div class="tanggal">21-05-2026</div> 3397 </div> 3398 3399 <div class="result"> 3400 <div class="pasaran"></div> 3401 <div class="keluaran">7281</div> 3402 <div class="tanggal">20-05-2026</div> 3403 </div> 3404 3405 <div class="result"> 3406 <div class="pasaran"></div> 3407 <div class="keluaran">9869</div> 3408 <div class="tanggal">19-05-2026</div> 3409 </div> 3410 </div> 3411 </div> 3412 3413 <div class="result-data accordion-item"> 3414 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SDLT"> 3415 <div class="badge"> 3416 </div> 3417 <div class="pasaran">SYDNEY LOTTO </div> 3418 <div class="keluaran">8602</div> 3419 <div class="tanggal">26-05-2026</div> 3420 </button> 3421 <div id="paito-SDLT" class="accordion-collapse collapse"> 3422 3423 <div class="result"> 3424 <div class="pasaran"></div> 3425 <div class="keluaran">0979</div> 3426 <div class="tanggal">25-05-2026</div> 3427 </div> 3428 3429 <div class="result"> 3430 <div class="pasaran"></div> 3431 <div class="keluaran">2942</div> 3432 <div class="tanggal">24-05-2026</div> 3433 </div> 3434 3435 <div class="result"> 3436 <div class="pasaran"></div> 3437 <div class="keluaran">7397</div> 3438 <div class="tanggal">23-05-2026</div> 3439 </div> 3440 3441 <div class="result"> 3442 <div class="pasaran"></div> 3443 <div class="keluaran">4801</div> 3444 <div class="tanggal">22-05-2026</div> 3445 </div> 3446 3447 <div class="result"> 3448 <div class="pasaran"></div> 3449 <div class="keluaran">7708</div> 3450 <div class="tanggal">21-05-2026</div> 3451 </div> 3452 3453 <div class="result"> 3454 <div class="pasaran"></div> 3455 <div class="keluaran">1864</div> 3456 <div class="tanggal">20-05-2026</div> 3457 </div> 3458 3459 <div class="result"> 3460 <div class="pasaran"></div> 3461 <div class="keluaran">2572</div> 3462 <div class="tanggal">19-05-2026</div> 3463 </div> 3464 </div> 3465 </div> 3466 3467 <div class="result-data accordion-item"> 3468 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> 3469 <div class="badge"> 3470 </div> 3471 <div class="pasaran">SINGAPORE </div> 3472 <div class="keluaran">6101</div> 3473 <div class="tanggal">25-05-2026</div> 3474 </button> 3475 <div id="paito-SG" class="accordion-collapse collapse"> 3476 3477 <div class="result"> 3478 <div class="pasaran"></div> 3479 <div class="keluaran">7758</div> 3480 <div class="tanggal">24-05-2026</div> 3481 </div> 3482 3483 <div class="result"> 3484 <div class="pasaran"></div> 3485 <div class="keluaran">2176</div> 3486 <div class="tanggal">23-05-2026</div> 3487 </div> 3488 3489 <div class="result"> 3490 <div class="pasaran"></div> 3491 <div class="keluaran">3537</div> 3492 <div class="tanggal">21-05-2026</div> 3493 </div> 3494 3495 <div class="result"> 3496 <div class="pasaran"></div> 3497 <div class="keluaran">7699</div> 3498 <div class="tanggal">20-05-2026</div> 3499 </div> 3500 3501 <div class="result"> 3502 <div class="pasaran"></div> 3503 <div class="keluaran">0826</div> 3504 <div class="tanggal">18-05-2026</div> 3505 </div> 3506 3507 <div class="result"> 3508 <div class="pasaran"></div> 3509 <div class="keluaran">0368</div> 3510 <div class="tanggal">17-05-2026</div> 3511 </div> 3512 3513 <div class="result"> 3514 <div class="pasaran"></div> 3515 <div class="keluaran">2735</div> 3516 <div class="tanggal">16-05-2026</div> 3517 </div> 3518 </div> 3519 </div> 3520 3521 </div><div class='carousel-item accordion accordion-flush'> <div class="result-data accordion-item"> 3522 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-PCSO"> 3523 <div class="badge"> 3524 </div> 3525 <div class="pasaran">PCSO </div> 3526 <div class="keluaran">1957</div> 3527 <div class="tanggal">25-05-2026</div> 3528 </button> 3529 <div id="paito-PCSO" class="accordion-collapse collapse"> 3530 3531 <div class="result"> 3532 <div class="pasaran"></div> 3533 <div class="keluaran">3315</div> 3534 <div class="tanggal">23-05-2026</div> 3535 </div> 3536 3537 <div class="result"> 3538 <div class="pasaran"></div> 3539 <div class="keluaran">1700</div> 3540 <div class="tanggal">22-05-2026</div> 3541 </div> 3542 3543 <div class="result"> 3544 <div class="pasaran"></div> 3545 <div class="keluaran">3587</div> 3546 <div class="tanggal">21-05-2026</div> 3547 </div> 3548 3549 <div class="result"> 3550 <div class="pasaran"></div> 3551 <div class="keluaran">7308</div> 3552 <div class="tanggal">20-05-2026</div> 3553 </div> 3554 3555 <div class="result"> 3556 <div class="pasaran"></div> 3557 <div class="keluaran">4551</div> 3558 <div class="tanggal">19-05-2026</div> 3559 </div> 3560 3561 <div class="result"> 3562 <div class="pasaran"></div> 3563 <div class="keluaran">1112</div> 3564 <div class="tanggal">18-05-2026</div> 3565 </div> 3566 3567 <div class="result"> 3568 <div class="pasaran"></div> 3569 <div class="keluaran">8143</div> 3570 <div class="tanggal">16-05-2026</div> 3571 </div> 3572 </div> 3573 </div> 3574 3575 <div class="result-data accordion-item"> 3576 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY"> 3577 <div class="badge"> 3578 </div> 3579 <div class="pasaran">MALAYSIA </div> 3580 <div class="keluaran">5763</div> 3581 <div class="tanggal">26-05-2026</div> 3582 </button> 3583 <div id="paito-MY" class="accordion-collapse collapse"> 3584 3585 <div class="result"> 3586 <div class="pasaran"></div> 3587 <div class="keluaran">8368</div> 3588 <div class="tanggal">25-05-2026</div> 3589 </div> 3590 3591 <div class="result"> 3592 <div class="pasaran"></div> 3593 <div class="keluaran">1787</div> 3594 <div class="tanggal">24-05-2026</div> 3595 </div> 3596 3597 <div class="result"> 3598 <div class="pasaran"></div> 3599 <div class="keluaran">7290</div> 3600 <div class="tanggal">23-05-2026</div> 3601 </div> 3602 3603 <div class="result"> 3604 <div class="pasaran"></div> 3605 <div class="keluaran">2503</div> 3606 <div class="tanggal">22-05-2026</div> 3607 </div> 3608 3609 <div class="result"> 3610 <div class="pasaran"></div> 3611 <div class="keluaran">3265</div> 3612 <div class="tanggal">21-05-2026</div> 3613 </div> 3614 3615 <div class="result"> 3616 <div class="pasaran"></div> 3617 <div class="keluaran">1306</div> 3618
3618 <div class="tanggal">20-05-2026</div> 3619 </div> 3620 3621 <div class="result"> 3622 <div class="pasaran"></div> 3623 <div class="keluaran">5305</div> 3624 <div class="tanggal">19-05-2026</div> 3625 </div> 3626 </div> 3627 </div> 3628 3629 <div class="result-data accordion-item"> 3630 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWN"> 3631 <div class="badge"> 3632 </div> 3633 <div class="pasaran">TAIWAN </div> 3634 <div class="keluaran">1178</div> 3635 <div class="tanggal">25-05-2026</div> 3636 </button> 3637 <div id="paito-TWN" class="accordion-collapse collapse"> 3638 3639 <div class="result"> 3640 <div class="pasaran"></div> 3641 <div class="keluaran">7668</div> 3642 <div class="tanggal">24-05-2026</div> 3643 </div> 3644 3645 <div class="result"> 3646 <div class="pasaran"></div> 3647 <div class="keluaran">0977</div> 3648 <div class="tanggal">23-05-2026</div> 3649 </div> 3650 3651 <div class="result"> 3652 <div class="pasaran"></div> 3653 <div class="keluaran">6763</div> 3654 <div class="tanggal">22-05-2026</div> 3655 </div> 3656 3657 <div class="result"> 3658 <div class="pasaran"></div> 3659 <div class="keluaran">7988</div> 3660 <div class="tanggal">21-05-2026</div> 3661 </div> 3662 3663 <div class="result"> 3664 <div class="pasaran"></div> 3665 <div class="keluaran">0810</div> 3666 <div class="tanggal">20-05-2026</div> 3667 </div> 3668 3669 <div class="result"> 3670 <div class="pasaran"></div> 3671 <div class="keluaran">6157</div> 3672 <div class="tanggal">19-05-2026</div> 3673 </div> 3674 3675 <div class="result"> 3676 <div class="pasaran"></div> 3677 <div class="keluaran">5880</div> 3678 <div class="tanggal">18-05-2026</div> 3679 </div> 3680 </div> 3681 </div> 3682 3683 <div class="result-data accordion-item"> 3684 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR"> 3685 <div class="badge"> 3686 </div> 3687 <div class="pasaran">QATAR </div> 3688 <div class="keluaran">3403</div> 3689 <div class="tanggal">25-05-2026</div> 3690 </button> 3691 <div id="paito-QTR" class="accordion-collapse collapse"> 3692 3693 <div class="result"> 3694 <div class="pasaran"></div> 3695 <div class="keluaran">7302</div> 3696 <div class="tanggal">24-05-2026</div> 3697 </div> 3698 3699 <div class="result"> 3700 <div class="pasaran"></div> 3701 <div class="keluaran">9530</div> 3702 <div class="tanggal">23-05-2026</div> 3703 </div> 3704 3705 <div class="result"> 3706 <div class="pasaran"></div> 3707 <div class="keluaran">7978</div> 3708 <div class="tanggal">22-05-2026</div> 3709 </div> 3710 3711 <div class="result"> 3712 <div class="pasaran"></div> 3713 <div class="keluaran">8313</div> 3714 <div class="tanggal">21-05-2026</div> 3715 </div> 3716 3717 <div class="result"> 3718 <div class="pasaran"></div> 3719 <div class="keluaran">9457</div> 3720 <div class="tanggal">20-05-2026</div> 3721 </div> 3722 3723 <div class="result"> 3724 <div class="pasaran"></div> 3725 <div class="keluaran">7140</div> 3726 <div class="tanggal">19-05-2026</div> 3727 </div> 3728 3729 <div class="result"> 3730 <div class="pasaran"></div> 3731 <div class="keluaran">8734</div> 3732 <div class="tanggal">18-05-2026</div> 3733 </div> 3734 </div> 3735 </div> 3736 3737 <div class="result-data accordion-item"> 3738 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK"> 3739 <div class="badge"> 3740 </div> 3741 <div class="pasaran">HONGKONG </div> 3742 <div class="keluaran">5909</div> 3743 <div class="tanggal">25-05-2026</div> 3744 </button> 3745 <div id="paito-HK" class="accordion-collapse collapse"> 3746 3747 <div class="result"> 3748 <div class="pasaran"></div> 3749 <div class="keluaran">3754</div> 3750 <div class="tanggal">24-05-2026</div> 3751 </div> 3752 3753 <div class="result"> 3754 <div class="pasaran"></div> 3755 <div class="keluaran">6284</div> 3756 <div class="tanggal">23-05-2026</div> 3757 </div> 3758 3759 <div class="result"> 3760 <div class="pasaran"></div> 3761 <div class="keluaran">5767</div> 3762 <div class="tanggal">22-05-2026</div> 3763 </div> 3764 3765 <div class="result"> 3766 <div class="pasaran"></div> 3767 <div class="keluaran">4915</div> 3768 <div class="tanggal">21-05-2026</div> 3769 </div> 3770 3771 <div class="result"> 3772 <div class="pasaran"></div> 3773 <div class="keluaran">6881</div> 3774 <div class="tanggal">20-05-2026</div> 3775 </div> 3776 3777 <div class="result"> 3778 <div class="pasaran"></div> 3779 <div class="keluaran">4874</div> 3780 <div class="tanggal">19-05-2026</div> 3781 </div> 3782 3783 <div class="result"> 3784 <div class="pasaran"></div> 3785 <div class="keluaran">9123</div> 3786 <div class="tanggal">18-05-2026</div> 3787 </div> 3788 </div> 3789 </div> 3790 3791 <div class="result-data accordion-item"> 3792 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKLT"> 3793 <div class="badge"> 3794 </div> 3795 <div class="pasaran">HONGKONG LOTTO </div> 3796 <div class="keluaran">0140</div> 3797 <div class="tanggal">25-05-2026</div> 3798 </button> 3799 <div id="paito-HKLT" class="accordion-collapse collapse"> 3800 3801 <div class="result"> 3802 <div class="pasaran"></div> 3803 <div class="keluaran">3086</div> 3804 <div class="tanggal">24-05-2026</div> 3805 </div> 3806 3807 <div class="result"> 3808 <div class="pasaran"></div> 3809 <div class="keluaran">5351</div> 3810 <div class="tanggal">23-05-2026</div> 3811 </div> 3812 3813 <div class="result"> 3814 <div class="pasaran"></div> 3815 <div class="keluaran">1975</div> 3816 <div class="tanggal">22-05-2026</div> 3817 </div> 3818 3819 <div class="result"> 3820 <div class="pasaran"></div> 3821 <div class="keluaran">1874</div> 3822 <div class="tanggal">21-05-2026</div> 3823 </div> 3824 3825 <div class="result"> 3826 <div class="pasaran"></div> 3827 <div class="keluaran">4159</div> 3828 <div class="tanggal">20-05-2026</div> 3829 </div> 3830 3831 <div class="result"> 3832 <div class="pasaran"></div> 3833 <div class="keluaran">0368</div> 3834 <div class="tanggal">19-05-2026</div> 3835 </div> 3836 3837 <div class="result"> 3838 <div class="pasaran"></div> 3839 <div class="keluaran">7430</div> 3840 <div class="tanggal">18-05-2026</div> 3841
3841 </div> 3842 </div> 3843 </div> 3844 3845 <div class="result-data accordion-item"> 3846 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> 3847 <div class="badge"> 3848 </div> 3849 <div class="pasaran">TOTO WUHAN </div> 3850 <div class="keluaran">7808</div> 3851 <div class="tanggal">26-05-2026</div> 3852 </button> 3853 <div id="paito-TWH" class="accordion-collapse collapse"> 3854 3855 <div class="result"> 3856 <div class="pasaran"></div> 3857 <div class="keluaran">6326</div> 3858 <div class="tanggal">26-05-2026</div> 3859 </div> 3860 3861 <div class="result"> 3862 <div class="pasaran"></div> 3863 <div class="keluaran">8505</div> 3864 <div class="tanggal">26-05-2026</div> 3865 </div> 3866 3867 <div class="result"> 3868 <div class="pasaran"></div> 3869 <div class="keluaran">2188</div> 3870 <div class="tanggal">26-05-2026</div> 3871 </div> 3872 3873 <div class="result"> 3874 <div class="pasaran"></div> 3875 <div class="keluaran">1242</div> 3876 <div class="tanggal">26-05-2026</div> 3877 </div> 3878 3879 <div class="result"> 3880 <div class="pasaran"></div> 3881 <div class="keluaran">7218</div> 3882 <div class="tanggal">25-05-2026</div> 3883 </div> 3884 3885 <div class="result"> 3886 <div class="pasaran"></div> 3887 <div class="keluaran">1435</div> 3888 <div class="tanggal">25-05-2026</div> 3889 </div> 3890 3891 <div class="result"> 3892 <div class="pasaran"></div> 3893 <div class="keluaran">4614</div> 3894 <div class="tanggal">25-05-2026</div> 3895 </div> 3896 </div> 3897 </div> 3898 3899 </div> 3900 3901 </div> 3902 </div> 3903 </div> 3904 3905
3905<script> 3906 3907 function togglePaito(paitoid) { 3908 let paito = document.getElementById(paitoid); 3909 paito.classList.add("open"); 3910 } 3911 3912 3913 </script>
3913 3914 3915 <div class="transaksi p-0 py-lg-4"> 3916 <div class="d-none d-lg-block"> 3917 <!-- BANNER SBO DESKTOP --> 3918 <div class="match-slider-wrap"> 3919 <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 3920 3921 <div class="carousel-indicators"> 3922 <button 3923 type="button" 3924 data-bs-target="#sboMatchCarouselDesktop" 3925 data-bs-slide-to="0" 3926 class="active" 3927 aria-current="true" aria-label="Slide 1"> 3928 </button> 3929 <button 3930 type="button" 3931 data-bs-target="#sboMatchCarouselDesktop" 3932 data-bs-slide-to="1" 3933 class="" 3934 aria-label="Slide 2"> 3935 </button> 3936 <button 3937 type="button" 3938 data-bs-target="#sboMatchCarouselDesktop" 3939 data-bs-slide-to="2" 3940 class="" 3941 aria-label="Slide 3"> 3942 </button> 3943 <button 3944 type="button" 3945 data-bs-target="#sboMatchCarouselDesktop" 3946 data-bs-slide-to="3" 3947 class="" 3948 aria-label="Slide 4"> 3949 </button> 3950 </div> 3951 3952 <div class="carousel-inner"> 3953 <div class="carousel-item active"> 3954 <div class="row g-3"> 3955 <div class="col-12 col-md-6 col-lg-4"> 3956 <div class="match-card h-100"> 3957 <div class="league-name"> 3958 UEFA CHAMPIONS LEAGUE </div> 3959 3960 <div class="kickoff-time"> 3961 May 30, 2026 â 22:59 WIB </div> 3962 3963 <div class="match-main-row"> 3964 <div class="team-col"> 3965 <img 3966 src="../img-2-2.cdn568.net/images/teamLogo/ParisSaintGermain.png" 3967 alt="Paris Saint Germain (n)" 3968 class="team-logo" 3969 > 3970 <div class="team-name"> 3971 Paris Saint Germain (n) </div> 3972 </div> 3973 3974 <div class="score-col"> 3975 <div class="score-value"> 3976 0 : 0 </div> 3977 3978 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '130619275')"> 3979 BET NOW 3980 </a> 3981 </div> 3982 3983 <div class="team-col"> 3984 <img 3985 src="/football/team/d6f5debc456da1119256ab66462ab510.png" 3986 alt="Arsenal" 3987 class="team-logo" 3988 > 3989 <div class="team-name"> 3990 Arsenal </div> 3991 </div> 3992 </div> 3993 3994 <div class="match-odds-row"> 3995 <div class="odds-col"> 3996 <sp
3996an> 3997 0.00 <small>0.68</small> 3998 </span> 3999 </div> 4000 4001 <div class="odds-spacer"></div> 4002 4003 <div class="odds-col"> 4004 <span> 4005 0.00 <small>-0.78</small> 4006 </span> 4007 </div> 4008 </div> 4009 </div> 4010 </div> 4011 <div class="col-12 col-md-6 col-lg-4"> 4012 <div class="match-card h-100"> 4013 <div class="league-name"> 4014 WORLD CUP 2026 (in Canada, Mexico & USA) </div> 4015 4016 <div class="kickoff-time"> 4017 June 12, 2026 â 02:00 WIB </div> 4018 4019 <div class="match-main-row"> 4020 <div class="team-col"> 4021 <img 4022 src="../img-2-2.cdn568.net/images/teamLogo/Mexico.png" 4023 alt="Mexico" 4024 class="team-logo" 4025 > 4026 <div class="team-name"> 4027 Mexico </div> 4028 </div> 4029 4030 <div class="score-col"> 4031 <div class="score-value"> 4032 0 : 0 </div> 4033 4034 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112606825')"> 4035 BET NOW 4036 </a> 4037 </div> 4038 4039 <div class="team-col"> 4040 <img 4041 src="../img-2-2.cdn568.net/images/teamLogo/SouthAfrica.png" 4042 alt="South Africa" 4043 class="team-logo" 4044 > 4045 <div class="team-name"> 4046 South Africa </div> 4047 </div> 4048 </div> 4049 4050 <div class="match-odds-row"> 4051 <div class="odds-col"> 4052 <sp
4052an> 4053 1 <small>0.83</small> 4054 </span> 4055 </div> 4056 4057 <div class="odds-spacer"></div> 4058 4059 <div class="odds-col"> 4060 <span> 4061 -1 <small>-0.95</small> 4062 </span> 4063 </div> 4064 </div> 4065 </div> 4066 </div> 4067 <div class="col-12 col-md-6 col-lg-4"> 4068 <div class="match-card h-100"> 4069 <div class="league-name"> 4070 WORLD CUP 2026 (in Canada, Mexico & USA) </div> 4071 4072 <div class="kickoff-time"> 4073 June 12, 2026 â 09:00 WIB </div> 4074 4075 <div class="match-main-row"> 4076 <div class="team-col"> 4077 <img 4078 src="../img-2-2.cdn568.net/images/teamLogo/Czechia.png" 4079 alt="Czechia" 4080 class="team-logo" 4081 > 4082 <div class="team-name"> 4083 Czechia </div> 4084 </div> 4085 4086 <div class="score-col"> 4087 <div class="score-value"> 4088 0 : 0 </div> 4089 4090 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '126360784')"> 4091 BET NOW 4092 </a> 4093 </div> 4094 4095 <div class="team-col"> 4096 <img 4097 src="../img-2-2.cdn568.net/images/teamLogo/KoreaRepublic.png" 4098 alt="Korea Republic" 4099 class="team-logo" 4100 > 4101 <div class="team-name"> 4102 Korea Republic </div> 4103 </div> 4104 </div> 4105 4106 <div class="match-odds-row"> 4107 <div class="odds-col"> 4108 <sp
4108an> 4109 0.00 <small>0.96</small> 4110 </span> 4111 </div> 4112 4113 <div class="odds-spacer"></div> 4114 4115 <div class="odds-col"> 4116 <span> 4117 0.00 <small>0.92</small> 4118 </span> 4119 </div> 4120 </div> 4121 </div> 4122 </div> 4123 </div> 4124 </div> 4125 <div class="carousel-item "> 4126 <div class="row g-3"> 4127 <div class="col-12 col-md-6 col-lg-4"> 4128 <div class="match-card h-100"> 4129 <div class="league-name"> 4130 e-Football F24 Elite Club Friendly </div> 4131 4132 <div class="kickoff-time"> 4133 May 26, 2026 â 19:45 WIB </div> 4134 4135 <div class="match-main-row"> 4136 <div class="team-col"> 4137 <img 4138 src="../img-2-2.cdn568.net/images/teamLogo/Lille.png" 4139 alt="e-Lille" 4140 class="team-logo" 4141 > 4142 <div class="team-name"> 4143 e-Lille </div> 4144 </div> 4145 4146 <div class="score-col"> 4147 <div class="score-value"> 4148 0 : 1 </div> 4149 4150 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967294')"> 4151 BET NOW 4152 </a> 4153 </div> 4154 4155 <div class="team-col"> 4156 <img 4157 src="../img-2-2.cdn568.net/images/teamLogo/ParisSaintGermain.png" 4158 alt="e-Paris Saint Germain" 4159 class="team-logo" 4160 > 4161 <div class="team-name"> 4162 e-Paris Saint Germain </div> 4163 </div> 4164 </div> 4165 4166 <div class="match-odds-row"> 4167 <div class="odds-col"> 4168 <sp
4168an> 4169 0.00 <small>-0.60</small> 4170 </span> 4171 </div> 4172 4173 <div class="odds-spacer"></div> 4174 4175 <div class="odds-col"> 4176 <span> 4177 0.00 <small>0.36</small> 4178 </span> 4179 </div> 4180 </div> 4181 </div> 4182 </div> 4183 <div class="col-12 col-md-6 col-lg-4"> 4184 <div class="match-card h-100"> 4185 <div class="league-name"> 4186 e-Football F24 Elite Club Friendly </div> 4187 4188 <div class="kickoff-time"> 4189 May 26, 2026 â 20:00 WIB </div> 4190 4191 <div class="match-main-row"> 4192 <div class="team-col"> 4193 <img 4194 src="../img-2-2.cdn568.net/images/teamLogo/RealMadrid.png" 4195 alt="e-Real Madrid" 4196 class="team-logo" 4197 > 4198 <div class="team-name"> 4199 e-Real Madrid </div> 4200 </div> 4201 4202 <div class="score-col"> 4203 <div class="score-value"> 4204 0 : 0 </div> 4205 4206 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967298')"> 4207 BET NOW 4208 </a> 4209 </div> 4210 4211 <div class="team-col"> 4212 <img 4213 src="../img-2-2.cdn568.net/images/teamLogo/Feyenoord.png" 4214 alt="e-Feyenoord" 4215 class="team-logo" 4216 > 4217 <div class="team-name"> 4218 e-Feyenoord </div> 4219 </div> 4220 </div> 4221 4222 <div class="match-odds-row"> 4223 <div class="odds-col"> 4224 <sp
4224an> 4225 1.75 <small>0.70</small> 4226 </span> 4227 </div> 4228 4229 <div class="odds-spacer"></div> 4230 4231 <div class="odds-col"> 4232 <span> 4233 -1.75 <small>-0.94</small> 4234 </span> 4235 </div> 4236 </div> 4237 </div> 4238 </div> 4239 <div class="col-12 col-md-6 col-lg-4"> 4240 <div class="match-card h-100"> 4241 <div class="league-name"> 4242 e-Football F24 International Friendly </div> 4243 4244 <div class="kickoff-time"> 4245 May 26, 2026 â 19:45 WIB </div> 4246 4247 <div class="match-main-row"> 4248 <div class="team-col"> 4249 <img 4250 src="/football/team/e5e5e0f67481324ebdbd65d65890b2b8.png" 4251 alt="e-Italy" 4252 class="team-logo" 4253 > 4254 <div class="team-name"> 4255 e-Italy </div> 4256 </div> 4257 4258 <div class="score-col"> 4259 <div class="score-value"> 4260 0 : 2 </div> 4261 4262 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132966982')"> 4263 BET NOW 4264 </a> 4265 </div> 4266 4267 <div class="team-col"> 4268 <img 4269 src="../img-2-2.cdn568.net/images/teamLogo/England.png" 4270 alt="e-England" 4271 class="team-logo" 4272 > 4273 <div class="team-name"> 4274 e-England </div> 4275 </div> 4276 </div> 4277 4278 <div class="match-odds-row"> 4279 <div class="odds-col"> 4280 <sp
4280an> 4281 0.00 <small>-0.72</small> 4282 </span> 4283 </div> 4284 4285 <div class="odds-spacer"></div> 4286 4287 <div class="odds-col"> 4288 <span> 4289 0.00 <small>0.48</small> 4290 </span> 4291 </div> 4292 </div> 4293 </div> 4294 </div> 4295 </div> 4296 </div> 4297 <div class="carousel-item "> 4298 <div class="row g-3"> 4299 <div class="col-12 col-md-6 col-lg-4"> 4300 <div class="match-card h-100"> 4301 <div class="league-name"> 4302 e-Football F24 Elite Club Friendly </div> 4303 4304 <div class="kickoff-time"> 4305 May 26, 2026 â 19:45 WIB </div> 4306 4307 <div class="match-main-row"> 4308 <div class="team-col"> 4309 <img 4310 src="../img-2-2.cdn568.net/images/teamLogo/Arsenal.png" 4311 alt="e-Arsenal" 4312 class="team-logo" 4313 > 4314 <div class="team-name"> 4315 e-Arsenal </div> 4316 </div> 4317 4318 <div class="score-col"> 4319 <div class="score-value"> 4320 0 : 2 </div> 4321 4322 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967295')"> 4323 BET NOW 4324 </a> 4325 </div> 4326 4327 <div class="team-col"> 4328 <img 4329 src="../img-2-2.cdn568.net/images/teamLogo/RBLeipzig.png" 4330 alt="e-RB Leipzig" 4331 class="team-logo" 4332 > 4333 <div class="team-name"> 4334 e-RB Leipzig </div> 4335 </div> 4336 </div> 4337 4338 <div class="match-odds-row"> 4339 <div class="odds-col"> 4340 <sp
4340an> 4341 0.00 <small>-0.83</small> 4342 </span> 4343 </div> 4344 4345 <div class="odds-spacer"></div> 4346 4347 <div class="odds-col"> 4348 <span> 4349 0.00 <small>0.59</small> 4350 </span> 4351 </div> 4352 </div> 4353 </div> 4354 </div> 4355 <div class="col-12 col-md-6 col-lg-4"> 4356 <div class="match-card h-100"> 4357 <div class="league-name"> 4358 e-Football F24 Elite Club Friendly </div> 4359 4360 <div class="kickoff-time"> 4361 May 26, 2026 â 19:45 WIB </div> 4362 4363 <div class="match-main-row"> 4364 <div class="team-col"> 4365 <img 4366 src="../img-2-2.cdn568.net/images/teamLogo/InterMilan.png" 4367 alt="e-Inter Milan" 4368 class="team-logo" 4369 > 4370 <div class="team-name"> 4371 e-Inter Milan </div> 4372 </div> 4373 4374 <div class="score-col"> 4375 <div class="score-value"> 4376 0 : 1 </div> 4377 4378 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967296')"> 4379 BET NOW 4380 </a> 4381 </div> 4382 4383 <div class="team-col"> 4384 <img 4385 src="../img-2-2.cdn568.net/images/teamLogo/RBLeipzig.png" 4386 alt="e-RB Leipzig" 4387 class="team-logo" 4388 > 4389 <div class="team-name"> 4390 e-RB Leipzig </div> 4391 </div> 4392 </div> 4393 4394 <div class="match-odds-row"> 4395 <div class="odds-col"> 4396 <sp
4396an> 4397 0.00 <small>1.00</small> 4398 </span> 4399 </div> 4400 4401 <div class="odds-spacer"></div> 4402 4403 <div class="odds-col"> 4404 <span> 4405 0.00 <small>0.76</small> 4406 </span> 4407 </div> 4408 </div> 4409 </div> 4410 </div> 4411 <div class="col-12 col-md-6 col-lg-4"> 4412 <div class="match-card h-100"> 4413 <div class="league-name"> 4414 e-Football F24 International Friendly </div> 4415 4416 <div class="kickoff-time"> 4417 May 26, 2026 â 19:30 WIB </div> 4418 4419 <div class="match-main-row"> 4420 <div class="team-col"> 4421 <img 4422 src="../img-2-2.cdn568.net/images/teamLogo/Denmark.png" 4423 alt="e-Denmark" 4424 class="team-logo" 4425 > 4426 <div class="team-name"> 4427 e-Denmark </div> 4428 </div> 4429 4430 <div class="score-col"> 4431 <div class="score-value"> 4432 0 : 0 </div> 4433 4434 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132966980')"> 4435 BET NOW 4436 </a> 4437 </div> 4438 4439 <div class="team-col"> 4440 <img 4441 src="../img-2-2.cdn568.net/images/teamLogo/Croatia.png" 4442 alt="e-Croatia" 4443 class="team-logo" 4444 > 4445 <div class="team-name"> 4446 e-Croatia </div> 4447 </div> 4448 </div> 4449 4450 <div class="match-odds-row"> 4451 <div class="odds-col"> 4452 <sp
4452an> 4453 0.00 <small>0.00</small> 4454 </span> 4455 </div> 4456 4457 <div class="odds-spacer"></div> 4458 4459 <div class="odds-col"> 4460 <span> 4461 0.00 <small>0.00</small> 4462 </span> 4463 </div> 4464 </div> 4465 </div> 4466 </div> 4467 </div> 4468 </div> 4469 <div class="carousel-item "> 4470 <div class="row g-3"> 4471 <div class="col-12 col-md-6 col-lg-4"> 4472 <div class="match-card h-100"> 4473 <div class="league-name"> 4474 e-Football F24 International Friendly </div> 4475 4476 <div class="kickoff-time"> 4477 May 26, 2026 â 19:45 WIB </div> 4478 4479 <div class="match-main-row"> 4480 <div class="team-col"> 4481 <img 4482 src="../img-2-2.cdn568.net/images/teamLogo/Portugal.png" 4483 alt="e-Portugal" 4484 class="team-logo" 4485 > 4486 <div class="team-name"> 4487 e-Portugal </div> 4488 </div> 4489 4490 <div class="score-col"> 4491 <div class="score-value"> 4492 0 : 0 </div> 4493 4494 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132966983')"> 4495 BET NOW 4496 </a> 4497 </div> 4498 4499 <div class="team-col"> 4500 <img 4501 src="../img-2-2.cdn568.net/images/teamLogo/Wales.png" 4502 alt="e-Wales" 4503 class="team-logo" 4504 > 4505 <div class="team-name"> 4506 e-Wales </div> 4507 </div> 4508 </div> 4509 4510 <div class="match-odds-row"> 4511 <div class="odds-col"> 4512 <sp
4512an> 4513 0.25 <small>0.45</small> 4514 </span> 4515 </div> 4516 4517 <div class="odds-spacer"></div> 4518 4519 <div class="odds-col"> 4520 <span> 4521 -0.25 <small>-0.69</small> 4522 </span> 4523 </div> 4524 </div> 4525 </div> 4526 </div> 4527 </div> 4528 </div> 4529 </div> 4530 4531 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev"> 4532 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 4533 <span class="visually-hidden">Previous</span> 4534 </button> 4535 4536 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next"> 4537 <span class="carousel-control-next-icon" aria-hidden="true"></span> 4538 <span class="visually-hidden">Next</span> 4539 </button> 4540 </div> 4541 </div> 4542 <!-- BANNER SBO DESKTOP END --> 4543 <!-- Banner Telegram --> 4544 4545 4546 <style> 4547 .telegram-bet-title { 4548 font-size: 1.3rem; 4549 font-weight: 800; 4550 letter-spacing: 1px; 4551 text-transform: uppercase; 4552 color: #ffffff; 4553 4554 /* NEON TELEGRAM GLOW */ 4555 text-shadow: 4556 /* inner white core */ 4557 0 0 2px rgba(255,255,255,0.9), 4558 4559 /* tight Telegram glow */ 4560 0 0 6px rgba(0,136,204,0.9), 4561 0 0 12px rgba(0,136,204,0.8), 4562 4563 /* outer neon halo */ 4564 0 0 22px rgba(0,136,204,0.6), 4565 0 0 38px rgba(0,136,204,0.45), 4566 0 0 60px rgba(0,136,204,0.3); 4567 } 4568 </style> 4569 4570 <style> 4571 .btn-telegram-neon { 4572 font-weight: 600; 4573 padding: 10px 16px; 4574 border-radius: 10px; 4575 letter-spacing: 0.3px; 4576 4577 background: #0088cc; 4578 border: none; 4579 color: #ffffff; 4580 4581 /* clean Telegram neon */ 4582 box-shadow: 4583 0 2px 6px rgba(0,136,204,0.35), 4584 0 0 10px rgba(0,136,204,0.25); 4585 4586 transition: box-shadow 0.25s ease, transform 0.2s ease; 4587 } 4588 4589 /* hover: slight lift + glow */ 4590 .btn-telegram-neon:hover { 4591 box-shadow: 4592 0 4px 10px rgba(0,136,204,0.45), 4593 0 0 16px rgba(0,136,204,0.35); 4594 transform: translateY(-1px); 4595 } 4596 4597 /* active */ 4598 .btn-telegram-neon:active { 4599 transform: translateY(0); 4600 box-shadow: 4601 0 2px 5px rgba(0,136,204,0.35); 4602 } 4603 </style> 4604 4605 <style> 4606 .telegram-float { 4607 animation: telegramFloat 3.5s ease-in-out infinite; 4608 } 4609 4610 @keyframes telegramFloat { 4611 0%, 100% { 4612 transform: translateY(0); 4613 } 4614 50% { 4615 transform: translateY(-8px); 4616 } 4617 } 4618 </style> 4619 4620 <div class="mb-lg-3" style="width: 100%; position: relative; display: flex; align-items: center"> 4621 <div style="z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px"> 4622 <div class="d-flex gap-4"> 4623 <img src="/assets/banner-telegram-icon.png" class="telegram-float"/> 4624 <div class="d-flex flex-column justify-content-center gap-1"> 4625 <strong class="telegram-bet-title">TELEGRAM BET</strong> 4626 4627 <div class="d-flex gap-3"> 4628 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Daftar</em></div> 4629 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Login</em></div> 4630 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Deposit</em></div> 4631 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Withdraw</em></div> 4632 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Bet</em></div> 4633 </div> 4634 </div> 4635 </div> 4636 4637 <button class="btn-telegram-neon rounded-pill" onclick="window.open('', '_blank')">Mainkan Sekarang</button> 4638 4639 </div> 4640 <div style="position: absolute; width: 100%; background: gray"> 4641 <img src="/assets/banner-telegram.jpg" /> 4642 </div> 4643 4644 </div> 4645 4646 4647 4648 <div class="transaksi-kontak"> 4649 4650 <div class="d-flex flex-column w-100"> 4651 <div class="transaksi-content"> 4652 <!-- Bank --> 4653 4654<style> 4655 /* ====== LAYOUT KESELURUHAN ====== */ 4656 4657 .transaksi-layout { 4658 display: flex; 4659 justify-content: center; 4660 gap: 16px; 4661 align-items: center; 4662 } 4663 4664 .transaksi-left-inner { 4665 width: 100%; 4666 } 4667 4668 .transaksi-left-img { 4669 width: 100%; 4670 height: auto; 4671 display: block; 4672 object-fit: cover; 4673 } 4674 4675 .transaksi-right-box { 4676 flex: 1; 4677 display: flex; 4678 justify-content: flex-start; 4679 } 4680 4681 .transaksi-group { 4682 display: flex; 4683 flex-direction: column; 4684 gap: 16px; 4685 width: 100%; 4686 grid-template-areas: 4687 "transaksi-bank transaksi-other transaksi-crypto"; 4688 } 4689 4690 .transaksi-bank { 4691 grid-area: transaksi-bank; 4692 display: grid; 4693 place-items: center; 4694 justify-content: flex-start; 4695 } 4696 4697 .transaksi-other { 4698 grid-area: transaksi-other; 4699 display: flex; 4700 justify-content: flex-start; 4701 width: 100%; 4702 } 4703 4704 .transaksi-crypto { 4705 grid-area: transaksi-crypto; 4706 display: flex; 4707 justify-content: flex-start; 4708 width: 100%; 4709 } 4710 4711 .transaksi-wrapper { 4712 display: flex; 4713 flex-direction: column; 4714 gap: .5rem; 4715 align-items: flex-start; 4716 } 4717 4718 .transaksi-name { 4719 font-size: 1.1rem; 4720 font-weight: bold; 4721 line-height: 1.5rem; 4722 } 4723 4724 /* ====== GRID LIST ====== */ 4725 4726 .transaksi-list-bank, 4727 .transaksi-list-other { 4728 height: fit-content; 4729 display: grid; 4730 grid-template-columns: repeat(5, minmax(80px, 1fr)); 4731 gap: 4px 6px; 4732 } 4733 4734 .transaksi-list-crypto { 4735 height: fit-content; 4736 display: flex; 4737 align-items: center; 4738 gap: 24px; 4739 width: 100%; 4740 justify-content: flex-start; 4741 } 4742 4743 .icon-crypto { 4744 width: 24px; 4745 height: 24px; 4746 } 4747 4748 /* ====== ITEM BANK / EMONEY ====== */ 4749 4750 .transaksi-item { 4751 display: flex; 4752 flex-direction: column; 4753 position: relative; 4754 } 4755 4756 .transaksi-header { 4757 height: 30px; 4758 border-radius: 5px; 4759 font-weight: bold; 4760 border: 2px solid rgba(108,108,108,1); 4761 background: rgba(54,54,54,1); 4762 color: white; 4763 display: flex; 4764 align-items: center; 4765 justify-content: center; 4766 padding: 0 12px 0 22px; /* extra space kiri buat dot */ 4767 font-size: 0.9rem; 4768 white-space: nowrap; 4769 } 4770 4771 /* strip bawah lama dimatikan */ 4772 .transaksi-status { 4773 display: none; 4774 } 4775 4776 /* ====== ONLINE / OFFLINE DOT ====== */ 4777 4778 /* ONLINE: tambahkan class is-online di PHP */ 4779 .transaksi-header.is-online::before { 4780 content: ""; 4781 position: absolute; 4782 left: 8px; 4783 top: 50%; 4784 transform: translateY(-50%); 4785 width: 9px; 4786 height: 9px; 4787 border-radius: 50%; 4788 background-color: #00ff66; 4789 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4790 } 4791 4792 /* OFFLINE: is-offline (lebih gelap + tanpa dot) */ 4793 .transaksi-header.is-offline { 4794 background: #2e2e2e; 4795 border-color: #555; 4796 opacity: .4; 4797 } 4798 4799 /* backup: kalau lupa kasih class di PHP, treat sebagai offline */ 4800 .transaksi-header:not(.is-online):not(.is-offline) { 4801 background: #2e2e2e; 4802 border-color: #555; 4803 opacity: .4; 4804 } 4805 4806 @media only screen and (max-width: 768px) { 4807 4808 .transaksi-layout { 4809 flex-direction: column; 4810 align-items: center; 4811 } 4812 4813 .transaksi-group { 4814 display: grid; 4815 grid-template-columns: 1fr; 4816 grid-template-areas: 4817 "transaksi-bank" 4818 "transaksi-other" 4819 "transaksi-crypto"; 4820 gap: 32px; 4821 margin-bottom: 8px; 4822 } 4823 4824 .transaksi-header { 4825 font-size: 1.1rem; 4826 height: 36px; 4827 } 4828 4829 .transaksi-list-bank { 4830 grid-template-columns: repeat(4, 1fr); 4831 } 4832 4833 .transaksi-list-other { 4834 grid-template-columns: repeat(4, 1fr); 4835 } 4836 4837 .transaksi-list-crypto { 4838 width: 86%; 4839 margin: auto; 4840 flex-wrap: wrap; 4841 } 4842 4843 .transaksi-item { 4844 width: 100%; 4845 } 4846 4847 .transaksi-name { 4848 font-size: 1.3rem; 4849 text-align: center; 4850 line-height: 1.8rem; 4851 } 4852 4853 .transaksi-wrapper { 4854 width: 100%; 4855 max-width: 100%!important; 4856 gap: 1rem; 4857 align-items: center; 4858 } 4859 4860 .icon-crypto { 4861 width: 28px; 4862 height: 28px; 4863 } 4864 } 4865 4866 /* LEBAR BOX BANK BIAR RAPI DAN CENTER */ 4867 .transaksi-header { 4868 height: 34px; 4869 border-radius: 6px; 4870 font-weight: bold; 4871 border: 2px solid rgba(108,108,108,1); 4872 background: rgba(54,54,54,1); 4873 color: white; 4874 4875 /* Tambahan baru */ 4876 min-width: 110px; /* Lebarin biar semua rata */ 4877 padding: 0 16px 0 28px; /* Kasih ruang untuk dot */ 4878 display: flex; 4879 align-items: center; 4880 justify-content: center; 4881 text-align: center; 4882 4883 white-space: nowrap; 4884 } 4885 4886 /* DOT ONLINE */ 4887 .transaksi-header.is-online::before { 4888 content: ""; 4889 position: absolute; 4890 left: 10px; 4891 top: 50%; 4892 transform: translateY(-50%); 4893 width: 10px; 4894 height: 10px; 4895 border-radius: 50%; 4896 background-color: #00ff66; 4897 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4898 } 4899 4900 /* OFFLINE (DISABLED) */ 4901 .transaksi-header.is-offline { 4902 padding: 0 16px; 4903 background: #2e2e2e; 4904 border-color: #555; 4905 opacity: .35; 4906 align-items: center; 4907 justify-content: center; 4908 text-align: center; 4909 } 4910 4911 /* GRID-nya sedikit dilebarin biar simetris */ 4912 .transaksi-list-bank, 4913 .transaksi-list-other { 4914 grid-template-columns: repeat(4, minmax(110px, 1fr)); 4915 gap: 8px 10px; 4916 } 4917 4918</style> 4919 4920<div class="transaksi-layout"> 4921 <div class="transaksi-left-box"> 4922 <div class="transaksi-left-inner"> 4923 <img src="images/transaksi.png" class="transaksi-left-img"> 4924 </div> 4925 </div> 4926 4927 <div class="transaksi-right-box"> 4928 <div class="transaksi-group"> 4929 4930 <!-- BANK LOKAL --> 4931 <div class="transaksi-bank"> 4932 <div class="transaksi-wrapper"> 4933 <div class="transaksi-name">Bank Lokal</div> 4934 <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> 4935 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4936 </div> 4937 4938 <div class="carousel-inner" > 4939 <div class="carousel-item active"> 4940 <div class="transaksi-list-bank"> 4941 <div class="transaksi-item"> 4942 <div class="transaksi-header is-online"> 4943 BCA </div> 4944 <div class="transaksi-status"></div> 4945 </div> 4946 <div class="transaksi-item"> 4947 <div class="transaksi-header is-online"> 4948 Mandiri </div> 4949 <div class="transaksi-status"></div> 4950 </div> 4951 <div class="transaksi-item"> 4952 <div class="transaksi-header is-online"> 4953 BNI </div> 4954 <div class="transaksi-status"
4954></div> 4955 </div> 4956 <div class="transaksi-item"> 4957 <div class="transaksi-header is-online"> 4958 BRI </div> 4959 <div class="transaksi-status"></div> 4960 </div> 4961 </div> 4962 </div> 4963 </div> 4964 </div> 4965 4966 </div> 4967 </div> 4968 4969 <!-- E MONEY & PULSA --> 4970 <div class="transaksi-other"> 4971 <div class="transaksi-wrapper"> 4972 <div class="transaksi-name">E Money & Pulsa</div> 4973 4974 <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> 4975 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4976 </div> 4977 4978 <div class="carousel-inner" > 4979 <div class="carousel-item active"> 4980 <div class="transaksi-list-other"> 4981 <div class="transaksi-item"> 4982 <div class="transaksi-header is-online"> 4983 DANA </div> 4984 <div class="transaksi-status"></div> 4985 </div> 4986 <div class="transaksi-item"> 4987 <div class="transaksi-header is-online"> 4988 OVO </div> 4989 <div class="transaksi-status"></div> 4990 </div> 4991 <div class="transaksi-item"> 4992 <div class="transaksi-header is-online"> 4993 GOPAY </div> 4994 <div class="transaksi-status"></div> 4995 </div> 4996 <div class="transaksi-item"> 4997 <div class="transaksi-header is-online"> 4998 LinkAja </div> 4999 <div class="transaksi-status"></div> 5000 </div> 5001 <div class="transaksi-item"> 5002 <div class="transaksi-header is-online"> 5003 QRIS </div> 5004 <div class="transaksi-status"></div> 5005 </div> 5006 <div class="transaksi-item"> 5007 <div class="transaksi-header is-online"> 5008 Telkomsel </div> 5009 <div class="transaksi-status"></div> 5010 </div> 5011 </div> 5012 </div> 5013 </div> 5014 </div> 5015 5016 </div> 5017 </div> 5018 5019 <!-- CRYPTO --> 5020 <div class="transaksi-crypto"> 5021 <div class="transaksi-wrapper"> 5022 5023 <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> 5024 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5025 </div> 5026 5027 <div class="carousel-inner" > 5028 </div> 5029 5030 </div> 5031 </div> 5032 </div> 5033 5034 </div> 5035 </div> 5036</div> 5037 </div> 5038 5039 5040 </div> 5041 5042 <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> 5043 5044 <!-- <div class="transaksi-title">--> 5045 <!-- <div class="transaksi-title-group">--> 5046 <!-- <div class="fitur-header">Kontak Kami</div>--> 5047 <!-- </div>--> 5048 5049 <!-- <div class="devider desktop-only"></div>--> 5050 <!-- </div>--> 5051 5052 5053 <!-- 5054<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> 5055 <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> 5056 5057 5058 </div> 5059 <div class="carousel-inner" style="height: 164px"> 5060 <div class="carousel-item active"> 5061 <div> 5062 5063 5064 5065 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5066 <img src="https://britectangguhindonesia.com/kontak/whatsapp.png" width="20"/> 5067 5068 <a class="d-flex flex-column" href="" target='_blank'> 5069 <div style="color: #888888;">WHATSAPP</div> 5070 <div style="line-height: .9rem; color: var(--primary-text-color)">+</div> 5071 </a> 5072 5073 5074 </div> 5075 5076 5077 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5078 <img src="https://britectangguhindonesia.com/kontak/facebook.png" width="20"/> 5079 5080 <a class="d-flex flex-column" href="" target='_blank'> 5081 <div style="color: #888888;">FACEBOOK</div> 5082 <div style="line-height: .9rem; color: var(--primary-text-color)">OWLTOTO OFFICIAL</div> 5083 </a> 5084 5085 5086 </div> 5087 5088 5089 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5090 <img src="https://britectangguhindonesia.com/kontak/whatsapp.png" width="20"/> 5091 5092 <a class="d-flex flex-column" href="#"></a><a id="ab-dummy" href="" target='_blank'> 5093 <div style="color: #888888;">WHATSAPP</div> 5094 <div style="line-height: .9rem; color: var(--primary-text-color)">ab-script</div> 5095 </a> 5096 5097 5098 </div> 5099 5100 5101 </div> 5102 </div> 5103 5104 5105 5106 </div> 5107</div> 5108--> 5109 5110 <!--</div>--> 5111 </div> 5112 </div> 5113 </div> 5114 5115 5116 <div class="bantuan"> 5117 5118 <ul class="bantuan-content justify-content-center"> 5119 <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> 5120 <div class="bantuan-devider desktop-only">|</div> 5121 <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> 5122 <div class="bantuan-devider desktop-only">|</div> 5123 <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> 5124 <div class="bantuan-devider desktop-only">|</div> 5125 <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> 5126 <div class="bantuan-devider desktop-only">|</div> 5127 <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> 5128 <div class="bantuan-devider desktop-only">|</div> 5129 <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> 5130 <div class="bantuan-devider desktop-only">|</div> 5131 <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> 5132 </ul> 5133 </div> 5134 5135 5136 <footer class="footer"> 5137 5138 <div class="guidelines"> 5139 <div class="desktop-only"> 5140 <div class="guidelines-content d-flex justify-content-center"> 5141 <img src="/assets/assets/guidelines.png" style="width: 640px" /> 5142 </div> 5143 </div> 5144 </div> 5145 5146 <div class="provider d-none d-lg-block"> 5147 <div class="provider-group"> 5148 <img src="/assets/assets/provider.png" class="desktop-only" alt=""> 5149 </div> 5150 </div> 5151 5152 <div> 5153 <div id="banner3" style="position: fixed;bottom: 100px;left: 18px;z-index: 9999;"> 5154<a href="" target="_blank" rel="noopener"><img class="wabutton" src="../seo268.vip/image/rtp%20owltoto.gif" alt="RTP OWLTOTO GACOR" title="RTP LIVE SLOT GACOR OWLTOTO" width="100" height="100"></a> 5155</div> 5156<!-- MAJUKELEN --> 5157<style> 5158 5159#pop-up-container { 5160display: flex; 5161align-items: center; 5162justify-content: space-evenly; 5163position: fixed; 5164z-index: 11; 5165top: 0;
5166left: 0; 5167right: 0; 5168bottom: 0; 5169} 5170#pop-up-wrapper { 5171width: 85%; 5172min-width: 315px; 5173max-width: 500px; 5174min-height: 210px; 5175position: relative; 5176z-index: 11; 5177overflow: visible; 5178border-radius: 5px; 5179} 5180#pop-up-wrapper img { 5181width: 100%; 5182border-radius: 5px 5px 0 0; 5183} 5184#pop-up-wrapper button { 5185width: 100%; 5186padding: 0.75rem; 5187font-size: -0.75rem; 5188font-weight: 700; 5189border: none; 5190border-radius: 0 0 5px 5px; 5191margin: 0; 5192background-color: #F35925; 5193} 5194.gray-bg { 5195background: #00000000 no-repeat; 5196} 5197.swirl-in-fwd { 5198-webkit-animation: swirl-in-fwd 0.6s ease-out both; 5199animation: swirl-in-fwd 0.6s ease-out both; 5200} 5201.x-mark-container { 5202position: absolute; 5203top: 5px; 5204right: 5px; 5205background-color: black; 5206border-radius: 50%; 5207width: 8%; 5208} 5209#bg-black { 5210background-color: rgba(0, 0, 0, 0.86); 5211position: fixed; 5212z-index: 10; 5213top: 0; 5214left: 0; 5215right: 0; 5216bottom: 0; 5217} 5218@-webkit-keyframes swirl-in-fwd { 52190% { 5220-webkit-transform: rotate(-540deg) scale(0); 5221transform: rotate(-540deg) scale(0); 5222opacity: 0; 5223} 5224100% { 5225-webkit-transform: rotate(0) scale(1); 5226transform: rotate(0) scale(1); 5227opacity: 1; 5228} 5229} 5230@keyframes swirl-in-fwd { 52310% { 5232-webkit-transform: rotate(-540deg) scale(0); 5233transform: rotate(-540deg) scale(0); 5234opacity: 0; 5235} 5236100% { 5237-webkit-transform: rotate(0) scale(1); 5238transform: rotate(0) scale(1); 5239opacity: 1; 5240} 5241} 5242.swirl-out-bck { 5243-webkit-animation: swirl-out-bck 0.6s ease-in both; 5244animation: swirl-out-bck 0.6s ease-in both; 5245} 5246@-webkit-keyframes swirl-out-bck { 52470% { 5248-webkit-transform: rotate(0) scale(1); 5249transform: rotate(0) scale(1); 5250opacity: 1; 5251} 5252100% { 5253-webkit-transform: rotate(-540deg) scale(0); 5254transform: rotate(-540deg) scale(0); 5255opacity: 0; 5256} 5257} 5258@keyframes swirl-out-bck { 52590% { 5260-webkit-transform: rotate(0) scale(1); 5261transform: rotate(0) scale(1); 5262opacity: 1; 5263} 5264100% { 5265-webkit-transform: rotate(-540deg) scale(0); 5266transform: rotate(-540deg) scale(0); 5267opacity: 0; 5268} 5269} 5270.fade-in { 5271-webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 5272animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 5273} 5274@-webkit-keyframes fade-in { 52750% { 5276opacity: 0; 5277} 5278100% { 5279opacity: 1; 5280} 5281} 5282@keyframes fade-in { 52830% { 5284opacity: 0; 5285} 5286100% { 5287opacity: 1; 5288} 5289} 5290.fade-out { 5291-webkit-animation: fade-out 1s ease-out both; 5292animation: fade-out 1s ease-out both; 5293} 5294@-webkit-keyframes fade-out { 52950% { 5296opacity: 1; 5297} 5298100% { 5299opacity: 0; 5300} 5301} 5302@keyframes fade-out { 53030% { 5304opacity: 1; 5305} 5306100% { 5307opacity: 0; 5308} 5309} 5310</style>
5311<script> 5312window.addEventListener('DOMContentLoaded', () => { 5313if (window.location.pathname === '/' || window.location.pathname === 'index.html') { 5314$('body').append(` 5315<div id="pop-up-container" onclick="close_pop_up()"> 5316<div id="bg-black" class="fade-in"></div> 5317 5318<div id="pop-up-wrapper" class="swirl-in-fwd gray-bg"> 5319<img 5320src="../blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXxGm33nCOgcUSvJ5JKuvd3AbnpZYud7fqJREDg8w/s1600/OWLTOTOLP.png" 5321alt="popup" 5322/> 5323 5324 5325<button onclick="close_pop_up()" style="color: #fff">KLIK UNTUK MENUTUP</button> 5326</div> 5327</div> 5328`); 5329 5330document.getElementById('pop-up-wrapper').addEventListener('click', e => { 5331e.stopPropagation(); 5332}); 5333} 5334}); 5335 5336const close_pop_up = () => { 5337document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck'); 5338document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out'); 5339 5340setTimeout(() => { 5341const pop_up_container = document.getElementById('pop-up-container'); 5342pop_up_container?.parentElement.removeChild(pop_up_container); 5343}, 1000); 5344}; 5345</script>
5345 5346 5347<!-- styletogel--> 5348<style> 5349 5350 @media (max-width: 800px) { 5351 .result > .pasaran, 5352 .result > .keluaran, 5353 .result > .tanggal { 5354 color: #fff !important; 5355 text-align: center !important; 5356 width: 100% !important; 5357 } 5358 5359 .result > .pasaran { 5360 font-size: 20px !important; 5361 border-bottom: 1px solid #5f0055 !important; 5362 border-radius: 20%; 5363 background: linear-gradient( 5364 232deg, 5365 #660483 0%, 5366 #a710b1 21%, 5367 #660483 33%, 5368 #a710b1 44%, 5369 #660483 60%, 5370 #a710b1 73%, 5371 #660483 85%, 5372 #660483 100% 5373 ); 5374 background-size: 400% 400%; 5375 animation: gradient 5s ease infinite; 5376 border-radius: 15px 2px 15px 5px !important; 5377 box-shadow: linear-gradient( 5378 232deg, 5379 #6b0000 0%, 5380 #ff0000 21%, 5381 #6b0000 33%, 5382 #ff4f4f 44%, 5383 #ff0000 60%, 5384 #720000 73%, 5385 #ff0000 85%, 5386 #650000 100% 5387 ); 5388 justify-content: center; 5389 height: 2.22rem; 5390 opacity: 100%; 5391 } 5392 5393 .result > .keluaran { 5394 font-size: 36px !important; 5395 font-weight: bold !important; 5396 height: 3.72rem; 5397 display: flex; 5398 align-items: center; 5399 justify-content: center; 5400 font-weight: bold !important; 5401 } 5402 5403 .result > .tanggal { 5404 height: 20%; 5405 } 5406 5407 .result { 5408 width: 100%; 5409 border-radius: 15px 2px 15px 5px !important; 5410 background-color: rgba(0, 0, 0, 0.55) !important; 5411 display: inline-block !important; 5412 border: 1px solid #fff !important; 5413 margin-bottom: 0 !important; 5414 padding: 0 !important; 5415 } 5416 5417 div.carousel-item.accordion.accordion-flush.active { 5418 display: grid; 5419 grid-template-columns: repeat(2, 1fr); 5420 } 5421 5422 div.carousel-item.accordion.accordion-flush.carousel-item-next.carousel-item-start { 5423 display: grid; 5424 grid-template-columns: repeat(2, 1fr); 5425 } 5426 } 5427 5428 @media (max-width: 800px) { 5429 .togel-title { 5430 font-size: 20px; 5431 display: flex; 5432 justify-content: center; 5433 } 5434 } 5435 5436 @media (max-width: 800px) { 5437 .result:nth-child(odd) { 5438 background: rgba(0, 0, 0, 0.55) !important; 5439 } 5440 } 5441 5442 @media screen and (min-width: 801px) { 5443 #datapasaran-divname, 5444 #datapasaran-date, 5445 .result > .pasaran, 5446 .result > .tanggal { 5447 background: linear-gradient( 5448 232deg, 5449 #660483 0%, 5450 #a710b1 21%, 5451 #660483 33%, 5452 #a710b1 44%, 5453 #660483 60%, 5454 #a710b1 73%, 5455 #660483 85%, 5456 #660483 100% 5457 ); 5458 background-size: 400% 400%; 5459 animation: gradient 5s ease infinite; 5460 } 5461 5462 #datapasaran-divname { 5463 padding-top: 1px; 5464 } 5465 5466 .result > .pasaran { 5467 padding-top: 3px; 5468 color: blac; 5469 } 5470 } 5471 5472 .status-green { 5473 background-size: 400% 400%; 5474 animation: gradient 5s ease infinite; 5475 } 5476 5477 .status-blue { 5478 background-size: 400% 400%; 5479 animation: gradient 5s ease infinite; 5480 } 5481 </style> 5482 5483<!-- START PEMBERITAHUAN PENTING -->
5484<script> 5485$("<div class='alert'><span class='blinking' style='text-align: center;font-size:20px;'>PEMBERITAHUAN PENTING !</span><p style='text-shadow: 0px 0px 3px rgba(0, 175, 255);color: #fff;text-align: center;font-size:15px;'>ONLINE 24 JAM, DEPOSIT VIA : BANK - E-WALLET - QRIS<br>MIN. DP IDR 10.000 & MIN. WD IDR 50.000</p><p style='text-align: center;border: #a123d3 solid 1px;background:#9704d2;color:#fff;margin:auto;font-size:14px;'><marquee><strong>SELALU CEK KEMBALI NOMOR TUJUAN TRANSAKSI AGAR TIDAK TERJADI KESALAHAN PENGIRIMAN & GUNAKAN NOMINAL UNIK UNTUK MEMPERCEPAT PROSES DEPOSIT</strong></marquee></p></div>").insertAfter('#main-content'); 5486</script>
5486 5487 <style> 5488 5489 .alert { 5490 border: 1px solid #9920d1; 5491 box-shadow: #cc4cff 0px 0px 10px 1px; 5492 border-radius: 19px; 5493 margin-right: 25px; 5494 margin-left: 25px; 5495 margin-top: 10px; 5496 margin-bottom: -10px; 5497 } 5498 .blinking{ 5499 animation:blinkingText 1.5s infinite; 5500 margin:auto; 5501 display:block; 5502 font-weight: 900; 5503 color:#fb0000; 5504 text-shadow:#000000 0px 0px 3px; 5505 } 5506 </style> 5507 5508<!-- STOP PEMBERITAHUAN PENTING MOBILE--> 5509 5510 5511 5512 5513 5514 5515 5516 5517 5518 5519 5520 5521 5522 5523 5524 5525 5526 5527 5528 5529 5530 5531 5532 5533 5534 5535 5536 5537 5538 5539 5540 5541 5542 5543 5544 5545 5546 5547 5548 5549 5550 5551 5552 5553 5554 5555 5556 5557 5558 5559 5560 5561 5562 5563 5564 5565 5566 5567 5568 5569 5570 5571 5572 5573 5574 5575 5576 5577 5578 5579 5580 5581 5582 5583 5584 5585 5586 5587 5588 5589 5590 5591 5592 5593 5594 5595 5596 5597 5598 5599 5600 5601 5602 5603 5604 5605 5606 5607 5608 5609 5610 5611 5612 5613 5614 5615 5616 5617 5618 5619 5620 5621 5622 5623 5624 5625 5626 5627 5628 5629 5630 5631 5632 5633 5634 5635 5636 5637 5638 5639 5640 5641 5642 5643 5644 5645 5646 5647 5648 5649 5650 5651 5652 5653 5654 5655 5656 5657 5658 5659 5660 5661 5662 5663 5664 5665 5666 5667 5668 5669 5670 5671 5672 5673 5674 5675 5676 5677 5678 5679 5680 5681 5682 5683 5684 5685 5686 5687 5688 5689 5690 5691 5692 5693 5694 5695 5696 5697 5698 5699 5700 5701 5702 5703 5704 5705 5706 5707 5708 5709 5710 5711 5712 5713 5714 5715 5716 5717 5718 5719 5720 5721 5722 5723 5724 5725 5726 5727 5728 5729 5730 5731 5732 5733 5734 5735 5736 5737 5738 5739 5740 5741 5742 5743 5744 5745 5746 5747 5748 5749 5750 5751 5752 5753 5754 5755 5756 5757 5758 5759 5760 5761 5762 5763 5764 5765 5766 5767 5768 5769 5770 5771 5772 5773 5774 5775 5776 5777 5778 5779 5780 5781 5782 5783 5784 5785 5786 5787 5788 5789 5790 5791 5792 5793 5794 5795 5796 5797 5798 5799 5800 5801 5802 5803 5804 5805 5806 5807 5808 5809 5810 5811 5812 5813 5814 5815 5816 5817 5818 5819 5820 5821 5822 5823 5824 5825 5826 5827 5828 5829 5830 5831 5832 5833 5834 5835 5836 5837 5838 5839 5840 5841 5842 5843 5844 5845 5846 5847 5848 5849 5850 5851 5852 5853 5854 5855 5856 5857 5858 5859 5860 5861 5862 5863 5864 5865 5866 5867 5868 5869 5870 5871 5872 5873 5874 5875 5876 5877 5878 5879 5880 5881 5882 5883 5884 5885 5886 5887 5888 5889 5890 5891 5892 5893 5894 5895 5896 5897 5898 5899 5900 5901 5902 5903 5904 5905 5906 5907 5908 5909 5910 5911 5912 5913 5914 5915 5916 5917 5918 5919 5920 5921 5922 5923 5924 5925 5926 5927 5928 5929 5930 5931 5932 5933 5934 5935 5936 5937 5938 5939 5940 5941 5942 5943 5944 5945 5946 5947 5948 5949 5950 5951 5952 5953 5954 5955 5956 5957 5958 5959 5960 5961 5962 5963 5964 5965 5966 5967 5968 5969 5970 5971 5972 5973 5974 5975 5976 5977 5978 5979 5980 5981 5982 5983 5984 5985 5986 5987 5988 5989 5990 5991 5992 5993 5994 5995 5996 5997 5998 5999 6000 6001 6002 6003 6004 6005 6006 6007 6008 6009 6010 6011 6012 6013 6014 6015 6016 6017 6018 6019 6020 6021 6022 6023 6024 6025 6026 6027 6028 6029 6030 6031 6032 6033 6034 6035 6036 6037 6038 6039 6040 6041 6042 6043 6044 6045 6046 6047 6048 6049 6050 6051 6052 6053 6054 6055 6056 6057 6058 6059 6060 6061 6062 6063 6064 6065 6066 6067 6068 6069 6070 6071 6072 6073 6074 6075 6076 6077 6078 6079 6080 6081 6082 6083 6084 6085 6086 6087 6088 6089 6090 6091 6092 6093 6094 6095 6096 6097 6098 6099 6100 6101 6102 6103 6104 6105 6106 6107 6108 6109 6110 6111 6112 6113 6114 6115 6116 6117 6118 6119 6120 6121 6122 6123 6124 6125 6126 6127 6128 6129 6130 6131 6132 6133 6134 6135 6136 6137 6138 6139 6140 6141 6142 6143 6144 6145 6146 6147 6148 6149 6150 6151 6152 6153 6154 6155 6156 6157 6158 6159 6160 6161 6162 6163 6164 6165 6166 6167 6168 6169 6170 6171 6172 6173 6174 6175 6176 6177 6178 6179 6180 6181 6182 6183 6184 6185 6186 6187 6188 6189 6190 6191 6192 6193 6194 6195 6196 6197 6198 6199 6200 6201 6202 6203 6204 6205 6206 6207 6208 6209 6210 6211 6212 6213 6214 6215 6216 6217 6218 6219 6220 6221 6222 6223 6224 6225 6226 6227 6228 6229 6230 6231 6232 6233 6234 6235 6236 6237 6238 6239 6240 6241 6242 6243 6244 6245 6246 6247 6248 6249 6250 6251 6252 6253 6254 6255 6256 6257 6258 6259 6260 6261 6262 6263 6264 6265 6266 6267 6268 6269 6270 6271 6272 6273 6274 6275 6276 6277 6278 6279 6280 6281 6282 6283 6284 6285 6286 6287 6288 6289 6290 6291 6292 6293 6294 6295 6296 6297 6298 6299 6300 6301 6302 6303 6304 6305 6306 6307 6308 6309 6310 6311 6312 6313 6314 6315 </div> 6316 6317 6318 <div class="footer-group"> 6319 <div class="copyright"> 6320 <div style="white-space: nowrap">© 2015 - 2026 Copyright OWLTOTO.</div> 6321 <div>All Rights Reserved.</div> 6322 </div> 6323 <div class="desktop-only"> 6324 <div class="d-flex gap-1"> 6325 <div class="btn-footer" onclick='window.location.href="index532c.html?mobile"'>MOBILE</div> 6326 <div class="btn-footer" onclick='window.location.href="wap.html"'>WAP</div> 6327 </div> 6328 </div> 6329 <img class="mobile-only" style="width: 100%" src="/assets/assets/guidelines.png" alt=""> 6330 6331 <button class="btn btn-aduan 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=yZQntCmNqqC7l_CCvXxYeTOfXSPaj-ySj_Rm-YSa1KA.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> 6332 <i class="bi bi-shield-fill-exclamation"></i> 6333 <strong class="ms-1">LAPOR PUSAT</strong> 6334 </button> 6335 </div> 6336 </footer> 6337 6338 6339 6340 6341 6342 <!-- SIDENAV --> 6343 <div id="mySidenav" class="sidenav desktop-only"> 6344 <div id="nav"> 6345 <div style="display: flex; align-items: start;"> 6346 <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;"> 6347 6348 <img src="assets/hubungi6512.png?11"> 6349 6350 </div> 6351 <!--<img id="about" src="/images/kontak.png?4">--> 6352 </div> 6353 <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> 6354 <div id="" style="padding: 4px"> 6355 <img src="assets/24h.png" style="width: 100%"></img> 6356 </div> 6357 6358 <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> 6359 <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> 6360 6361 6362 6363 <a href="" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 6364 <img src="/assets/kontak/whatsapp.png" width="20"/><span>+</span> 6365 </a> 6366 6367 6368 6369 6370 6371 <a href="" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 6372 <img src="/assets/kontak/facebook.png" width="20"/><span>OWLTOTO OFFICIAL</span> 6373 </a> 6374 6375 6376 6377 6378 6379 <a href="#"></a><a id="ab-dummy" href="#" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 6380 <img src="/assets/kontak/whatsapp.png" width="20"/><span>ab-script</span> 6381 </a> 6382 6383 6384 6385 6386 6387 </div> 6388 <div style="margin: 8px"> 6389 <a href="register.html"><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> 6390 </div> 6391 </div> 6392 </div> 6393 </div> 6394 </div> 6395 6396 6397 <!--POP UP --> 6398 6399 <!-- LIVE CHAT --> 6400 <!-- Start of LiveChat (www.livechat.com) code -->
6401<script> 6402 window.__lc = window.__lc || {}; 6403 window.__lc.license = 12398997; 6404 ;(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="../cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice)) 6405</script>
6405 6406<noscript><a href="#" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript> 6407<!-- End of LiveChat code --> 6408<!-- MAJUKELEN --> 6409<style> 6410 6411#pop-up-container { 6412display: flex; 6413align-items: center; 6414justify-content: space-evenly; 6415position: fixed; 6416z-index: 11; 6417top: 0; 6418left: 0; 6419right: 0; 6420bottom: 0; 6421} 6422#pop-up-wrapper { 6423width: 85%; 6424min-width: 315px; 6425max-width: 500px; 6426min-height: 210px; 6427position: relative; 6428z-index: 11; 6429overflow: visible; 6430border-radius: 5px; 6431} 6432#pop-up-wrapper img { 6433width: 100%; 6434border-radius: 5px 5px 0 0; 6435} 6436#pop-up-wrapper button { 6437width: 100%; 6438padding: 0.75rem; 6439font-size: -0.75rem; 6440font-weight: 700; 6441border: none; 6442border-radius: 0 0 5px 5px; 6443margin: 0; 6444background-color: #F35925; 6445} 6446.gray-bg { 6447background: #00000000 no-repeat; 6448} 6449.swirl-in-fwd { 6450-webkit-animation: swirl-in-fwd 0.6s ease-out both; 6451animation: swirl-in-fwd 0.6s ease-out both; 6452} 6453.x-mark-container { 6454position: absolute; 6455top: 5px; 6456right: 5px; 6457background-color: black; 6458border-radius: 50%; 6459width: 8%; 6460} 6461#bg-black { 6462background-color: rgba(0, 0, 0, 0.86); 6463position: fixed; 6464z-index: 10; 6465top: 0; 6466left: 0; 6467right: 0; 6468bottom: 0; 6469} 6470@-webkit-keyframes swirl-in-fwd { 64710% { 6472-webkit-transform: rotate(-540deg) scale(0); 6473transform: rotate(-540deg) scale(0); 6474opacity: 0; 6475} 6476100% { 6477-webkit-transform: rotate(0) scale(1); 6478transform: rotate(0) scale(1); 6479opacity: 1; 6480} 6481} 6482@keyframes swirl-in-fwd { 64830% { 6484-webkit-transform: rotate(-540deg) scale(0); 6485transform: rotate(-540deg) scale(0); 6486opacity: 0; 6487} 6488100% { 6489-webkit-transform: rotate(0) scale(1); 6490transform: rotate(0) scale(1); 6491opacity: 1; 6492} 6493} 6494.swirl-out-bck { 6495-webkit-animation: swirl-out-bck 0.6s ease-in both; 6496animation: swirl-out-bck 0.6s ease-in both; 6497} 6498@-webkit-keyframes swirl-out-bck { 64990% { 6500-webkit-transform: rotate(0) scale(1); 6501transform: rotate(0) scale(1); 6502opacity: 1; 6503} 6504100% { 6505-webkit-transform: rotate(-540deg) scale(0); 6506transform: rotate(-540deg) scale(0); 6507opacity: 0; 6508} 6509} 6510@keyframes swirl-out-bck { 65110% { 6512-webkit-transform: rotate(0) scale(1); 6513transform: rotate(0) scale(1); 6514opacity: 1; 6515} 6516100% { 6517-webkit-transform: rotate(-540deg) scale(0); 6518transform: rotate(-540deg) scale(0); 6519opacity: 0; 6520} 6521} 6522.fade-in { 6523-webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 6524animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 6525} 6526@-webkit-keyframes fade-in { 65270% { 6528opacity: 0; 6529} 6530100% { 6531opacity: 1; 6532} 6533} 6534@keyframes fade-in { 65350% { 6536opacity: 0; 6537} 6538100% { 6539opacity: 1; 6540} 6541} 6542.fade-out { 6543-webkit-animation: fade-out 1s ease-out both; 6544animation: fade-out 1s ease-out both; 6545} 6546@-webkit-keyframes fade-out { 65470% { 6548opacity: 1; 6549} 6550100% { 6551opacity: 0; 6552} 6553} 6554@keyframes fade-out { 65550% { 6556opacity: 1; 6557} 6558100% { 6559opacity: 0; 6560} 6561} 6562</style>
6563<script> 6564window.addEventListener('DOMContentLoaded', () => { 6565if (window.location.pathname === '/' || window.location.pathname === 'index.html') { 6566$('body').append(` 6567<div id="pop-up-container" onclick="close_pop_up()"> 6568<div id="bg-black" class="fade-in"></div> 6569 6570<div id="pop-up-wrapper" class="swirl-in-fwd gray-bg"> 6571<img 6572src="../iili.io/JRaHYQe.png" 6573alt="popup" 6574/> 6575 6576 6577<button onclick="close_pop_up()" style="color: #fff">KLIK UNTUK MENUTUP</button> 6578</div> 6579</div> 6580`); 6581 6582document.getElementById('pop-up-wrapper').addEventListener('click', e => { 6583e.stopPropagation(); 6584}); 6585} 6586}); 6587 6588const close_pop_up = () => { 6589document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck'); 6590document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out'); 6591 6592setTimeout(() => { 6593const pop_up_container = document.getElementById('pop-up-container'); 6594pop_up_container?.parentElement.removeChild(pop_up_container); 6595}, 1000); 6596}; 6597</script>
6597 6598 6599 6600 6601 6602 6603 6604 6605 6606 6607 6608 6609 6610 6611 6612 6613 6614 6615 6616 6617 6618 6619 6620 6621 6622 6623 6624 6625 6626 6627 6628 6629 6630 6631 6632 6633 6634 6635 6636 6637 6638 6639 6640 6641 6642 6643 6644 6645 6646 6647 6648 6649 6650 6651 6652 6653 6654 6655 6656 6657 6658 6659 6660 6661 6662 6663 6664 6665 6666 6667 6668 6669 6670 6671 6672 6673 6674 6675 6676 6677 6678 6679 6680 6681 6682 6683 6684 6685 6686 6687 6688 6689 6690 6691 6692 6693 6694 6695 6696 6697 6698 6699 6700 6701 6702 6703 6704 6705 6706 6707 6708 6709 6710 6711 6712 6713 6714 6715 6716 6717 6718 6719 6720 6721 6722 6723 6724 6725 6726 6727 6728 6729 6730 6731 6732 6733 6734 6735 6736 6737 6738 6739 6740 6741 6742 6743 6744 6745 6746 6747 6748 6749 6750 6751 6752 6753 6754 6755 6756 6757 6758 6759 6760 6761 6762 6763 6764 6765 6766 6767 6768 6769 6770 6771 6772 6773 6774 6775 6776 6777 6778 6779 6780 6781 6782 6783 6784 6785 6786 6787 6788 6789 6790 6791 6792 6793 6794 6795 6796 6797 6798 6799 6800 6801 6802 6803 6804 6805 6806 6807 6808 6809 6810 6811 6812 6813 6814 6815 6816 6817 6818 6819 6820 6821 6822 6823 6824 6825 6826 6827 6828 6829 6830 6831 6832 6833 6834 6835 6836 6837 6838 6839 6840 6841 6842 6843 6844 6845 6846 6847 6848 6849 6850 6851 6852 6853 6854 6855 6856 6857 6858 6859 6860 6861 6862 6863 6864 6865 6866 6867 6868 6869 6870 6871 6872 6873 6874 6875 6876 6877 6878 6879 6880 6881 6882 6883 6884 6885 6886 6887 6888 6889 6890 6891 6892 6893 6894 6895 6896 6897 6898 6899 6900 6901 6902 6903 6904 6905 6906 6907 6908 6909 6910 6911 6912 6913 6914 6915 6916 6917 6918 6919 6920 6921 6922 6923 6924 6925 6926 6927 6928 6929 6930 6931 6932 6933 6934 6935 6936 6937 6938 6939 6940 6941 6942 6943 6944 6945 6946 6947 6948 6949 6950 6951 6952 6953 6954 6955 6956 6957 6958 6959 6960 6961 6962 6963 6964 6965 6966 6967 6968 6969 6970 6971 6972 6973 6974 6975 6976 6977 6978 6979 6980 6981 6982 6983 6984 6985 6986 6987 6988 6989 6990 6991 6992 6993 6994 6995 6996 6997 6998 6999 7000 7001 7002 7003 7004 7005 7006 7007 7008 7009 7010 7011 7012 7013 7014 7015 7016 7017 7018 7019 7020 7021 7022 7023 7024 7025 7026 7027 7028 7029 7030 7031 7032 7033 7034 7035 7036 7037 7038 7039 7040 7041 7042 7043 7044 7045 7046 7047 7048 7049 7050 7051 7052 7053 7054 7055 7056 7057 7058 7059 7060 7061 7062 7063 7064 7065 7066 7067 7068 7069 7070 7071 7072 7073 7074 7075 7076 7077 7078 7079 7080 7081 7082 7083 7084 7085 7086 7087 7088 7089 7090 7091 7092 7093 7094 7095 7096 7097 7098 7099 7100 7101 7102 7103 7104 7105 7106 7107 7108 7109 7110 7111 7112 7113 7114 7115 7116 7117 7118 7119 7120 7121 7122 7123 7124 7125 7126 7127 7128 7129 7130 7131 7132 7133 7134 7135 7136 7137 7138 7139 7140 7141 7142 7143 7144 7145 7146 7147 7148 7149 7150 7151 7152 7153 7154 7155 7156 7157 7158 7159 7160 7161 7162 7163 7164 7165 7166 7167 7168 7169 7170 7171 7172 7173 7174 7175 7176 7177 7178 7179 7180 7181 7182 7183 7184 7185 7186 7187 7188 7189 7190 7191 7192 7193 7194 7195 7196 7197 7198 7199 7200 7201 7202 7203 7204 7205 7206 7207 7208 7209 7210 7211 7212 7213 7214 7215 7216 7217 7218 7219 7220 7221 7222 7223 7224 7225 7226 7227 7228 7229 7230 7231 7232 7233 7234 7235 7236 7237 7238 7239 7240 7241 7242 7243 7244 7245 7246 7247 7248 7249 7250 7251 7252 7253 7254 7255 7256 7257 7258 7259 7260 7261 7262 7263 7264 7265 7266 7267 7268 7269 7270 7271 7272 7273 7274 7275 7276 7277 7278 7279 7280 7281 7282 7283 7284 7285 7286 7287 7288 7289 7290 7291 7292 7293 7294 7295 7296 7297 7298 7299 7300 7301 7302 7303 7304 7305 7306 7307 7308 7309 7310 7311 7312 7313 7314 7315 7316 7317 7318 7319 7320 7321 7322 7323 7324 7325 7326 7327 7328 7329 7330 7331 7332 7333 7334 7335 7336 7337 7338 7339 7340 7341 7342 7343 7344 7345 7346 7347 7348 7349 7350 7351 7352 7353 7354 7355 7356 7357 7358 7359 7360 7361 7362 7363 7364 7365 7366 7367 7368 7369 7370 7371 7372 7373 7374 7375 7376 7377 7378 7379 7380 7381 7382 7383 7384 7385 7386 7387 7388 7389 7390 7391 7392 7393 7394 7395 7396 7397 7398 7399 7400 7401 7402 7403 7404 7405 7406 7407 7408 7409 7410 <!-- LiveChat Internal --> 7411 7412 7413
7413<script src="/npm/bootstrap%405.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
7413 7414
7414<script> 7415 document.addEventListener('DOMContentLoaded', function() { 7416 setTimeout(function() { 7417 const mobileForm = document.querySelector('#mobilelogin form') || 7418 document.querySelector('#mobilelogin .login-form') || 7419 document.querySelector('.mobile-only form'); 7420 7421 if (!mobileForm) { 7422 return; 7423 } 7424 7425 const username = mobileForm.querySelector('input[name="username"]'); 7426 const password = mobileForm.querySelector('input[name="password"]'); 7427 const remember = document.querySelector('#rememberMe') || 7428 document.querySelector('input[type="checkbox"]'); 7429 7430 if (!username || !password || !remember) { 7431 return; 7432 } 7433 7434 try { 7435 localStorage.setItem('test', 'working'); 7436 if (localStorage.getItem('test') === 'working') { 7437 localStorage.removeItem('test'); 7438 } else { 7439 return; 7440 } 7441 } catch(e) { 7442 return; 7443 } 7444 7445 initializeRememberMe(); 7446 loadSavedData(); 7447 7448 mobileForm.addEventListener('submit', handleSave); 7449 mobileForm.addEventListener('click', function(e) { 7450 if (e.target.type === 'submit' || e.target.classList.contains('submit')) { 7451 handleSave(); 7452 } 7453 }); 7454 remember.addEventListener('change', function() { 7455 if (!this.checked) { 7456 clearSavedData(); 7457 localStorage.setItem('mobile_remember_unchecked', 'true'); 7458 } else { 7459 localStorage.removeItem('mobile_remember_unchecked'); 7460 } 7461 }); 7462 7463 function initializeRememberMe() { 7464 try { 7465 const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); 7466 const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); 7467 if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { 7468 remember.checked = false; 7469 } else { 7470 remember.checked = true; 7471 } 7472 } catch(e) { 7473 remember.checked = true; 7474 } 7475 } 7476 7477 function loadSavedData() { 7478 try { 7479 const savedUsername = localStorage.getItem('mobile_username'); 7480 const savedPassword = localStorage.getItem('mobile_password'); 7481 const rememberChecked = localStorage.getItem('mobile_remember'); 7482 if (rememberChecked === 'true' && savedUsername && savedPassword) { 7483 username.value = savedUsername; 7484 password.value = savedPassword; 7485 } 7486 } catch(e) { 7487 // console.log('Error loading data:', e); 7488 } 7489 } 7490 7491 function handleSave() { 7492 if (remember.checked) { 7493 const usernameVal = username.value.trim(); 7494 const passwordVal = password.value.trim(); 7495 7496 if (usernameVal && passwordVal) { 7497 try { 7498 localStorage.setItem('mobile_username', usernameVal); 7499 localStorage.setItem('mobile_password', passwordVal); 7500 localStorage.setItem('mobile_remember', 'true'); 7501 localStorage.setItem('mobile_login_success', 'true'); 7502 } catch(e) { 7503 // console.log('Error saving data:', e); 7504 } 7505 } 7506 } else { 7507 clearSavedData(); 7508 localStorage.setItem('mobile_login_success', 'true'); 7509 } 7510 } 7511 7512 function clearSavedData() { 7513 try { 7514 localStorage.removeItem('mobile_username'); 7515 localStorage.removeItem('mobile_password'); 7516 localStorage.removeItem('mobile_remember'); 7517 } catch(e) { 7518 // console.log('Error clearing data:', e); 7519 } 7520 } 7521 }, 100); // Wait 100ms 7522 7523 function initBroadcastMarquee() { 7524 $('.mobile-broadcast, #marquee .broadcast').each(function () { 7525 const el = $(this); 7526 7527 if ($.trim(el.text()) === '') return; 7528 if (!el.is(':visible')) return; 7529 7530 try { 7531 el.marquee('destroy'); 7532 } catch (e) {} 7533 7534 el.marquee({ 7535 speed: 30, 7536 gap: 80, 7537 delayBeforeStart: 0, 7538 direction: 'left', 7539 duplicated: true, 7540 pauseOnHover: true, 7541 startVisible: true 7542 }); 7543 }); 7544 } 7545 7546 $(window).on('load', function () { 7547 setTimeout(function () { 7548 initBroadcastMarquee(); 7549 }, 300); 7550 }); 7551 7552 $(window).on('resize orientationchange', function () { 7553 clearTimeout(window.broadcastResizeTimer); 7554 window.broadcastResizeTimer = setTimeout(function () { 7555 initBroadcastMarquee(); 7556 }, 400); 7557 }); 7558 7559 // document.querySelectorAll("marquee").forEach(function(marquee){ 7560 7561 // let speed = 0.5; // smaller = slower 7562 // let position = marquee.offsetWidth; 7563 7564 // function animate(){ 7565 // position--; 7566 7567 // if(position < -marquee.scrollWidth){ 7568 // position = marquee.offsetWidth; 7569 // } 7570
7571 // marquee.style.transform = "translateX(" + position + "px)"; 7572 // requestAnimationFrame(animate); 7573 // } 7574 7575 // animate(); 7576 7577 // // pause on hover 7578 // marquee.addEventListener("mouseenter", function(){ 7579 // speed = 0; 7580 // }); 7581 7582 // marquee.addEventListener("mouseleave", function(){ 7583 // speed = 0.5; 7584 // }); 7585 7586 // }); 7587 7588 7589 }); 7590 </script>
7590 7591 7592
7592<script> 7593 if(document.getElementById("promo")) { 7594 var myModal = new bootstrap.Modal(document.getElementById("promo"), {}); 7595 window.onload = () => { 7596 myModal.show(); 7597 } 7598 } 7599 7600 var mobileurl = 'm/index.html'; 7601 7602 7603 7604 var showIDs = []; 7605 7606 function showProducts(hoverID) { 7607 while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; 7608 7609 // document.getElementById('hover').classList.add("hover-show"); 7610 document.getElementById('hover').style.transitionDelay = "0s"; 7611 document.getElementById('hover').style.visibility = "visible"; 7612 document.getElementById('hover').style.opacity = "1"; 7613 document.getElementById(hoverID).style.display = "flex"; 7614 7615 showIDs.push(hoverID); 7616 7617 } 7618 7619 function hideProducts(hoverID) { 7620 // document.getElementById('hover').classList.remove("hover-show"); 7621 document.getElementById('hover').style.visibility = "hidden"; 7622 document.getElementById('hover').style.opacity = "0"; 7623 document.getElementById('hover').style.transitionDelay = "1s"; 7624 7625 } 7626 7627 var mobileDaftarForm = document.getElementById('mobile-daftar-form'); 7628 var marquee = document.getElementById('marquee'); 7629 var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form'); 7630 var mobileLoginBox = document.getElementById('mobilelogin'); 7631 7632 function closeContent() { 7633 $('#main-content').html(""); 7634 } 7635 7636 7637 function openDaftar() { 7638 closeContent(); 7639 7640 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 7641 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 7642 7643 mobileDaftarForm.style.display = "block"; 7644 mobileDaftarForm.scrollIntoView(); 7645 } 7646 7647 function closeDaftar() { 7648 mobileDaftarForm.style.display = "none"; 7649 marquee.scrollIntoView(); 7650 } 7651 7652 7653 function showProvider(type) { 7654 $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>"); 7655 $('#main-content').load("new-showprovider47d9.html?type=" + type); 7656 } 7657 7658 function toggleInformasi(item) { 7659 page(item); 7660 } 7661 7662 function showInformasi(item) { 7663 document.getElementById('modal-wrapper').style.display='block'; 7664 toggleInformasi(item); 7665 } 7666 7667 function openChangePasswordMobile() { 7668 closeContent(); 7669 7670 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 7671 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 7672 7673 if (mobileChangePasswordForm) { 7674 mobileChangePasswordForm.style.display = "block"; 7675 mobileChangePasswordForm.scrollIntoView(); 7676 } 7677 } 7678 7679 function closeChangePasswordMobile() { 7680 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 7681 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 7682 if (mobileLoginBox) mobileLoginBox.style.display = "block"; 7683 7684 marquee.scrollIntoView(); 7685 } 7686 7687 7688 7689 7690 </script>
7690 7691
7691<script src="js/old/new2-webduo35ca1e.js?v=1779692736"></script>
7691 7692 7693
7693<script> 7694 function scrollToLoginForm(launchType, matchId) { 7695 sessionStorage.setItem('launch', launchType); 7696 if (matchId) sessionStorage.setItem('sbo_matchId', matchId); 7697 else sessionStorage.removeItem('sbo_matchId'); 7698 window.scrollTo({ top: 0, behavior: 'smooth' }); 7699 setTimeout(function() { 7700 var isMobile = window.innerWidth <= 1000; 7701 var loginSelector = isMobile 7702 ? '#mobilelogin input[name="username"]' 7703 : '#desktoplogin form'; 7704 var el = document.querySelector(loginSelector); 7705 if (!el) return; 7706 var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]'); 7707 if (usernameEl && !isMobile) usernameEl.focus(); 7708 if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' }); 7709 const driver = window.driver.js.driver({ 7710 popoverClass: 'driverjs-theme', 7711 showProgress: false, 7712 showButtons: [], 7713 overlayOpacity: 0.3, 7714 steps: [ 7715 { 7716 element: loginSelector, 7717 popover: { 7718 title: 'Harap Login', 7719 description: 'Silakan masukkan username Anda', 7720 side: 'bottom', 7721 align: 'start', 7722 showButtons: [], 7723 nextBtnText: '', 7724 prevBtnText: '', 7725 doneBtnText: '' 7726 } 7727 } 7728 ], 7729 onDestroyStarted: () => driver.destroy(), 7730 }); 7731 driver.drive(); 7732 if (usernameEl) { 7733 function destroyDriver() { 7734 driver.destroy(); 7735 window.scrollTo({ top: 0 }); 7736 usernameEl.removeEventListener('input', destroyDriver); 7737 usernameEl.removeEventListener('click', destroyDriver); 7738 usernameEl.removeEventListener('focus', destroyDriver); 7739 } 7740 usernameEl.addEventListener('input', destroyDriver, { once: true }); 7741 usernameEl.addEventListener('click', destroyDriver, { once: true }); 7742 usernameEl.addEventListener('focus', destroyDriver, { once: true }); 7743 } 7744 }, 500); 7745 } 7746 </script>
7746 7747
7747<script> 7748 window.addEventListener("message", function(e) { 7749 if (e.origin !== "https://britectangguhindonesia.com/") return; 7750 if (e.data && e.data.action === "resize" && e.data.height) { 7751 var iframes = document.querySelectorAll(".iframe-kupon"); 7752 iframes.forEach(function(iframe) { 7753 iframe.style.height = Math.max(100, e.data.height - 16) + "px"; 7754 }); 7755 } 7756 }); 7757 </script>
7757 7758 7759 7760 <!-- POP UP COOKIES --> 7761 7762<style> 7763 7764 7765 .kebijakan-privasi, .kebijakan-cookies { 7766 color: white; 7767 text-decoration: underline; 7768 } 7769 7770 7771</style> 7772 7773 7774<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"> 7775 <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem"> 7776 <div> 7777 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> 7778 </div> 7779 <div> 7780 <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div> 7781 </div> 7782</div>
7783<script> 7784 $( "#boxprivacy" ).blur(function() { 7785 alert( "Handler for .blur() called." ); 7786}); 7787</script>
7787 7788 7789 7790 7791</body> 7792 7793 7794</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.