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