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>Daftar</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/capimgca43.png?2370" 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="nqC2K4lUfVVVbroRCnBiSo55DbMLq5bjw5ywX39/WKs="> 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="kb+Zq9FEoO55ePg6E5qa0dTo7oqXUIhijCNVhWIVVGw="> 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="nqC2K4lUfVVVbroRCnBiSo55DbMLq5bjw5ywX39/WKs="> 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 1784 <div class="content-body" style="position: relative"> 1785 <div class="content-area">
1786 <div id="content" class="content-box"> 1787 1788 <style> 1789 .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } 1790 .error-border { border-color: red !important; } 1791 .valid-border { border-color: green !important; } 1792 </style> 1793 <div id="desktopregister" class="panel panel-default panelbg ptsans"> 1794 <div class="panel-body panelbg"> 1795 <div style="margin-bottom:16px; font-weight: bold; font-size: 1.5rem"><i class="bi bi-person-fill"></i> Daftar</div> 1796 <div id="statusRegister"></div> 1797 <form class="form-group-sm" id="formRegister"> 1798 <div class="form-group-sm" id="input-username"> 1799 <label>Username</label><input type="text" class="form-control has-success" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi"> 1800 <div class="error-msg" id="err_username"></div> 1801 </div> 1802 <div class="row" style="margin-top:10px"> 1803 <div class="form-group-sm col-md-3" id="input-pass"> 1804 <label>Password</label><input type="password" id="reg_pass" name="pass" class="form-control" placeholder="Password (6 karakter atau lebih)"> 1805 <div class="error-msg" id="err_password"></div> 1806 </div> 1807 <div class="form-group-sm col-md-3" id="input-passcon"> 1808 <label>Konfirmasi Password</label><input type="password" id="reg_passcon" name="passcon" class="form-control" placeholder="Password sekali lagi"> 1809 <div class="error-msg" id="err_passcon"></div> 1810 </div> 1811 <div class="form-group-sm col-md-3" id="input-email"> 1812 <label>Email</label><input type="text" id="reg_email" name="email" class="form-control" placeholder="Masukkan Email"> 1813 <div class="error-msg" id="err_email"></div> 1814 </div> 1815 <div class="form-group-sm col-md-3" id="input-telpon"> 1816 <label>Telpon</label><input type="text" id="reg_telpon" inputmode="numeric" name="telpon" class="form-control" placeholder="Masukkan Telpon"> 1817 <div class="error-msg" id="err_telpon"></div> 1818 </div> 1819 </div> 1820 <div class="row" style="margin-top:10px"> 1821 <div class="form-group-sm col-md-3" id="input-bank"> 1822 <label>Bank</label> 1823 <select class="form-control" name="bank" id="reg_bank"> 1824 <option value="">Pilih Bank</option> 1825 <option value="BCA">BCA</option> 1826 <option value="Mandiri">Mandiri</option> 1827 <option value="BNI">BNI</option> 1828 <option value="BRI">BRI</option> 1829 <option value="DANA">DANA</option> 1830 <option value="OVO">OVO</option> 1831 <option value="GOPAY">GOPAY</option> 1832 <option value="LinkAja">LinkAja</option> 1833 </select> 1834 <div class="error-msg" id="err_bank"></div> 1835 </div> 1836 <div class="form-group-sm col-md-3" id="input-rek"> 1837 <label>No Rekening</label><input type="text" inputmode="numeric" name="rek" id="reg_rek" class="form-control" placeholder="Masukkan nomor rekening"> 1838 <div class="error-msg" id="err_rek"></div> 1839 </div> 1840 <div class="form-group-sm col-md-3" id="input-nama"> 1841 <label>Nama sesuai Rekening</label><input name="nama" type="text" id="reg_nama" class="form-control" placeholder="Nama sesuai Rekening"> 1842 <div class="error-msg" id="err_nama"></div> 1843 </div> 1844 <div class="form-group-sm col-md-3" id="input-ref"> 1845 <label>Referal</label><input name="ref" type="text" id="reg_ref" class="form-control" placeholder="Username Referal bila ada"> 1846 <div class="error-msg" id="err_ref"></div> 1847 </div> 1848 </div> 1849 <div class="row" style="margin-top:10px"> 1850 <div class="form-group-sm col-md-3" id="input-verifikasi"> 1851 <label>Verifikasi</label><input type="text" name="regverifikasi" id="reg_verifikasi" maxlength="32" class="form-control" placeholder="Isi karakter di samping"> 1852 <div class="error-msg" id="err_verifikasi"></div> 1853 </div> 1854 <div class="form-group-sm col-md-3"> 1855 <label> </label><span id="capverifikasi"><img src="capreg.png" width="100%" height="30" style="border:1px #999 solid;"></span> 1856 </div> 1857 1858 </div> 1859 <div style="margin-top:15px"> 1860 <label class="checkbox-inline" style="display: flex; gap: 4px"> 1861 <input type="checkbox" checked disabled> 1862 <div>Dengan ini saya menyatakan bahwa saya telah membaca dan menyetujui <a href="javascript:showInformasi('privasi')" style="color: var(--primary-color)">Kebijakan Privasi</a>
1862 pada Situs ini.</div> 1863 </label> 1864 1865 </div> 1866 <input type="button" class="btn btn-masuk fw-bold" value="Daftar" style="margin-top:20px; width:200px; text-align: center; display: grid; place-items: center; line-height: var(--text-size-default); height: 40px" id="buttonRegisterDesktop"> 1867 <input type="hidden" name="task" value="register"> 1868 <input type="hidden" name="regdesktop" value="M2c/Ag39PzKxNZuQecYm1TBtkWinx4UccQbBenimPdY="> 1869 </form> 1870 </div> 1871 </div> 1872
1873<script> 1874(function(){ 1875 function root(){ return document.getElementById('desktopregister'); } 1876 function q(id){ return root()?.querySelector('#'+id) || null; } 1877 function qe(sel){ return root()?.querySelector(sel) || null; } 1878 1879 function showError(field,msg){ 1880 const err = qe('#err_'+field), inp = q('reg_'+field); 1881 if (err){ err.textContent = msg; err.style.display = 'block'; } 1882 if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } 1883 } 1884 function clearError(field){ 1885 const err = qe('#err_'+field), inp = q('reg_'+field); 1886 if (err) err.style.display = 'none'; 1887 if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } 1888 } 1889 1890 // validator functions 1891 1892 function checkPasswordStrengthJS(username, password) { 1893 const min_length = 6; 1894 const length = password.length; 1895 1896 if (length < min_length) { 1897 return "Password harus minimal " + min_length + " karakter"; 1898 } 1899 1900 if(!USE_STRONG_VALIDATION) { 1901 return null; 1902 } 1903 const hasLower = /[a-z]/.test(password); 1904 const hasUpper = /[A-Z]/.test(password); 1905 if (!(hasLower && hasUpper)) { 1906 return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka."; 1907 } 1908 if (!/[0-9]/.test(password)) { 1909 return "Password harus mengandung angka"; 1910 } 1911 if (username && password.toLowerCase().includes(username.toLowerCase())) { 1912 return "Password tidak boleh mengandung username"; 1913 } 1914 const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/; 1915 if (numSeq.test(password)) { 1916 return "Password tidak boleh mengandung angka berurutan"; 1917 } 1918 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|" 1919 + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|" 1920 + "qwert|werty|asdf|zxcv|uiop|hjkl)"; 1921 const letterSequences = new RegExp(letterSeqStr, "i"); 1922 if (letterSequences.test(password)) { 1923 return "Password tidak boleh mengandung huruf berurutan"; 1924 } 1925 return null; 1926 } 1927 1928 // validator functions 1929 function vUsername(){ 1930 const v = (q('reg_username')?.value||'').trim(); 1931 if(!v) return showError('username','Username tidak boleh kosong'), false; 1932 if(v.length<6) return showError('username','Username minimal 6 karakter'), false; 1933 if(v.length>16) return showError('username','Username maksimal 16 karakter'), false; 1934 if(!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; 1935 clearError('username'); return true; 1936 } 1937 function vPass(){ 1938 const username = (q('reg_username')?.value || '').trim(); 1939 const v = q('reg_pass')?.value || ''; 1940 if(!v) { 1941 showError('password','Password tidak boleh kosong'); 1942 return false; 1943 } 1944 const err = checkPasswordStrengthJS(username, v); 1945 if (err) { 1946 showError('password', err); 1947 return false; 1948 } 1949 clearError('password'); 1950 if (q('reg_passcon')?.value) { 1951 vPasscon(); 1952 } 1953 1954 return true; 1955 } 1956 function vPasscon() { 1957 const username = (q('reg_username')?.value || '').trim(); 1958 const p1 = q('reg_pass')?.value || ''; 1959 const p2 = q('reg_passcon')?.value || ''; 1960 if (!p2) { 1961 showError('passcon', 'Konfirmasi password kosong'); 1962 return false; 1963 } 1964 const err = checkPasswordStrengthJS(username, p1); 1965 if (err) { 1966 showError('passcon', err); 1967 return false; 1968 } 1969 if (p1 !== p2) { 1970 showError('passcon', 'Konfirmasi tidak sama'); 1971 return false; 1972 } 1973 clearError('passcon'); 1974 return true; 1975 } 1976 function vEmail(){ 1977 const v=(q('reg_email')?.value||'').trim(); 1978 if(!v) return showError('email','Email tidak boleh kosong'), false; 1979 if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; 1980 clearError('email'); return true; 1981 } 1982 function vTelp(){ 1983 const el=q('reg_telpon'); if(!el) return true; 1984 el.value=el.value.replace(/\D/g,''); 1985 if(!el.value) return showError('telpon','Telpon kosong'), false; 1986 if(el.value.length<10) return showError('telpon','Telpon minimal 10 digit'), false; 1987 clearError('telpon'); return true; 1988 } 1989 function vBank(){ 1990 if(!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; 1991 clearError('bank'); return true; 1992 } 1993 function vRek(){ 1994 const el=q('reg_rek'); if(!el) return true; 1995 el.value=el.value.replace(/\D/g,''); 1996 if(!el.value) return showError('rek','Rekening kosong'), false; 1997 if(el.value.length<8) return showError('rek','Minimal 8 digit'), false; 1998 clearError('rek'); return true; 1999 } 2000 function vNama(){ 2001 const v=(q('reg_nama')?.value||'').trim(); 2002 if(!v) return showError('nama','Nama kosong'), false; 2003 if(v.length<3) return showError('nama','Nama minimal 3 karakter'), false; 2004 if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; 2005 clearError('nama'); return true; 2006 } 2007 function vVerifOpt(){ 2008 const el = q('reg_verifikasi'); if (!el) return true; 2009 const v = (el.value || '').trim(); 2010 if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; 2011 clearError('verifikasi'); return true; 2012 } 2013 2014 function validateAll(){ 2015 return vUsername() & vPass() & vPasscon() & vEmail() & vTelp() & vBank() & vRek() & vNama(); 2016 } 2017 2018 function attach(id, validator, opts){ 2019 const el=q(id); if(!el) return; 2020 const run=()=>validator(); 2021 el.addEventListener('focus',run); 2022 if(!opts||opts.input!==false) el.addEventListener('input',run); 2023 el.addEventListener('blur',run); 2024 if(opts&&opts.change) el.addEventListener('change',run); 2025 } 2026 2027 document.addEventListener('DOMContentLoaded',function(){ 2028 attach('reg_username',vUsername); 2029 attach('reg_pass',vPass); 2030 attach('reg_passcon',vPasscon); 2031 attach('reg_email',vEmail); 2032 attach('reg_telpon',vTelp); 2033 attach('reg_bank',vBank,{input:false,change:true}); 2034 attach('reg_rek',vRek); 2035 attach('reg_nama',vNama); 2036 attach('reg_verifikasi',vVerifOpt); 2037 2038 const f=q('formRegister'); 2039 if(f){ 2040 f.addEventListener('submit',function(e){ 2041 if(!validateAll()){ 2042 e.preventDefault(); 2043 } 2044 }); 2045 } 2046 }); 2047})(); 2048</script>
2048 2049 2050 2051 </div> 2052 </div> 2053 </div> 2054 2055 2056 </div> 2057 </div> 2058 2059 2060 2061 <div class="widget-kupon"> 2062 <!-- <div style="position:relative; width:100%;"> --> 2063 <iframe class="iframe-kupon" src="#"></iframe> 2064 <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div> 2065 <!-- </div> --> 2066 </div> 2067 2068 <!-- BANNER SBO MOBILE --> 2069 <div class="widget-sbo mobile-only"> 2070 <div class="match-slider-wrap"> 2071 <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 2072 2073 <div class="carousel-indicators"> 2074 <button 2075 type="button" 2076 data-bs-target="#sboMatchCarouselMobile" 2077 data-bs-slide-to="0" 2078 class="active" 2079 aria-current="true" aria-label="Slide 1"> 2080 </button> 2081 <button 2082 type="button" 2083 data-bs-target="#sboMatchCarouselMobile" 2084 data-bs-slide-to="1" 2085 class="" 2086 aria-label="Slide 2"> 2087 </button> 2088 <button 2089 type="button" 2090 data-bs-target="#sboMatchCarouselMobile" 2091 data-bs-slide-to="2" 2092 class="" 2093 aria-label="Slide 3"> 2094 </button> 2095 <button 2096 type="button" 2097 data-bs-target="#sboMatchCarouselMobile" 2098 data-bs-slide-to="3" 2099 class="" 2100 aria-label="Slide 4"> 2101 </button> 2102 <button 2103 type="button" 2104 data-bs-target="#sboMatchCarouselMobile" 2105 data-bs-slide-to="4" 2106 class="" 2107 aria-label="Slide 5"> 2108 </button> 2109 <button 2110 type="button" 2111 data-bs-target="#sboMatchCarouselMobile" 2112 data-bs-slide-to="5" 2113 class="" 2114 aria-label="Slide 6"> 2115 </button> 2116 <button 2117 type="button" 2118 data-bs-target="#sboMatchCarouselMobile" 2119 data-bs-slide-to="6" 2120 class="" 2121 aria-label="Slide 7"> 2122 </button> 2123 <button 2124 type="button" 2125 data-bs-target="#sboMatchCarouselMobile" 2126 data-bs-slide-to="7" 2127 class="" 2128 aria-label="Slide 8"> 2129 </button> 2130 <button 2131 type="button" 2132 data-bs-target="#sboMatchCarouselMobile" 2133 data-bs-slide-to="8" 2134 class="" 2135 aria-label="Slide 9"> 2136 </button> 2137 <button 2138 type="button" 2139 data-bs-target="#sboMatchCarouselMobile" 2140 data-bs-slide-to="9" 2141 class="" 2142 aria-label="Slide 10"> 2143 </button> 2144 </div> 2145 2146 <div class="carousel-inner"> 2147 <div class="carousel-item active"> 2148 <div class="row g-3"> 2149 <div class="col-12"> 2150 <div class="match-card h-100"> 2151 <div class="league-name"> 2152 UEFA CHAMPIONS LEAGUE </div> 2153 2154 <div class="kickoff-time"> 2155 May 30, 2026 â 22:59 WIB </div> 2156 2157 <div class="match-main-row"> 2158 <div class="team-col"> 2159 <img 2160 src="../img-2-2.cdn568.net/images/teamLogo/ParisSaintGermain.png" 2161 alt="Paris Saint Germain (n)" 2162 class="team-logo" 2163 > 2164 <div class="team-name"> 2165 Paris Saint Germain (n) </div> 2166 </div> 2167 2168 <div class="score-col"> 2169 <div class="score-value"> 2170 0 : 0 </div> 2171 2172 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '130619275')"> 2173 BET NOW 2174 </a> 2175 </div> 2176 2177 <div class="team-col"> 2178 <img 2179 src="/football/team/d6f5debc456da1119256ab66462ab510.png" 2180 alt="Arsenal" 2181 class="team-logo" 2182 > 2183 <div class="team-name"> 2184 Arsenal </div> 2185 </div> 2186 </div> 2187 2188 <div class="match-odds-row"> 2189 <div class="odds-col">
2190 <span> 2191 0.00 <small>0.68</small> 2192 </span> 2193 </div> 2194 2195 <div class="odds-spacer"></div> 2196 2197 <div class="odds-col"> 2198 <span> 2199 0.00 <small>-0.78</small> 2200 </span> 2201 </div> 2202 </div> 2203 </div> 2204 </div> 2205 </div> 2206 </div> 2207 <div class="carousel-item "> 2208 <div class="row g-3"> 2209 <div class="col-12"> 2210 <div class="match-card h-100"> 2211 <div class="league-name"> 2212 WORLD CUP 2026 (in Canada, Mexico & USA) </div> 2213 2214 <div class="kickoff-time"> 2215 June 12, 2026 â 02:00 WIB </div> 2216 2217 <div class="match-main-row"> 2218 <div class="team-col"> 2219 <img 2220 src="../img-2-2.cdn568.net/images/teamLogo/Mexico.png" 2221 alt="Mexico" 2222 class="team-logo" 2223 > 2224 <div class="team-name"> 2225 Mexico </div> 2226 </div> 2227 2228 <div class="score-col"> 2229 <div class="score-value"> 2230 0 : 0 </div> 2231 2232 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112606825')"> 2233 BET NOW 2234 </a> 2235 </div> 2236 2237 <div class="team-col"> 2238 <img 2239 src="../img-2-2.cdn568.net/images/teamLogo/SouthAfrica.png" 2240 alt="South Africa" 2241 class="team-logo" 2242 > 2243 <div class="team-name"> 2244 South Africa </div> 2245 </div> 2246 </div> 2247 2248 <div class="match-odds-row"> 2249 <div class="odds-col">
2250 <span> 2251 1 <small>0.83</small> 2252 </span> 2253 </div> 2254 2255 <div class="odds-spacer"></div> 2256 2257 <div class="odds-col"> 2258 <span> 2259 -1 <small>-0.95</small> 2260 </span> 2261 </div> 2262 </div> 2263 </div> 2264 </div> 2265 </div> 2266 </div> 2267 <div class="carousel-item "> 2268 <div class="row g-3"> 2269 <div class="col-12"> 2270 <div class="match-card h-100"> 2271 <div class="league-name"> 2272 WORLD CUP 2026 (in Canada, Mexico & USA) </div> 2273 2274 <div class="kickoff-time"> 2275 June 12, 2026 â 09:00 WIB </div> 2276 2277 <div class="match-main-row"> 2278 <div class="team-col"> 2279 <img 2280 src="../img-2-2.cdn568.net/images/teamLogo/Czechia.png" 2281 alt="Czechia" 2282 class="team-logo" 2283 > 2284 <div class="team-name"> 2285 Czechia </div> 2286 </div> 2287 2288 <div class="score-col"> 2289 <div class="score-value"> 2290 0 : 0 </div> 2291 2292 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '126360784')"> 2293 BET NOW 2294 </a> 2295 </div> 2296 2297 <div class="team-col"> 2298 <img 2299 src="../img-2-2.cdn568.net/images/teamLogo/KoreaRepublic.png" 2300 alt="Korea Republic" 2301 class="team-logo" 2302 > 2303 <div class="team-name"> 2304 Korea Republic </div> 2305 </div> 2306 </div> 2307 2308 <div class="match-odds-row"> 2309 <div class="odds-col">
2310 <span> 2311 0.00 <small>0.96</small> 2312 </span> 2313 </div> 2314 2315 <div class="odds-spacer"></div> 2316 2317 <div class="odds-col"> 2318 <span> 2319 0.00 <small>0.92</small> 2320 </span> 2321 </div> 2322 </div> 2323 </div> 2324 </div> 2325 </div> 2326 </div> 2327 <div class="carousel-item "> 2328 <div class="row g-3"> 2329 <div class="col-12"> 2330 <div class="match-card h-100"> 2331 <div class="league-name"> 2332 e-Football F24 Elite Club Friendly </div> 2333 2334 <div class="kickoff-time"> 2335 May 26, 2026 â 19:45 WIB </div> 2336 2337 <div class="match-main-row"> 2338 <div class="team-col"> 2339 <img 2340 src="../img-2-2.cdn568.net/images/teamLogo/Lille.png" 2341 alt="e-Lille" 2342 class="team-logo" 2343 > 2344 <div class="team-name"> 2345 e-Lille </div> 2346 </div> 2347 2348 <div class="score-col"> 2349 <div class="score-value"> 2350 0 : 1 </div> 2351 2352 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967294')"> 2353 BET NOW 2354 </a> 2355 </div> 2356 2357 <div class="team-col"> 2358 <img 2359 src="../img-2-2.cdn568.net/images/teamLogo/ParisSaintGermain.png" 2360 alt="e-Paris Saint Germain" 2361 class="team-logo" 2362 > 2363 <div class="team-name"> 2364 e-Paris Saint Germain </div> 2365 </div> 2366 </div> 2367 2368 <div class="match-odds-row"> 2369 <div class="odds-col">
2370 <span> 2371 0.00 <small>-0.60</small> 2372 </span> 2373 </div> 2374 2375 <div class="odds-spacer"></div> 2376 2377 <div class="odds-col"> 2378 <span> 2379 0.00 <small>0.36</small> 2380 </span> 2381 </div> 2382 </div> 2383 </div> 2384 </div> 2385 </div> 2386 </div> 2387 <div class="carousel-item "> 2388 <div class="row g-3"> 2389 <div class="col-12"> 2390 <div class="match-card h-100"> 2391 <div class="league-name"> 2392 e-Football F24 Elite Club Friendly </div> 2393 2394 <div class="kickoff-time"> 2395 May 26, 2026 â 20:00 WIB </div> 2396 2397 <div class="match-main-row"> 2398 <div class="team-col"> 2399 <img 2400 src="../img-2-2.cdn568.net/images/teamLogo/RealMadrid.png" 2401 alt="e-Real Madrid" 2402 class="team-logo" 2403 > 2404 <div class="team-name"> 2405 e-Real Madrid </div> 2406 </div> 2407 2408 <div class="score-col"> 2409 <div class="score-value"> 2410 0 : 0 </div> 2411 2412 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967298')"> 2413 BET NOW 2414 </a> 2415 </div> 2416 2417 <div class="team-col"> 2418 <img 2419 src="../img-2-2.cdn568.net/images/teamLogo/Feyenoord.png" 2420 alt="e-Feyenoord" 2421 class="team-logo" 2422 > 2423 <div class="team-name"> 2424 e-Feyenoord </div> 2425 </div> 2426 </div> 2427 2428 <div class="match-odds-row"> 2429 <div class="odds-col">
2430 <span> 2431 1.75 <small>0.70</small> 2432 </span> 2433 </div> 2434 2435 <div class="odds-spacer"></div> 2436 2437 <div class="odds-col"> 2438 <span> 2439 -1.75 <small>-0.94</small> 2440 </span> 2441 </div> 2442 </div> 2443 </div> 2444 </div> 2445 </div> 2446 </div> 2447 <div class="carousel-item "> 2448 <div class="row g-3"> 2449 <div class="col-12"> 2450 <div class="match-card h-100"> 2451 <div class="league-name"> 2452 e-Football F24 International Friendly </div> 2453 2454 <div class="kickoff-time"> 2455 May 26, 2026 â 19:45 WIB </div> 2456 2457 <div class="match-main-row"> 2458 <div class="team-col"> 2459 <img 2460 src="/football/team/e5e5e0f67481324ebdbd65d65890b2b8.png" 2461 alt="e-Italy" 2462 class="team-logo" 2463 > 2464 <div class="team-name"> 2465 e-Italy </div> 2466 </div> 2467 2468 <div class="score-col"> 2469 <div class="score-value"> 2470 0 : 2 </div> 2471 2472 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132966982')"> 2473 BET NOW 2474 </a> 2475 </div> 2476 2477 <div class="team-col"> 2478 <img 2479 src="../img-2-2.cdn568.net/images/teamLogo/England.png" 2480 alt="e-England" 2481 class="team-logo" 2482 > 2483 <div class="team-name"> 2484 e-England </div> 2485 </div> 2486 </div> 2487 2488 <div class="match-odds-row"> 2489 <div class="odds-col">
2490 <span> 2491 0.00 <small>-0.72</small> 2492 </span> 2493 </div> 2494 2495 <div class="odds-spacer"></div> 2496 2497 <div class="odds-col"> 2498 <span> 2499 0.00 <small>0.48</small> 2500 </span> 2501 </div> 2502 </div> 2503 </div> 2504 </div> 2505 </div> 2506 </div> 2507 <div class="carousel-item "> 2508 <div class="row g-3"> 2509 <div class="col-12"> 2510 <div class="match-card h-100"> 2511 <div class="league-name"> 2512 e-Football F24 Elite Club Friendly </div> 2513 2514 <div class="kickoff-time"> 2515 May 26, 2026 â 19:45 WIB </div> 2516 2517 <div class="match-main-row"> 2518 <div class="team-col"> 2519 <img 2520 src="../img-2-2.cdn568.net/images/teamLogo/Arsenal.png" 2521 alt="e-Arsenal" 2522 class="team-logo" 2523 > 2524 <div class="team-name"> 2525 e-Arsenal </div> 2526 </div> 2527 2528 <div class="score-col"> 2529 <div class="score-value"> 2530 0 : 2 </div> 2531 2532 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967295')"> 2533 BET NOW 2534 </a> 2535 </div> 2536 2537 <div class="team-col"> 2538 <img 2539 src="../img-2-2.cdn568.net/images/teamLogo/RBLeipzig.png" 2540 alt="e-RB Leipzig" 2541 class="team-logo" 2542 > 2543 <div class="team-name"> 2544 e-RB Leipzig </div> 2545 </div> 2546 </div> 2547 2548 <div class="match-odds-row"> 2549 <div class="odds-col">
2550 <span> 2551 0.00 <small>-0.83</small> 2552 </span> 2553 </div> 2554 2555 <div class="odds-spacer"></div> 2556 2557 <div class="odds-col"> 2558 <span> 2559 0.00 <small>0.59</small> 2560 </span> 2561 </div> 2562 </div> 2563 </div> 2564 </div> 2565 </div> 2566 </div> 2567 <div class="carousel-item "> 2568 <div class="row g-3"> 2569 <div class="col-12"> 2570 <div class="match-card h-100"> 2571 <div class="league-name"> 2572 e-Football F24 Elite Club Friendly </div> 2573 2574 <div class="kickoff-time"> 2575 May 26, 2026 â 19:45 WIB </div> 2576 2577 <div class="match-main-row"> 2578 <div class="team-col"> 2579 <img 2580 src="../img-2-2.cdn568.net/images/teamLogo/InterMilan.png" 2581 alt="e-Inter Milan" 2582 class="team-logo" 2583 > 2584 <div class="team-name"> 2585 e-Inter Milan </div> 2586 </div> 2587 2588 <div class="score-col"> 2589 <div class="score-value"> 2590 0 : 1 </div> 2591 2592 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967296')"> 2593 BET NOW 2594 </a> 2595 </div> 2596 2597 <div class="team-col"> 2598 <img 2599 src="../img-2-2.cdn568.net/images/teamLogo/RBLeipzig.png" 2600 alt="e-RB Leipzig" 2601 class="team-logo" 2602 > 2603 <div class="team-name"> 2604 e-RB Leipzig </div> 2605 </div> 2606 </div> 2607 2608 <div class="match-odds-row"> 2609 <div class="odds-col">
2610 <span> 2611 0.00 <small>1.00</small> 2612 </span> 2613 </div> 2614 2615 <div class="odds-spacer"></div> 2616 2617 <div class="odds-col"> 2618 <span> 2619 0.00 <small>0.76</small> 2620 </span> 2621 </div> 2622 </div> 2623 </div> 2624 </div> 2625 </div> 2626 </div> 2627 <div class="carousel-item "> 2628 <div class="row g-3"> 2629 <div class="col-12"> 2630 <div class="match-card h-100"> 2631 <div class="league-name"> 2632 e-Football F24 International Friendly </div> 2633 2634 <div class="kickoff-time"> 2635 May 26, 2026 â 19:30 WIB </div> 2636 2637 <div class="match-main-row"> 2638 <div class="team-col"> 2639 <img 2640 src="../img-2-2.cdn568.net/images/teamLogo/Denmark.png" 2641 alt="e-Denmark" 2642 class="team-logo" 2643 > 2644 <div class="team-name"> 2645 e-Denmark </div> 2646 </div> 2647 2648 <div class="score-col"> 2649 <div class="score-value"> 2650 0 : 0 </div> 2651 2652 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132966980')"> 2653 BET NOW 2654 </a> 2655 </div> 2656 2657 <div class="team-col"> 2658 <img 2659 src="../img-2-2.cdn568.net/images/teamLogo/Croatia.png" 2660 alt="e-Croatia" 2661 class="team-logo" 2662 > 2663 <div class="team-name"> 2664 e-Croatia </div> 2665 </div> 2666 </div> 2667 2668 <div class="match-odds-row"> 2669 <div class="odds-col">
2670 <span> 2671 0.00 <small>0.00</small> 2672 </span> 2673 </div> 2674 2675 <div class="odds-spacer"></div> 2676 2677 <div class="odds-col"> 2678 <span> 2679 0.00 <small>0.00</small> 2680 </span> 2681 </div> 2682 </div> 2683 </div> 2684 </div> 2685 </div> 2686 </div> 2687 <div class="carousel-item "> 2688 <div class="row g-3"> 2689 <div class="col-12"> 2690 <div class="match-card h-100"> 2691 <div class="league-name"> 2692 e-Football F24 International Friendly </div> 2693 2694 <div class="kickoff-time"> 2695 May 26, 2026 â 19:45 WIB </div> 2696 2697 <div class="match-main-row"> 2698 <div class="team-col"> 2699 <img 2700 src="../img-2-2.cdn568.net/images/teamLogo/Portugal.png" 2701 alt="e-Portugal" 2702 class="team-logo" 2703 > 2704 <div class="team-name"> 2705 e-Portugal </div> 2706 </div> 2707 2708 <div class="score-col"> 2709 <div class="score-value"> 2710 0 : 0 </div> 2711 2712 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132966983')"> 2713 BET NOW 2714 </a> 2715 </div> 2716 2717 <div class="team-col"> 2718 <img 2719 src="../img-2-2.cdn568.net/images/teamLogo/Wales.png" 2720 alt="e-Wales" 2721 class="team-logo" 2722 > 2723 <div class="team-name"> 2724 e-Wales </div> 2725 </div> 2726 </div> 2727 2728 <div class="match-odds-row"> 2729 <div class="odds-col">
2730 <span> 2731 0.25 <small>0.45</small> 2732 </span> 2733 </div> 2734 2735 <div class="odds-spacer"></div> 2736 2737 <div class="odds-col"> 2738 <span> 2739 -0.25 <small>-0.69</small> 2740 </span> 2741 </div> 2742 </div> 2743 </div> 2744 </div> 2745 </div> 2746 </div> 2747 </div> 2748 2749 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev"> 2750 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 2751 <span class="visually-hidden">Previous</span> 2752 </button> 2753 2754 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next"> 2755 <span class="carousel-control-next-icon" aria-hidden="true"></span> 2756 <span class="visually-hidden">Next</span> 2757 </button> 2758 </div> 2759 </div> 2760 </div> 2761 <!-- BANNER SBO MOBILE END --> 2762 2763 2764 <!-- Togel --> 2765 2766 <style> 2767 .togel-desktop { 2768 /*background: var(--togel-background);*/ 2769 background: var(--footer-background); 2770 grid-area: togel-desktop; 2771 position: relative; 2772 } 2773 2774 .togel-mobile { 2775 display: none; 2776 } 2777 2778 .show-more { 2779 position: absolute; 2780 2781 z-index: 999; 2782 bottom: 0px; 2783 width: 100%; 2784 2785 /* 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)); */ 2786 } 2787 2788 .show-more-content { 2789 background: var(--secondary-background); 2790 opacity: .7; 2791 display: grid; 2792 place-items: center; 2793 height: 32px 2794 } 2795 2796 .togel-content { 2797 position: relative; 2798 display: flex; 2799 flex-wrap: wrap; 2800 justify-content: center; 2801 /*display: grid;*/ 2802 /*grid-template-columns: repeat(10, 1fr);*/ 2803 gap: 8px 4px; 2804 padding: 16px 0; 2805 } 2806 2807 .see-more { 2808 padding: 16px 0 48px 0; 2809 max-height: 162px; 2810 transition: max-height .75s ease-out; 2811 transition-delay: .1s; 2812 overflow: hidden; 2813 } 2814 2815 .togel-content:hover{ 2816 max-height: 1000px; 2817 transition: max-height 0.25s ease-in; 2818 } 2819 2820 .result { 2821 height: 110px; 2822 width: 96px; 2823 border-radius: 10px; 2824 background: var(--result-background); 2825 border: var(--result-border); 2826 2827 display: grid; 2828 grid-template-rows: 0px 20px 1fr 28px; 2829 grid-template-areas: 2830 "badge" 2831 "pasaran" 2832 "keluaran" 2833 "tanggal" 2834 ; 2835 2836 /* display: flex; 2837 flex-direction: column; 2838 justify-content: space-between; */ 2839 2840 overflow: hidden; 2841 } 2842 2843 .badge { 2844 grid-area: badge; 2845 display: grid; 2846 place-items: center; 2847 } 2848 2849 .result>.pasaran { 2850 2851 grid-area: pasaran; 2852 2853 padding-top: 8px; 2854 white-space: nowrap; 2855 font-size: .7rem; 2856 line-height: .7rem; 2857 2858 color: var(--result-pasaran-color); 2859 display: grid; 2860 place-items: center; 2861 } 2862 2863 .result>.keluaran { 2864 2865 grid-area: keluaran; 2866 padding-bottom: 8px; 2867 font-family: 'Oswald', sans-serif; 2868 line-height: 40px; 2869 font-size: 40px; 2870 color: var(--result-keluaran-color); 2871 display: grid; 2872 place-items: center; 2873 } 2874 2875 .result>.tanggal { 2876 2877 grid-area: tanggal; 2878 2879 width: 100%; 2880 height: 100%; 2881 /* background: rgb(40,0,0); 2882 background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ 2883 background: var(--result-tanggal-background); 2884 white-space: nowarp; 2885 font-size: .79rem; 2886 display: grid; 2887 place-items: center; 2888 font-family: 'Abel', sans-serif; 2889 color: var(--result-tanggal-color); 2890 } 2891 2892 @media only screen and (max-width: 1000px) { 2893 2894 .togel-desktop { 2895 display: none; 2896 } 2897 2898 .togel-mobile { 2899 2900 background: var(--secondary-background); 2901 grid-area: togel-mobile; 2902 padding: 24px; 2903 padding-bottom: 12px; 2904 box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; 2905 } 2906 2907 .togel-title { 2908 padding: 0px; 2909 padding-bottom: 20px; 2910 font-size: 1.4rem; 2911 font-weight: bold; 2912 color: var(--primary-text-color); 2913 } 2914 2915 .togel-content { 2916 max-height: fit-content; 2917 display: grid; 2918 grid-template-columns: 1fr; 2919 gap: 0; 2920 border-radius: 8px; 2921 } 2922 2923 2924 2925 .provider-group { 2926 padding: var(--mobile-padding-horizontal); 2927 } 2928 2929 .badge { 2930 display: none; 2931 } 2932 2933 .result { 2934 height: auto; 2935 width: 100%; 2936 display: grid; 2937 grid-template-rows: 1fr; 2938 grid-template-columns: 1fr 1fr 80px; 2939 grid-template-areas: "pasaran tanggal keluaran"; 2940 border-radius: 0; 2941 border: none; 2942 background: transparent; 2943 padding: 4px 12px; 2944 color: var(--primary-text-color); 2945 font-family: 'Abel', sans-serif; 2946 2947 } 2948 2949 2950 .result-data:nth-child(odd) { 2951 background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background); 2952 } 2953 2954 2955 .accordion-item { 2956 background-color: transparent; 2957 border: 0px; 2958 } 2959 2960 .accordion-button:not(.collapsed) { 2961 color: inherit; 2962 background-color: transparent; 2963 box-shadow: none; 2964 } 2965 2966 .accordion-button::after { 2967 height: 0px; 2968 } 2969 2970 .result>* { 2971 padding: 0px!important; 2972 margin: 0px!important; 2973 font-size: 1.4rem!important; 2974 line-height: auto!important; 2975 font-weight: normal!important; 2976 } 2977 2978 .result>.pasaran { 2979 display: flex; 2980 justify-content: start; 2981 color: var(--primary-text-color)!important; 2982 opacity: .7; 2983 } 2984 2985 .result>.tanggal { 2986 display: flex; 2987 justify-content: center; 2988 background: transparent; 2989 color: var(--primary-text-color)!important; 2990 opacity: .7; 2991 } 2992 2993 .result>.keluaran { 2994 display: flex; 2995 justify-content: end; 2996 /*color: var(--primary-text-color)!important;*/ 2997 font-family: 'Abel', sans-serif; 2998 color: var(--highlight-text-color); 2999 } 3000 3001 } 3002 </style> 3003 3004 3005 3006 <div id="togel-desktop" class="togel-desktop desktop-only"> 3007 3008 <div class="show-more desktop-only"> 3009 <div class="show-more-content"> 3010 <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i> 3011 </div> 3012 </div> 3013 3014 3015 3016 <div class="togel-content see-more"> 3017 <!-- <a href="/?content=hasil&pid=GWIN" class="result"> --> 3018 <a href="hasil/GWIN.html" class="result"> 3019 3020 <div class="badge"> 3021 </div> 3022 3023 <div class="pasaran">GWIN4D </div> 3024 <div class="keluaran">0221</div> 3025 <div class="tanggal"> 26/5/2026</div> 3026 </a> 3027 <!-- <a href="/?content=hasil&pid=GLDN" class="result"> --> 3028 <a href="hasil/GLDN.html" class="result"> 3029 3030 <div class="badge"> 3031 </div> 3032 3033 <div class="pasaran">GOLDEN6D </div> 3034 <div class="keluaran">1266</div> 3035 <div class="tanggal"> 26/5/2026</div> 3036 </a> 3037 <!-- <a href="/?content=hasil&pid=CAR" class="result"> --> 3038 <a href="hasil/CAR.html" class="result"> 3039 3040 <div class="badge"> 3041 </div> 3042 3043 <div class="pasaran">CAROLINA DAY </div> 3044 <div class="keluaran">4650</div> 3045 <div class="tanggal"> 26/5/2026</div> 3046 </a> 3047 <!-- <a href="/?content=hasil&pid=MCB" class="result"> --> 3048 <a href="hasil/MCB.html" class="result"> 3049 3050 <div class="badge"> 3051 </div> 3052 3053 <div class="pasaran">MOCBAI LOTTERY </div> 3054 <div class="keluaran">9071</div> 3055 <div class="tanggal"> 26/5/2026</div> 3056 </a> 3057 <!-- <a href="/?content=hasil&pid=HKD" class="result"> --> 3058 <a href="hasil/HKD.html" class="result"> 3059 3060 <div class="badge"> 3061 </div> 3062 3063 <div class="pasaran">HK SIANG </div> 3064 <div class="keluaran">1484</div> 3065 <div class="tanggal"> 26/5/2026</div> 3066 </a> 3067 <!-- <a href="/?content=hasil&pid=MBR" class="result"> --> 3068 <a href="hasil/MBR.html" class="result"> 3069 3070 <div class="badge"> 3071 </div> 3072 3073 <div class="pasaran">MABAR LOTTERY </div> 3074 <div class="keluaran">9173</div> 3075 <div class="tanggal"> 26/5/2026</div> 3076 </a> 3077 <!-- <a href="/?content=hasil&pid=NZB" class="result"> --> 3078 <a href="hasil/NZB.html" class="result"> 3079 3080 <div class="badge"> 3081 </div> 3082 3083 <div class="pasaran">BULLSEYE </div> 3084 <div class="keluaran">4726</div> 3085 <div class="tanggal"> 26/5/2026</div> 3086 </a> 3087 <!-- <a href="/?content=hasil&pid=SY" class="result"> --> 3088 <a href="hasil/SY.html" class="result"> 3089 3090 <div class="badge"> 3091 </div> 3092 3093 <div class="pasaran">SYDNEY </div> 3094 <div class="keluaran">8796</div> 3095 <div class="tanggal"> 26/5/2026</div> 3096 </a> 3097 <!-- <a href="/?content=hasil&pid=SDLT" class="result"> --> 3098 <a href="hasil/SDLT.html" class="result"> 3099 3100 <div class="badge"> 3101 </div> 3102 3103 <div class="pasaran">SYDNEY LOTTO </div> 3104 <div class="keluaran">8602</div> 3105 <div class="tanggal"> 26/5/2026</div> 3106 </a> 3107 <!-- <a href="/?content=hasil&pid=SG" class="result"> --> 3108 <a href="hasil/SG.html" class="result"> 3109 3110 <div class="badge"> 3111 </div> 3112 3113 <div class="pasaran">SINGAPORE </div> 3114 <div class="keluaran">6101</div> 3115 <div class="tanggal"> 25/5/2026</div> 3116 </a> 3117 <!-- <a href="/?content=hasil&pid=PCSO" class="result"> --> 3118 <a href="hasil/PCSO.html" class="result"> 3119 3120 <div class="badge"> 3121 </div> 3122 3123 <div class="pasaran">PCSO </div> 3124 <div class="keluaran">1957</div> 3125 <div class="tanggal"> 25/5/2026</div> 3126 </a> 3127 <!-- <a href="/?content=hasil&pid=MY" class="result"> --> 3128 <a href="hasil/MY.html" class="result"> 3129 3130 <div class="badge"> 3131 </div> 3132 3133 <div class="pasaran">MALAYSIA </div> 3134 <div class="keluaran">5763</div> 3135 <div class="tanggal"> 26/5/2026</div> 3136 </a> 3137 <!-- <a href="/?content=hasil&pid=TWN" class="result"> --> 3138 <a href="hasil/TWN.html" class="result"> 3139 3140 <div class="badge"> 3141 </div> 3142 3143 <div class="pasaran">TAIWAN </div> 3144 <div class="keluaran">1178</div> 3145 <div class="tanggal"> 25/5/2026</div> 3146 </a> 3147 <!-- <a href="/?content=hasil&pid=QTR" class="result"> --> 3148 <a href="hasil/QTR.html" class="result"> 3149 3150 <div class="badge"> 3151 </div> 3152 3153 <div class="pasaran">QATAR </div> 3154 <div class="keluaran">3403</div> 3155 <div class="tanggal"> 25/5/2026</div> 3156 </a> 3157 <!-- <a href="/?content=hasil&pid=HK" class="result"> --> 3158 <a href="hasil/HK.html" class="result"> 3159
3159 3160 <div class="badge"> 3161 </div> 3162 3163 <div class="pasaran">HONGKONG </div> 3164 <div class="keluaran">5909</div> 3165 <div class="tanggal"> 25/5/2026</div> 3166 </a> 3167 <!-- <a href="/?content=hasil&pid=HKLT" class="result"> --> 3168 <a href="hasil/HKLT.html" class="result"> 3169 3170 <div class="badge"> 3171 </div> 3172 3173 <div class="pasaran">HONGKONG LOTTO </div> 3174 <div class="keluaran">0140</div> 3175 <div class="tanggal"> 25/5/2026</div> 3176 </a> 3177 <!-- <a href="/?content=hasil&pid=TWH" class="result"> --> 3178 <a href="hasil/TWH.html" class="result"> 3179 3180 <div class="badge"> 3181 </div> 3182 3183 <div class="pasaran">TOTO WUHAN </div> 3184 <div class="keluaran">7808</div> 3185 <div class="tanggal"> 26/5/2026</div> 3186 </a> 3187 3188 </div> 3189 </div> 3190 3191 <div id="togel-mobile" class="togel-mobile mobile-only"> 3192 3193 <div class="togel-title">Togel Result</div> 3194 3195 3196 <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px"> 3197 <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> 3198 3199 <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> 3200 <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button> 3201 3202 </div> 3203 <div class="carousel-inner"> 3204 3205 <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> 3206 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-GWIN"> 3207 <div class="badge"> 3208 </div> 3209 <div class="pasaran">GWIN4D </div> 3210 <div class="keluaran">0221</div> 3211 <div class="tanggal">26-05-2026</div> 3212 </button> 3213 <div id="paito-GWIN" class="accordion-collapse collapse"> 3214 3215 <div class="result"> 3216 <div class="pasaran"></div> 3217 <div class="keluaran">7752</div> 3218 <div class="tanggal">26-05-2026</div> 3219 </div> 3220 3221 <div class="result"> 3222 <div class="pasaran"></div> 3223 <div class="keluaran">9088</div> 3224 <div class="tanggal">26-05-2026</div> 3225 </div> 3226 3227 <div class="result"> 3228 <div class="pasaran"></div> 3229 <div class="keluaran">5490</div> 3230 <div class="tanggal">26-05-2026</div> 3231 </div> 3232 3233 <div class="result"> 3234 <div class="pasaran"></div> 3235 <div class="keluaran">6734</div> 3236 <div class="tanggal">26-05-2026</div> 3237 </div> 3238 3239 <div class="result"> 3240 <div class="pasaran"></div> 3241 <div class="keluaran">1478</div> 3242 <div class="tanggal">26-05-2026</div> 3243 </div> 3244 3245 <div class="result"> 3246 <div class="pasaran"></div> 3247 <div class="keluaran">2280</div> 3248 <div class="tanggal">26-05-2026</div> 3249 </div> 3250 3251 <div class="result"> 3252 <div class="pasaran"></div> 3253 <div class="keluaran">6639</div> 3254 <div class="tanggal">26-05-2026</div> 3255 </div> 3256 </div> 3257 </div> 3258 3259 <div class="result-data accordion-item"> 3260 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-GLDN"> 3261 <div class="badge"> 3262 </div> 3263 <div class="pasaran">GOLDEN6D </div> 3264 <div class="keluaran">1266</div> 3265 <div class="tanggal">26-05-2026</div> 3266 </button> 3267 <div id="paito-GLDN" class="accordion-collapse collapse"> 3268 3269 <div class="result"> 3270 <div class="pasaran"></div> 3271 <div class="keluaran">7155</div> 3272 <div class="tanggal">26-05-2026</div> 3273 </div> 3274 3275 <div class="result"> 3276 <div class="pasaran"></div> 3277 <div class="keluaran">1143</div> 3278 <div class="tanggal">26-05-2026</div> 3279 </div> 3280 3281 <div class="result"> 3282 <div class="pasaran"></div> 3283 <div class="keluaran">0915</div> 3284 <div class="tanggal">26-05-2026</div> 3285 </div> 3286 3287 <div class="result"> 3288 <div class="pasaran"></div> 3289 <div class="keluaran">0791</div> 3290 <div class="tanggal">26-05-2026</div> 3291 </div> 3292 3293 <div class="result"> 3294 <div class="pasaran"></div> 3295 <div class="keluaran">9876</div> 3296 <div class="tanggal">26-05-2026</div> 3297 </div> 3298 3299 <div class="result"> 3300 <div class="pasaran"></div> 3301 <div class="keluaran">5537</div> 3302 <div class="tanggal">26-05-2026</div> 3303 </div> 3304 3305 <div class="result"> 3306 <div class="pasaran"></div> 3307 <div class="keluaran">7723</div> 3308 <div class="tanggal">26-05-2026</div> 3309 </div> 3310 </div> 3311 </div> 3312 3313 <div class="result-data accordion-item"> 3314 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CAR"> 3315 <div class="badge"> 3316 </div> 3317 <div class="pasaran">CAROLINA DAY </div> 3318 <div class="keluaran">4650</div> 3319 <div class="tanggal">26-05-2026</div> 3320 </button> 3321 <div id="paito-CAR" class="accordion-collapse collapse"> 3322 3323 <div class="result"> 3324 <div class="pasaran"></div> 3325 <div class="keluaran">4382</div> 3326 <div class="tanggal">25-05-2026</div> 3327 </div> 3328 3329 <div class="result"> 3330 <div class="pasaran"></div> 3331 <div class="keluaran">9232</div> 3332 <div class="tanggal">24-05-2026</div> 3333 </div> 3334 3335 <div class="result"> 3336 <div class="pasaran"></div> 3337 <div class="keluaran">9769</div> 3338 <div class="tanggal">23-05-2026</div> 3339 </div> 3340 3341 <div class="result"> 3342 <div class="pasaran"></div> 3343 <div class="keluaran">2269</div> 3344 <div class="tanggal">22-05-2026</div> 3345 </div> 3346 3347 <div class="result"> 3348 <div class="pasaran"></div> 3349 <div class="keluaran">1240</div> 3350 <div class="tanggal">21-05-2026</div> 3351 </div> 3352 3353 <div class="result"> 3354 <div class="pasaran"></div> 3355 <div class="keluaran">8737</div> 3356 <div class="tanggal">20-05-2026</div> 3357 </div> 3358 3359 <div class="result"> 3360 <div class="pasaran"></div> 3361 <div class="keluaran">8535</div> 3362 <div class="tanggal">19-05-2026</div> 3363 </div> 3364 </div> 3365 </div> 3366 3367 <div class="result-data accordion-item"> 3368 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MCB"> 3369 <div class="badge"> 3370 </div> 3371 <div class="pasaran">MOCBAI LOTTERY </div> 3372 <div class="keluaran">9071</div> 3373 <div class="tanggal">26-05-2026</div> 3374 </button> 3375 <div id="paito-MCB" class="accordion-collapse collapse"> 3376 3377 <div class="result"> 3378 <div class="pasaran"></div> 3379 <div class="keluaran">5674</div> 3380 <div class="tanggal">25-05-2026</div> 3381 </div> 3382 3383 <div class="result"> 3384 <div class="pasaran"></div> 3385 <div class="keluaran">8347</div> 3386 <div class="tanggal">24-05-2026</div> 3387 </div> 3388 3389 <div class="result"> 3390 <div class="pasaran"></div> 3391 <div class="keluaran">2230</div> 3392 <div class="tanggal">23-05-2026</div> 3393 </div> 3394 3395 <div class="result"> 3396
3396 <div class="pasaran"></div> 3397 <div class="keluaran">6201</div> 3398 <div class="tanggal">22-05-2026</div> 3399 </div> 3400 3401 <div class="result"> 3402 <div class="pasaran"></div> 3403 <div class="keluaran">3221</div> 3404 <div class="tanggal">21-05-2026</div> 3405 </div> 3406 3407 <div class="result"> 3408 <div class="pasaran"></div> 3409 <div class="keluaran">8934</div> 3410 <div class="tanggal">20-05-2026</div> 3411 </div> 3412 3413 <div class="result"> 3414 <div class="pasaran"></div> 3415 <div class="keluaran">1974</div> 3416 <div class="tanggal">19-05-2026</div> 3417 </div> 3418 </div> 3419 </div> 3420 3421 <div class="result-data accordion-item"> 3422 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD"> 3423 <div class="badge"> 3424 </div> 3425 <div class="pasaran">HK SIANG </div> 3426 <div class="keluaran">1484</div> 3427 <div class="tanggal">26-05-2026</div> 3428 </button> 3429 <div id="paito-HKD" class="accordion-collapse collapse"> 3430 3431 <div class="result"> 3432 <div class="pasaran"></div> 3433 <div class="keluaran">9005</div> 3434 <div class="tanggal">25-05-2026</div> 3435 </div> 3436 3437 <div class="result"> 3438 <div class="pasaran"></div> 3439 <div class="keluaran">6872</div> 3440 <div class="tanggal">24-05-2026</div> 3441 </div> 3442 3443 <div class="result"> 3444 <div class="pasaran"></div> 3445 <div class="keluaran">0681</div> 3446 <div class="tanggal">23-05-2026</div> 3447 </div> 3448 3449 <div class="result"> 3450 <div class="pasaran"></div> 3451 <div class="keluaran">2225</div> 3452 <div class="tanggal">22-05-2026</div> 3453 </div> 3454 3455 <div class="result"> 3456 <div class="pasaran"></div> 3457 <div class="keluaran">7488</div> 3458 <div class="tanggal">21-05-2026</div> 3459 </div> 3460 3461 <div class="result"> 3462 <div class="pasaran"></div> 3463 <div class="keluaran">5507</div> 3464 <div class="tanggal">20-05-2026</div> 3465 </div> 3466 3467 <div class="result"> 3468 <div class="pasaran"></div> 3469 <div class="keluaran">6833</div> 3470 <div class="tanggal">19-05-2026</div> 3471 </div> 3472 </div> 3473 </div> 3474 3475 <div class="result-data accordion-item"> 3476 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MBR"> 3477 <div class="badge"> 3478 </div> 3479 <div class="pasaran">MABAR LOTTERY </div> 3480 <div class="keluaran">9173</div> 3481 <div class="tanggal">26-05-2026</div> 3482 </button> 3483 <div id="paito-MBR" class="accordion-collapse collapse"> 3484 3485 <div class="result"> 3486 <div class="pasaran"></div> 3487 <div class="keluaran">2364</div> 3488 <div class="tanggal">25-05-2026</div> 3489 </div> 3490 3491 <div class="result"> 3492 <div class="pasaran"></div> 3493 <div class="keluaran">6725</div> 3494 <div class="tanggal">24-05-2026</div> 3495 </div> 3496 3497 <div class="result"> 3498 <div class="pasaran"></div> 3499 <div class="keluaran">7725</div> 3500 <div class="tanggal">23-05-2026</div> 3501 </div> 3502 3503 <div class="result"> 3504 <div class="pasaran"></div> 3505 <div class="keluaran">0923</div> 3506 <div class="tanggal">22-05-2026</div> 3507 </div> 3508 3509 <div class="result"> 3510 <div class="pasaran"></div> 3511 <div class="keluaran">3362</div> 3512 <div class="tanggal">21-05-2026</div> 3513 </div> 3514 3515 <div class="result"> 3516 <div class="pasaran"></div> 3517 <div class="keluaran">5236</div> 3518 <div class="tanggal">19-05-2026</div> 3519 </div> 3520 3521 <div class="result"> 3522 <div class="pasaran"></div> 3523 <div class="keluaran">7596</div> 3524 <div class="tanggal">18-05-2026</div> 3525 </div> 3526 </div> 3527 </div> 3528 3529 <div class="result-data accordion-item"> 3530 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-NZB"> 3531 <div class="badge"> 3532 </div> 3533 <div class="pasaran">BULLSEYE </div> 3534 <div class="keluaran">4726</div> 3535 <div class="tanggal">26-05-2026</div> 3536 </button> 3537 <div id="paito-NZB" class="accordion-collapse collapse"> 3538 3539 <div class="result"> 3540 <div class="pasaran"></div> 3541 <div class="keluaran">9049</div> 3542 <div class="tanggal">25-05-2026</div> 3543 </div> 3544 3545 <div class="result"> 3546 <div class="pasaran"></div> 3547 <div class="keluaran">5686</div> 3548 <div class="tanggal">24-05-2026</div> 3549 </div> 3550 3551 <div class="result"> 3552 <div class="pasaran"></div> 3553 <div class="keluaran">9121</div> 3554 <div class="tanggal">23-05-2026</div> 3555 </div> 3556 3557 <div class="result"> 3558 <div class="pasaran"></div> 3559 <div class="keluaran">9229</div> 3560 <div class="tanggal">22-05-2026</div> 3561 </div> 3562 3563 <div class="result"> 3564 <div class="pasaran"></div> 3565 <div class="keluaran">7916</div> 3566 <div class="tanggal">21-05-2026</div> 3567 </div> 3568 3569 <div class="result"> 3570 <div class="pasaran"></div> 3571 <div class="keluaran">3807</div> 3572 <div class="tanggal">20-05-2026</div> 3573 </div> 3574 3575 <div class="result"> 3576 <div class="pasaran"></div> 3577 <div class="keluaran">9684</div> 3578 <div class="tanggal">19-05-2026</div> 3579 </div> 3580 </div> 3581 </div> 3582 3583 <div class="result-data accordion-item"> 3584 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY"> 3585 <div class="badge"> 3586 </div> 3587 <div class="pasaran">SYDNEY </div> 3588 <div class="keluaran">8796</div> 3589 <div class="tanggal">26-05-2026</div> 3590 </button> 3591 <div id="paito-SY" class="accordion-collapse collapse"> 3592 3593 <div class="result"> 3594 <div class="pasaran"></div> 3595 <div class="keluaran">3660</div> 3596 <div class="tanggal">25-05-2026</div> 3597 </div> 3598 3599 <div class="result"> 3600 <div class="pasaran"></div> 3601 <div class="keluaran">0191</div> 3602 <div class="tanggal">24-05-2026</div> 3603 </div> 3604 3605 <div class="result"> 3606 <div class="pasaran"></div> 3607 <div class="keluaran">4926</div> 3608 <div class="tanggal">23-05-2026</div> 3609 </div> 3610 3611 <div class="result"> 3612 <div class="pasaran"></div> 3613 <div class="keluaran">5799</div> 3614 <div class="tanggal">22-05-2026</div> 3615 </div> 3616 3617 <div class="result"> 3618 <div class="pasaran"></div> 3619 <div class="keluaran"
3619>6605</div> 3620 <div class="tanggal">21-05-2026</div> 3621 </div> 3622 3623 <div class="result"> 3624 <div class="pasaran"></div> 3625 <div class="keluaran">7281</div> 3626 <div class="tanggal">20-05-2026</div> 3627 </div> 3628 3629 <div class="result"> 3630 <div class="pasaran"></div> 3631 <div class="keluaran">9869</div> 3632 <div class="tanggal">19-05-2026</div> 3633 </div> 3634 </div> 3635 </div> 3636 3637 <div class="result-data accordion-item"> 3638 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SDLT"> 3639 <div class="badge"> 3640 </div> 3641 <div class="pasaran">SYDNEY LOTTO </div> 3642 <div class="keluaran">8602</div> 3643 <div class="tanggal">26-05-2026</div> 3644 </button> 3645 <div id="paito-SDLT" class="accordion-collapse collapse"> 3646 3647 <div class="result"> 3648 <div class="pasaran"></div> 3649 <div class="keluaran">0979</div> 3650 <div class="tanggal">25-05-2026</div> 3651 </div> 3652 3653 <div class="result"> 3654 <div class="pasaran"></div> 3655 <div class="keluaran">2942</div> 3656 <div class="tanggal">24-05-2026</div> 3657 </div> 3658 3659 <div class="result"> 3660 <div class="pasaran"></div> 3661 <div class="keluaran">7397</div> 3662 <div class="tanggal">23-05-2026</div> 3663 </div> 3664 3665 <div class="result"> 3666 <div class="pasaran"></div> 3667 <div class="keluaran">4801</div> 3668 <div class="tanggal">22-05-2026</div> 3669 </div> 3670 3671 <div class="result"> 3672 <div class="pasaran"></div> 3673 <div class="keluaran">7708</div> 3674 <div class="tanggal">21-05-2026</div> 3675 </div> 3676 3677 <div class="result"> 3678 <div class="pasaran"></div> 3679 <div class="keluaran">1864</div> 3680 <div class="tanggal">20-05-2026</div> 3681 </div> 3682 3683 <div class="result"> 3684 <div class="pasaran"></div> 3685 <div class="keluaran">2572</div> 3686 <div class="tanggal">19-05-2026</div> 3687 </div> 3688 </div> 3689 </div> 3690 3691 <div class="result-data accordion-item"> 3692 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> 3693 <div class="badge"> 3694 </div> 3695 <div class="pasaran">SINGAPORE </div> 3696 <div class="keluaran">6101</div> 3697 <div class="tanggal">25-05-2026</div> 3698 </button> 3699 <div id="paito-SG" class="accordion-collapse collapse"> 3700 3701 <div class="result"> 3702 <div class="pasaran"></div> 3703 <div class="keluaran">7758</div> 3704 <div class="tanggal">24-05-2026</div> 3705 </div> 3706 3707 <div class="result"> 3708 <div class="pasaran"></div> 3709 <div class="keluaran">2176</div> 3710 <div class="tanggal">23-05-2026</div> 3711 </div> 3712 3713 <div class="result"> 3714 <div class="pasaran"></div> 3715 <div class="keluaran">3537</div> 3716 <div class="tanggal">21-05-2026</div> 3717 </div> 3718 3719 <div class="result"> 3720 <div class="pasaran"></div> 3721 <div class="keluaran">7699</div> 3722 <div class="tanggal">20-05-2026</div> 3723 </div> 3724 3725 <div class="result"> 3726 <div class="pasaran"></div> 3727 <div class="keluaran">0826</div> 3728 <div class="tanggal">18-05-2026</div> 3729 </div> 3730 3731 <div class="result"> 3732 <div class="pasaran"></div> 3733 <div class="keluaran">0368</div> 3734 <div class="tanggal">17-05-2026</div> 3735 </div> 3736 3737 <div class="result"> 3738 <div class="pasaran"></div> 3739 <div class="keluaran">2735</div> 3740 <div class="tanggal">16-05-2026</div> 3741 </div> 3742 </div> 3743 </div> 3744 3745 </div><div class='carousel-item accordion accordion-flush'> <div class="result-data accordion-item"> 3746 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-PCSO"> 3747 <div class="badge"> 3748 </div> 3749 <div class="pasaran">PCSO </div> 3750 <div class="keluaran">1957</div> 3751 <div class="tanggal">25-05-2026</div> 3752 </button> 3753 <div id="paito-PCSO" class="accordion-collapse collapse"> 3754 3755 <div class="result"> 3756 <div class="pasaran"></div> 3757 <div class="keluaran">3315</div> 3758 <div class="tanggal">23-05-2026</div> 3759 </div> 3760 3761 <div class="result"> 3762 <div class="pasaran"></div> 3763 <div class="keluaran">1700</div> 3764 <div class="tanggal">22-05-2026</div> 3765 </div> 3766 3767 <div class="result"> 3768 <div class="pasaran"></div> 3769 <div class="keluaran">3587</div> 3770 <div class="tanggal">21-05-2026</div> 3771 </div> 3772 3773 <div class="result"> 3774 <div class="pasaran"></div> 3775 <div class="keluaran">7308</div> 3776 <div class="tanggal">20-05-2026</div> 3777 </div> 3778 3779 <div class="result"> 3780 <div class="pasaran"></div> 3781 <div class="keluaran">4551</div> 3782 <div class="tanggal">19-05-2026</div> 3783 </div> 3784 3785 <div class="result"> 3786 <div class="pasaran"></div> 3787 <div class="keluaran">1112</div> 3788 <div class="tanggal">18-05-2026</div> 3789 </div> 3790 3791 <div class="result"> 3792 <div class="pasaran"></div> 3793 <div class="keluaran">8143</div> 3794 <div class="tanggal">16-05-2026</div> 3795 </div> 3796 </div> 3797 </div> 3798 3799 <div class="result-data accordion-item"> 3800 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY"> 3801 <div class="badge"> 3802 </div> 3803 <div class="pasaran">MALAYSIA </div> 3804 <div class="keluaran">5763</div> 3805 <div class="tanggal">26-05-2026</div> 3806 </button> 3807 <div id="paito-MY" class="accordion-collapse collapse"> 3808 3809 <div class="result"> 3810 <div class="pasaran"></div> 3811 <div class="keluaran">8368</div> 3812 <div class="tanggal">25-05-2026</div> 3813 </div> 3814 3815 <div class="result"> 3816 <div class="pasaran"></div> 3817 <div class="keluaran">1787</div> 3818 <div class="tanggal">24-05-2026</div> 3819 </div> 3820 3821 <div class="result"> 3822 <div class="pasaran"></div> 3823 <div class="keluaran">7290</div> 3824 <div class="tanggal">23-05-2026</div> 3825 </div> 3826 3827 <div class="result"> 3828 <div class="pasaran"></div> 3829 <div class="keluaran">2503</div> 3830 <div class="tanggal">22-05-2026</div> 3831 </div> 3832 3833 <div class="result"> 3834 <div class="pasaran"></div> 3835 <div class="keluaran">3265</div> 3836 <div class="tanggal">21-05-2026</div> 3837 </div> 3838 3839 <div class="result"> 3840 <div class="pasaran"></div> 3841 <div class="keluaran">1306</div> 3842
3842 <div class="tanggal">20-05-2026</div> 3843 </div> 3844 3845 <div class="result"> 3846 <div class="pasaran"></div> 3847 <div class="keluaran">5305</div> 3848 <div class="tanggal">19-05-2026</div> 3849 </div> 3850 </div> 3851 </div> 3852 3853 <div class="result-data accordion-item"> 3854 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWN"> 3855 <div class="badge"> 3856 </div> 3857 <div class="pasaran">TAIWAN </div> 3858 <div class="keluaran">1178</div> 3859 <div class="tanggal">25-05-2026</div> 3860 </button> 3861 <div id="paito-TWN" class="accordion-collapse collapse"> 3862 3863 <div class="result"> 3864 <div class="pasaran"></div> 3865 <div class="keluaran">7668</div> 3866 <div class="tanggal">24-05-2026</div> 3867 </div> 3868 3869 <div class="result"> 3870 <div class="pasaran"></div> 3871 <div class="keluaran">0977</div> 3872 <div class="tanggal">23-05-2026</div> 3873 </div> 3874 3875 <div class="result"> 3876 <div class="pasaran"></div> 3877 <div class="keluaran">6763</div> 3878 <div class="tanggal">22-05-2026</div> 3879 </div> 3880 3881 <div class="result"> 3882 <div class="pasaran"></div> 3883 <div class="keluaran">7988</div> 3884 <div class="tanggal">21-05-2026</div> 3885 </div> 3886 3887 <div class="result"> 3888 <div class="pasaran"></div> 3889 <div class="keluaran">0810</div> 3890 <div class="tanggal">20-05-2026</div> 3891 </div> 3892 3893 <div class="result"> 3894 <div class="pasaran"></div> 3895 <div class="keluaran">6157</div> 3896 <div class="tanggal">19-05-2026</div> 3897 </div> 3898 3899 <div class="result"> 3900 <div class="pasaran"></div> 3901 <div class="keluaran">5880</div> 3902 <div class="tanggal">18-05-2026</div> 3903 </div> 3904 </div> 3905 </div> 3906 3907 <div class="result-data accordion-item"> 3908 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR"> 3909 <div class="badge"> 3910 </div> 3911 <div class="pasaran">QATAR </div> 3912 <div class="keluaran">3403</div> 3913 <div class="tanggal">25-05-2026</div> 3914 </button> 3915 <div id="paito-QTR" class="accordion-collapse collapse"> 3916 3917 <div class="result"> 3918 <div class="pasaran"></div> 3919 <div class="keluaran">7302</div> 3920 <div class="tanggal">24-05-2026</div> 3921 </div> 3922 3923 <div class="result"> 3924 <div class="pasaran"></div> 3925 <div class="keluaran">9530</div> 3926 <div class="tanggal">23-05-2026</div> 3927 </div> 3928 3929 <div class="result"> 3930 <div class="pasaran"></div> 3931 <div class="keluaran">7978</div> 3932 <div class="tanggal">22-05-2026</div> 3933 </div> 3934 3935 <div class="result"> 3936 <div class="pasaran"></div> 3937 <div class="keluaran">8313</div> 3938 <div class="tanggal">21-05-2026</div> 3939 </div> 3940 3941 <div class="result"> 3942 <div class="pasaran"></div> 3943 <div class="keluaran">9457</div> 3944 <div class="tanggal">20-05-2026</div> 3945 </div> 3946 3947 <div class="result"> 3948 <div class="pasaran"></div> 3949 <div class="keluaran">7140</div> 3950 <div class="tanggal">19-05-2026</div> 3951 </div> 3952 3953 <div class="result"> 3954 <div class="pasaran"></div> 3955 <div class="keluaran">8734</div> 3956 <div class="tanggal">18-05-2026</div> 3957 </div> 3958 </div> 3959 </div> 3960 3961 <div class="result-data accordion-item"> 3962 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK"> 3963 <div class="badge"> 3964 </div> 3965 <div class="pasaran">HONGKONG </div> 3966 <div class="keluaran">5909</div> 3967 <div class="tanggal">25-05-2026</div> 3968 </button> 3969 <div id="paito-HK" class="accordion-collapse collapse"> 3970 3971 <div class="result"> 3972 <div class="pasaran"></div> 3973 <div class="keluaran">3754</div> 3974 <div class="tanggal">24-05-2026</div> 3975 </div> 3976 3977 <div class="result"> 3978 <div class="pasaran"></div> 3979 <div class="keluaran">6284</div> 3980 <div class="tanggal">23-05-2026</div> 3981 </div> 3982 3983 <div class="result"> 3984 <div class="pasaran"></div> 3985 <div class="keluaran">5767</div> 3986 <div class="tanggal">22-05-2026</div> 3987 </div> 3988 3989 <div class="result"> 3990 <div class="pasaran"></div> 3991 <div class="keluaran">4915</div> 3992 <div class="tanggal">21-05-2026</div> 3993 </div> 3994 3995 <div class="result"> 3996 <div class="pasaran"></div> 3997 <div class="keluaran">6881</div> 3998 <div class="tanggal">20-05-2026</div> 3999 </div> 4000 4001 <div class="result"> 4002 <div class="pasaran"></div> 4003 <div class="keluaran">4874</div> 4004 <div class="tanggal">19-05-2026</div> 4005 </div> 4006 4007 <div class="result"> 4008 <div class="pasaran"></div> 4009 <div class="keluaran">9123</div> 4010 <div class="tanggal">18-05-2026</div> 4011 </div> 4012 </div> 4013 </div> 4014 4015 <div class="result-data accordion-item"> 4016 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKLT"> 4017 <div class="badge"> 4018 </div> 4019 <div class="pasaran">HONGKONG LOTTO </div> 4020 <div class="keluaran">0140</div> 4021 <div class="tanggal">25-05-2026</div> 4022 </button> 4023 <div id="paito-HKLT" class="accordion-collapse collapse"> 4024 4025 <div class="result"> 4026 <div class="pasaran"></div> 4027 <div class="keluaran">3086</div> 4028 <div class="tanggal">24-05-2026</div> 4029 </div> 4030 4031 <div class="result"> 4032 <div class="pasaran"></div> 4033 <div class="keluaran">5351</div> 4034 <div class="tanggal">23-05-2026</div> 4035 </div> 4036 4037 <div class="result"> 4038 <div class="pasaran"></div> 4039 <div class="keluaran">1975</div> 4040 <div class="tanggal">22-05-2026</div> 4041 </div> 4042 4043 <div class="result"> 4044 <div class="pasaran"></div> 4045 <div class="keluaran">1874</div> 4046 <div class="tanggal">21-05-2026</div> 4047 </div> 4048 4049 <div class="result"> 4050 <div class="pasaran"></div> 4051 <div class="keluaran">4159</div> 4052 <div class="tanggal">20-05-2026</div> 4053 </div> 4054 4055 <div class="result"> 4056 <div class="pasaran"></div> 4057 <div class="keluaran">0368</div> 4058 <div class="tanggal">19-05-2026</div> 4059 </div> 4060 4061 <div class="result"> 4062 <div class="pasaran"></div> 4063 <div class="keluaran">7430</div> 4064 <div class="tanggal">18-05-2026</div> 4065
4065 </div> 4066 </div> 4067 </div> 4068 4069 <div class="result-data accordion-item"> 4070 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> 4071 <div class="badge"> 4072 </div> 4073 <div class="pasaran">TOTO WUHAN </div> 4074 <div class="keluaran">7808</div> 4075 <div class="tanggal">26-05-2026</div> 4076 </button> 4077 <div id="paito-TWH" class="accordion-collapse collapse"> 4078 4079 <div class="result"> 4080 <div class="pasaran"></div> 4081 <div class="keluaran">6326</div> 4082 <div class="tanggal">26-05-2026</div> 4083 </div> 4084 4085 <div class="result"> 4086 <div class="pasaran"></div> 4087 <div class="keluaran">8505</div> 4088 <div class="tanggal">26-05-2026</div> 4089 </div> 4090 4091 <div class="result"> 4092 <div class="pasaran"></div> 4093 <div class="keluaran">2188</div> 4094 <div class="tanggal">26-05-2026</div> 4095 </div> 4096 4097 <div class="result"> 4098 <div class="pasaran"></div> 4099 <div class="keluaran">1242</div> 4100 <div class="tanggal">26-05-2026</div> 4101 </div> 4102 4103 <div class="result"> 4104 <div class="pasaran"></div> 4105 <div class="keluaran">7218</div> 4106 <div class="tanggal">25-05-2026</div> 4107 </div> 4108 4109 <div class="result"> 4110 <div class="pasaran"></div> 4111 <div class="keluaran">1435</div> 4112 <div class="tanggal">25-05-2026</div> 4113 </div> 4114 4115 <div class="result"> 4116 <div class="pasaran"></div> 4117 <div class="keluaran">4614</div> 4118 <div class="tanggal">25-05-2026</div> 4119 </div> 4120 </div> 4121 </div> 4122 4123 </div> 4124 4125 </div> 4126 </div> 4127 </div> 4128 4129
4129<script> 4130 4131 function togglePaito(paitoid) { 4132 let paito = document.getElementById(paitoid); 4133 paito.classList.add("open"); 4134 } 4135 4136 4137 </script>
4137 4138 4139 <div class="transaksi p-0 py-lg-4"> 4140 <div class="d-none d-lg-block"> 4141 <!-- BANNER SBO DESKTOP --> 4142 <div class="match-slider-wrap"> 4143 <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 4144 4145 <div class="carousel-indicators"> 4146 <button 4147 type="button" 4148 data-bs-target="#sboMatchCarouselDesktop" 4149 data-bs-slide-to="0" 4150 class="active" 4151 aria-current="true" aria-label="Slide 1"> 4152 </button> 4153 <button 4154 type="button" 4155 data-bs-target="#sboMatchCarouselDesktop" 4156 data-bs-slide-to="1" 4157 class="" 4158 aria-label="Slide 2"> 4159 </button> 4160 <button 4161 type="button" 4162 data-bs-target="#sboMatchCarouselDesktop" 4163 data-bs-slide-to="2" 4164 class="" 4165 aria-label="Slide 3"> 4166 </button> 4167 <button 4168 type="button" 4169 data-bs-target="#sboMatchCarouselDesktop" 4170 data-bs-slide-to="3" 4171 class="" 4172 aria-label="Slide 4"> 4173 </button> 4174 </div> 4175 4176 <div class="carousel-inner"> 4177 <div class="carousel-item active"> 4178 <div class="row g-3"> 4179 <div class="col-12 col-md-6 col-lg-4"> 4180 <div class="match-card h-100"> 4181 <div class="league-name"> 4182 UEFA CHAMPIONS LEAGUE </div> 4183 4184 <div class="kickoff-time"> 4185 May 30, 2026 â 22:59 WIB </div> 4186 4187 <div class="match-main-row"> 4188 <div class="team-col"> 4189 <img 4190 src="../img-2-2.cdn568.net/images/teamLogo/ParisSaintGermain.png" 4191 alt="Paris Saint Germain (n)" 4192 class="team-logo" 4193 > 4194 <div class="team-name"> 4195 Paris Saint Germain (n) </div> 4196 </div> 4197 4198 <div class="score-col"> 4199 <div class="score-value"> 4200 0 : 0 </div> 4201 4202 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '130619275')"> 4203 BET NOW 4204 </a> 4205 </div> 4206 4207 <div class="team-col"> 4208 <img 4209 src="/football/team/d6f5debc456da1119256ab66462ab510.png" 4210 alt="Arsenal" 4211 class="team-logo" 4212 > 4213 <div class="team-name"> 4214 Arsenal </div> 4215 </div> 4216 </div> 4217 4218 <div class="match-odds-row"> 4219 <div class="odds-col"> 4220 <sp
4220an> 4221 0.00 <small>0.68</small> 4222 </span> 4223 </div> 4224 4225 <div class="odds-spacer"></div> 4226 4227 <div class="odds-col"> 4228 <span> 4229 0.00 <small>-0.78</small> 4230 </span> 4231 </div> 4232 </div> 4233 </div> 4234 </div> 4235 <div class="col-12 col-md-6 col-lg-4"> 4236 <div class="match-card h-100"> 4237 <div class="league-name"> 4238 WORLD CUP 2026 (in Canada, Mexico & USA) </div> 4239 4240 <div class="kickoff-time"> 4241 June 12, 2026 â 02:00 WIB </div> 4242 4243 <div class="match-main-row"> 4244 <div class="team-col"> 4245 <img 4246 src="../img-2-2.cdn568.net/images/teamLogo/Mexico.png" 4247 alt="Mexico" 4248 class="team-logo" 4249 > 4250 <div class="team-name"> 4251 Mexico </div> 4252 </div> 4253 4254 <div class="score-col"> 4255 <div class="score-value"> 4256 0 : 0 </div> 4257 4258 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112606825')"> 4259 BET NOW 4260 </a> 4261 </div> 4262 4263 <div class="team-col"> 4264 <img 4265 src="../img-2-2.cdn568.net/images/teamLogo/SouthAfrica.png" 4266 alt="South Africa" 4267 class="team-logo" 4268 > 4269 <div class="team-name"> 4270 South Africa </div> 4271 </div> 4272 </div> 4273 4274 <div class="match-odds-row"> 4275 <div class="odds-col"> 4276 <sp
4276an> 4277 1 <small>0.83</small> 4278 </span> 4279 </div> 4280 4281 <div class="odds-spacer"></div> 4282 4283 <div class="odds-col"> 4284 <span> 4285 -1 <small>-0.95</small> 4286 </span> 4287 </div> 4288 </div> 4289 </div> 4290 </div> 4291 <div class="col-12 col-md-6 col-lg-4"> 4292 <div class="match-card h-100"> 4293 <div class="league-name"> 4294 WORLD CUP 2026 (in Canada, Mexico & USA) </div> 4295 4296 <div class="kickoff-time"> 4297 June 12, 2026 â 09:00 WIB </div> 4298 4299 <div class="match-main-row"> 4300 <div class="team-col"> 4301 <img 4302 src="../img-2-2.cdn568.net/images/teamLogo/Czechia.png" 4303 alt="Czechia" 4304 class="team-logo" 4305 > 4306 <div class="team-name"> 4307 Czechia </div> 4308 </div> 4309 4310 <div class="score-col"> 4311 <div class="score-value"> 4312 0 : 0 </div> 4313 4314 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '126360784')"> 4315 BET NOW 4316 </a> 4317 </div> 4318 4319 <div class="team-col"> 4320 <img 4321 src="../img-2-2.cdn568.net/images/teamLogo/KoreaRepublic.png" 4322 alt="Korea Republic" 4323 class="team-logo" 4324 > 4325 <div class="team-name"> 4326 Korea Republic </div> 4327 </div> 4328 </div> 4329 4330 <div class="match-odds-row"> 4331 <div class="odds-col"> 4332 <sp
4332an> 4333 0.00 <small>0.96</small> 4334 </span> 4335 </div> 4336 4337 <div class="odds-spacer"></div> 4338 4339 <div class="odds-col"> 4340 <span> 4341 0.00 <small>0.92</small> 4342 </span> 4343 </div> 4344 </div> 4345 </div> 4346 </div> 4347 </div> 4348 </div> 4349 <div class="carousel-item "> 4350 <div class="row g-3"> 4351 <div class="col-12 col-md-6 col-lg-4"> 4352 <div class="match-card h-100"> 4353 <div class="league-name"> 4354 e-Football F24 Elite Club Friendly </div> 4355 4356 <div class="kickoff-time"> 4357 May 26, 2026 â 19:45 WIB </div> 4358 4359 <div class="match-main-row"> 4360 <div class="team-col"> 4361 <img 4362 src="../img-2-2.cdn568.net/images/teamLogo/Lille.png" 4363 alt="e-Lille" 4364 class="team-logo" 4365 > 4366 <div class="team-name"> 4367 e-Lille </div> 4368 </div> 4369 4370 <div class="score-col"> 4371 <div class="score-value"> 4372 0 : 1 </div> 4373 4374 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967294')"> 4375 BET NOW 4376 </a> 4377 </div> 4378 4379 <div class="team-col"> 4380 <img 4381 src="../img-2-2.cdn568.net/images/teamLogo/ParisSaintGermain.png" 4382 alt="e-Paris Saint Germain" 4383 class="team-logo" 4384 > 4385 <div class="team-name"> 4386 e-Paris Saint Germain </div> 4387 </div> 4388 </div> 4389 4390 <div class="match-odds-row"> 4391 <div class="odds-col"> 4392 <sp
4392an> 4393 0.00 <small>-0.60</small> 4394 </span> 4395 </div> 4396 4397 <div class="odds-spacer"></div> 4398 4399 <div class="odds-col"> 4400 <span> 4401 0.00 <small>0.36</small> 4402 </span> 4403 </div> 4404 </div> 4405 </div> 4406 </div> 4407 <div class="col-12 col-md-6 col-lg-4"> 4408 <div class="match-card h-100"> 4409 <div class="league-name"> 4410 e-Football F24 Elite Club Friendly </div> 4411 4412 <div class="kickoff-time"> 4413 May 26, 2026 â 20:00 WIB </div> 4414 4415 <div class="match-main-row"> 4416 <div class="team-col"> 4417 <img 4418 src="../img-2-2.cdn568.net/images/teamLogo/RealMadrid.png" 4419 alt="e-Real Madrid" 4420 class="team-logo" 4421 > 4422 <div class="team-name"> 4423 e-Real Madrid </div> 4424 </div> 4425 4426 <div class="score-col"> 4427 <div class="score-value"> 4428 0 : 0 </div> 4429 4430 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967298')"> 4431 BET NOW 4432 </a> 4433 </div> 4434 4435 <div class="team-col"> 4436 <img 4437 src="../img-2-2.cdn568.net/images/teamLogo/Feyenoord.png" 4438 alt="e-Feyenoord" 4439 class="team-logo" 4440 > 4441 <div class="team-name"> 4442 e-Feyenoord </div> 4443 </div> 4444 </div> 4445 4446 <div class="match-odds-row"> 4447 <div class="odds-col"> 4448 <sp
4448an> 4449 1.75 <small>0.70</small> 4450 </span> 4451 </div> 4452 4453 <div class="odds-spacer"></div> 4454 4455 <div class="odds-col"> 4456 <span> 4457 -1.75 <small>-0.94</small> 4458 </span> 4459 </div> 4460 </div> 4461 </div> 4462 </div> 4463 <div class="col-12 col-md-6 col-lg-4"> 4464 <div class="match-card h-100"> 4465 <div class="league-name"> 4466 e-Football F24 International Friendly </div> 4467 4468 <div class="kickoff-time"> 4469 May 26, 2026 â 19:45 WIB </div> 4470 4471 <div class="match-main-row"> 4472 <div class="team-col"> 4473 <img 4474 src="/football/team/e5e5e0f67481324ebdbd65d65890b2b8.png" 4475 alt="e-Italy" 4476 class="team-logo" 4477 > 4478 <div class="team-name"> 4479 e-Italy </div> 4480 </div> 4481 4482 <div class="score-col"> 4483 <div class="score-value"> 4484 0 : 2 </div> 4485 4486 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132966982')"> 4487 BET NOW 4488 </a> 4489 </div> 4490 4491 <div class="team-col"> 4492 <img 4493 src="../img-2-2.cdn568.net/images/teamLogo/England.png" 4494 alt="e-England" 4495 class="team-logo" 4496 > 4497 <div class="team-name"> 4498 e-England </div> 4499 </div> 4500 </div> 4501 4502 <div class="match-odds-row"> 4503 <div class="odds-col"> 4504 <sp
4504an> 4505 0.00 <small>-0.72</small> 4506 </span> 4507 </div> 4508 4509 <div class="odds-spacer"></div> 4510 4511 <div class="odds-col"> 4512 <span> 4513 0.00 <small>0.48</small> 4514 </span> 4515 </div> 4516 </div> 4517 </div> 4518 </div> 4519 </div> 4520 </div> 4521 <div class="carousel-item "> 4522 <div class="row g-3"> 4523 <div class="col-12 col-md-6 col-lg-4"> 4524 <div class="match-card h-100"> 4525 <div class="league-name"> 4526 e-Football F24 Elite Club Friendly </div> 4527 4528 <div class="kickoff-time"> 4529 May 26, 2026 â 19:45 WIB </div> 4530 4531 <div class="match-main-row"> 4532 <div class="team-col"> 4533 <img 4534 src="../img-2-2.cdn568.net/images/teamLogo/Arsenal.png" 4535 alt="e-Arsenal" 4536 class="team-logo" 4537 > 4538 <div class="team-name"> 4539 e-Arsenal </div> 4540 </div> 4541 4542 <div class="score-col"> 4543 <div class="score-value"> 4544 0 : 2 </div> 4545 4546 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967295')"> 4547 BET NOW 4548 </a> 4549 </div> 4550 4551 <div class="team-col"> 4552 <img 4553 src="../img-2-2.cdn568.net/images/teamLogo/RBLeipzig.png" 4554 alt="e-RB Leipzig" 4555 class="team-logo" 4556 > 4557 <div class="team-name"> 4558 e-RB Leipzig </div> 4559 </div> 4560 </div> 4561 4562 <div class="match-odds-row"> 4563 <div class="odds-col"> 4564 <sp
4564an> 4565 0.00 <small>-0.83</small> 4566 </span> 4567 </div> 4568 4569 <div class="odds-spacer"></div> 4570 4571 <div class="odds-col"> 4572 <span> 4573 0.00 <small>0.59</small> 4574 </span> 4575 </div> 4576 </div> 4577 </div> 4578 </div> 4579 <div class="col-12 col-md-6 col-lg-4"> 4580 <div class="match-card h-100"> 4581 <div class="league-name"> 4582 e-Football F24 Elite Club Friendly </div> 4583 4584 <div class="kickoff-time"> 4585 May 26, 2026 â 19:45 WIB </div> 4586 4587 <div class="match-main-row"> 4588 <div class="team-col"> 4589 <img 4590 src="../img-2-2.cdn568.net/images/teamLogo/InterMilan.png" 4591 alt="e-Inter Milan" 4592 class="team-logo" 4593 > 4594 <div class="team-name"> 4595 e-Inter Milan </div> 4596 </div> 4597 4598 <div class="score-col"> 4599 <div class="score-value"> 4600 0 : 1 </div> 4601 4602 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132967296')"> 4603 BET NOW 4604 </a> 4605 </div> 4606 4607 <div class="team-col"> 4608 <img 4609 src="../img-2-2.cdn568.net/images/teamLogo/RBLeipzig.png" 4610 alt="e-RB Leipzig" 4611 class="team-logo" 4612 > 4613 <div class="team-name"> 4614 e-RB Leipzig </div> 4615 </div> 4616 </div> 4617 4618 <div class="match-odds-row"> 4619 <div class="odds-col"> 4620 <sp
4620an> 4621 0.00 <small>1.00</small> 4622 </span> 4623 </div> 4624 4625 <div class="odds-spacer"></div> 4626 4627 <div class="odds-col"> 4628 <span> 4629 0.00 <small>0.76</small> 4630 </span> 4631 </div> 4632 </div> 4633 </div> 4634 </div> 4635 <div class="col-12 col-md-6 col-lg-4"> 4636 <div class="match-card h-100"> 4637 <div class="league-name"> 4638 e-Football F24 International Friendly </div> 4639 4640 <div class="kickoff-time"> 4641 May 26, 2026 â 19:30 WIB </div> 4642 4643 <div class="match-main-row"> 4644 <div class="team-col"> 4645 <img 4646 src="../img-2-2.cdn568.net/images/teamLogo/Denmark.png" 4647 alt="e-Denmark" 4648 class="team-logo" 4649 > 4650 <div class="team-name"> 4651 e-Denmark </div> 4652 </div> 4653 4654 <div class="score-col"> 4655 <div class="score-value"> 4656 0 : 0 </div> 4657 4658 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132966980')"> 4659 BET NOW 4660 </a> 4661 </div> 4662 4663 <div class="team-col"> 4664 <img 4665 src="../img-2-2.cdn568.net/images/teamLogo/Croatia.png" 4666 alt="e-Croatia" 4667 class="team-logo" 4668 > 4669 <div class="team-name"> 4670 e-Croatia </div> 4671 </div> 4672 </div> 4673 4674 <div class="match-odds-row"> 4675 <div class="odds-col"> 4676 <sp
4676an> 4677 0.00 <small>0.00</small> 4678 </span> 4679 </div> 4680 4681 <div class="odds-spacer"></div> 4682 4683 <div class="odds-col"> 4684 <span> 4685 0.00 <small>0.00</small> 4686 </span> 4687 </div> 4688 </div> 4689 </div> 4690 </div> 4691 </div> 4692 </div> 4693 <div class="carousel-item "> 4694 <div class="row g-3"> 4695 <div class="col-12 col-md-6 col-lg-4"> 4696 <div class="match-card h-100"> 4697 <div class="league-name"> 4698 e-Football F24 International Friendly </div> 4699 4700 <div class="kickoff-time"> 4701 May 26, 2026 â 19:45 WIB </div> 4702 4703 <div class="match-main-row"> 4704 <div class="team-col"> 4705 <img 4706 src="../img-2-2.cdn568.net/images/teamLogo/Portugal.png" 4707 alt="e-Portugal" 4708 class="team-logo" 4709 > 4710 <div class="team-name"> 4711 e-Portugal </div> 4712 </div> 4713 4714 <div class="score-col"> 4715 <div class="score-value"> 4716 0 : 0 </div> 4717 4718 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '132966983')"> 4719 BET NOW 4720 </a> 4721 </div> 4722 4723 <div class="team-col"> 4724 <img 4725 src="../img-2-2.cdn568.net/images/teamLogo/Wales.png" 4726 alt="e-Wales" 4727 class="team-logo" 4728 > 4729 <div class="team-name"> 4730 e-Wales </div> 4731 </div> 4732 </div> 4733 4734 <div class="match-odds-row"> 4735 <div class="odds-col"> 4736 <sp
4736an> 4737 0.25 <small>0.45</small> 4738 </span> 4739 </div> 4740 4741 <div class="odds-spacer"></div> 4742 4743 <div class="odds-col"> 4744 <span> 4745 -0.25 <small>-0.69</small> 4746 </span> 4747 </div> 4748 </div> 4749 </div> 4750 </div> 4751 </div> 4752 </div> 4753 </div> 4754 4755 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev"> 4756 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 4757 <span class="visually-hidden">Previous</span> 4758 </button> 4759 4760 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next"> 4761 <span class="carousel-control-next-icon" aria-hidden="true"></span> 4762 <span class="visually-hidden">Next</span> 4763 </button> 4764 </div> 4765 </div> 4766 <!-- BANNER SBO DESKTOP END --> 4767 <!-- Banner Telegram --> 4768 4769 4770 <style> 4771 .telegram-bet-title { 4772 font-size: 1.3rem; 4773 font-weight: 800; 4774 letter-spacing: 1px; 4775 text-transform: uppercase; 4776 color: #ffffff; 4777 4778 /* NEON TELEGRAM GLOW */ 4779 text-shadow: 4780 /* inner white core */ 4781 0 0 2px rgba(255,255,255,0.9), 4782 4783 /* tight Telegram glow */ 4784 0 0 6px rgba(0,136,204,0.9), 4785 0 0 12px rgba(0,136,204,0.8), 4786 4787 /* outer neon halo */ 4788 0 0 22px rgba(0,136,204,0.6), 4789 0 0 38px rgba(0,136,204,0.45), 4790 0 0 60px rgba(0,136,204,0.3); 4791 } 4792 </style> 4793 4794 <style> 4795 .btn-telegram-neon { 4796 font-weight: 600; 4797 padding: 10px 16px; 4798 border-radius: 10px; 4799 letter-spacing: 0.3px; 4800 4801 background: #0088cc; 4802 border: none; 4803 color: #ffffff; 4804 4805 /* clean Telegram neon */ 4806 box-shadow: 4807 0 2px 6px rgba(0,136,204,0.35), 4808 0 0 10px rgba(0,136,204,0.25); 4809 4810 transition: box-shadow 0.25s ease, transform 0.2s ease; 4811 } 4812 4813 /* hover: slight lift + glow */ 4814 .btn-telegram-neon:hover { 4815 box-shadow: 4816 0 4px 10px rgba(0,136,204,0.45), 4817 0 0 16px rgba(0,136,204,0.35); 4818 transform: translateY(-1px); 4819 } 4820 4821 /* active */ 4822 .btn-telegram-neon:active { 4823 transform: translateY(0); 4824 box-shadow: 4825 0 2px 5px rgba(0,136,204,0.35); 4826 } 4827 </style> 4828 4829 <style> 4830 .telegram-float { 4831 animation: telegramFloat 3.5s ease-in-out infinite; 4832 } 4833 4834 @keyframes telegramFloat { 4835 0%, 100% { 4836 transform: translateY(0); 4837 } 4838 50% { 4839 transform: translateY(-8px); 4840 } 4841 } 4842 </style> 4843 4844 <div class="mb-lg-3" style="width: 100%; position: relative; display: flex; align-items: center"> 4845 <div style="z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px"> 4846 <div class="d-flex gap-4"> 4847 <img src="/assets/banner-telegram-icon.png" class="telegram-float"/> 4848 <div class="d-flex flex-column justify-content-center gap-1"> 4849 <strong class="telegram-bet-title">TELEGRAM BET</strong> 4850 4851 <div class="d-flex gap-3"> 4852 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Daftar</em></div> 4853 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Login</em></div> 4854 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Deposit</em></div> 4855 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Withdraw</em></div> 4856 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Bet</em></div> 4857 </div> 4858 </div> 4859 </div> 4860 4861 <button class="btn-telegram-neon rounded-pill" onclick="window.open('', '_blank')">Mainkan Sekarang</button> 4862 4863 </div> 4864 <div style="position: absolute; width: 100%; background: gray"> 4865 <img src="/assets/banner-telegram.jpg" /> 4866 </div> 4867 4868 </div> 4869 4870 4871 4872 <div class="transaksi-kontak"> 4873 4874 <div class="d-flex flex-column w-100"> 4875 <div class="transaksi-content"> 4876 <!-- Bank --> 4877 4878<style> 4879 /* ====== LAYOUT KESELURUHAN ====== */ 4880 4881 .transaksi-layout { 4882 display: flex; 4883 justify-content: center; 4884 gap: 16px; 4885 align-items: center; 4886 } 4887 4888 .transaksi-left-inner { 4889 width: 100%; 4890 } 4891 4892 .transaksi-left-img { 4893 width: 100%; 4894 height: auto; 4895 display: block; 4896 object-fit: cover; 4897 } 4898 4899 .transaksi-right-box { 4900 flex: 1; 4901 display: flex; 4902 justify-content: flex-start; 4903 } 4904 4905 .transaksi-group { 4906 display: flex; 4907 flex-direction: column; 4908 gap: 16px; 4909 width: 100%; 4910 grid-template-areas: 4911 "transaksi-bank transaksi-other transaksi-crypto"; 4912 } 4913 4914 .transaksi-bank { 4915 grid-area: transaksi-bank; 4916 display: grid; 4917 place-items: center; 4918 justify-content: flex-start; 4919 } 4920 4921 .transaksi-other { 4922 grid-area: transaksi-other; 4923 display: flex; 4924 justify-content: flex-start; 4925 width: 100%; 4926 } 4927 4928 .transaksi-crypto { 4929 grid-area: transaksi-crypto; 4930 display: flex; 4931 justify-content: flex-start; 4932 width: 100%; 4933 } 4934 4935 .transaksi-wrapper { 4936 display: flex; 4937 flex-direction: column; 4938 gap: .5rem; 4939 align-items: flex-start; 4940 } 4941 4942 .transaksi-name { 4943 font-size: 1.1rem; 4944 font-weight: bold; 4945 line-height: 1.5rem; 4946 } 4947 4948 /* ====== GRID LIST ====== */ 4949 4950 .transaksi-list-bank, 4951 .transaksi-list-other { 4952 height: fit-content; 4953 display: grid; 4954 grid-template-columns: repeat(5, minmax(80px, 1fr)); 4955 gap: 4px 6px; 4956 } 4957 4958 .transaksi-list-crypto { 4959 height: fit-content; 4960 display: flex; 4961 align-items: center; 4962 gap: 24px; 4963 width: 100%; 4964 justify-content: flex-start; 4965 } 4966 4967 .icon-crypto { 4968 width: 24px; 4969 height: 24px; 4970 } 4971 4972 /* ====== ITEM BANK / EMONEY ====== */ 4973 4974 .transaksi-item { 4975 display: flex; 4976 flex-direction: column; 4977 position: relative; 4978 } 4979 4980 .transaksi-header { 4981 height: 30px; 4982 border-radius: 5px; 4983 font-weight: bold; 4984 border: 2px solid rgba(108,108,108,1); 4985 background: rgba(54,54,54,1); 4986 color: white; 4987 display: flex; 4988 align-items: center; 4989 justify-content: center; 4990 padding: 0 12px 0 22px; /* extra space kiri buat dot */ 4991 font-size: 0.9rem; 4992 white-space: nowrap; 4993 } 4994 4995 /* strip bawah lama dimatikan */ 4996 .transaksi-status { 4997 display: none; 4998 } 4999 5000 /* ====== ONLINE / OFFLINE DOT ====== */ 5001 5002 /* ONLINE: tambahkan class is-online di PHP */ 5003 .transaksi-header.is-online::before { 5004 content: ""; 5005 position: absolute; 5006 left: 8px; 5007 top: 50%; 5008 transform: translateY(-50%); 5009 width: 9px; 5010 height: 9px; 5011 border-radius: 50%; 5012 background-color: #00ff66; 5013 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 5014 } 5015 5016 /* OFFLINE: is-offline (lebih gelap + tanpa dot) */ 5017 .transaksi-header.is-offline { 5018 background: #2e2e2e; 5019 border-color: #555; 5020 opacity: .4; 5021 } 5022 5023 /* backup: kalau lupa kasih class di PHP, treat sebagai offline */ 5024 .transaksi-header:not(.is-online):not(.is-offline) { 5025 background: #2e2e2e; 5026 border-color: #555; 5027 opacity: .4; 5028 } 5029 5030 @media only screen and (max-width: 768px) { 5031 5032 .transaksi-layout { 5033 flex-direction: column; 5034 align-items: center; 5035 } 5036 5037 .transaksi-group { 5038 display: grid; 5039 grid-template-columns: 1fr; 5040 grid-template-areas: 5041 "transaksi-bank" 5042 "transaksi-other" 5043 "transaksi-crypto"; 5044 gap: 32px; 5045 margin-bottom: 8px; 5046 } 5047 5048 .transaksi-header { 5049 font-size: 1.1rem; 5050 height: 36px; 5051 } 5052 5053 .transaksi-list-bank { 5054 grid-template-columns: repeat(4, 1fr); 5055 } 5056 5057 .transaksi-list-other { 5058 grid-template-columns: repeat(4, 1fr); 5059 } 5060 5061 .transaksi-list-crypto { 5062 width: 86%; 5063 margin: auto; 5064 flex-wrap: wrap; 5065 } 5066 5067 .transaksi-item { 5068 width: 100%; 5069 } 5070 5071 .transaksi-name { 5072 font-size: 1.3rem; 5073 text-align: center; 5074 line-height: 1.8rem; 5075 } 5076 5077 .transaksi-wrapper { 5078 width: 100%; 5079 max-width: 100%!important; 5080 gap: 1rem; 5081 align-items: center; 5082 } 5083 5084 .icon-crypto { 5085 width: 28px; 5086 height: 28px; 5087 } 5088 } 5089 5090 /* LEBAR BOX BANK BIAR RAPI DAN CENTER */ 5091 .transaksi-header { 5092 height: 34px; 5093 border-radius: 6px; 5094 font-weight: bold; 5095 border: 2px solid rgba(108,108,108,1); 5096 background: rgba(54,54,54,1); 5097 color: white; 5098 5099 /* Tambahan baru */ 5100 min-width: 110px; /* Lebarin biar semua rata */ 5101 padding: 0 16px 0 28px; /* Kasih ruang untuk dot */ 5102 display: flex; 5103 align-items: center; 5104 justify-content: center; 5105 text-align: center; 5106 5107 white-space: nowrap; 5108 } 5109 5110 /* DOT ONLINE */ 5111 .transaksi-header.is-online::before { 5112 content: ""; 5113 position: absolute; 5114 left: 10px; 5115 top: 50%; 5116 transform: translateY(-50%); 5117 width: 10px; 5118 height: 10px; 5119 border-radius: 50%; 5120 background-color: #00ff66; 5121 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 5122 } 5123 5124 /* OFFLINE (DISABLED) */ 5125 .transaksi-header.is-offline { 5126 padding: 0 16px; 5127 background: #2e2e2e; 5128 border-color: #555; 5129 opacity: .35; 5130 align-items: center; 5131 justify-content: center; 5132 text-align: center; 5133 } 5134 5135 /* GRID-nya sedikit dilebarin biar simetris */ 5136 .transaksi-list-bank, 5137 .transaksi-list-other { 5138 grid-template-columns: repeat(4, minmax(110px, 1fr)); 5139 gap: 8px 10px; 5140 } 5141 5142</style> 5143 5144<div class="transaksi-layout"> 5145 <div class="transaksi-left-box"> 5146 <div class="transaksi-left-inner"> 5147 <img src="images/transaksi.png" class="transaksi-left-img"> 5148 </div> 5149 </div> 5150 5151 <div class="transaksi-right-box"> 5152 <div class="transaksi-group"> 5153 5154 <!-- BANK LOKAL --> 5155 <div class="transaksi-bank"> 5156 <div class="transaksi-wrapper"> 5157 <div class="transaksi-name">Bank Lokal</div> 5158 <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> 5159 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5160 </div> 5161 5162 <div class="carousel-inner" > 5163 <div class="carousel-item active"> 5164 <div class="transaksi-list-bank"> 5165 <div class="transaksi-item"> 5166 <div class="transaksi-header is-online"> 5167 BCA </div> 5168 <div class="transaksi-status"></div> 5169 </div> 5170 <div class="transaksi-item"> 5171 <div class="transaksi-header is-online"> 5172 Mandiri </div> 5173 <div class="transaksi-status"></div> 5174 </div> 5175 <div class="transaksi-item"> 5176 <div class="transaksi-header is-online"> 5177 BNI </div> 5178 <div class="transaksi-status"
5178></div> 5179 </div> 5180 <div class="transaksi-item"> 5181 <div class="transaksi-header is-online"> 5182 BRI </div> 5183 <div class="transaksi-status"></div> 5184 </div> 5185 </div> 5186 </div> 5187 </div> 5188 </div> 5189 5190 </div> 5191 </div> 5192 5193 <!-- E MONEY & PULSA --> 5194 <div class="transaksi-other"> 5195 <div class="transaksi-wrapper"> 5196 <div class="transaksi-name">E Money & Pulsa</div> 5197 5198 <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> 5199 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5200 </div> 5201 5202 <div class="carousel-inner" > 5203 <div class="carousel-item active"> 5204 <div class="transaksi-list-other"> 5205 <div class="transaksi-item"> 5206 <div class="transaksi-header is-online"> 5207 DANA </div> 5208 <div class="transaksi-status"></div> 5209 </div> 5210 <div class="transaksi-item"> 5211 <div class="transaksi-header is-online"> 5212 OVO </div> 5213 <div class="transaksi-status"></div> 5214 </div> 5215 <div class="transaksi-item"> 5216 <div class="transaksi-header is-online"> 5217 GOPAY </div> 5218 <div class="transaksi-status"></div> 5219 </div> 5220 <div class="transaksi-item"> 5221 <div class="transaksi-header is-online"> 5222 LinkAja </div> 5223 <div class="transaksi-status"></div> 5224 </div> 5225 <div class="transaksi-item"> 5226 <div class="transaksi-header is-online"> 5227 QRIS </div> 5228 <div class="transaksi-status"></div> 5229 </div> 5230 <div class="transaksi-item"> 5231 <div class="transaksi-header is-online"> 5232 Telkomsel </div> 5233 <div class="transaksi-status"></div> 5234 </div> 5235 </div> 5236 </div> 5237 </div> 5238 </div> 5239 5240 </div> 5241 </div> 5242 5243 <!-- CRYPTO --> 5244 <div class="transaksi-crypto"> 5245 <div class="transaksi-wrapper"> 5246 5247 <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> 5248 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5249 </div> 5250 5251 <div class="carousel-inner" > 5252 </div> 5253 5254 </div> 5255 </div> 5256 </div> 5257 5258 </div> 5259 </div> 5260</div> 5261 </div> 5262 5263 5264 </div> 5265 5266 <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> 5267 5268 <!-- <div class="transaksi-title">--> 5269 <!-- <div class="transaksi-title-group">--> 5270 <!-- <div class="fitur-header">Kontak Kami</div>--> 5271 <!-- </div>--> 5272 5273 <!-- <div class="devider desktop-only"></div>--> 5274 <!-- </div>--> 5275 5276 5277 <!-- 5278<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> 5279 <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> 5280 5281 5282 </div> 5283 <div class="carousel-inner" style="height: 164px"> 5284 <div class="carousel-item active"> 5285 <div> 5286 5287 5288 5289 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5290 <img src="https://britectangguhindonesia.com/kontak/whatsapp.png" width="20"/> 5291 5292 <a class="d-flex flex-column" href="" target='_blank'> 5293 <div style="color: #888888;">WHATSAPP</div> 5294 <div style="line-height: .9rem; color: var(--primary-text-color)">+</div> 5295 </a> 5296 5297 5298 </div> 5299 5300 5301 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5302 <img src="https://britectangguhindonesia.com/kontak/facebook.png" width="20"/> 5303 5304 <a class="d-flex flex-column" href="" target='_blank'> 5305 <div style="color: #888888;">FACEBOOK</div> 5306 <div style="line-height: .9rem; color: var(--primary-text-color)">OWLTOTO OFFICIAL</div> 5307 </a> 5308 5309 5310 </div> 5311 5312 5313 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5314 <img src="https://britectangguhindonesia.com/kontak/whatsapp.png" width="20"/> 5315 5316 <a class="d-flex flex-column" href="#"></a><a id="ab-dummy" href="" target='_blank'> 5317 <div style="color: #888888;">WHATSAPP</div> 5318 <div style="line-height: .9rem; color: var(--primary-text-color)">ab-script</div> 5319 </a> 5320 5321 5322 </div> 5323 5324 5325 </div> 5326 </div> 5327 5328 5329 5330 </div> 5331</div> 5332--> 5333 5334 <!--</div>--> 5335 </div> 5336 </div> 5337 </div> 5338 5339 5340 <div class="bantuan"> 5341 5342 <ul class="bantuan-content justify-content-center"> 5343 <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> 5344 <div class="bantuan-devider desktop-only">|</div> 5345 <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> 5346 <div class="bantuan-devider desktop-only">|</div> 5347 <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> 5348 <div class="bantuan-devider desktop-only">|</div> 5349 <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> 5350 <div class="bantuan-devider desktop-only">|</div> 5351 <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> 5352 <div class="bantuan-devider desktop-only">|</div> 5353 <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> 5354 <div class="bantuan-devider desktop-only">|</div> 5355 <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> 5356 </ul> 5357 </div> 5358 5359 5360 <footer class="footer"> 5361 5362 <div class="guidelines"> 5363 <div class="desktop-only"> 5364 <div class="guidelines-content d-flex justify-content-center"> 5365 <img src="/assets/assets/guidelines.png" style="width: 640px" /> 5366 </div> 5367 </div> 5368 </div> 5369 5370 <div class="provider d-none d-lg-block"> 5371 <div class="provider-group"> 5372 <img src="/assets/assets/provider.png" class="desktop-only" alt=""> 5373 </div> 5374 </div> 5375 5376 <div> 5377 <div id="banner3" style="position: fixed;bottom: 100px;left: 18px;z-index: 9999;"> 5378<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> 5379</div> 5380<!-- MAJUKELEN --> 5381<style> 5382 5383#pop-up-container { 5384display: flex; 5385align-items: center; 5386justify-content: space-evenly; 5387position: fixed; 5388z-index: 11; 5389top: 0;
5390left: 0; 5391right: 0; 5392bottom: 0; 5393} 5394#pop-up-wrapper { 5395width: 85%; 5396min-width: 315px; 5397max-width: 500px; 5398min-height: 210px; 5399position: relative; 5400z-index: 11; 5401overflow: visible; 5402border-radius: 5px; 5403} 5404#pop-up-wrapper img { 5405width: 100%; 5406border-radius: 5px 5px 0 0; 5407} 5408#pop-up-wrapper button { 5409width: 100%; 5410padding: 0.75rem; 5411font-size: -0.75rem; 5412font-weight: 700; 5413border: none; 5414border-radius: 0 0 5px 5px; 5415margin: 0; 5416background-color: #F35925; 5417} 5418.gray-bg { 5419background: #00000000 no-repeat; 5420} 5421.swirl-in-fwd { 5422-webkit-animation: swirl-in-fwd 0.6s ease-out both; 5423animation: swirl-in-fwd 0.6s ease-out both; 5424} 5425.x-mark-container { 5426position: absolute; 5427top: 5px; 5428right: 5px; 5429background-color: black; 5430border-radius: 50%; 5431width: 8%; 5432} 5433#bg-black { 5434background-color: rgba(0, 0, 0, 0.86); 5435position: fixed; 5436z-index: 10; 5437top: 0; 5438left: 0; 5439right: 0; 5440bottom: 0; 5441} 5442@-webkit-keyframes swirl-in-fwd { 54430% { 5444-webkit-transform: rotate(-540deg) scale(0); 5445transform: rotate(-540deg) scale(0); 5446opacity: 0; 5447} 5448100% { 5449-webkit-transform: rotate(0) scale(1); 5450transform: rotate(0) scale(1); 5451opacity: 1; 5452} 5453} 5454@keyframes swirl-in-fwd { 54550% { 5456-webkit-transform: rotate(-540deg) scale(0); 5457transform: rotate(-540deg) scale(0); 5458opacity: 0; 5459} 5460100% { 5461-webkit-transform: rotate(0) scale(1); 5462transform: rotate(0) scale(1); 5463opacity: 1; 5464} 5465} 5466.swirl-out-bck { 5467-webkit-animation: swirl-out-bck 0.6s ease-in both; 5468animation: swirl-out-bck 0.6s ease-in both; 5469} 5470@-webkit-keyframes swirl-out-bck { 54710% { 5472-webkit-transform: rotate(0) scale(1); 5473transform: rotate(0) scale(1); 5474opacity: 1; 5475} 5476100% { 5477-webkit-transform: rotate(-540deg) scale(0); 5478transform: rotate(-540deg) scale(0); 5479opacity: 0; 5480} 5481} 5482@keyframes swirl-out-bck { 54830% { 5484-webkit-transform: rotate(0) scale(1); 5485transform: rotate(0) scale(1); 5486opacity: 1; 5487} 5488100% { 5489-webkit-transform: rotate(-540deg) scale(0); 5490transform: rotate(-540deg) scale(0); 5491opacity: 0; 5492} 5493} 5494.fade-in { 5495-webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 5496animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 5497} 5498@-webkit-keyframes fade-in { 54990% { 5500opacity: 0; 5501} 5502100% { 5503opacity: 1; 5504} 5505} 5506@keyframes fade-in { 55070% { 5508opacity: 0; 5509} 5510100% { 5511opacity: 1; 5512} 5513} 5514.fade-out { 5515-webkit-animation: fade-out 1s ease-out both; 5516animation: fade-out 1s ease-out both; 5517} 5518@-webkit-keyframes fade-out { 55190% { 5520opacity: 1; 5521} 5522100% { 5523opacity: 0; 5524} 5525} 5526@keyframes fade-out { 55270% { 5528opacity: 1; 5529} 5530100% { 5531opacity: 0; 5532} 5533} 5534</style>
5535<script> 5536window.addEventListener('DOMContentLoaded', () => { 5537if (window.location.pathname === '/' || window.location.pathname === 'index.html') { 5538$('body').append(` 5539<div id="pop-up-container" onclick="close_pop_up()"> 5540<div id="bg-black" class="fade-in"></div> 5541 5542<div id="pop-up-wrapper" class="swirl-in-fwd gray-bg"> 5543<img 5544src="../blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXxGm33nCOgcUSvJ5JKuvd3AbnpZYud7fqJREDg8w/s1600/OWLTOTOLP.png" 5545alt="popup" 5546/> 5547 5548 5549<button onclick="close_pop_up()" style="color: #fff">KLIK UNTUK MENUTUP</button> 5550</div> 5551</div> 5552`); 5553 5554document.getElementById('pop-up-wrapper').addEventListener('click', e => { 5555e.stopPropagation(); 5556}); 5557} 5558}); 5559 5560const close_pop_up = () => { 5561document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck'); 5562document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out'); 5563 5564setTimeout(() => { 5565const pop_up_container = document.getElementById('pop-up-container'); 5566pop_up_container?.parentElement.removeChild(pop_up_container); 5567}, 1000); 5568}; 5569</script>
5569 5570 5571<!-- styletogel--> 5572<style> 5573 5574 @media (max-width: 800px) { 5575 .result > .pasaran, 5576 .result > .keluaran, 5577 .result > .tanggal { 5578 color: #fff !important; 5579 text-align: center !important; 5580 width: 100% !important; 5581 } 5582 5583 .result > .pasaran { 5584 font-size: 20px !important; 5585 border-bottom: 1px solid #5f0055 !important; 5586 border-radius: 20%; 5587 background: linear-gradient( 5588 232deg, 5589 #660483 0%, 5590 #a710b1 21%, 5591 #660483 33%, 5592 #a710b1 44%, 5593 #660483 60%, 5594 #a710b1 73%, 5595 #660483 85%, 5596 #660483 100% 5597 ); 5598 background-size: 400% 400%; 5599 animation: gradient 5s ease infinite; 5600 border-radius: 15px 2px 15px 5px !important; 5601 box-shadow: linear-gradient( 5602 232deg, 5603 #6b0000 0%, 5604 #ff0000 21%, 5605 #6b0000 33%, 5606 #ff4f4f 44%, 5607 #ff0000 60%, 5608 #720000 73%, 5609 #ff0000 85%, 5610 #650000 100% 5611 ); 5612 justify-content: center; 5613 height: 2.22rem; 5614 opacity: 100%; 5615 } 5616 5617 .result > .keluaran { 5618 font-size: 36px !important; 5619 font-weight: bold !important; 5620 height: 3.72rem; 5621 display: flex; 5622 align-items: center; 5623 justify-content: center; 5624 font-weight: bold !important; 5625 } 5626 5627 .result > .tanggal { 5628 height: 20%; 5629 } 5630 5631 .result { 5632 width: 100%; 5633 border-radius: 15px 2px 15px 5px !important; 5634 background-color: rgba(0, 0, 0, 0.55) !important; 5635 display: inline-block !important; 5636 border: 1px solid #fff !important; 5637 margin-bottom: 0 !important; 5638 padding: 0 !important; 5639 } 5640 5641 div.carousel-item.accordion.accordion-flush.active { 5642 display: grid; 5643 grid-template-columns: repeat(2, 1fr); 5644 } 5645 5646 div.carousel-item.accordion.accordion-flush.carousel-item-next.carousel-item-start { 5647 display: grid; 5648 grid-template-columns: repeat(2, 1fr); 5649 } 5650 } 5651 5652 @media (max-width: 800px) { 5653 .togel-title { 5654 font-size: 20px; 5655 display: flex; 5656 justify-content: center; 5657 } 5658 } 5659 5660 @media (max-width: 800px) { 5661 .result:nth-child(odd) { 5662 background: rgba(0, 0, 0, 0.55) !important; 5663 } 5664 } 5665 5666 @media screen and (min-width: 801px) { 5667 #datapasaran-divname, 5668 #datapasaran-date, 5669 .result > .pasaran, 5670 .result > .tanggal { 5671 background: linear-gradient( 5672 232deg, 5673 #660483 0%, 5674 #a710b1 21%, 5675 #660483 33%, 5676 #a710b1 44%, 5677 #660483 60%, 5678 #a710b1 73%, 5679 #660483 85%, 5680 #660483 100% 5681 ); 5682 background-size: 400% 400%; 5683 animation: gradient 5s ease infinite; 5684 } 5685 5686 #datapasaran-divname { 5687 padding-top: 1px; 5688 } 5689 5690 .result > .pasaran { 5691 padding-top: 3px; 5692 color: blac; 5693 } 5694 } 5695 5696 .status-green { 5697 background-size: 400% 400%; 5698 animation: gradient 5s ease infinite; 5699 } 5700 5701 .status-blue { 5702 background-size: 400% 400%; 5703 animation: gradient 5s ease infinite; 5704 } 5705 </style> 5706 5707<!-- START PEMBERITAHUAN PENTING -->
5708<script> 5709$("<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'); 5710</script>
5710 5711 <style> 5712 5713 .alert { 5714 border: 1px solid #9920d1; 5715 box-shadow: #cc4cff 0px 0px 10px 1px; 5716 border-radius: 19px; 5717 margin-right: 25px; 5718 margin-left: 25px; 5719 margin-top: 10px; 5720 margin-bottom: -10px; 5721 } 5722 .blinking{ 5723 animation:blinkingText 1.5s infinite; 5724 margin:auto; 5725 display:block; 5726 font-weight: 900; 5727 color:#fb0000; 5728 text-shadow:#000000 0px 0px 3px; 5729 } 5730 </style> 5731 5732<!-- STOP PEMBERITAHUAN PENTING MOBILE--> 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 6316 6317 6318 6319 6320 6321 6322 6323 6324 6325 6326 6327 6328 6329 6330 6331 6332 6333 6334 6335 6336 6337 6338 6339 6340 6341 6342 6343 6344 6345 6346 6347 6348 6349 6350 6351 6352 6353 6354 6355 6356 6357 6358 6359 6360 6361 6362 6363 6364 6365 6366 6367 6368 6369 6370 6371 6372 6373 6374 6375 6376 6377 6378 6379 6380 6381 6382 6383 6384 6385 6386 6387 6388 6389 6390 6391 6392 6393 6394 6395 6396 6397 6398 6399 6400 6401 6402 6403 6404 6405 6406 6407 6408 6409 6410 6411 6412 6413 6414 6415 6416 6417 6418 6419 6420 6421 6422 6423 6424 6425 6426 6427 6428 6429 6430 6431 6432 6433 6434 6435 6436 6437 6438 6439 6440 6441 6442 6443 6444 6445 6446 6447 6448 6449 6450 6451 6452 6453 6454 6455 6456 6457 6458 6459 6460 6461 6462 6463 6464 6465 6466 6467 6468 6469 6470 6471 6472 6473 6474 6475 6476 6477 6478 6479 6480 6481 6482 6483 6484 6485 6486 6487 6488 6489 6490 6491 6492 6493 6494 6495 6496 6497 6498 6499 6500 6501 6502 6503 6504 6505 6506 6507 6508 6509 6510 6511 6512 6513 6514 6515 6516 6517 6518 6519 6520 6521 6522 6523 6524 6525 6526 6527 6528 6529 6530 6531 6532 6533 6534 6535 6536 6537 6538 6539 </div> 6540 6541 6542 <div class="footer-group"> 6543 <div class="copyright"> 6544 <div style="white-space: nowrap">© 2015 - 2026 Copyright OWLTOTO.</div> 6545 <div>All Rights Reserved.</div> 6546 </div> 6547 <div class="desktop-only"> 6548 <div class="d-flex gap-1"> 6549 <div class="btn-footer" onclick='window.location.href="index532c.html?mobile"'>MOBILE</div> 6550 <div class="btn-footer" onclick='window.location.href="wap.html"'>WAP</div> 6551 </div> 6552 </div> 6553 <img class="mobile-only" style="width: 100%" src="/assets/assets/guidelines.png" alt=""> 6554 6555 <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=Ydq2LKD7kvbWOygBldH3zGJyzK9yARHRb5PQMxlgt18.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> 6556 <i class="bi bi-shield-fill-exclamation"></i> 6557 <strong class="ms-1">LAPOR PUSAT</strong> 6558 </button> 6559 </div> 6560 </footer> 6561 6562 6563 6564 6565 6566 <!-- SIDENAV --> 6567 <div id="mySidenav" class="sidenav desktop-only"> 6568 <div id="nav"> 6569 <div style="display: flex; align-items: start;"> 6570 <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;"> 6571 6572 <img src="assets/hubungi6512.png?11"> 6573 6574 </div> 6575 <!--<img id="about" src="/images/kontak.png?4">--> 6576 </div> 6577 <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> 6578 <div id="" style="padding: 4px"> 6579 <img src="assets/24h.png" style="width: 100%"></img> 6580 </div> 6581 6582 <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> 6583 <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> 6584 6585 6586 6587 <a href="" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 6588 <img src="/assets/kontak/whatsapp.png" width="20"/><span>+</span> 6589 </a> 6590 6591 6592 6593 6594 6595 <a href="" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 6596 <img src="/assets/kontak/facebook.png" width="20"/><span>OWLTOTO OFFICIAL</span> 6597 </a> 6598 6599 6600 6601 6602 6603 <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"> 6604 <img src="/assets/kontak/whatsapp.png" width="20"/><span>ab-script</span> 6605 </a> 6606 6607 6608 6609 6610 6611 </div> 6612 <div style="margin: 8px"> 6613 <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> 6614 </div> 6615 </div> 6616 </div> 6617 </div> 6618 </div> 6619 6620 6621 <!--POP UP --> 6622 6623 <!-- LIVE CHAT --> 6624 <!-- Start of LiveChat (www.livechat.com) code -->
6625<script> 6626 window.__lc = window.__lc || {}; 6627 window.__lc.license = 12398997; 6628 ;(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)) 6629</script>
6629 6630<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> 6631<!-- End of LiveChat code --> 6632<!-- MAJUKELEN --> 6633<style> 6634 6635#pop-up-container { 6636display: flex; 6637align-items: center; 6638justify-content: space-evenly; 6639position: fixed; 6640z-index: 11; 6641top: 0; 6642left: 0; 6643right: 0; 6644bottom: 0; 6645} 6646#pop-up-wrapper { 6647width: 85%; 6648min-width: 315px; 6649max-width: 500px; 6650min-height: 210px; 6651position: relative; 6652z-index: 11; 6653overflow: visible; 6654border-radius: 5px; 6655} 6656#pop-up-wrapper img { 6657width: 100%; 6658border-radius: 5px 5px 0 0; 6659} 6660#pop-up-wrapper button { 6661width: 100%; 6662padding: 0.75rem; 6663font-size: -0.75rem; 6664font-weight: 700; 6665border: none; 6666border-radius: 0 0 5px 5px; 6667margin: 0; 6668background-color: #F35925; 6669} 6670.gray-bg { 6671background: #00000000 no-repeat; 6672} 6673.swirl-in-fwd { 6674-webkit-animation: swirl-in-fwd 0.6s ease-out both; 6675animation: swirl-in-fwd 0.6s ease-out both; 6676} 6677.x-mark-container { 6678position: absolute; 6679top: 5px; 6680right: 5px; 6681background-color: black; 6682border-radius: 50%; 6683width: 8%; 6684} 6685#bg-black { 6686background-color: rgba(0, 0, 0, 0.86); 6687position: fixed; 6688z-index: 10; 6689top: 0; 6690left: 0; 6691right: 0; 6692bottom: 0; 6693} 6694@-webkit-keyframes swirl-in-fwd { 66950% { 6696-webkit-transform: rotate(-540deg) scale(0); 6697transform: rotate(-540deg) scale(0); 6698opacity: 0; 6699} 6700100% { 6701-webkit-transform: rotate(0) scale(1); 6702transform: rotate(0) scale(1); 6703opacity: 1; 6704} 6705} 6706@keyframes swirl-in-fwd { 67070% { 6708-webkit-transform: rotate(-540deg) scale(0); 6709transform: rotate(-540deg) scale(0); 6710opacity: 0; 6711} 6712100% { 6713-webkit-transform: rotate(0) scale(1); 6714transform: rotate(0) scale(1); 6715opacity: 1; 6716} 6717} 6718.swirl-out-bck { 6719-webkit-animation: swirl-out-bck 0.6s ease-in both; 6720animation: swirl-out-bck 0.6s ease-in both; 6721} 6722@-webkit-keyframes swirl-out-bck { 67230% { 6724-webkit-transform: rotate(0) scale(1); 6725transform: rotate(0) scale(1); 6726opacity: 1; 6727} 6728100% { 6729-webkit-transform: rotate(-540deg) scale(0); 6730transform: rotate(-540deg) scale(0); 6731opacity: 0; 6732} 6733} 6734@keyframes swirl-out-bck { 67350% { 6736-webkit-transform: rotate(0) scale(1); 6737transform: rotate(0) scale(1); 6738opacity: 1; 6739} 6740100% { 6741-webkit-transform: rotate(-540deg) scale(0); 6742transform: rotate(-540deg) scale(0); 6743opacity: 0; 6744} 6745} 6746.fade-in { 6747-webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 6748animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 6749} 6750@-webkit-keyframes fade-in { 67510% { 6752opacity: 0; 6753} 6754100% { 6755opacity: 1; 6756} 6757} 6758@keyframes fade-in { 67590% { 6760opacity: 0; 6761} 6762100% { 6763opacity: 1; 6764} 6765} 6766.fade-out { 6767-webkit-animation: fade-out 1s ease-out both; 6768animation: fade-out 1s ease-out both; 6769} 6770@-webkit-keyframes fade-out { 67710% { 6772opacity: 1; 6773} 6774100% { 6775opacity: 0; 6776} 6777} 6778@keyframes fade-out { 67790% { 6780opacity: 1; 6781} 6782100% { 6783opacity: 0; 6784} 6785} 6786</style>
6787<script> 6788window.addEventListener('DOMContentLoaded', () => { 6789if (window.location.pathname === '/' || window.location.pathname === 'index.html') { 6790$('body').append(` 6791<div id="pop-up-container" onclick="close_pop_up()"> 6792<div id="bg-black" class="fade-in"></div> 6793 6794<div id="pop-up-wrapper" class="swirl-in-fwd gray-bg"> 6795<img 6796src="../iili.io/JRaHYQe.png" 6797alt="popup" 6798/> 6799 6800 6801<button onclick="close_pop_up()" style="color: #fff">KLIK UNTUK MENUTUP</button> 6802</div> 6803</div> 6804`); 6805 6806document.getElementById('pop-up-wrapper').addEventListener('click', e => { 6807e.stopPropagation(); 6808}); 6809} 6810}); 6811 6812const close_pop_up = () => { 6813document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck'); 6814document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out'); 6815 6816setTimeout(() => { 6817const pop_up_container = document.getElementById('pop-up-container'); 6818pop_up_container?.parentElement.removeChild(pop_up_container); 6819}, 1000); 6820}; 6821</script>
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 7411 7412 7413 7414 7415 7416 7417 7418 7419 7420 7421 7422 7423 7424 7425 7426 7427 7428 7429 7430 7431 7432 7433 7434 7435 7436 7437 7438 7439 7440 7441 7442 7443 7444 7445 7446 7447 7448 7449 7450 7451 7452 7453 7454 7455 7456 7457 7458 7459 7460 7461 7462 7463 7464 7465 7466 7467 7468 7469 7470 7471 7472 7473 7474 7475 7476 7477 7478 7479 7480 7481 7482 7483 7484 7485 7486 7487 7488 7489 7490 7491 7492 7493 7494 7495 7496 7497 7498 7499 7500 7501 7502 7503 7504 7505 7506 7507 7508 7509 7510 7511 7512 7513 7514 7515 7516 7517 7518 7519 7520 7521 7522 7523 7524 7525 7526 7527 7528 7529 7530 7531 7532 7533 7534 7535 7536 7537 7538 7539 7540 7541 7542 7543 7544 7545 7546 7547 7548 7549 7550 7551 7552 7553 7554 7555 7556 7557 7558 7559 7560 7561 7562 7563 7564 7565 7566 7567 7568 7569 7570 7571 7572 7573 7574 7575 7576 7577 7578 7579 7580 7581 7582 7583 7584 7585 7586 7587 7588 7589 7590 7591 7592 7593 7594 7595 7596 7597 7598 7599 7600 7601 7602 7603 7604 7605 7606 7607 7608 7609 7610 7611 7612 7613 7614 7615 7616 7617 7618 7619 7620 7621 7622 7623 7624 7625 7626 7627 7628 7629 7630 7631 7632 7633 7634 <!-- LiveChat Internal --> 7635 7636 7637
7637<script src="/npm/bootstrap%405.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
7637 7638
7638<script> 7639 document.addEventListener('DOMContentLoaded', function() { 7640 setTimeout(function() { 7641 const mobileForm = document.querySelector('#mobilelogin form') || 7642 document.querySelector('#mobilelogin .login-form') || 7643 document.querySelector('.mobile-only form'); 7644 7645 if (!mobileForm) { 7646 return; 7647 } 7648 7649 const username = mobileForm.querySelector('input[name="username"]'); 7650 const password = mobileForm.querySelector('input[name="password"]'); 7651 const remember = document.querySelector('#rememberMe') || 7652 document.querySelector('input[type="checkbox"]'); 7653 7654 if (!username || !password || !remember) { 7655 return; 7656 } 7657 7658 try { 7659 localStorage.setItem('test', 'working'); 7660 if (localStorage.getItem('test') === 'working') { 7661 localStorage.removeItem('test'); 7662 } else { 7663 return; 7664 } 7665 } catch(e) { 7666 return; 7667 } 7668 7669 initializeRememberMe(); 7670 loadSavedData(); 7671 7672 mobileForm.addEventListener('submit', handleSave); 7673 mobileForm.addEventListener('click', function(e) { 7674 if (e.target.type === 'submit' || e.target.classList.contains('submit')) { 7675 handleSave(); 7676 } 7677 }); 7678 remember.addEventListener('change', function() { 7679 if (!this.checked) { 7680 clearSavedData(); 7681 localStorage.setItem('mobile_remember_unchecked', 'true'); 7682 } else { 7683 localStorage.removeItem('mobile_remember_unchecked'); 7684 } 7685 }); 7686 7687 function initializeRememberMe() { 7688 try { 7689 const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); 7690 const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); 7691 if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { 7692 remember.checked = false; 7693 } else { 7694 remember.checked = true; 7695 } 7696 } catch(e) { 7697 remember.checked = true; 7698 } 7699 } 7700 7701 function loadSavedData() { 7702 try { 7703 const savedUsername = localStorage.getItem('mobile_username'); 7704 const savedPassword = localStorage.getItem('mobile_password'); 7705 const rememberChecked = localStorage.getItem('mobile_remember'); 7706 if (rememberChecked === 'true' && savedUsername && savedPassword) { 7707 username.value = savedUsername; 7708 password.value = savedPassword; 7709 } 7710 } catch(e) { 7711 // console.log('Error loading data:', e); 7712 } 7713 } 7714 7715 function handleSave() { 7716 if (remember.checked) { 7717 const usernameVal = username.value.trim(); 7718 const passwordVal = password.value.trim(); 7719 7720 if (usernameVal && passwordVal) { 7721 try { 7722 localStorage.setItem('mobile_username', usernameVal); 7723 localStorage.setItem('mobile_password', passwordVal); 7724 localStorage.setItem('mobile_remember', 'true'); 7725 localStorage.setItem('mobile_login_success', 'true'); 7726 } catch(e) { 7727 // console.log('Error saving data:', e); 7728 } 7729 } 7730 } else { 7731 clearSavedData(); 7732 localStorage.setItem('mobile_login_success', 'true'); 7733 } 7734 } 7735 7736 function clearSavedData() { 7737 try { 7738 localStorage.removeItem('mobile_username'); 7739 localStorage.removeItem('mobile_password'); 7740 localStorage.removeItem('mobile_remember'); 7741 } catch(e) { 7742 // console.log('Error clearing data:', e); 7743 } 7744 } 7745 }, 100); // Wait 100ms 7746 7747 function initBroadcastMarquee() { 7748 $('.mobile-broadcast, #marquee .broadcast').each(function () { 7749 const el = $(this); 7750 7751 if ($.trim(el.text()) === '') return; 7752 if (!el.is(':visible')) return; 7753 7754 try { 7755 el.marquee('destroy'); 7756 } catch (e) {} 7757 7758 el.marquee({ 7759 speed: 30, 7760 gap: 80, 7761 delayBeforeStart: 0, 7762 direction: 'left', 7763 duplicated: true, 7764 pauseOnHover: true, 7765 startVisible: true 7766 }); 7767 }); 7768 } 7769 7770 $(window).on('load', function () { 7771 setTimeout(function () { 7772 initBroadcastMarquee(); 7773 }, 300); 7774 }); 7775 7776 $(window).on('resize orientationchange', function () { 7777 clearTimeout(window.broadcastResizeTimer); 7778 window.broadcastResizeTimer = setTimeout(function () { 7779 initBroadcastMarquee(); 7780 }, 400); 7781 }); 7782 7783 // document.querySelectorAll("marquee").forEach(function(marquee){ 7784 7785 // let speed = 0.5; // smaller = slower 7786 // let position = marquee.offsetWidth; 7787 7788 // function animate(){ 7789 // position--; 7790 7791 // if(position < -marquee.scrollWidth){ 7792 // position = marquee.offsetWidth; 7793 // } 7794
7795 // marquee.style.transform = "translateX(" + position + "px)"; 7796 // requestAnimationFrame(animate); 7797 // } 7798 7799 // animate(); 7800 7801 // // pause on hover 7802 // marquee.addEventListener("mouseenter", function(){ 7803 // speed = 0; 7804 // }); 7805 7806 // marquee.addEventListener("mouseleave", function(){ 7807 // speed = 0.5; 7808 // }); 7809 7810 // }); 7811 7812 7813 }); 7814 </script>
7814 7815 7816
7816<script> 7817 7818 var mobileurl = 'm/index.html'; 7819 7820 7821 7822 var showIDs = []; 7823 7824 function showProducts(hoverID) { 7825 while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; 7826 7827 // document.getElementById('hover').classList.add("hover-show"); 7828 document.getElementById('hover').style.transitionDelay = "0s"; 7829 document.getElementById('hover').style.visibility = "visible"; 7830 document.getElementById('hover').style.opacity = "1"; 7831 document.getElementById(hoverID).style.display = "flex"; 7832 7833 showIDs.push(hoverID); 7834 7835 } 7836 7837 function hideProducts(hoverID) { 7838 // document.getElementById('hover').classList.remove("hover-show"); 7839 document.getElementById('hover').style.visibility = "hidden"; 7840 document.getElementById('hover').style.opacity = "0"; 7841 document.getElementById('hover').style.transitionDelay = "1s"; 7842 7843 } 7844 7845 var mobileDaftarForm = document.getElementById('mobile-daftar-form'); 7846 var marquee = document.getElementById('marquee'); 7847 var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form'); 7848 var mobileLoginBox = document.getElementById('mobilelogin'); 7849 7850 function closeContent() { 7851 $('#main-content').html(""); 7852 } 7853 7854 7855 function openDaftar() { 7856 closeContent(); 7857 7858 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 7859 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 7860 7861 mobileDaftarForm.style.display = "block"; 7862 mobileDaftarForm.scrollIntoView(); 7863 } 7864 7865 function closeDaftar() { 7866 mobileDaftarForm.style.display = "none"; 7867 marquee.scrollIntoView(); 7868 } 7869 7870 7871 function showProvider(type) { 7872 $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>"); 7873 $('#main-content').load("new-showprovider47d9.html?type=" + type); 7874 } 7875 7876 function toggleInformasi(item) { 7877 page(item); 7878 } 7879 7880 function showInformasi(item) { 7881 document.getElementById('modal-wrapper').style.display='block'; 7882 toggleInformasi(item); 7883 } 7884 7885 function openChangePasswordMobile() { 7886 closeContent(); 7887 7888 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 7889 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 7890 7891 if (mobileChangePasswordForm) { 7892 mobileChangePasswordForm.style.display = "block"; 7893 mobileChangePasswordForm.scrollIntoView(); 7894 } 7895 } 7896 7897 function closeChangePasswordMobile() { 7898 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 7899 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 7900 if (mobileLoginBox) mobileLoginBox.style.display = "block"; 7901 7902 marquee.scrollIntoView(); 7903 } 7904 7905 7906 7907 7908 </script>
7908 7909
7909<script src="js/old/new2-webduo35ca1e.js?v=1779692736"></script>
7909 7910 7911
7911<script> 7912 function scrollToLoginForm(launchType, matchId) { 7913 sessionStorage.setItem('launch', launchType); 7914 if (matchId) sessionStorage.setItem('sbo_matchId', matchId); 7915 else sessionStorage.removeItem('sbo_matchId'); 7916 window.scrollTo({ top: 0, behavior: 'smooth' }); 7917 setTimeout(function() { 7918 var isMobile = window.innerWidth <= 1000; 7919 var loginSelector = isMobile 7920 ? '#mobilelogin input[name="username"]' 7921 : '#desktoplogin form'; 7922 var el = document.querySelector(loginSelector); 7923 if (!el) return; 7924 var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]'); 7925 if (usernameEl && !isMobile) usernameEl.focus(); 7926 if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' }); 7927 const driver = window.driver.js.driver({ 7928 popoverClass: 'driverjs-theme', 7929 showProgress: false, 7930 showButtons: [], 7931 overlayOpacity: 0.3, 7932 steps: [ 7933 { 7934 element: loginSelector, 7935 popover: { 7936 title: 'Harap Login', 7937 description: 'Silakan masukkan username Anda', 7938 side: 'bottom', 7939 align: 'start', 7940 showButtons: [], 7941 nextBtnText: '', 7942 prevBtnText: '', 7943 doneBtnText: '' 7944 } 7945 } 7946 ], 7947 onDestroyStarted: () => driver.destroy(), 7948 }); 7949 driver.drive(); 7950 if (usernameEl) { 7951 function destroyDriver() { 7952 driver.destroy(); 7953 window.scrollTo({ top: 0 }); 7954 usernameEl.removeEventListener('input', destroyDriver); 7955 usernameEl.removeEventListener('click', destroyDriver); 7956 usernameEl.removeEventListener('focus', destroyDriver); 7957 } 7958 usernameEl.addEventListener('input', destroyDriver, { once: true }); 7959 usernameEl.addEventListener('click', destroyDriver, { once: true }); 7960 usernameEl.addEventListener('focus', destroyDriver, { once: true }); 7961 } 7962 }, 500); 7963 } 7964 </script>
7964 7965
7965<script> 7966 window.addEventListener("message", function(e) { 7967 if (e.origin !== "https://britectangguhindonesia.com/") return; 7968 if (e.data && e.data.action === "resize" && e.data.height) { 7969 var iframes = document.querySelectorAll(".iframe-kupon"); 7970 iframes.forEach(function(iframe) { 7971 iframe.style.height = Math.max(100, e.data.height - 16) + "px"; 7972 }); 7973 } 7974 }); 7975 </script>
7975 7976 7977 7978 <!-- POP UP COOKIES --> 7979 7980 7981 7982</body> 7983 7984 7985</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.