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