1 2<!DOCTYPE html> 3<html lang="id"> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>Keramas4D: Platform Hiburan Digital Resmi & Game Online Terpercaya</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/LD.css">--> 16 <link rel="stylesheet" href="/css/old/template/LD.css"> 17 <link rel="stylesheet" href="/css/old/variable.css"> 18 19 <link rel="stylesheet" href="/css/old/dark.css"> 20 21 <link rel="stylesheet" href="/css/old/new2-style.css?1790436670"> 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="Selamat datang di Keramas4D. Nikmati berbagai pilihan game online dan hiburan digital interaktif dengan akses mudah, aman, dan layanan pelanggan 24 jam nonstop."/> 43<meta name="keywords" content="Keramas4D , Keramas4D login, Keramas4D daftar, Keramas4D alternatif, link Keramas4D " /> 44<meta name="geo.region" content="ID"> 45<meta name="geo.country" content="id"> 46<meta name="geo.placename" content="Indonesia"> 47<meta name="author" content=âKeramas4Dâ> 48<meta name="publisher" content=âKeramas4Dâ> 49<meta charset="utf-8"> 50<link rel="icon"href="https://imgur.com/kLsMBzw.png" sizes="32x32" /> 51<meta name="robots" content="index, follow"> 52<link rel="canonical" href="https://keramas4d.it.com"> 53<link rel="amphtml" href="https://keramas4d-amp.com"> 54<meta name="p:domain_verify" content="e082a5751a5f94c5679105f337be66cc"/> 55<meta name="google-site-verification" content="RoaPbd7iPY6Wy7SjPB9VhJZTjteY0CbUdZNH2rsE8qU" /> 56<meta name="google-site-verification" content="E1aWJUe4W4KUHNLXYPhhkOMTyMfcbusSVVu9Rh778to" /> 57<meta name="google-site-verification" content="YDqjYDOu2K4oFyZpHDdYQRRlFBWN-5akxPCAxs2pmno" /> 58<meta name="google-site-verification" content="KU-1cIUVmQ8B8gosBkA4zgaCrrqFFxBX5-2oPvGb1XU" /> 59<meta name="google-site-verification" content="gxorhKi2IUKCZ2qv1yGNxMK8pNviIUr6T2XF_gIboPo" /> 60<meta name="google-site-verification" content="nd46xsx4F6NjWdRvA1HT9SaaIir0zTxRpQkLuPN2j7g" /> 61<meta name="google-site-verification" content="JUBuASjS72itazHACytPCF8I0zMbbSht_PpjlWULlw8" />
62<script type="application/ld+json"> 63{ 64 "@context": "https://schema.org", 65 "@type": "LocalBusiness", 66 "name": "keramas4d", 67 "description": "Rasakan pengalaman bermain online yang aman dan cepat. Daftar Keramas4D sekarang, nikmati layanan 24 jam dan bonus menarik. Akses login mudah di sini!", 68 "url": "https://keramas4d.com", 69 "sameAs": [ 70 "https://www.facebook.com/keramas4d/", 71 "https://www.pinterest.com/keramas4d/", 72 "https://www.behance.net/keramas4d/", 73 "https://www.instagram.com/keramas4d/", 74 "https://www.linkedin.com/in/keramas4d/", 75 "https://www.tiktok.com/@keramas4d", 76 "https://x.com/keramas4d", 77 "https://www.youtube.com/@KERAMAS4D", 78 "https://github.com/keramas4d", 79 "https://sketchfab.com/keramas4d", 80 "https://www.twitch.tv/keramas4d", 81 "https://bsky.app/profile/keramas4d.bsky.social", 82 "https://www.goodreads.com/keramas4d", 83 "https://500px.com/p/keramas4d?view=photos", 84 "https://medium.com/@keramas4d", 85 "https://www.etsy.com/people/m0ks9gk5gryqrff2", 86 "https://www.tumblr.com/keramas4d", 87 "https://vimeo.com/keramas4d", 88 "https://dribbble.com/keramas4d", 89 "https://vsco.co/keramas4d/", 90 "https://weibo.com/keramas4d", 91 "https://www.xing.com/profile/Keramas_FourD/", 92 "https://www.yelp.com/user_details?userid=KJftCNCUsyZWifvjj4ogZA", 93 "https://keramas4d.itch.io/", 94 "https://mastodon.social/@keramas4d", 95 "https://heylink.me/keramas4d", 96 "https://linktr.ee/keramas4d", 97 "https://campsite.bio/keramas4d", 98 "https://about.me/keramas4d", 99 "https://tap.bio/@keramas4d", 100 "https://solo.to/keramas4d", 101 "https://keramas4d.carrd.co", 102 "https://www.linknbio.com/keramas4d", 103 "https://keramas4d.taplink.id", 104 "https://bio.site/keramas4d" 105 ], 106 "address": { 107 "@type": "PostalAddress", 108 "streetAddress": "Jalan Babakan Fakultas No.69 RT.03/RW.04", 109 "addressLocality": "Tegallega", 110 "addressRegion": "Jawa Barat", 111 "postalCode": "16129", 112 "addressCountry": "ID" 113 }, 114 "keywords": [ 115 "Keramas4D", 116 "Keramas4D login", 117 "Keramas4D daftar", 118 "Keramas4D alternatif", 119 "link Keramas4D" 120 ], 121 "image": "https://keramas4d.com/images/logoweb.png", 122 "aggregateRating": { 123 "@type": "AggregateRating", 124 "ratingValue": "5.0", 125 "reviewCount": "11" 126 }, 127 "review": [ 128 { 129 "@type": "Review", 130 "reviewRating": { 131 "@type": "Rating", 132 "ratingValue": "5" 133 }, 134 "reviewBody": "top service", 135 "author": { 136 "@type": "Person", 137 "name": "Nina" 138 } 139 }, 140 { 141 "@type": "Review", 142 "reviewRating": { 143 "@type": "Rating", 144 "ratingValue": "5" 145 }, 146 "reviewBody": "I don't know, it's really the most professional here, 24 hours a day too", 147 "author": { 148 "@type": "Person", 149 "name": "jafa" 150 } 151 }, 152 { 153 "@type": "Review", 154 "reviewRating": { 155 "@type": "Rating", 156 "ratingValue": "5" 157 }, 158 "reviewBody": "very trustworthy and good service", 159 "author": { 160 "@type": "Person", 161 "name": "haga" 162 } 163 }, 164 { 165 "@type": "Review", 166 "reviewRating": { 167 "@type": "Rating", 168 "ratingValue": "5" 169 }, 170 "reviewBody": "trusted professional", 171 "author": { 172 "@type": "Person", 173 "name": "rival putra" 174 } 175 }, 176 { 177 "@type": "Review", 178 "reviewRating": { 179 "@type": "Rating", 180 "ratingValue": "5" 181 }, 182 "reviewBody": "trusted and 24 hours", 183 "author": { 184 "@type": "Person", 185 "name": "Vallenciaalexa" 186 } 187 }, 188 { 189 "@type": "Review", 190 "reviewRating": { 191 "@type": "Rating", 192 "ratingValue": "5" 193 }, 194 "reviewBody": "fast, satisfying service", 195 "author": { 196 "@type": "Person", 197 "name": "Nabil" 198 } 199 }, 200 { 201 "@type": "Review", 202 "reviewRating": { 203 "@type": "Rating", 204 "ratingValue": "5" 205 }, 206 "reviewBody": "very trustworthy", 207 "author": { 208 "@type": "Person","name": "putri cantika" 209 } 210 }, 211 { 212 "@type": "Review", 213 "reviewRating": { 214 "@type": "Rating", 215 "ratingValue": "5" 216 }, 217 "reviewBody": "fast crazy service", 218 "author": { 219 "@type": "Person", 220 "name": "Malik Andika" 221 } 222 }, 223 { 224 "@type": "Review", 225 "reviewRating": { 226 "@type": "Rating", 227 "ratingValue": "5" 228 }, 229 "reviewBody": "24-hour response", 230 "author": { 231 "@type": "Person", 232 "name": "Dandi" 233 } 234 }, 235 { 236 "@type": "Review", 237 "reviewRating": { 238 "@type": "Rating", 239 "ratingValue": "5" 240 }, 241 "reviewBody": "VERY GOOD SERVICE", 242 "author": { 243 "@type": "Person", 244 "name": "mega puspita" 245 } 246 }, 247 { 248 "@type": "Review", 249 "reviewRating": { 250 "@type": "Rating", 251 "ratingValue": "5" 252 }, 253 "reviewBody": "turns out it's open 24 hours", 254 "author": { 255 "@type": "Person", 256 "name": "Padielll 853" 257 } 258 } 259 ] 260} 261</script>
261 262<!--Data Withdraw-->
263<script src="https://res.cloudinary.com/dth0k3yzp/raw/upload/v1665946523/var__0x593b50__0x439e_function__0x1cc8_kajudk.js"></script>
263 264<style> 265.messagebleft-container{transition:all .5s ease;transition-property:top,right,bottom,left,opacity;font-family:Roboto,sans-serif;font-size:14px;min-height:14px;border-radius:6px;background:rgb(223 255 199);border:2px solid green;position:fixed;display:flex;justify-content:space-between;align-items:center;color:#fff;line-height:22px;padding:18px 24px;bottom:-100px;top:-100px;opacity:1;padding:6px 9px;z-index:9999999999}.messagebleft-container .action{background:inherit;display:inline-block;font-size:inherit;text-transform:uppercase;color:#4caf50;margin:0 0 0 24px;padding:0;min-width:min-content;cursor:pointer}@media (min-width:640px){.messagebleft-container{min-width:288px;max-width:568px;display:inline-flex;border-radius:6px;margin:24px}}@media (max-width:640px){.messagebleft-container{left:0;right:0;width:100%}}.messagebleft-pos.bottom-center{bottom:auto!important;top:0;left:50%;transform:translate(-50%,0)}.messagebleft-pos.bottom-left{bottom:auto!important;top:0;left:0}.messagebleft-pos.bottom-right{top:auto!important;bottom:0;right:0}.messagebleft-pos.top-left{top:auto!important;top:0;left:0}.messagebleft-pos.top-center{top:auto!important;top:0;left:50%;transform:translate(-50%,0)}.messagebleft-pos.top-right{top:auto!important;top:0;right:0}@media (max-width:640px){.messagebleft-pos.bottom-center,.messagebleft-pos.top-center{left:0;transform:none}} 266</style> 267<!--End of Data Withdraw--> 268 269<!-- Meta Pixel Code -->
270<script>
vendor: 408 bytes, lines 270-279
270 271!function(f,b,e,v,n,t,s) 272{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 273n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 274if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 275n.queue=[];t=b.createElement(e);t.async=!0; 276t.src=v;s=b.getElementsByTagName(e)[0]; 277s.parentNode.insertBefore(t,s)}(window, document,'script', 278'https://connect.facebook.net/en_US/fbevents.js'); 279fbq('init', '
2792027045068087491
vendor: 5 bytes, line 279
279');
280fbq('init', '3722979581325619'); 281fbq('init', '810336738024188'); 282fbq('init', '1917081782548824'); 283fbq('init', '1318900226349206'); 284fbq('init', '955691092868779'); 285fbq('init', '1294927034901142'); 286fbq('track', 'PageView'); 287</script>
287 288<noscript><img height="1" width="1" style="display:none" 289src="https://www.facebook.com/tr?id=3722979581325619&ev=PageView&noscript=1" 290/></noscript> 291<!-- End Meta Pixel Code --> 292<!-- Meta Pixel Code -->
293<script>
vendor: 408 bytes, lines 293-302
293 294!function(f,b,e,v,n,t,s) 295{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 296n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 297if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 298n.queue=[];t=b.createElement(e);t.async=!0; 299t.src=v;s=b.getElementsByTagName(e)[0]; 300s.parentNode.insertBefore(t,s)}(window, document,'script', 301'https://connect.facebook.net/en_US/fbevents.js'); 302fbq('init', '
3024190240731293791
vendor: 32 bytes, lines 302-303
302'); 303fbq('track', 'PageView');
304</script>
304 305<noscript><img height="1" width="1" style="display:none" 306src="https://www.facebook.com/tr?id=4190240731293791&ev=PageView&noscript=1" 307/></noscript> 308<!-- End Meta Pixel Code --> 309 310<!-- Meta Pixel Code -->
311<script>
vendor: 408 bytes, lines 311-320
311 312!function(f,b,e,v,n,t,s) 313{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 314n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 315if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 316n.queue=[];t=b.createElement(e);t.async=!0; 317t.src=v;s=b.getElementsByTagName(e)[0]; 318s.parentNode.insertBefore(t,s)}(window, document,'script', 319'https://connect.facebook.net/en_US/fbevents.js'); 320fbq('init', '
320858567870299807
vendor: 32 bytes, lines 320-321
320'); 321fbq('track', 'PageView');
322</script>
322 323<noscript><img height="1" width="1" style="display:none" 324src="https://www.facebook.com/tr?id=858567870299807&ev=PageView&noscript=1" 325/></noscript> 326<!-- End Meta Pixel Code --> 327 328<!-- Meta Pixel Code -->
329<script>
vendor: 408 bytes, lines 329-338
329 330!function(f,b,e,v,n,t,s) 331{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 332n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 333if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 334n.queue=[];t=b.createElement(e);t.async=!0; 335t.src=v;s=b.getElementsByTagName(e)[0]; 336s.parentNode.insertBefore(t,s)}(window, document,'script', 337'https://connect.facebook.net/en_US/fbevents.js'); 338fbq('init', '
3381219785049595689
vendor: 32 bytes, lines 338-339
338'); 339fbq('track', 'PageView');
340</script>
340 341<noscript><img height="1" width="1" style="display:none" 342src="https://www.facebook.com/tr?id=1219785049595689&ev=PageView&noscript=1" 343/></noscript> 344<!-- End Meta Pixel Code --> 345 346 347<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 347-348
347 348<script async src="https://www.googletagmanager.com/gtag/js?id=
348G-TRBEJWFT6P
vendor: 13 bytes, line 348
348"></script>
349<script> 350
vendor: 138 bytes, lines 350-354
350window.dataLayer = window.dataLayer || []; 351 function gtag(){dataLayer.push(arguments);} 352 gtag('js', new Date()); 353 354 gtag('config', '
354G-TRBEJWFT6P
vendor: 5 bytes, line 354
354');
355</script>
355 356 <style> 357 358 .wrapper { 359 display: grid; 360 grid-template-columns: 1fr; 361 grid-template-areas: 362 "marquee" 363 "header" 364 "devider" 365 "contentdata" 366 "togel-desktop" 367 "widget-kupon" 368 "widget-sbo" 369 "provider" 370 "transaksi" 371 "guidelines" 372 "bantuan" 373 "footer" 374 } 375 376 .widget-kupon { 377 grid-area: widget-kupon; 378 padding-top: 20px; 379 background: var(--footer-background); 380 display: flex; 381 align-items: center; 382 position: relative; 383 } 384 385 .widget-sbo { 386 grid-area: widget-sbo; 387 padding-top: 20px; 388 display: flex; 389 align-items: center; 390 position: relative; 391 } 392 393 .iframe-kupon { 394 width: 1000px; 395 height: 200px; 396 display: block; 397 vertical-align: bottom; 398 } 399 400 .login-input-field { 401 font-size: 1rem; 402 } 403 404 .btn-aduan2 { 405 background: linear-gradient(60deg, #b08432, #cfbe87, #b08432); 406 -webkit-background-clip: text; 407 -webkit-text-fill-color: transparent; 408 background-size: 300% 300%; 409 animation: gradient 2s ease infinite; 410 } 411 412 .transaksi-title { 413 place-items: start; 414 } 415 416 .btn-tele { 417 font-size: 1.2rem; 418 text-shadow: 1px 1px #000000; 419 height: 36px!important; 420 border-radius: 8px; 421 background: #28323C; 422 color: white; 423 } 424 425 #marquee-mobile { 426 width: 100%; 427 overflow: hidden; 428 } 429 430 #marquee-mobile .marquee-content { 431 display: flex; 432 align-items: center; 433 width: 100%; 434 overflow: hidden; 435 } 436 437 #marquee-mobile .running { 438 position: relative; 439 flex: 1 1 auto; 440 min-width: 0; 441 overflow: hidden; 442 } 443 444 #marquee-mobile .broadcast { 445 display: inline-block; 446 white-space: nowrap; 447 } 448 449 #marquee { 450 overflow: hidden; 451 } 452 453 #marquee .running { 454 overflow: hidden; 455 } 456 457 #marquee .broadcast { 458 white-space: nowrap; 459 } 460 461 body { 462 overflow-x: hidden; 463 } 464 465 .btn-google { 466 width: 30px; 467 height: 30px; 468 background: #fff; 469 border: 1px solid #ddd; 470 border-radius: 3px; 471 display: inline-flex; 472 align-items: center; 473 justify-content: center; 474 } 475 476 .btn-google:hover { 477 background: #f5f5f5; 478 } 479 480 .btn-google-mobile { 481 background: #fff; 482 color: #3c4043; 483 border: 1px solid #dadce0; 484 border-radius: 3px; 485 height: 36px; 486 padding: 0 12px; 487 font-weight: 600; 488 font-size: 1.2rem; 489 490 align-items: center; 491 justify-content: center; 492 gap: 8px; 493 } 494 495 .btn-google-mobile:hover { 496 background: #f8f9fa; 497 color: #202124; 498 } 499 500 501 @media only screen and (max-width: 1000px) { 502 503 .wrapper { 504 display: grid; 505 grid-template-columns: 1fr; 506 grid-template-areas: 507 "appbar" 508 "marquee" 509 "header" 510 "contentdata" 511 "togel-mobile" 512 "widget-kupon" 513 "widget-sbo" 514 "devider" 515 "provider" 516 "transaksi" 517 "bantuan" 518 "footer" 519 "guidelines"; 520 } 521 522 .widget-kupon { 523 margin: 0px 20px; 524 } 525 526 527 528 .iframe-kupon { 529 padding: 0px; 530 height: 262px; 531 width: 100%; 532 display: block; 533 vertical-align: bottom; 534 } 535 536 .transaksi-title { 537 place-items: center; 538 } 539 540 .login-input-field { 541 font-size: 1.2rem; 542 } 543 } 544 545 .grecaptcha-badge { 546 display: none !important; 547 } 548 549 </style> 550 551 </head> 552 553 554 555 <body id="desktop"> 556 557 558<div id="hover" class="hover desktop-only"> 559 560 <div id="hover-togel" class="hover-menu"> 561 <a href="/register" class="hover-item"> 562 <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
563 <figcaption>TOGEL</figcaption> 564 </a> 565 566 <a href="/register" class="hover-item"> 567 <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure> 568 <figcaption>KUPON</figcaption> 569 </a> 570 </div> 571 572 <div id="hover-slot" class="hover-menu"> 573 <a href="/slot/pp" class="hover-item"> 574 <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure> 575 <figcaption>PRAGMATIC PLAY</figcaption> 576 </a> 577 578 <a href="/slot/pg" class="hover-item"> 579 <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure> 580 <figcaption>PG SOFT</figcaption> 581 </a> 582 583 <a href="/slot/jl" class="hover-item"> 584 <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure> 585 <figcaption>JILI</figcaption> 586 </a> 587 588 <a href="/slot/mgw" class="hover-item"> 589 <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure> 590 <figcaption>MEGAWIN</figcaption> 591 </a> 592 593 <a href="/slot/atg" class="hover-item"> 594 <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure> 595 <figcaption>ATG Games</figcaption> 596 </a> 597 598 <a href="/slot/pok" class="hover-item"> 599 <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure> 600 <figcaption>PopOK Gaming</figcaption> 601 </a> 602 603 <a href="/slot/ams" class="hover-item"> 604 <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure> 605 <figcaption>ASKMESLOT</figcaption> 606 </a> 607 608 <a href="/slot/sdl" class="hover-item"> 609 <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure> 610 <figcaption>SHADY LADY</figcaption> 611 </a> 612 613 <a href="/slot/hb" class="hover-item"> 614 <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure> 615 <figcaption>HABANERO</figcaption> 616 </a> 617 618 <a href="/slot/sg" class="hover-item"> 619 <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure> 620 <figcaption>SPADEGAMING</figcaption> 621 </a> 622 623 <a href="/slot/nlc" class="hover-item"> 624 <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure> 625 <figcaption>NOLIMIT CITY</figcaption> 626 </a> 627 628 <a href="/slot/fs" class="hover-item"> 629 <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure> 630 <figcaption>FASTSPIN</figcaption> 631 </a> 632 633 <a href="/slot/jg" class="hover-item"> 634 <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure> 635 <figcaption>JOKER</figcaption> 636 </a> 637 638 <a href="/slot/mg" class="hover-item"> 639 <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure> 640 <figcaption>MICROGAMING</figcaption> 641 </a> 642 643 <a href="/slot/fgs" class="hover-item"> 644 <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure> 645 <figcaption>5G GAMES</figcaption> 646 </a> 647 648 <a href="/slot/hks" class="hover-item"> 649 <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure> 650 <figcaption>HACKSAW GAMING</figcaption> 651 </a> 652 653 <a href="/slot/nxt" class="hover-item"> 654 <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure> 655 <figcaption>NEXTSPIN</figcaption> 656 </a> 657 658 <a href="/slot/ps" class="hover-item"> 659 <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure> 660 <figcaption>PLAYSTAR</figcaption> 661 </a> 662 663 <a href="/slot/pt" class="hover-item"> 664 <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
665 <figcaption>PLAYTECH</figcaption> 666 </a> 667 668 <a href="/slot/av" class="hover-item"> 669 <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure> 670 <figcaption>ADVANT PLAY</figcaption> 671 </a> 672 673 <a href="/slot/cmp" class="hover-item"> 674 <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure> 675 <figcaption>COSMOPLAY</figcaption> 676 </a> 677 678 <a href="/slot/cq9" class="hover-item"> 679 <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure> 680 <figcaption>CQ9</figcaption> 681 </a> 682 683 <a href="/slot/wow" class="hover-item"> 684 <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure> 685 <figcaption>WOW GAMING</figcaption> 686 </a> 687 688 <a href="/slot/l22" class="hover-item"> 689 <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure> 690 <figcaption>LIVE22</figcaption> 691 </a> 692 693 <a href="/slot/ss" class="hover-item"> 694 <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure> 695 <figcaption>SBO SLOT</figcaption> 696 </a> 697 698 <!-- <a href="/slot/nte" class="hover-item"> 699 <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure> 700 <figcaption>NETENT</figcaption> 701 </a> --> 702 703 <!-- <a href="/slot/ttg" class="hover-item"> 704 <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure> 705 <figcaption>TOPTREND GAMING</figcaption> 706 </a> --> 707 </div> 708 709 <div id="hover-live" class="hover-menu" > 710 <a href="/casino/pplc" class="hover-item"> 711 <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure> 712 <figcaption>PRAGMATIC PLAY</figcaption> 713 </a> 714 715 <a href="/casino/evo" class="hover-item"> 716 <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure> 717 <figcaption>EVOLUTION</figcaption> 718 </a> 719 720 <a href="/casino/mglc" class="hover-item"> 721 <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure> 722 <figcaption>MICROGAMING</figcaption> 723 </a> 724 725 <a href="/casino/ptg" class="hover-item"> 726 <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure> 727 <figcaption>PRETTY GAMING</figcaption> 728 </a> 729 730 <a href="/casino/ion" class="hover-item"> 731 <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure> 732 <figcaption>ION CASINO</figcaption> 733 </a> 734 735 <a href="/casino/sx" class="hover-item"> 736 <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure> 737 <figcaption>SEXY GAMING</figcaption> 738 </a> 739 740 <a href="/casino/sa" class="hover-item"> 741 <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure> 742 <figcaption>SA GAMING</figcaption> 743 </a> 744 745 <a href="/casino/ab" class="hover-item"> 746 <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure> 747 <figcaption>ALLBET</figcaption> 748 </a> 749 750 <a href="/casino/ptlc" class="hover-item"> 751 <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure> 752 <figcaption>PLAYTECH LIVE</figcaption> 753 </a> 754 755 <!-- <a href="/casino/gmnl" class="hover-item"> 756 <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure> 757 <figcaption>GEMINI LIVE</figcaption> 758 </a> --> 759 760 <a href="/casino/og" class="hover-item"> 761 <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
762 <figcaption>OPUS PLUS</figcaption> 763 </a> 764 765 <a href="/casino/sbol" class="hover-item"> 766 <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure> 767 <figcaption>SBOBET CASINO</figcaption> 768 </a> 769 </div> 770 771 <div id="hover-sport" class="hover-menu"> 772 <a href="/register" class="hover-item"> 773 <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure> 774 <figcaption>SABA</figcaption> 775 </a> 776 777 <a href="/register" class="hover-item"> 778 <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure> 779 <figcaption>SBOBET</figcaption> 780 </a> 781 782 <a href="/register" class="hover-item"> 783 <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure> 784 <figcaption>CMD368</figcaption> 785 </a> 786 787 <!-- <a href="/register" class="hover-item"> 788 <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure> 789 <figcaption>PINNACLE</figcaption> 790 </a> --> 791 792 <a href="/register" class="hover-item"> 793 <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure> 794 <figcaption>TFGAMING</figcaption> 795 </a> 796 </div> 797 798 <div id="hover-fishing" class="hover-menu"> 799 <a href="/arcade/jl" class="hover-item"> 800 <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure> 801 <figcaption>JILI</figcaption> 802 </a> 803 804 <a href="/arcade/sg" class="hover-item"> 805 <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure> 806 <figcaption>SPADE GAMING</figcaption> 807 </a> 808 809 <a href="/arcade/fs" class="hover-item"> 810 <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure> 811 <figcaption>FASTSPIN</figcaption> 812 </a> 813 814 <a href="/arcade/ams" class="hover-item"> 815 <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure> 816 <figcaption>ASKMESLOT</figcaption> 817 </a> 818 819 <!-- <a href="/arcade/ps" class="hover-item"> 820 <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure> 821 <figcaption>PLAYSTAR</figcaption> 822 </a> 823 824 <a href="/arcade/l22" class="hover-item"> 825 <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure> 826 <figcaption>LIVE22</figcaption> 827 </a> --> 828 829 </div> 830 831 <div id="hover-sabung" class="hover-menu"> 832 <a href="/sabung/ws" class="hover-item"> 833 <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure> 834 <figcaption>WS168</figcaption> 835 </a> 836 837 <a href="/sabung/sv" class="hover-item"> 838 <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure> 839 <figcaption>SV388</figcaption> 840 </a> 841 </div> 842 843 <div id="hover-interactive" class="hover-menu"> 844 <a href="/interactive/pp" class="hover-item"> 845 <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure> 846 <figcaption>PRAGMATIC PLAY</figcaption> 847 </a> 848 849 <a href="/interactive/gmn" class="hover-item"> 850 <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure> 851 <figcaption>GEMINI</figcaption> 852 </a> 853 854 <a href="/interactive/jl" class="hover-item"> 855 <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure> 856 <figcaption>JILI</figcaption> 857 </a> 858 859 <a href="/interactive/jg" class="hover-item"> 860 <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
861 <figcaption>JOKER</figcaption> 862 </a> 863 864 <a href="/interactive/atg" class="hover-item"> 865 <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure> 866 <figcaption>ATG Games</figcaption> 867 </a> 868 869 <a href="/interactive/pok" class="hover-item"> 870 <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure> 871 <figcaption>PopOK Gaming</figcaption> 872 </a> 873 874 <a href="/interactive/ams" class="hover-item"> 875 <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure> 876 <figcaption>ASKMESLOT</figcaption> 877 </a> 878 879 <a href="/interactive/mg" class="hover-item"> 880 <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure> 881 <figcaption>MICRO GAMING</figcaption> 882 </a> 883 884 <a href="/interactive/hks" class="hover-item"> 885 <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure> 886 <figcaption>HACKSAW GAMING</figcaption> 887 </a> 888 889 <a href="/interactive/pt" class="hover-item"> 890 <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure> 891 <figcaption>PLAYTECH</figcaption> 892 </a> 893 894 <a href="/interactive/wow" class="hover-item"> 895 <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure> 896 <figcaption>WOW GAMING</figcaption> 897 </a> 898 899 <!-- <a href="/interactive/ps" class="hover-item"> 900 <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure> 901 <figcaption>PLAYSTAR</figcaption> 902 </a> --> 903 </div> 904 905 906 907</div> 908<style> 909 .my-navbar { 910 height: 44px; 911 padding: 0px; 912 width: 100%; 913 background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 914 position: fixed; 915 bottom: 0; 916 color: white; 917 z-index: 1100; 918 display: flex; 919 box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75); 920 } 921 922 .navbar-item { 923 height: 100%; 924 width: 100%; 925 display: flex; 926 flex-direction: column; 927 align-items: center; 928 justify-content: center; 929 } 930 931 .navbar-item-content { 932 display: flex; 933 flex-direction: column; 934 justify-content: center; 935 align-items: center; 936 position: absolute; 937 top: -16px 938 } 939 940 .navbar-item-content>i { 941 font-size: 20px; 942 line-height: 22px; 943 color: white; 944 padding-bottom: 4px; 945 } 946 947 .navbar-item-content>img { 948 height: 28px; 949 width: 28px; 950 } 951 952 .navbar-item-content>label { 953 white-space: nowrap; 954 margin-top: 4px; 955 font-weight: bold; 956 font-size: var(--text-size-default); 957 color: white 958 } 959 960 .speed-dial-item { 961 opacity: 0; 962 visibility: hidden; 963 transform: translateY(10px); 964 transition: opacity 0.3s ease, transform 0.3s ease; 965 } 966 967 .speed-dial-active .speed-dial-item { 968 opacity: 1; 969 visibility: visible; 970 transform: translateY(0); 971 } 972 973 /* Delay each itemâs appearance */ 974 .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; } 975 .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; } 976 .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; } 977 .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; } 978 .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; } 979 980 981</style> 982 983 984<div class="mobile-only" > 985 <div class="my-navbar"> 986 <a href="/" class="navbar-item" style="position: relative"> 987 <div class="navbar-item-content"> 988 <img src="https://img.viva88athenae.com//beranda.png"/> 989 <label>BERANDA</label> 990 </div> 991 </a> 992 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 993 <a href="/m/promosi" class="navbar-item"> 994 <div class="navbar-item-content"> 995 <img src="https://img.viva88athenae.com//promosi.png"/> 996 <label>PROMOSI</label> 997 </div> 998 </a> 999 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 1000 <a href="/m/event" class="navbar-item"> 1001 <div class="navbar-item-content"> 1002 <img src="https://img.viva88athenae.com//events.png"/> 1003 <label>EVENT</label> 1004 </div> 1005 </a> 1006 1007 1008 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 1009 <div class="navbar-item"> 1010 <div class="navbar-item-content speed-dial-btn"> 1011 <img src="https://img.viva88athenae.com//chat.png"/> 1012 <label>CHAT</label> 1013 </div> 1014 1015 1016 <a href="https://t.ly/CT-KERAMAS4D" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -48px; height: 40px; width: 40px"> 1017 <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/> 1018 </a> 1019 1020 1021 <a href="https://t.ly/telekeramas4d" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -96px; height: 40px; width: 40px"> 1022 <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/> 1023 </a> 1024 1025 1026 <a href="https://t.ly/wakeramas4d" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -144px; height: 40px; width: 40px"> 1027 <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/> 1028 </a> 1029 1030 1031 </div> 1032 1033 1034 1035 1036 1037 1038 1039 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 1040 <a href="https://tawk.to/chat/690d9f2a1b48711953e25094/1j9ejbfmh" target="_blank" class="navbar-item"> 1041 <div class="navbar-item-content"> 1042 <img src="https://img.viva88athenae.com//livechat.png"/> 1043 <label>LIVECHAT</label> 1044 </div> 1045 </a> 1046 1047 </div> 1048</div> 1049
1050<script> 1051 document.addEventListener("DOMContentLoaded", function () { 1052 const speedDialBtn = document.querySelector(".speed-dial-btn"); 1053 const speedDialItems = document.querySelectorAll(".speed-dial-item"); 1054 let isOpen = false; 1055 1056 speedDialBtn.addEventListener("click", function () { 1057 isOpen = !isOpen; 1058 1059 speedDialItems.forEach((item, index) => { 1060 if (isOpen) { 1061 item.style.opacity = "1"; 1062 item.style.visibility = "visible"; 1063 item.style.transform = "translateY(0)"; 1064 item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect 1065 } else { 1066 item.style.opacity = "0"; 1067 item.style.visibility = "hidden"; 1068 item.style.transform = "translateY(10px)"; 1069 item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger 1070 } 1071 }); 1072 }); 1073}); 1074</script>
1074 1075 1076 1077 <div id="top" class="wrapper"> 1078 1079 1080 1081 <header class="header"> 1082 <div class="header-content"> 1083 <div class="logo" href="/"> 1084 <a href='/'><img src="/images/logoweb.png" class='logoimg' alt=""></a> 1085 </div> 1086 1087 <div id="marquee-mobile" class="marquee mobile-only"> 1088 <div class="marquee-content"> 1089 <div class="d-flex align-items-center gap-2 flex-shrink-0"> 1090 <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i> 1091 </div> 1092 1093 <div class="running"> 1094 <div class="marquee-shadow"></div> 1095 <div class="broadcast mobile-broadcast">Keramas4D SItus Game Online Resmi, Aman dan Terpercaya dengan Layanan Pelanggan 24 Jam.</div> 1096 </div> 1097 1098 <div class="d-flex align-items-center gap-2 flex-shrink-0"></div> 1099 </div> 1100 </div> 1101 1102 <div class="mslider mobile-only"> 1103 </div> 1104 1105 <div class="login mobile-only"> 1106 <div id="mobilelogin" class="mobile-only" style="width: 100%"> 1107 <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form"> 1108 <div id="msgbox" style="font-size: 1rem; width: 100%"></div> 1109 <div class="input-group login-field"> 1110 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 1111 <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username"> 1112 </div> 1113 <div class="input-group login-field"> 1114 <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> 1115 <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password"> 1116 </div> 1117 1118 <!-- captcha --> 1119 1120 <div id="mverifikasiform" class="w-100" style=" "> 1121 1122 <span id="verifikasi"><img src="/m/capimg.php?1238" width="100%" height="36" style="border-radius: 5px;"></span> 1123 <div class="input-group login-field mt-1"> 1124 <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> 1125 <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi"> 1126 </div> 1127 </div> 1128 1129 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 1130 1131 <!-- end captcha --> 1132 1133 <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;"> 1134 <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me 1135 </label> 1136 1137 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 1138 <button type="button" class="btn btn-daftar bt
1138n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button> 1139 1140 1141 1142 <input type="hidden" name="task" value="login"> 1143 <input type="hidden" name="iscaptchalogin" value="1"> 1144 <input type="hidden" name="loginmobile" value="poOw9ZRicITVHURlW+XxB5aFTLhueKUOVIsgWtZyqdU="> 1145 <input type="hidden" name="isrecaptchalogin" value="0"> 1146 </form> 1147 </div> 1148 1149 1150 <!-- Change Password Mobile --> 1151 <div id="mobile-changepassword-form" style="width: 100%; display: none"> 1152 <div id="mobilechangepassword"> 1153 <form id="formChangePasswordMobile" class="login-form p-0 pt-4"> 1154 <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div> 1155 <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"> 1156 <span>GANTI PASSWORD</span> 1157 <span style="font-size: 1rem; color: #333;" id="mobile-username-display"> 1158 </span> 1159 </div> 1160 1161 <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;"> 1162 â ï¸ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat. 1163 </div> 1164 1165 <!-- <div class="input-group login-field"> 1166 <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> 1167 <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama"> 1168 </div> 1169 <div class="error-msg" id="err_old_password_mobile"></div> --> 1170 1171 <div class="input-group login-field"> 1172 <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> 1173 <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)"> 1174 </div> 1175 <div class="error-msg" id="err_new_password_mobile"></div> 1176 1177 <div class="input-group login-field"> 1178 <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> 1179 <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru"> 1180 </div> 1181 <div class="error-msg" id="err_confirm_password_mobile"></div> 1182 1183 <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;"> 1184 <strong style="color: #856404;">Persyaratan Password:</strong> 1185 <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;"> 1186 <li>Minimal 6 karakter</li> 1187 <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li> 1188 <!-- <li>Harus mengandung angka (0-9)</li> --> 1189 <!-- <li>Tidak boleh mengandung username Anda</li> --> 1190 <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li> 1191 <li>Hindari password yang mudah ditebak</li> 1192 </ul> 1193 </div> 1194 1195 <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button> 1196 <input type="hidden" name="task" value="change_password"> 1197 </form> 1198 </div> 1199 1200
1200<script> 1201 $(document).ready(function(){ 1202 $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() { 1203 var newPass = $('#cp_new_password_mobile').val(); 1204 var confirmPass = $('#cp_confirm_password_mobile').val(); 1205 var currentField = $(this); 1206 1207 $('#cp_new_password_mobile').removeClass('error-border valid-border'); 1208 $('#cp_confirm_password_mobile').removeClass('error-border valid-border'); 1209 $('#err_new_password_mobile').hide(); 1210 $('#err_confirm_password_mobile').hide(); 1211 1212 if (newPass.length > 0 && confirmPass.length > 0) { 1213 if (newPass === confirmPass) { 1214 $('#cp_new_password_mobile').addClass('valid-border'); 1215 $('#cp_confirm_password_mobile').addClass('valid-border'); 1216 } else { 1217 $('#cp_new_password_mobile').addClass('error-border'); 1218 $('#cp_confirm_password_mobile').addClass('error-border'); 1219 if (currentField.attr('id') === 'cp_new_password_mobile') { 1220 $('#err_new_password_mobile').text('Password tidak sama').show(); 1221 } else { 1222 $('#err_confirm_password_mobile').text('Password tidak sama').show(); 1223 } 1224 } 1225 } 1226 }); 1227 }); 1228 </script>
1228 1229 </div> 1230 1231 <!-- Register Mobile --> 1232 <style> 1233 .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } 1234 .error-border { border-color: red !important; } 1235 .valid-border { border-color: green !important; } 1236 </style> 1237 <div id="mobile-daftar-form" style="width: 100%; display: none"> 1238 <div id="mobileregister"> 1239 <form id="formRegister" class="login-form p-0 pt-4"> 1240 <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div> 1241 <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> 1242 <div class="input-group login-field"> 1243 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 1244 <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"> 1245 </div> 1246 <div class="error-msg" id="err_username"></div> 1247 <div class="input-group login-field"> 1248 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> 1249 <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> 1250 </div> 1251 <div class="error-msg" id="err_password"></div> 1252 <div class="input-group login-field"> 1253 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> 1254 <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi"> 1255 </div> 1256 <div class="error-msg" id="err_passcon"></div> 1257 <div class="input-group login-field"> 1258 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span> 1259 <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email"> 1260 </div> 1261 <div class="error-msg" id="err_email"></div> 1262 <div class="input-group login-field"> 1263 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span> 1264 <input type="text" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> 1265 </div> 1266 <div class="error-msg" id="err_telpon"></div> 1267 1268 <div class="input-group login-field"> 1269 <select class="form-select login-input-field" name="bank" id="reg_bank"> 1270 <option value="">Pilih Bank</option> 1271 <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='DKI'>DKI</option><option value='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>
1271GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option><option value='Lain-lain'>Lain-lain</option> </select> 1272 </div> 1273 <div class="error-msg" id="err_bank"></div> 1274 1275 <div class="input-group login-field"> 1276 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span> 1277 <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening"> 1278 </div> 1279 <div class="error-msg" id="err_rek"></div> 1280 <div class="input-group login-field"> 1281 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span> 1282 <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening"> 1283 </div> 1284 <div class="error-msg" id="err_nama"></div> 1285 <div class="input-group login-field"> 1286 <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> 1287 <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" > 1288 </div> 1289 <div class="error-msg" id="err_ref"></div> 1290 <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun"> 1291 <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> --> 1292 1293 1294 <div class="w-100 my-1"> 1295 <div id="capverifikasi"> 1296 <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px"> 1297 </div> 1298 1299 <div class="input-group login-field mt-1"> 1300 <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> 1301 <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off"> 1302 </div> 1303 <div class="error-msg" id="err_verifikasi"></div> 1304 1305 </div> 1306 1307 1308 <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button> 1309 <input type="hidden" name="task" value="register"> 1310 <input type="hidden" name="regmobile" value="s0+f5tUIhYT7sTPXD2dS+fe4yXcpELjUC30YyFHylv4="> 1311 <input type="hidden" name="iscaptcharegister" value="1"> 1312 <input type="hidden" name="isrecaptcha" value="
13120"> 1313 <input type="hidden" name="isrecaptcharegister" value="0"> 1314 <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> 1315 </form> 1316 </div> 1317
1317<script> 1318 const WEBNAME = 'Keramas4D'; 1319 const USE_STRONG_VALIDATION = false; 1320 (function(){ 1321 function root(){ return document.getElementById('mobileregister'); } 1322 function q(id){ return root()?.querySelector('#'+id) || null; } 1323 function qe(sel){ return root()?.querySelector(sel) || null; } 1324 1325 function showError(field,msg){ 1326 const err = qe('#err_'+field); 1327 const inp = q('reg_'+field); 1328 if (err){ err.textContent = msg; err.style.display = 'block'; } 1329 if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } 1330 } 1331 function clearError(field){ 1332 const err = qe('#err_'+field); 1333 const inp = q('reg_'+field); 1334 if (err) err.style.display = 'none'; 1335 if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } 1336 } 1337 1338 function checkPasswordStrengthJS(username, password) { 1339 const min_length = 6; 1340 const length = password.length; 1341 if (length < min_length) { 1342 return "Password harus minimal " + min_length + " karakter"; 1343 } 1344 const hasLower = /[a-z]/.test(password); 1345 const hasUpper = /[A-Z]/.test(password); 1346 if (!(hasLower && hasUpper)) { 1347 return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka."; 1348 } 1349 if (!/[0-9]/.test(password)) { 1350 return "Password harus mengandung angka"; 1351 } 1352 if (username && password.toLowerCase().includes(username.toLowerCase())) { 1353 return "Password tidak boleh mengandung username"; 1354 } 1355 const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/; 1356 if (numSeq.test(password)) { 1357 return "Password tidak boleh mengandung angka berurutan"; 1358 } 1359 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|" 1360 + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|" 1361 + "qwert|werty|asdf|zxcv|uiop|hjkl)"; 1362 const letterSequences = new RegExp(letterSeqStr, "i"); 1363 if (letterSequences.test(password)) { 1364 return "Password tidak boleh mengandung huruf berurutan"; 1365 } 1366 return null; 1367 } 1368 1369 function vUsername(){ 1370 const v = (q('reg_username')?.value || '').trim(); 1371 if (!v) return showError('username','Username tidak boleh kosong'), false; 1372 if (v.length < 6) return showError('username','Username minimal 6 karakter'), false; 1373 if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false; 1374 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; 1375 clearError('username'); return true; 1376 } 1377 function vPass(){ 1378 const v = q('reg_pass')?.value || ''; 1379 if(!v) { 1380 showError('password','Password tidak boleh kosong'); 1381 return false;
1382 } 1383 if (USE_STRONG_VALIDATION) { 1384 const username = (q('reg_username')?.value || '').trim(); 1385 const err = checkPasswordStrengthJS(username, v); 1386 if (err) { 1387 showError('password', err); 1388 return false; 1389 } 1390 clearError('password'); 1391 if (q('reg_passcon')?.value) { 1392 vPasscon(); 1393 } 1394 return true; 1395 } 1396 1397 if (v.length < 6) { 1398 showError('password','Password minimal 6 karakter'); 1399 return false; 1400 } 1401 1402 clearError('password'); 1403 return true; 1404 } 1405 function vPasscon() { 1406 const p1 = q('reg_pass')?.value || ''; 1407 const p2 = q('reg_passcon')?.value || ''; 1408 if (!p2) { 1409 showError('passcon', 'Konfirmasi password kosong'); 1410 return false; 1411 } 1412 if (USE_STRONG_VALIDATION) { 1413 const username = (q('reg_username')?.value || '').trim(); 1414 const err = checkPasswordStrengthJS(username, p1); 1415 if (err) { 1416 showError('passcon', err); 1417 return false; 1418 } 1419 } 1420 1421 if (p1 !== p2) { 1422 showError('passcon', 'Konfirmasi tidak sama'); 1423 return false; 1424 } 1425 1426 clearError('passcon'); 1427 return true; 1428 } 1429 // function vPass(){ 1430 // const v = q('reg_pass')?.value || ''; 1431 // if (!v) return showError('password','Password tidak boleh kosong'), false; 1432 // if (v.length < 6) return showError('password','Password minimal 6 karakter'), false; 1433 // clearError('password'); return true; 1434 // } 1435 // function vPasscon(){ 1436 // const p1 = q('reg_pass')?.value || ''; 1437 // const p2 = q('reg_passcon')?.value || ''; 1438 // if (!p2) return showError('passcon','Konfirmasi password kosong'), false; 1439 // if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false; 1440 // clearError('passcon'); return true; 1441 // } 1442 function vEmail(){ 1443 const v = (q('reg_email')?.value || '').trim(); 1444 if (!v) return showError('email','Email tidak boleh kosong'), false; 1445 if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; 1446 clearError('email'); return true; 1447 } 1448 function vTelp(){ 1449 const el = q('reg_telpon'); if (!el) return true; 1450 el.value = (el.value || '').replace(/\D/g,''); 1451 if (!el.value) return showError('telpon','Telpon kosong'), false; 1452 if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false; 1453 clearError('telpon'); return true; 1454 } 1455 function vBank(){ 1456 if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; 1457 clearError('bank'); return true; 1458 } 1459 function vRek(){ 1460 const el = q('reg_rek'); if (!el) return true; 1461 el.value = (el.value || '').replace(/\D/g,''); 1462 if (!el.value) return showError('rek','Rekening kosong'), false; 1463 if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false; 1464 clearError('rek'); return true; 1465 } 1466 function vNama(){ 1467 const v = (q('reg_nama')?.value || '').trim(); 1468 if (!v) return showError('nama','Nama kosong'), false; 1469 if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false; 1470 if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; 1471 clearError('nama'); return true; 1472 } 1473 function vRefOpt(){ 1474 const el = q('reg_ref'); if (!el) return true; 1475 const v = (el.value || '').trim(); 1476 if (!v) return clearError('ref'), true; 1477 if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false; 1478 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false; 1479 clearError('ref'); return true; 1480 } 1481 function vVerifOpt(){ 1482 const el = q('reg_verifikasi'); if (!el) return true; 1483 const v = (el.value || '').trim(); 1484 if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; 1485 clearError('verifikasi'); return true; 1486 } 1487 1488 function validateAll(){ 1489 const ok = 1490 vUsername() & vPass() & vPasscon() & vEmail() & 1491 vTelp() & vBank() & vRek() & vNama() & 1492 vRefOpt() & vVerifOpt(); 1493 return !!ok; 1494 } 1495 1496 function attach(id, validator, opts){ 1497 const el = q(id); if (!el) return; 1498 const run = () => validator(); 1499 el.addEventListener('focus', run); 1500 if (!opts || opts.input !== false) el.addEventListener('input', run); 1501 el.addEventListener('blur', run); 1502 if (opts && opts.change) el.addEventListener('change', run); 1503 } 1504 1505 document.addEventListener('DOMContentLoaded', function(){ 1506 attach('reg_username', vUsername); 1507 attach('reg_pass', vPass); 1508 attach('reg_passcon', vPasscon); 1509 attach('reg_email', vEmail); 1510 attach('reg_telpon', vTelp); 1511 attach('reg_bank', vBank, { input
1511:false, change:true }); 1512 attach('reg_rek', vRek); 1513 attach('reg_nama', vNama); 1514 attach('reg_ref', vRefOpt); 1515 attach('reg_verifikasi', vVerifOpt); 1516 1517 const f = q('formRegister'); 1518 if (f) { 1519 f.addEventListener('submit', function(e){ 1520 if (!validateAll()) { 1521 e.preventDefault(); 1522 const firstErr = root()?.querySelector('.error-border') || q('reg_username'); 1523 if (firstErr && firstErr.focus) firstErr.focus(); 1524 } 1525 }); 1526 } 1527 }); 1528 })(); 1529 </script>
1529 1530 </div> 1531 </div> 1532 1533 <div class="menu"> 1534 <style> 1535 .menu-item { 1536 display: flex; 1537 flex-direction: column; 1538 align-items: center; 1539 justify-content: center; 1540 gap: 12px; 1541 min-width: 72px; 1542 padding: 8px; 1543 height: 100%; 1544 } 1545 1546 .menu-item:hover { 1547 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1548 } 1549 1550 .menu-item.active { 1551 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1552 } 1553 1554 .menu-item-img { 1555 height: 28px; 1556 } 1557 1558 .menu-item-icon { 1559 font-size: 28px; 1560 color: var(--menu-item-color) 1561 } 1562 1563 .menu-item:hover>.menu-item-icon { 1564 color: var(--primary-color); 1565 } 1566</style> 1567 1568 1569<a href="/" class="menu-item active"> 1570 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1571 <i class="menu-item-icon icon-home" style="font-size: 28px"></i> 1572 <label>HOME</label> 1573</a> 1574 1575 <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')"> 1576 <!--<img class="mobile-only" src="assets/togel.png" alt="">--> 1577 <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790436670" alt="TOGEL" class="menu-item-img">--> 1578 <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i> 1579 <label>TOGEL</label> 1580 </a> 1581 1582 1583 1584<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')"> 1585 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1586 <i class="menu-item-icon icon-slots"></i> 1587 <label>SLOT</label> 1588</a> 1589<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')"> 1590 <!--<img class="mobile-only" src="assets/live.png" alt="">--> 1591 <i class="menu-item-icon icon-casino"></i> 1592 <label>LIVE CASINO</label> 1593</a> 1594<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')"> 1595 <!--<img class="mobile-only" src="assets/sport.png" alt="">--> 1596 <i class="menu-item-icon icon-sports"></i> 1597 <label>SPORT</label> 1598</a> 1599<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')"> 1600<!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> 1601 <i class="menu-item-icon icon-sabung"></i> 1602 <label>SABUNG</label> 1603</a> 1604<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')"> 1605 <!--<img class="mobile-only" src="assets/fishing.png" alt="">--> 1606 <i class="menu-item-icon icon-arcade"></i> 1607 <label>ARCADE</label> 1608</a> 1609<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')"> 1610 <i class="menu-item-icon icon-interactive"></i> 1611 <label>INTERACTIVE</label> 1612</a> 1613 </div> 1614 1615 1616 1617 <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)"> 1618 1619 1620 <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)"> 1621 <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1622 </div> 1623 1624 <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)"> 1625 <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1626 </div> 1627 1628 1629 <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)"> 1630 1631 1632 <div style="white-space: nowrap; height: 100%; font-size: 0px"> 1633 1634 <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;"> 1635 <div style="display: grid; place-items: center; height: 100%"> 1636 <div class="menu-item" style="gap: 8px"> 1637 <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt=""> 1638 <label class="text-white">TOGEL</label> 1639 </div> 1640 </div> 1641 </a> 1642 1643 <div style="height: 100%; width: 74px; display: inline-block;"> 1644 <div style="display: grid; place-items: center; height: 100%"> 1645 <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')"> 1646 <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt=""> 1647 <label class="text-white">SLOT</label> 1648 </div> 1649 </div> 1650 </div> 1651 <div style="height: 100%; width: 74px; display: inline-block;"> 1652 <div style="display: grid; place-items: center; height: 100%"> 1653 <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')"> 1654 <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt=""> 1655 <label class="text-white">LIVE CASINO</label> 1656 </div> 1657 </div> 1658 </div> 1659 <div style="height: 100%; width: 74px; display: inline-block;"> 1660 <div style="display: grid; place-items: center; height: 100%"> 1661 <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')"> 1662 <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1662orts.png" alt=""> 1663 <label class="text-white">SPORT</label> 1664 </div> 1665 </div> 1666 </div> 1667 <div style="height: 100%; width: 74px; display: inline-block;"> 1668 <div style="display: grid; place-items: center; height: 100%"> 1669 <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')"> 1670 <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt=""> 1671 <label class="text-white">ARCADE</label> 1672 </div> 1673 </div> 1674 </div> 1675 <div style="height: 100%; width: 74px; display: inline-block;"> 1676 <div style="display: grid; place-items: center; height: 100%"> 1677 <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')"> 1678 <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt=""> 1679 <label class="text-white">SABUNG</label> 1680 </div> 1681 </div> 1682 </div> 1683 1684 <div style="height: 100%; width: 74px; display: inline-block;"> 1685 <div style="display: grid; place-items: center; height: 100%"> 1686 <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')"> 1687 <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt=""> 1688 <label class="text-white">INTERACTIVE</label> 1689 </div> 1690 </div> 1691 </div> 1692 </div> 1693 </div> 1694</div> 1695 1696 <div class="menu-content mobile-only"> 1697 <div id="main-content" style="background: var(--content-box-background)"> 1698 </div> 1699 </div> 1700 1701 1702 <!-- Banner SBO --> 1703 1704 <style> 1705 .match-slider-wrap { 1706 max-width: 1200px; 1707 margin: 16px auto; 1708 margin-bottom: 24px; 1709 padding: 0 12px; 1710 } 1711 1712 .match-card { 1713 position: relative; 1714 overflow: hidden; 1715 min-height: 180px; 1716 border-radius: 16px; 1717 background: 1718 linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)), 1719 linear-gradient(180deg, #232323 0%, #161616 100%); 1720 color: #fff; 1721 box-shadow: 0 10px 24px rgba(0,0,0,.35); 1722 padding: 14px 14px 16px; 1723 } 1724 1725 .match-card::before { 1726 content: ""; 1727 position: absolute; 1728 inset: 0; 1729 background: repeating-linear-gradient( 1730 -35deg, 1731 rgba(255,255,255,.04), 1732 rgba(255,255,255,.04) 8px, 1733 transparent 8px, 1734 transparent 18px 1735 ); 1736 pointer-events: none; 1737 opacity: .35; 1738 } 1739 1740 .match-card > * { 1741 position: relative; 1742 z-index: 1; 1743 } 1744 1745 .league-name { 1746 font-size: 14px; 1747 font-weight: 700; 1748 letter-spacing: .4px; 1749 text-transform: uppercase; 1750 text-align: center; 1751 margin-bottom: 2px; 1752 color: #ffffff; 1753 } 1754 1755 .kickoff-time { 1756 font-size: 14px; 1757 font-weight: 800; 1758 text-align: center; 1759 color: #ffd23c; 1760 margin-bottom: 12px; 1761 } 1762 1763 .match-main-row, 1764 .match-odds-row { 1765 display: flex; 1766 align-items: flex-start; 1767 justify-content: space-between; 1768 gap: 0; 1769 } 1770 1771 .match-odds-row { 1772 align-items: center; 1773 margin-top: 12px; 1774 } 1775 1776 .team-col { 1777 width: 30%; 1778 text-align: center; 1779 display: flex; 1780 flex-direction: column; 1781 align-items: center; 1782 } 1783 1784 .score-col { 1785 width: 40%; 1786 text-align: center; 1787 display: flex; 1788 flex-direction: column; 1789 align-items: center; 1790 justify-content: center; 1791 } 1792 1793 .team-logo { 1794 width: 46px; 1795 height: 46px; 1796 object-fit: contain; 1797 margin-bottom: 6px; 1798 } 1799 1800 .team-name { 1801 font-size: 14px; 1802 line-height: 1.15; 1803 min-height: 34px; 1804 display: flex; 1805 align-items: center; 1806 justify-content: center; 1807 text-align: center; 1808 } 1809 1810 .score-value { 1811 font-size: 28px; 1812 font-weight: 800; 1813 line-height: 1; 1814 margin-bottom: 10px; 1815 } 1816 1817 .bet-btn { 1818 display: inline-block; 1819 min-width: 95px; 1820 border-radius: 8px; 1821 background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%); 1822 color: #1d1d1d; 1823 font-size: 14px; 1824 font-weight: 800; 1825 text-decoration: none; 1826 padding: 10px 16px; 1827 box-shadow: inset 0 1px 0 rgba(255,255,255,.45); 1828 } 1829 1830 .bet-btn:hover { 1831 color: #1d1d1d; 1832 filter: brightness(1.03); 1833 } 1834 1835 .odds-col { 1836 width: 30%; 1837 text-align: center; 1838 font-size: 12px; 1839 font-weight: 700; 1840 color: #ffd23c; 1841 display: flex; 1842 align-items: center; 1843 justify-content: center; 1844 min-height: 18px; 1845 } 1846 1847 .odds-col small { 1848 font-size: 12px; 1849 font-weight: 600; 1850 color: #ffffff; 1851 opacity: .95; 1852 } 1853 1854 .odds-spacer { 1855 width: 40%; 1856 } 1857 1858 .carousel-control-prev, 1859 .carousel-control-next { 1860 width: 48px; 1861 } 1862 1863 .carousel-control-prev-icon, 1864 .carousel-control-next-icon { 1865 width: 2.5rem; 1866 height: 2.5rem; 1867 border-radius: 50%; 1868 background-color: rgba(255,255,255,.15); 1869 background-size: 55% 55%; 1870 } 1871 1872 .carousel-indicators [data-bs-target] { 1873 width: 8px; 1874 height: 8px; 1875 border-radius: 50%; 1876 } 1877 1878 @media (max-width: 991.98px) { 1879 .match-card { 1880 min-height: 170px; 1881 } 1882 } 1883 1884 @media (max-width: 767.98px) { 1885 .match-slider-wrap { 1886 max-width: 100%; 1887 padding: 0 20px; 1888 margin: 20px 0; 1889 } 1890 1891 .match-slider-wrap .carousel-inner { 1892 padding: 0; 1893 } 1894 1895 .match-slider-wrap .carousel-item .row { 1896 margin: 0; 1897 } 1898 1899 .match-slider-wrap .carousel-item .col-12 { 1900 padding: 0; 1901 } 1902 1903 .match-card { 1904 width: 100%; 1905 border-radius: 16px; 1906 } 1907 1908 .league-name { 1909 font-size: 13px; 1910 margin-bottom: 2px; 1911 } 1912 1913 .kickoff-time { 1914 font-size: 13px; 1915 margin-bottom: 10px; 1916 } 1917 1918 .team-col { 1919 width: 30%; 1920 } 1921 1922 .score-col { 1923 width: 40%; 1924 } 1925 1926 .team-logo { 1927 width: 42px; 1928 height: 42px; 1929 margin-bottom: 4px; 1930 } 1931 1932 .team-name { 1933 font-size: 12px; 1934 line-height: 1.15; 1935 min-height: 30px; 1936 } 1937 1938 .score-value { 1939 font-size: 22px; 1940 margin-bottom: 8px; 1941 } 1942 1943 .bet-btn { 1944 min-width: 88px; 1945 font-size: 13px; 1946 padding: 8px 14px; 1947 border-radius: 8px; 1948 } 1949 1950 .match-odds-row { 1951 margin-top: 10px; 1952 } 1953 1954 .odds-col, 1955 .odds-col small { 1956 font-size: 11px; 1957 } 1958 1959 .carousel-control-prev, 1960 .carousel-control-next { 1961 width: 34px; 1962 } 1963 1964 .carousel-control-prev-icon, 1965 .carousel-control-next-icon { 1966 width: 2rem; 1967 height: 2rem; 1968 background-size: 50% 50%; 1969 } 1970 1971 .carousel-indicators { 1972 margin-bottom: -2px; 1973 } 1974 1975 .carousel-indicators [data-bs-target] { 1976 width: 7px; 1977 height: 7px; 1978 margin: 0 3px; 1979 } 1980 } 1981 </style> 1982 <!-- Banner SBO End --> 1983 1984 <div class="promosi"> 1985 1986 <!-- Desktop --> 1987 <div class="desktop-only h-100"> 1988 <div class="d-flex align-items-center h-100"> 1989 <a href="/promosi" class="menu-item"> 1990 <i class="menu-item-icon icon-promotion"></i> 1991 <label>PROMOSI</label> 1992 </a> 1993 1994 <a href="/event" class="menu-item"> 1995 <i class="menu-item-icon icon-event"></i> 1996 <label>EVENT</label> 1997 </a> 1998 </div> 1999 </div> 2000 2001 2002 2003 2004 <!--<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>--> 2005 2006 <!-- Mobile --> 2007 2008 <div class="mobile-only" style="padding-top: 24px"> 2009 2010 <div class="d-flex gap-3 justify-content-center align-items-center"> 2011 <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a> 2012 <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div> 2013 2014 <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a> 2015 </div> 2016 2017 2018 </div> 2019 </div> 2020 2021 </div> 2022 2023 </header> 2024 2025 2026 2027 <div id="marquee" class="marquee desktop-only"> 2028 <div class="marquee-content py-2"> 2029 <div class="d-flex
2029align-items-center gap-2"> 2030 <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div> 2031 <i class="bi bi-megaphone-fill desktop-only"></i> 2032 </div> 2033 <div class="running" style="padding-left: 8px; padding-right: 32px"> 2034 <div class="broadcast" style="width: 100%">Keramas4D SItus Game Online Resmi, Aman dan Terpercaya dengan Layanan Pelanggan 24 Jam.</div> 2035 </div> 2036 <div class="d-flex align-items-center gap-2"> 2037 <div id="desktoplogin" class="desktop-only"> 2038 <form class="login-form form" role="form"> 2039 <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div> 2040 <div class="input-group login-field"> 2041 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 2042 <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username"> 2043 </div> 2044 2045 2046 2047 <div class="input-group login-field"> 2048 <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> 2049 <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password"> 2050 </div> 2051 2052 <!-- captcha --> 2053 2054 <div class="verifikasiform" style=" "> 2055 <div style="display: flex; gap: 2px;"> 2056 <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span> 2057 <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off"> 2058 </div> 2059 2060 </div> 2061 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 2062 2063 <!-- end captcha --> 2064 2065 2066 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 2067 <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> 2068 2069 2070 <input type="hidden" name="task" value="login"> 2071 <input type="hidden" name="iscaptchalogin" value="1"> 2072 <input type="hidden" name="logindesktop" value="poOw9ZRicITVHURlW+XxB5aFTLhueKUOVIsgWtZyqdU="> 2073 <input type="hidden" name="isrecaptchalogin" value="0"> 2074 </form> 2075 2076 </div> 2077 2078 2079 <!--<a href="/event">--> 2080 <!-- <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>--> 2081 <!--</a>--> 2082 </div> 2083 </div> 2084 </div> 2085 2086 2087 2088 <!--Informasi Modal --> 2089 <div id="modal-wrapper" class="modal" style=" background:none;"> 2090 2091 <div class="slideDown" id="informasi-menu"> 2092 <div class="row"> 2093 <div class="col-xs-3" style="padding-right:0px; width:164px"> 2094 <div id="informasi-logo"> 2095 <img src="/images/logoweb.png" width="120px"/> 2096 </div> 2097 <div class="menuleft"> 2098 2099 <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a> 2100 <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a> 2101 <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a> 2102 <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a> 2103 <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a> 2104 <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a> 2105 <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a> 2106 2107 </div> 2108 </div> 2109 <div class="col-xs-9" id="informasi-content" style="position: relative"> 2110 <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div> 2111 <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 2112 </div> 2113 </div> 2114 2115 </div> 2116 </div> 2117 </div> 2118 2119 2120 2121 2122 <div class="contentdata"> 2123 <div id="content-primary" class="p-0"> 2124 2125 <div class="desktop-only"> 2126<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%"> 2127 <div class="carousel-indicators"> 2128 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> 2129 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button> 2130 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button> 2131 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button> 2132 </div> 2133 <div class="carousel-inner" style="height: 100%"> 2134 <div class="carousel-item active" style="height: 100%"> 2135 <img src="/images/upload-Slides-20251117001803.jpg" class="d-block w-100 banner" alt="KERAMAS4D" style="height: 100%"> 2136 </div> 2137 <div class="carousel-item " style="height: 100%"> 2138 <img src="/images/upload-Slides-20251205182324.jpg" class="d-block w-100 banner" alt="KERAMAS4D" style="height: 100%"> 2139 </div> 2140 <div class="carousel-item " style="height: 100%"> 2141 <img src="https://img.viva88athenae.com/banner/mgl-25.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 2142 </div> 2143 <div class="carousel-item " style="height: 100%"> 2144 <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 2145 </div> 2146 </div> 2147</div> 2148 2149</div> 2150 <div class="mobile-only"><div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;"> 2151 <img src="https://img.viva88athenae.com/pop/mobile-fgs.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"> 2152</div></div> 2153 2154 </div> 2155 </div> 2156 2157 2158 2159 <div class="widget-kupon"> 2160 <!-- <div style="position:relative; width:100%;"> --> 2161 <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe> 2162 <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div> 2163 <!-- </div> --> 2164 </div> 2165 2166 <!-- BANNER SBO MOBILE --> 2167 <div class="widget-sbo mobile-only"> 2168 <div class="match-slider-wrap"> 2169 <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 2170 2171 <div class="carousel-indicators"> 2172 <button 2173 type="button" 2174 data-bs-target="#sboMatchCarouselMobile" 2175 data-bs-slide-to="0" 2176 class="active" 2177 aria-current="true" aria-label="Slide 1"> 2178 </button> 2179 <button 2180 type="button" 2181 data-bs-target="#sboMatchCarouselMobile" 2182 data-bs-slide-to="1" 2183 class="" 2184 aria-label="Slide 2"> 2185 </button> 2186 <button 2187 type="button" 2188 data-bs-target="#sboMatchCarouselMobile" 2189 data-bs-slide-to="2" 2190 class="" 2191 aria-label="Slide 3"> 2192 </button> 2193 <button 2194 type="button" 2195 data-bs-target="#sboMatchCarouselMobile" 2196 data-bs-slide-to="3" 2197 class="" 2198 aria-label="Slide 4"> 2199 </button> 2200 <button 2201 type="button" 2202 data-bs-target="#sboMatchCarouselMobile" 2203 data-bs-slide-to="4" 2204 class="" 2205 aria-label="Slide 5"> 2206 </button> 2207 <button 2208 type="button" 2209 data-bs-target="#sboMatchCarouselMobile" 2210 data-bs-slide-to="5" 2211 class="" 2212 aria-label="Slide 6"> 2213 </button> 2214 <button 2215 type="button" 2216 data-bs-target="#sboMatchCarouselMobile" 2217 data-bs-slide-to="6" 2218 class="" 2219 aria-label="Slide 7"> 2220 </button> 2221 <button 2222 type="button" 2223 data-bs-target="#sboMatchCarouselMobile" 2224 data-bs-slide-to="7" 2225 class="" 2226 aria-label="Slide 8"> 2227 </button> 2228 <button 2229 type="button" 2230 data-bs-target="#sboMatchCarouselMobile" 2231 data-bs-slide-to="8" 2232 class="" 2233 aria-label="Slide 9"> 2234 </button> 2235 <button 2236 type="button" 2237 data-bs-target="#sboMatchCarouselMobile" 2238 data-bs-slide-to="9" 2239 class="" 2240 aria-label="Slide 10"> 2241 </button> 2242 </div> 2243 2244 <div class="carousel-inner"> 2245 <div class="carousel-item active"> 2246 <div class="row g-3"> 2247 <div class="col-12"> 2248 <div class="match-card h-100"> 2249 <div class="league-name"> 2250 ENGLISH PREMIER LEAGUE </div> 2251 2252 <div class="kickoff-time"> 2253 October 10, 2026 â 18:30 WIB </div> 2254 2255 <div class="match-main-row"> 2256 <div class="team-col"> 2257 <img 2258 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 2259 alt="Arsenal" 2260 class="team-logo" 2261 > 2262 <div class="team-name"> 2263 Arsenal </div> 2264 </div> 2265 2266 <div class="score-col"> 2267 <div class="score-value"> 2268 0 : 0 </div> 2269 2270 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 2271 BET NOW 2272 </a> 2273 </div> 2274 2275 <div class="team-col"> 2276 <img 2277 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
2277ce556.png" 2278 alt="Leeds United" 2279 class="team-logo" 2280 > 2281 <div class="team-name"> 2282 Leeds United </div> 2283 </div> 2284 </div> 2285 2286 <div class="match-odds-row"> 2287 <div class="odds-col"> 2288 <span> 2289 0.75 <small>0.50</small> 2290 </span> 2291 </div> 2292 2293 <div class="odds-spacer"></div> 2294 2295 <div class="odds-col"> 2296 <span> 2297 -0.75 <small>-0.60</small> 2298 </span> 2299 </div> 2300 </div> 2301 </div> 2302 </div> 2303 </div> 2304 </div> 2305 <div class="carousel-item "> 2306 <div class="row g-3"> 2307 <div class="col-12"> 2308 <div class="match-card h-100"> 2309 <div class="league-name"> 2310 ENGLISH PREMIER LEAGUE </div> 2311 2312 <div class="kickoff-time"> 2313 October 10, 2026 â 21:00 WIB </div> 2314 2315 <div class="match-main-row"> 2316 <div class="team-col"> 2317 <img 2318 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 2319 alt="Chelsea" 2320 class="team-logo" 2321 > 2322 <div class="team-name"> 2323 Chelsea </div> 2324 </div> 2325 2326 <div class="score-col"> 2327 <div class="score-value"> 2328 0 : 0 </div> 2329 2330 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 2331 BET NOW 2332 </a> 2333 </div> 2334 2335 <div class="team-col"> 2336 <img 2337 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 2338 alt="Bournemouth AFC" 2339 class="team-logo" 2340 > 2341 <div class="team-name"> 2342 Bournemouth AFC </div> 2343 </div> 2344 </div> 2345 2346 <div class="match-odds-row"> 2347 <div class="odds-col">
2348 <span> 2349 0.5 <small>0.66</small> 2350 </span> 2351 </div> 2352 2353 <div class="odds-spacer"></div> 2354 2355 <div class="odds-col"> 2356 <span> 2357 -0.5 <small>-0.76</small> 2358 </span> 2359 </div> 2360 </div> 2361 </div> 2362 </div> 2363 </div> 2364 </div> 2365 <div class="carousel-item "> 2366 <div class="row g-3"> 2367 <div class="col-12"> 2368 <div class="match-card h-100"> 2369 <div class="league-name"> 2370 SPAIN LA LIGA </div> 2371 2372 <div class="kickoff-time"> 2373 October 10, 2026 â 23:30 WIB </div> 2374 2375 <div class="match-main-row"> 2376 <div class="team-col"> 2377 <img 2378 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 2379 alt="Barcelona" 2380 class="team-logo" 2381 > 2382 <div class="team-name"> 2383 Barcelona </div> 2384 </div> 2385 2386 <div class="score-col"> 2387 <div class="score-value"> 2388 0 : 0 </div> 2389 2390 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 2391 BET NOW 2392 </a> 2393 </div> 2394 2395 <div class="team-col"> 2396 <img 2397 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 2398 alt="Getafe" 2399 class="team-logo" 2400 > 2401 <div class="team-name"> 2402 Getafe </div> 2403 </div> 2404 </div> 2405 2406 <div class="match-odds-row"> 2407 <div class="odds-col">
2408 <span> 2409 2.5 <small>0.82</small> 2410 </span> 2411 </div> 2412 2413 <div class="odds-spacer"></div> 2414 2415 <div class="odds-col"> 2416 <span> 2417 -2.5 <small>-0.92</small> 2418 </span> 2419 </div> 2420 </div> 2421 </div> 2422 </div> 2423 </div> 2424 </div> 2425 <div class="carousel-item "> 2426 <div class="row g-3"> 2427 <div class="col-12"> 2428 <div class="match-card h-100"> 2429 <div class="league-name"> 2430 ENGLISH PREMIER LEAGUE </div> 2431 2432 <div class="kickoff-time"> 2433 October 10, 2026 â 21:00 WIB </div> 2434 2435 <div class="match-main-row"> 2436 <div class="team-col"> 2437 <img 2438 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 2439 alt="Aston Villa" 2440 class="team-logo" 2441 > 2442 <div class="team-name"> 2443 Aston Villa </div> 2444 </div> 2445 2446 <div class="score-col"> 2447 <div class="score-value"> 2448 0 : 0 </div> 2449 2450 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 2451 BET NOW 2452 </a> 2453 </div> 2454 2455 <div class="team-col"> 2456 <img 2457 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 2458 alt="Brentford" 2459 class="team-logo" 2460 > 2461 <div class="team-name"> 2462 Brentford </div> 2463 </div> 2464 </div> 2465 2466 <div class="match-odds-row"> 2467 <div class="odds-col">
2468 <span> 2469 0.00 <small>-0.97</small> 2470 </span> 2471 </div> 2472 2473 <div class="odds-spacer"></div> 2474 2475 <div class="odds-col"> 2476 <span> 2477 0.00 <small>0.87</small> 2478 </span> 2479 </div> 2480 </div> 2481 </div> 2482 </div> 2483 </div> 2484 </div> 2485 <div class="carousel-item "> 2486 <div class="row g-3"> 2487 <div class="col-12"> 2488 <div class="match-card h-100"> 2489 <div class="league-name"> 2490 ENGLISH PREMIER LEAGUE </div> 2491 2492 <div class="kickoff-time"> 2493 October 10, 2026 â 21:00 WIB </div> 2494 2495 <div class="match-main-row"> 2496 <div class="team-col"> 2497 <img 2498 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 2499 alt="Sunderland" 2500 class="team-logo" 2501 > 2502 <div class="team-name"> 2503 Sunderland </div> 2504 </div> 2505 2506 <div class="score-col"> 2507 <div class="score-value"> 2508 0 : 0 </div> 2509 2510 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 2511 BET NOW 2512 </a> 2513 </div> 2514 2515 <div class="team-col"> 2516 <img 2517 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 2518 alt="Brighton & Hove Albion" 2519 class="team-logo" 2520 > 2521 <div class="team-name"> 2522 Brighton & Hove Albion </div> 2523 </div> 2524 </div> 2525 2526 <div class="match-odds-row"> 2527 <div class="odds-col">
2528 <span> 2529 0.00 <small>-0.82</small> 2530 </span> 2531 </div> 2532 2533 <div class="odds-spacer"></div> 2534 2535 <div class="odds-col"> 2536 <span> 2537 0.00 <small>0.72</small> 2538 </span> 2539 </div> 2540 </div> 2541 </div> 2542 </div> 2543 </div> 2544 </div> 2545 <div class="carousel-item "> 2546 <div class="row g-3"> 2547 <div class="col-12"> 2548 <div class="match-card h-100"> 2549 <div class="league-name"> 2550 ENGLISH PREMIER LEAGUE </div> 2551 2552 <div class="kickoff-time"> 2553 October 10, 2026 â 23:30 WIB </div> 2554 2555 <div class="match-main-row"> 2556 <div class="team-col"> 2557 <img 2558 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 2559 alt="Manchester United" 2560 class="team-logo" 2561 > 2562 <div class="team-name"> 2563 Manchester United </div> 2564 </div> 2565 2566 <div class="score-col"> 2567 <div class="score-value"> 2568 0 : 0 </div> 2569 2570 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 2571 BET NOW 2572 </a> 2573 </div> 2574 2575 <div class="team-col"> 2576 <img 2577 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 2578 alt="Tottenham Hotspur" 2579 class="team-logo" 2580 > 2581 <div class="team-name"> 2582 Tottenham Hotspur </div> 2583 </div> 2584 </div> 2585 2586 <div class="match-odds-row"> 2587 <div class="odds-col">
2588 <span> 2589 0.5 <small>0.72</small> 2590 </span> 2591 </div> 2592 2593 <div class="odds-spacer"></div> 2594 2595 <div class="odds-col"> 2596 <span> 2597 -0.5 <small>-0.82</small> 2598 </span> 2599 </div> 2600 </div> 2601 </div> 2602 </div> 2603 </div> 2604 </div> 2605 <div class="carousel-item "> 2606 <div class="row g-3"> 2607 <div class="col-12"> 2608 <div class="match-card h-100"> 2609 <div class="league-name"> 2610 SPAIN LA LIGA </div> 2611 2612 <div class="kickoff-time"> 2613 October 11, 2026 â 02:00 WIB </div> 2614 2615 <div class="match-main-row"> 2616 <div class="team-col"> 2617 <img 2618 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 2619 alt="Real Madrid" 2620 class="team-logo" 2621 > 2622 <div class="team-name"> 2623 Real Madrid </div> 2624 </div> 2625 2626 <div class="score-col"> 2627 <div class="score-value"> 2628 0 : 0 </div> 2629 2630 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 2631 BET NOW 2632 </a> 2633 </div> 2634 2635 <div class="team-col"> 2636 <img 2637 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 2638 alt="Villarreal" 2639 class="team-logo" 2640 > 2641 <div class="team-name"> 2642 Villarreal </div> 2643 </div> 2644 </div> 2645 2646 <div class="match-odds-row"> 2647 <div class="odds-col">
2648 <span> 2649 1 <small>0.55</small> 2650 </span> 2651 </div> 2652 2653 <div class="odds-spacer"></div> 2654 2655 <div class="odds-col"> 2656 <span> 2657 -1 <small>-0.65</small> 2658 </span> 2659 </div> 2660 </div> 2661 </div> 2662 </div> 2663 </div> 2664 </div> 2665 <div class="carousel-item "> 2666 <div class="row g-3"> 2667 <div class="col-12"> 2668 <div class="match-card h-100"> 2669 <div class="league-name"> 2670 ITALY SERIE A </div> 2671 2672 <div class="kickoff-time"> 2673 October 10, 2026 â 22:59 WIB </div> 2674 2675 <div class="match-main-row"> 2676 <div class="team-col"> 2677 <img 2678 src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png" 2679 alt="Inter Milan" 2680 class="team-logo" 2681 > 2682 <div class="team-name"> 2683 Inter Milan </div> 2684 </div> 2685 2686 <div class="score-col"> 2687 <div class="score-value"> 2688 0 : 0 </div> 2689 2690 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')"> 2691 BET NOW 2692 </a> 2693 </div> 2694 2695 <div class="team-col"> 2696 <img 2697 src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png" 2698 alt="Parma Calcio" 2699 class="team-logo" 2700 > 2701 <div class="team-name"> 2702 Parma Calcio </div> 2703 </div> 2704 </div> 2705 2706 <div class="match-odds-row"> 2707 <div class="odds-col">
2708 <span> 2709 2 <small>0.65</small> 2710 </span> 2711 </div> 2712 2713 <div class="odds-spacer"></div> 2714 2715 <div class="odds-col"> 2716 <span> 2717 -2 <small>-0.75</small> 2718 </span> 2719 </div> 2720 </div> 2721 </div> 2722 </div> 2723 </div> 2724 </div> 2725 <div class="carousel-item "> 2726 <div class="row g-3"> 2727 <div class="col-12"> 2728 <div class="match-card h-100"> 2729 <div class="league-name"> 2730 SPAIN LA LIGA </div> 2731 2732 <div class="kickoff-time"> 2733 October 10, 2026 â 19:00 WIB </div> 2734 2735 <div class="match-main-row"> 2736 <div class="team-col"> 2737 <img 2738 src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png" 2739 alt="Rayo Vallecano" 2740 class="team-logo" 2741 > 2742 <div class="team-name"> 2743 Rayo Vallecano </div> 2744 </div> 2745 2746 <div class="score-col"> 2747 <div class="score-value"> 2748 0 : 0 </div> 2749 2750 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')"> 2751 BET NOW 2752 </a> 2753 </div> 2754 2755 <div class="team-col"> 2756 <img 2757 src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png" 2758 alt="Athletic Bilbao" 2759 class="team-logo" 2760 > 2761 <div class="team-name"> 2762 Athletic Bilbao </div> 2763 </div> 2764 </div> 2765 2766 <div class="match-odds-row"> 2767 <div class="odds-col">
2768 <span> 2769 0.00 <small>0.98</small> 2770 </span> 2771 </div> 2772 2773 <div class="odds-spacer"></div> 2774 2775 <div class="odds-col"> 2776 <span> 2777 0.00 <small>0.92</small> 2778 </span> 2779 </div> 2780 </div> 2781 </div> 2782 </div> 2783 </div> 2784 </div> 2785 <div class="carousel-item "> 2786 <div class="row g-3"> 2787 <div class="col-12"> 2788 <div class="match-card h-100"> 2789 <div class="league-name"> 2790 ENGLISH PREMIER LEAGUE </div> 2791 2792 <div class="kickoff-time"> 2793 October 11, 2026 â 22:30 WIB </div> 2794 2795 <div class="match-main-row"> 2796 <div class="team-col"> 2797 <img 2798 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 2799 alt="Liverpool" 2800 class="team-logo" 2801 > 2802 <div class="team-name"> 2803 Liverpool </div> 2804 </div> 2805 2806 <div class="score-col"> 2807 <div class="score-value"> 2808 0 : 0 </div> 2809 2810 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 2811 BET NOW 2812 </a> 2813 </div> 2814 2815 <div class="team-col"> 2816 <img 2817 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 2818 alt="Manchester City" 2819 class="team-logo" 2820 > 2821 <div class="team-name"> 2822 Manchester City </div> 2823 </div> 2824 </div> 2825 2826 <div class="match-odds-row"> 2827 <div class="odds-col">
2828 <span> 2829 0.00 <small>-0.83</small> 2830 </span> 2831 </div> 2832 2833 <div class="odds-spacer"></div> 2834 2835 <div class="odds-col"> 2836 <span> 2837 0.00 <small>0.73</small> 2838 </span> 2839 </div> 2840 </div> 2841 </div> 2842 </div> 2843 </div> 2844 </div> 2845 </div> 2846 2847 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev"> 2848 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 2849 <span class="visually-hidden">Previous</span> 2850 </button> 2851 2852 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next"> 2853 <span class="carousel-control-next-icon" aria-hidden="true"></span> 2854 <span class="visually-hidden">Next</span> 2855 </button> 2856 </div> 2857 </div> 2858 </div> 2859 <!-- BANNER SBO MOBILE END --> 2860 2861 2862 <!-- Togel --> 2863 2864 <style> 2865 .togel-desktop { 2866 /*background: var(--togel-background);*/ 2867 background: var(--footer-background); 2868 grid-area: togel-desktop; 2869 position: relative; 2870 } 2871 2872 .togel-mobile { 2873 display: none; 2874 } 2875 2876 .show-more { 2877 position: absolute; 2878 2879 z-index: 999; 2880 bottom: 0px; 2881 width: 100%; 2882 2883 /* 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)); */ 2884 } 2885 2886 .show-more-content { 2887 background: var(--secondary-background); 2888 opacity: .7; 2889 display: grid; 2890 place-items: center; 2891 height: 32px 2892 } 2893 2894 .togel-content { 2895 position: relative; 2896 display: flex; 2897 flex-wrap: wrap; 2898 justify-content: center; 2899 /*display: grid;*/ 2900 /*grid-template-columns: repeat(10, 1fr);*/ 2901 gap: 8px 4px; 2902 padding: 16px 0; 2903 } 2904 2905 .see-more { 2906 padding: 16px 0 48px 0; 2907 max-height: 162px; 2908 transition: max-height .75s ease-out; 2909 transition-delay: .1s; 2910 overflow: hidden; 2911 } 2912 2913 .togel-content:hover{ 2914 max-height: 1000px; 2915 transition: max-height 0.25s ease-in; 2916 } 2917 2918 .result { 2919 height: 110px; 2920 width: 96px; 2921 border-radius: 10px; 2922 background: var(--result-background); 2923 border: var(--result-border); 2924 2925 display: grid; 2926 grid-template-rows: 0px 20px 1fr 28px; 2927 grid-template-areas: 2928 "badge" 2929 "pasaran" 2930 "keluaran" 2931 "tanggal" 2932 ; 2933 2934 /* display: flex; 2935 flex-direction: column; 2936 justify-content: space-between; */ 2937 2938 overflow: hidden; 2939 } 2940 2941 .badge { 2942 grid-area: badge; 2943 display: grid; 2944 place-items: center; 2945 } 2946 2947 .result>.pasaran { 2948 2949 grid-area: pasaran; 2950 2951 padding-top: 8px; 2952 white-space: nowrap; 2953 font-size: .7rem; 2954 line-height: .7rem; 2955 2956 color: var(--result-pasaran-color); 2957 display: grid; 2958 place-items: center; 2959 } 2960 2961 .result>.keluaran { 2962 2963 grid-area: keluaran; 2964 padding-bottom: 8px; 2965 font-family: 'Oswald', sans-serif; 2966 line-height: 40px; 2967 font-size: 40px; 2968 color: var(--result-keluaran-color); 2969 display: grid; 2970 place-items: center; 2971 } 2972 2973 .result>.tanggal { 2974 2975 grid-area: tanggal; 2976 2977 width: 100%; 2978 height: 100%; 2979 /* background: rgb(40,0,0); 2980 background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ 2981 background: var(--result-tanggal-background); 2982 white-space: nowarp; 2983 font-size: .79rem; 2984 display: grid; 2985 place-items: center; 2986 font-family: 'Abel', sans-serif; 2987 color: var(--result-tanggal-color); 2988 } 2989 2990 @media only screen and (max-width: 1000px) { 2991 2992 .togel-desktop { 2993 display: none; 2994 } 2995 2996 .togel-mobile { 2997 2998 background: var(--secondary-background); 2999 grid-area: togel-mobile; 3000 padding: 24px; 3001 padding-bottom: 12px; 3002 box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; 3003 } 3004 3005 .togel-title { 3006 padding: 0px; 3007 padding-bottom: 20px; 3008 font-size: 1.4rem; 3009 font-weight: bold; 3010 color: var(--primary-text-color); 3011 } 3012 3013 .togel-content { 3014 max-height: fit-content; 3015 display: grid; 3016 grid-template-columns: 1fr; 3017 gap: 0; 3018 border-radius: 8px; 3019 } 3020 3021 3022 3023 .provider-group { 3024 padding: var(--mobile-padding-horizontal); 3025 } 3026 3027 .badge { 3028 display: none; 3029 } 3030 3031 .result { 3032 height: auto; 3033 width: 100%; 3034 display: grid; 3035 grid-template-rows: 1fr; 3036 grid-template-columns: 1fr 1fr 80px; 3037 grid-template-areas: "pasaran tanggal keluaran"; 3038 border-radius: 0; 3039 border: none; 3040 background: transparent; 3041 padding: 4px 12px; 3042 color: var(--primary-text-color); 3043 font-family: 'Abel', sans-serif; 3044 3045 } 3046 3047 3048 .result-data:nth-child(odd) { 3049 background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background); 3050 } 3051 3052 3053 .accordion-item { 3054 background-color: transparent; 3055 border: 0px; 3056 } 3057 3058 .accordion-button:not(.collapsed) { 3059 color: inherit; 3060 background-color: transparent; 3061 box-shadow: none; 3062 } 3063 3064 .accordion-button::after { 3065 height: 0px; 3066 } 3067 3068 .result>* { 3069 padding: 0px!important; 3070 margin: 0px!important; 3071 font-size: 1.4rem!important; 3072 line-height: auto!important; 3073 font-weight: normal!important; 3074 } 3075 3076 .result>.pasaran { 3077 display: flex; 3078 justify-content: start; 3079 color: var(--primary-text-color)!important; 3080 opacity: .7; 3081 } 3082 3083 .result>.tanggal { 3084 display: flex; 3085 justify-content: center; 3086 background: transparent; 3087 color: var(--primary-text-color)!important; 3088 opacity: .7; 3089 } 3090 3091 .result>.keluaran { 3092 display: flex; 3093 justify-content: end; 3094 /*color: var(--primary-text-color)!important;*/ 3095 font-family: 'Abel', sans-serif; 3096 color: var(--highlight-text-color); 3097 } 3098 3099 } 3100 </style> 3101 3102 3103 3104 <div id="togel-desktop" class="togel-desktop desktop-only"> 3105 3106 3107 3108 3109 <div class="togel-content "> 3110 <!-- <a href="/?content=hasil&pid=SY" class="result"> --> 3111 <a href="/hasil/SY" class="result"> 3112 3113 <div class="badge"> 3114 </div> 3115 3116 <div class="pasaran">SYDNEY </div> 3117 <div class="keluaran">6915</div> 3118 <div class="tanggal"> 9/10/2026</div> 3119 </a> 3120 <!-- <a href="/?content=hasil&pid=SG" class="result"> --> 3121 <a href="/hasil/SG" class="result"> 3122 3123 <div class="badge"> 3124 </div> 3125 3126 <div class="pasaran">SINGAPORE </div> 3127 <div class="keluaran">2855</div> 3128 <div class="tanggal"> 8/10/2026</div> 3129 </a> 3130 <!-- <a href="/?content=hasil&pid=HK" class="result"> --> 3131 <a href="/hasil/HK" class="result"> 3132 3133 <div class="badge"> 3134 </div> 3135 3136 <div class="pasaran">HONGKONG </div> 3137 <div class="keluaran">6469</div> 3138 <div class="tanggal"> 9/10/2026</div> 3139 </a> 3140 <!-- <a href="/?content=hasil&pid=TWH" class="result"> --> 3141 <a href="/hasil/TWH" class="result"> 3142 3143 <div class="badge"> 3144 </div> 3145 3146 <div class="pasaran">
3146TOTO WUHAN </div> 3147 <div class="keluaran">6536</div> 3148 <div class="tanggal"> 10/10/2026</div> 3149 </a> 3150 <!-- <a href="/?content=hasil&pid=HKD" class="result"> --> 3151 <a href="/hasil/HKD" class="result"> 3152 3153 <div class="badge"> 3154 </div> 3155 3156 <div class="pasaran">HK SIANG </div> 3157 <div class="keluaran">3738</div> 3158 <div class="tanggal"> 9/10/2026</div> 3159 </a> 3160 <!-- <a href="/?content=hasil&pid=SGM" class="result"> --> 3161 <a href="/hasil/SGM" class="result"> 3162 3163 <div class="badge"> 3164 </div> 3165 3166 <div class="pasaran">SG METRO </div> 3167 <div class="keluaran">2724</div> 3168 <div class="tanggal"> 9/10/2026</div> 3169 </a> 3170 <!-- <a href="/?content=hasil&pid=MYD" class="result"> --> 3171 <a href="/hasil/MYD" class="result"> 3172 3173 <div class="badge"> 3174 </div> 3175 3176 <div class="pasaran">MALAYSIA SIANG </div> 3177 <div class="keluaran">3162</div> 3178 <div class="tanggal"> 9/10/2026</div> 3179 </a> 3180 <!-- <a href="/?content=hasil&pid=MY" class="result"> --> 3181 <a href="/hasil/MY" class="result"> 3182 3183 <div class="badge"> 3184 </div> 3185 3186 <div class="pasaran">MALAYSIA </div> 3187 <div class="keluaran">6034</div> 3188 <div class="tanggal"> 9/10/2026</div> 3189 </a> 3190 <!-- <a href="/?content=hasil&pid=MC" class="result"> --> 3191 <a href="/hasil/MC" class="result"> 3192 3193 <div class="badge"> 3194 </div> 3195 3196 <div class="pasaran">MACAU </div> 3197 <div class="keluaran">0331</div> 3198 <div class="tanggal"> 9/10/2026</div> 3199 </a> 3200 <!-- <a href="/?content=hasil&pid=QTR" class="result"> --> 3201 <a href="/hasil/QTR" class="result"> 3202 3203 <div class="badge"> 3204 </div> 3205 3206 <div class="pasaran">QATAR </div> 3207 <div class="keluaran">8696</div> 3208 <div class="tanggal"> 9/10/2026</div> 3209 </a> 3210 3211 </div> 3212 </div> 3213 3214 <div id="togel-mobile" class="togel-mobile mobile-only"> 3215 3216 <div class="togel-title">Togel Result</div> 3217 3218 3219 <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px"> 3220 <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> 3221 3222 3223 </div> 3224 <div class="carousel-inner"> 3225 3226 <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> 3227 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY"> 3228 <div class="badge"> 3229 </div> 3230 <div class="pasaran">SYDNEY </div> 3231 <div class="keluaran">6915</div> 3232 <div class="tanggal">09-10-2026</div> 3233 </button> 3234 <div id="paito-SY" class="accordion-collapse collapse"> 3235 3236 <div class="result"> 3237 <div class="pasaran"></div> 3238 <div class="keluaran">5814</div> 3239 <div class="tanggal">08-10-2026</div> 3240 </div> 3241 3242 <div class="result"> 3243 <div class="pasaran"></div> 3244 <div class="keluaran">0569</div> 3245 <div class="tanggal">07-10-2026</div> 3246 </div> 3247 3248 <div class="result"> 3249 <div class="pasaran"></div> 3250 <div class="keluaran">3398</div> 3251 <div class="tanggal">06-10-2026</div> 3252 </div> 3253 3254 <div class="result"> 3255 <div class="pasaran"></div> 3256 <div class="keluaran">9383</div> 3257 <div class="tanggal">05-10-2026</div> 3258 </div> 3259 3260 <div class="result"> 3261 <div class="pasaran"></div> 3262 <div class="keluaran">7933</div> 3263 <div class="tanggal">04-10-2026</div> 3264 </div> 3265 3266 <div class="result"> 3267 <div class="pasaran"></div> 3268 <div class="keluaran">5604</div> 3269 <div class="tanggal">03-10-2026</div> 3270 </div> 3271 3272 <div class="result"> 3273 <div class="pasaran"></div> 3274 <div class="keluaran">5392</div> 3275 <div class="tanggal">02-10-2026</div> 3276 </div> 3277 </div> 3278 </div> 3279 3280 <div class="result-data accordion-item"> 3281 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> 3282 <div class="badge"> 3283 </div> 3284 <div class="pasaran">SINGAPORE </div> 3285 <div class="keluaran">2855</div> 3286 <div class="tanggal">08-10-2026</div> 3287 </button> 3288 <div id="paito-SG" class="accordion-collapse collapse"> 3289 3290 <div class="result"> 3291 <div class="pasaran"></div> 3292 <div class="keluaran">9838</div> 3293 <div class="tanggal">07-10-2026</div> 3294 </div> 3295 3296 <div class="result"> 3297 <div class="pasaran"></div> 3298 <div class="keluaran">3897</div> 3299 <div class="tanggal">05-10-2026</div> 3300 </div> 3301 3302 <div class="result"> 3303 <div class="pasaran"></div> 3304 <div class="keluaran">2812</div> 3305 <div class="tanggal">04-10-2026</div> 3306 </div> 3307 3308 <div class="result"> 3309 <div class="pasaran"></div> 3310 <div class="keluaran">3670</div> 3311 <div class="tanggal">03-10-2026</div> 3312 </div> 3313 3314 <div class="result"> 3315 <div class="pasaran"></div> 3316 <div class="keluaran">9006</div> 3317 <div class="tanggal">01-10-2026</div> 3318 </div> 3319 3320 <div class="result"> 3321 <div class="pasaran"></div> 3322 <div class="keluaran">3096</div> 3323 <div class="tanggal">30-09-2026</div> 3324 </div> 3325 3326 <div class="result"> 3327 <div class="pasaran"></div> 3328 <div class="keluaran">7185</div> 3329 <div class="tanggal">28-09-2026</div> 3330 </div> 3331 </div> 3332 </div> 3333 3334 <div class="result-data accordion-item"> 3335 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK"> 3336 <div class="badge"> 3337 </div> 3338 <div class="pasaran">HONGKONG </div> 3339 <div class="keluaran">6469</div> 3340 <div class="tanggal">09-10-2026</div> 3341 </button> 3342 <div id="paito-HK" class="accordion-collapse collapse"> 3343 3344 <div class="result"> 3345 <div class="pasaran"></div> 3346 <div class="keluaran">8270</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">6196</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">3268</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">9181</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">7176</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">6962</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">3686</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-TWH"> 3390 <div class="badge"> 3391 </div> 3392 <div class="pasaran">
3392TOTO WUHAN </div> 3393 <div class="keluaran">6536</div> 3394 <div class="tanggal">10-10-2026</div> 3395 </button> 3396 <div id="paito-TWH" class="accordion-collapse collapse"> 3397 3398 <div class="result"> 3399 <div class="pasaran"></div> 3400 <div class="keluaran">9250</div> 3401 <div class="tanggal">09-10-2026</div> 3402 </div> 3403 3404 <div class="result"> 3405 <div class="pasaran"></div> 3406 <div class="keluaran">4208</div> 3407 <div class="tanggal">09-10-2026</div> 3408 </div> 3409 3410 <div class="result"> 3411 <div class="pasaran"></div> 3412 <div class="keluaran">6154</div> 3413 <div class="tanggal">09-10-2026</div> 3414 </div> 3415 3416 <div class="result"> 3417 <div class="pasaran"></div> 3418 <div class="keluaran">3312</div> 3419 <div class="tanggal">09-10-2026</div> 3420 </div> 3421 3422 <div class="result"> 3423 <div class="pasaran"></div> 3424 <div class="keluaran">4840</div> 3425 <div class="tanggal">09-10-2026</div> 3426 </div> 3427 3428 <div class="result"> 3429 <div class="pasaran"></div> 3430 <div class="keluaran">6631</div> 3431 <div class="tanggal">09-10-2026</div> 3432 </div> 3433 3434 <div class="result"> 3435 <div class="pasaran"></div> 3436 <div class="keluaran">1674</div> 3437 <div class="tanggal">08-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-HKD"> 3444 <div class="badge"> 3445 </div> 3446 <div class="pasaran">HK SIANG </div> 3447 <div class="keluaran">3738</div> 3448 <div class="tanggal">09-10-2026</div> 3449 </button> 3450 <div id="paito-HKD" class="accordion-collapse collapse"> 3451 3452 <div class="result"> 3453 <div class="pasaran"></div> 3454 <div class="keluaran">1257</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">6727</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">4776</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">0870</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">3772</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">0546</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">7631</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-SGM"> 3498 <div class="badge"> 3499 </div> 3500 <div class="pasaran">SG METRO </div> 3501 <div class="keluaran">2724</div> 3502 <div class="tanggal">09-10-2026</div> 3503 </button> 3504 <div id="paito-SGM" class="accordion-collapse collapse"> 3505 3506 <div class="result"> 3507 <div class="pasaran"></div> 3508 <div class="keluaran">6214</div> 3509 <div class="tanggal">08-10-2026</div> 3510 </div> 3511 3512 <div class="result"> 3513 <div class="pasaran"></div> 3514 <div class="keluaran">5977</div> 3515 <div class="tanggal">07-10-2026</div> 3516 </div> 3517 3518 <div class="result"> 3519 <div class="pasaran"></div> 3520 <div class="keluaran">8741</div> 3521 <div class="tanggal">06-10-2026</div> 3522 </div> 3523 3524 <div class="result"> 3525 <div class="pasaran"></div> 3526 <div class="keluaran">3446</div> 3527 <div class="tanggal">05-10-2026</div> 3528 </div> 3529 3530 <div class="result"> 3531 <div class="pasaran"></div> 3532 <div class="keluaran">8676</div> 3533 <div class="tanggal">04-10-2026</div> 3534 </div> 3535 3536 <div class="result"> 3537 <div class="pasaran"></div> 3538 <div class="keluaran">9340</div> 3539 <div class="tanggal">03-10-2026</div> 3540 </div> 3541 3542 <div class="result"> 3543 <div class="pasaran"></div> 3544 <div class="keluaran">2649</div> 3545 <div class="tanggal">02-10-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-MYD"> 3552 <div class="badge"> 3553 </div> 3554 <div class="pasaran">MALAYSIA SIANG </div> 3555 <div class="keluaran">3162</div> 3556 <div class="tanggal">09-10-2026</div> 3557 </button> 3558 <div id="paito-MYD" class="accordion-collapse collapse"> 3559 3560 <div class="result"> 3561 <div class="pasaran"></div> 3562 <div class="keluaran">4272</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">9074</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">1210</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">2452</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">6932</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">5590</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">7799</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-MY"> 3606 <div class="badge"> 3607 </div> 3608 <div class="pasaran">MALAYSIA </div> 3609 <div class="keluaran">6034</div> 3610 <div class="tanggal">09-10-2026</div> 3611 </button> 3612 <div id="paito-MY" class="accordion-collapse collapse"> 3613 3614 <div class="result"> 3615 <div class="pasaran"></div> 3616
3616 <div class="keluaran">2991</div> 3617 <div class="tanggal">08-10-2026</div> 3618 </div> 3619 3620 <div class="result"> 3621 <div class="pasaran"></div> 3622 <div class="keluaran">3932</div> 3623 <div class="tanggal">07-10-2026</div> 3624 </div> 3625 3626 <div class="result"> 3627 <div class="pasaran"></div> 3628 <div class="keluaran">4883</div> 3629 <div class="tanggal">06-10-2026</div> 3630 </div> 3631 3632 <div class="result"> 3633 <div class="pasaran"></div> 3634 <div class="keluaran">4639</div> 3635 <div class="tanggal">05-10-2026</div> 3636 </div> 3637 3638 <div class="result"> 3639 <div class="pasaran"></div> 3640 <div class="keluaran">4920</div> 3641 <div class="tanggal">04-10-2026</div> 3642 </div> 3643 3644 <div class="result"> 3645 <div class="pasaran"></div> 3646 <div class="keluaran">8849</div> 3647 <div class="tanggal">03-10-2026</div> 3648 </div> 3649 3650 <div class="result"> 3651 <div class="pasaran"></div> 3652 <div class="keluaran">7141</div> 3653 <div class="tanggal">02-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-MC"> 3660 <div class="badge"> 3661 </div> 3662 <div class="pasaran">MACAU </div> 3663 <div class="keluaran">0331</div> 3664 <div class="tanggal">09-10-2026</div> 3665 </button> 3666 <div id="paito-MC" class="accordion-collapse collapse"> 3667 3668 <div class="result"> 3669 <div class="pasaran"></div> 3670 <div class="keluaran">8646</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">7182</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">1061</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">7204</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">1662</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">2898</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">8307</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-QTR"> 3714 <div class="badge"> 3715 </div> 3716 <div class="pasaran">QATAR </div> 3717 <div class="keluaran">8696</div> 3718 <div class="tanggal">09-10-2026</div> 3719 </button> 3720 <div id="paito-QTR" class="accordion-collapse collapse"> 3721 3722 <div class="result"> 3723 <div class="pasaran"></div> 3724 <div class="keluaran">8317</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">9915</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">5740</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">8643</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">0646</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">7691</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">3505</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.82</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.92</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 â 21:00 WIB </div> 4001 4002 <div class="match-main-row"> 4003 <div class="team-col"> 4004 <img 4005 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 4006 alt="Aston Villa" 4007 class="team-logo" 4008 > 4009 <div class="team-name"> 4010 Aston Villa </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', '145100395')"> 4018 BET NOW 4019 </a> 4020 </div> 4021 4022 <div class="team-col"> 4023 <img 4024 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 4025 alt="Brentford" 4026 class="team-logo" 4027 > 4028 <div class="team-name"> 4029 Brentford </div> 4030 </div> 4031 </div> 4032 4033 <div class="match-odds-row"> 4034 <div class="odds-col"> 4035 <sp
4035an> 4036 0.00 <small>-0.97</small> 4037 </span> 4038 </div> 4039 4040 <div class="odds-spacer"></div> 4041 4042 <div class="odds-col"> 4043 <span> 4044 0.00 <small>0.87</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/957bdc50c307e2a9b526b34b3792da1a.png" 4062 alt="Sunderland" 4063 class="team-logo" 4064 > 4065 <div class="team-name"> 4066 Sunderland </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', '145100525')"> 4074 BET NOW 4075 </a> 4076 </div> 4077 4078 <div class="team-col"> 4079 <img 4080 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 4081 alt="Brighton & Hove Albion" 4082 class="team-logo" 4083 > 4084 <div class="team-name"> 4085 Brighton & Hove Albion </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.82</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.72</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 â 23:30 WIB </div> 4113 4114 <div class="match-main-row"> 4115 <div class="team-col"> 4116 <img 4117 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 4118 alt="Manchester United" 4119 class="team-logo" 4120 > 4121 <div class="team-name"> 4122 Manchester United </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', '145100582')"> 4130 BET NOW 4131 </a> 4132 </div> 4133 4134 <div class="team-col"> 4135 <img 4136 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 4137 alt="Tottenham Hotspur" 4138 class="team-logo" 4139 > 4140 <div class="team-name"> 4141 Tottenham Hotspur </div> 4142 </div> 4143 </div> 4144 4145 <div class="match-odds-row"> 4146 <div class="odds-col"> 4147 <sp
4147an> 4148 0.5 <small>0.72</small> 4149 </span> 4150 </div> 4151 4152 <div class="odds-spacer"></div> 4153 4154 <div class="odds-col"> 4155 <span> 4156 -0.5 <small>-0.82</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 4414 <div class="transaksi-kontak"> 4415 4416 <div class="d-flex flex-column w-100"> 4417 <div class="transaksi-content"> 4418 <!-- Bank --> 4419 4420<style> 4421 /* ====== LAYOUT KESELURUHAN ====== */ 4422 4423 .transaksi-layout { 4424 display: flex; 4425 justify-content: center; 4426 gap: 16px; 4427 align-items: center; 4428 } 4429 4430 .transaksi-left-inner { 4431 width: 100%; 4432 } 4433 4434 .transaksi-left-img { 4435 width: 100%; 4436 height: auto; 4437 display: block; 4438 object-fit: cover; 4439 } 4440 4441 .transaksi-right-box { 4442 flex: 1; 4443 display: flex; 4444 justify-content: flex-start; 4445 } 4446 4447 .transaksi-group { 4448 display: flex; 4449 flex-direction: column; 4450 gap: 16px; 4451 width: 100%; 4452 grid-template-areas: 4453 "transaksi-bank transaksi-other transaksi-crypto"; 4454 } 4455 4456 .transaksi-bank { 4457 grid-area: transaksi-bank; 4458 display: grid; 4459 place-items: center; 4460 justify-content: flex-start; 4461 } 4462 4463 .transaksi-other { 4464 grid-area: transaksi-other; 4465 display: flex; 4466 justify-content: flex-start; 4467 width: 100%; 4468 } 4469 4470 .transaksi-crypto { 4471 grid-area: transaksi-crypto; 4472 display: flex; 4473 justify-content: flex-start; 4474 width: 100%; 4475 } 4476 4477 .transaksi-wrapper { 4478 display: flex; 4479 flex-direction: column; 4480 gap: .5rem; 4481 align-items: flex-start; 4482 } 4483 4484 .transaksi-name { 4485 font-size: 1.1rem; 4486 font-weight: bold; 4487 line-height: 1.5rem; 4488 } 4489 4490 /* ====== GRID LIST ====== */ 4491 4492 .transaksi-list-bank, 4493 .transaksi-list-other { 4494 height: fit-content; 4495 display: grid; 4496 grid-template-columns: repeat(5, minmax(80px, 1fr)); 4497 gap: 4px 6px; 4498 } 4499 4500 .transaksi-list-crypto { 4501 height: fit-content; 4502 display: flex; 4503 align-items: center; 4504 gap: 24px; 4505 width: 100%; 4506 justify-content: flex-start; 4507 } 4508 4509 .icon-crypto { 4510 width: 24px; 4511 height: 24px; 4512 } 4513 4514 /* ====== ITEM BANK / EMONEY ====== */ 4515 4516 .transaksi-item { 4517 display: flex; 4518 flex-direction: column; 4519 position: relative; 4520 } 4521 4522 .transaksi-header { 4523 height: 30px; 4524 border-radius: 5px; 4525 font-weight: bold; 4526 border: 2px solid rgba(108,108,108,1); 4527 background: rgba(54,54,54,1); 4528 color: white; 4529 display: flex; 4530 align-items: center; 4531 justify-content: center; 4532 padding: 0 12px 0 22px; /* extra space kiri buat dot */ 4533 font-size: 0.9rem; 4534 white-space: nowrap; 4535 } 4536 4537 /* strip bawah lama dimatikan */ 4538 .transaksi-status { 4539 display: none; 4540 } 4541 4542 /* ====== ONLINE / OFFLINE DOT ====== */ 4543 4544 /* ONLINE: tambahkan class is-online di PHP */ 4545 .transaksi-header.is-online::before { 4546 content: ""; 4547 position: absolute; 4548 left: 8px; 4549 top: 50%; 4550 transform: translateY(-50%); 4551 width: 9px; 4552 height: 9px; 4553 border-radius: 50%; 4554 background-color: #00ff66; 4555 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4556 } 4557 4558 /* OFFLINE: is-offline (lebih gelap + tanpa dot) */ 4559 .transaksi-header.is-offline { 4560 background: #2e2e2e; 4561 border-color: #555; 4562 opacity: .4; 4563 } 4564 4565 /* backup: kalau lupa kasih class di PHP, treat sebagai offline */ 4566 .transaksi-header:not(.is-online):not(.is-offline) { 4567 background: #2e2e2e; 4568 border-color: #555; 4569 opacity: .4; 4570 } 4571 4572 @media only screen and (max-width: 768px) { 4573 4574 .transaksi-layout { 4575 flex-direction: column; 4576 align-items: center; 4577 } 4578 4579 .transaksi-group { 4580 display: grid; 4581 grid-template-columns: 1fr; 4582 grid-template-areas: 4583 "transaksi-bank" 4584 "transaksi-other" 4585 "transaksi-crypto"; 4586 gap: 32px; 4587 margin-bottom: 8px; 4588 } 4589 4590 .transaksi-header { 4591 font-size: 1.1rem; 4592 height: 36px; 4593 } 4594 4595 .transaksi-list-bank { 4596 grid-template-columns: repeat(4, 1fr); 4597 } 4598 4599 .transaksi-list-other { 4600 grid-template-columns: repeat(4, 1fr); 4601 } 4602 4603 .transaksi-list-crypto { 4604 width: 86%; 4605 margin: auto; 4606 flex-wrap: wrap; 4607 } 4608 4609 .transaksi-item { 4610 width: 100%; 4611 } 4612 4613 .transaksi-name { 4614 font-size: 1.3rem; 4615 text-align: center; 4616 line-height: 1.8rem; 4617 } 4618 4619 .transaksi-wrapper { 4620 width: 100%; 4621 max-width: 100%!important; 4622 gap: 1rem; 4623 align-items: center; 4624 } 4625 4626 .icon-crypto { 4627 width: 28px; 4628 height: 28px; 4629 } 4630 } 4631 4632 /* LEBAR BOX BANK BIAR RAPI DAN CENTER */ 4633 .transaksi-header { 4634 height: 34px; 4635 border-radius: 6px; 4636 font-weight: bold; 4637 border: 2px solid rgba(108,108,108,1); 4638 background: rgba(54,54,54,1); 4639 color: white; 4640 4641 /* Tambahan baru */ 4642 min-width: 110px; /* Lebarin biar semua rata */ 4643 padding: 0 16px 0 28px; /* Kasih ruang untuk dot */ 4644 display: flex; 4645 align-items: center; 4646 justify-content: center; 4647 text-align: center; 4648 4649 white-space: nowrap; 4650 } 4651 4652 /* DOT ONLINE */ 4653 .transaksi-header.is-online::before { 4654 content: ""; 4655 position: absolute; 4656 left: 10px; 4657 top: 50%; 4658 transform: translateY(-50%); 4659 width: 10px; 4660 height: 10px; 4661 border-radius: 50%; 4662 background-color: #00ff66; 4663 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4664 } 4665 4666 /* OFFLINE (DISABLED) */ 4667 .transaksi-header.is-offline { 4668 padding: 0 16px; 4669 background: #2e2e2e; 4670 border-color: #555; 4671 opacity: .35; 4672 align-items: center; 4673 justify-content: center; 4674 text-align: center; 4675 } 4676 4677 /* GRID-nya sedikit dilebarin biar simetris */ 4678 .transaksi-list-bank, 4679 .transaksi-list-other { 4680 grid-template-columns: repeat(4, minmax(110px, 1fr)); 4681 gap: 8px 10px; 4682 } 4683 4684</style> 4685 4686<div class="transaksi-layout"> 4687 <div class="transaksi-left-box"> 4688 <div class="transaksi-left-inner"> 4689 <img src="/images/transaksi.png" class="transaksi-left-img"> 4690 </div> 4691 </div> 4692 4693 <div class="transaksi-right-box"> 4694 <div class="transaksi-group"> 4695 4696 <!-- BANK LOKAL --> 4697 <div class="transaksi-bank"> 4698 <div class="transaksi-wrapper"> 4699 <div class="transaksi-name">Bank Lokal</div> 4700 <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> 4701 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4702 </div> 4703 4704 <div class="carousel-inner" > 4705 <div class="carousel-item active"> 4706 <div class="transaksi-list-bank"> 4707 <div class="transaksi-item"> 4708 <div class="transaksi-header is-online"> 4709 BCA </div> 4710 <div class="transaksi-status"></div> 4711 </div> 4712 <div class="transaksi-item"> 4713 <div class="transaksi-header is-online"> 4714 Mandiri </div> 4715 <div class="transaksi-status"></div> 4716 </div> 4717 <div class="transaksi-item"> 4718 <div class="transaksi-header is-online"> 4719 BNI </div> 4720 <div class="transaksi-status"></div> 4721 </div> 4722 <div class="transaksi-item"> 4723 <div class="transaksi-header is-online"> 4724 BRI </div> 4725 <div class="transaksi-status"></div> 4726 </div> 4727 <div class="transaksi-item"> 4728 <div class="transaksi-header is-online"> 4729 CIMB </div> 4730 <div class="transaksi-status"></div> 4731 </div> 4732 <div class="transaksi-item"> 4733 <div class="transaksi-header is-online"> 4734 Danamon </div> 4735 <div class="transaksi-status"></div> 4736 </div> 4737 <div class="transaksi-item"> 4738 <div class="transaksi-header is-online"> 4739 Permata </div> 4740 <div class="transaksi-status"></div> 4741 </div> 4742 <div class="transaksi-item"> 4743 <div class="transaksi-header is-online"> 4744 BJB </div> 4745 <div class="transaksi-status"></div> 4746 </div> 4747 <div class="transaksi-item"> 4748 <div class="transaksi-header is-online"> 4749 PANIN </div> 4750 <div class="transaksi-status"></div> 4751 </div> 4752 <div class="transaksi-item"> 4753 <div class="transaksi-header is-online"> 4754 OCBC </div> 4755 <div class="transaksi-status"></div> 4756 </div> 4757 <div class="transaksi-item"> 4758 <div class="transaksi-header is-online"> 4759 DKI </div> 4760 <div class="transaksi-status"></div> 4761 </div> 4762 <div class="transaksi-item"> 4763 <div class="transaksi-header is-online"> 4764 SUMUT </div> 4765 <div class="transaksi-status"></div> 4766 </div> 4767 <div class="transaksi-item"> 4768 <div class="transaksi-header is-online"> 4769 BSI </div> 4770 <div class="transaksi-status"></div> 4771 </div> 4772 <div class="transaksi-item"> 4773 <div class="transaksi-header is-online"> 4774 NEO </div> 4775 <div class="transaksi-status"><
4775/div> 4776 </div> 4777 <div class="transaksi-item"> 4778 <div class="transaksi-header is-online"> 4779 JAGO </div> 4780 <div class="transaksi-status"></div> 4781 </div> 4782 <div class="transaksi-item"> 4783 <div class="transaksi-header is-online"> 4784 SeaBank </div> 4785 <div class="transaksi-status"></div> 4786 </div> 4787 </div> 4788 </div> 4789 </div> 4790 </div> 4791 4792 </div> 4793 </div> 4794 4795 <!-- E MONEY & PULSA --> 4796 <div class="transaksi-other"> 4797 <div class="transaksi-wrapper"> 4798 <div class="transaksi-name">E Money & Pulsa</div> 4799 4800 <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> 4801 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4802 </div> 4803 4804 <div class="carousel-inner" > 4805 <div class="carousel-item active"> 4806 <div class="transaksi-list-other"> 4807 <div class="transaksi-item"> 4808 <div class="transaksi-header is-online"> 4809 Jenius </div> 4810 <div class="transaksi-status"></div> 4811 </div> 4812 <div class="transaksi-item"> 4813 <div class="transaksi-header is-online"> 4814 DANA </div> 4815 <div class="transaksi-status"></div> 4816 </div> 4817 <div class="transaksi-item"> 4818 <div class="transaksi-header is-online"> 4819 OVO </div> 4820 <div class="transaksi-status"></div> 4821 </div> 4822 <div class="transaksi-item"> 4823 <div class="transaksi-header is-online"> 4824 GOPAY </div> 4825 <div class="transaksi-status"></div> 4826 </div> 4827 <div class="transaksi-item"> 4828 <div class="transaksi-header is-online"> 4829 LinkAja </div> 4830 <div class="transaksi-status"></div> 4831 </div> 4832 <div class="transaksi-item"> 4833 <div class="transaksi-header is-online"> 4834 Sakuku </div> 4835 <div class="transaksi-status"></div> 4836 </div> 4837 <div class="transaksi-item"> 4838 <div class="transaksi-header is-online"> 4839 Lain-lain </div> 4840 <div class="transaksi-status"></div> 4841 </div> 4842 </div> 4843 </div> 4844 </div> 4845 </div> 4846 4847 </div> 4848 </div> 4849 4850 <!-- CRYPTO --> 4851 <div class="transaksi-crypto"> 4852 <div class="transaksi-wrapper"> 4853 4854 <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> 4855 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4856 </div> 4857 4858 <div class="carousel-inner" > 4859 </div> 4860 4861 </div> 4862 </div> 4863 </div> 4864 4865 </div> 4866 </div> 4867</div> 4868 </div> 4869 4870 4871 </div> 4872 4873 <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> 4874 4875 <!-- <div class="transaksi-title">--> 4876 <!-- <div class="transaksi-title-group">--> 4877 <!-- <div class="fitur-header">Kontak Kami</div>--> 4878 <!-- </div>--> 4879 4880 <!-- <div class="devider desktop-only"></div>--> 4881 <!-- </div>--> 4882 4883 4884 <!-- 4885<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> 4886 <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> 4887 4888 4889 </div> 4890 <div class="carousel-inner" style="height: 164px"> 4891 <div class="carousel-item active"> 4892 <div> 4893 4894 4895 4896 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 4897 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/> 4898 4899 <a class="d-flex flex-column" href="https://t.ly/wakeramas4d" target='_blank'> 4900 <div style="color: #888888;">WHATSAPP</div> 4901 <div style="line-height: .9rem; color: var(--primary-text-color)">KERAMAS4D</div> 4902 </a> 4903 4904 4905 </div> 4906 4907 4908 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 4909 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/> 4910 4911 <a class="d-flex flex-column" href="https://t.ly/telekeramas4d" target='_blank'> 4912 <div style="color: #888888;">TELEGRAM</div> 4913 <div style="line-height: .9rem; color: var(--primary-text-color)">KERAMAS4D</div> 4914 </a> 4915 4916 4917 </div> 4918 4919 4920 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 4921 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/> 4922 4923 <a class="d-flex flex-column" href="https://t.ly/CT-KERAMAS4D" target='_blank'> 4924 <div style="color: #888888;">TELEGRAM</div> 4925 <div style="line-height: .9rem; color: var(--primary-text-color)">KERAMAS4D Official</div> 4926 </a> 4927 4928 4929 </div> 4930 4931 4932 </div> 4933 </div> 4934 4935 4936 4937 </div> 4938</div> 4939--> 4940 4941 <!--</div>--> 4942 </div> 4943 </div> 4944 </div> 4945 4946 4947 <div class="bantuan"> 4948 4949 <ul class="bantuan-content justify-content-center"> 4950 <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> 4951 <div class="bantuan-devider desktop-only">|</div> 4952 <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> 4953 <div class="bantuan-devider desktop-only">|</div> 4954 <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> 4955 <div class="bantuan-devider desktop-only">|</div> 4956 <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> 4957 <div class="bantuan-devider desktop-only">|</div> 4958 <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> 4959 <div class="bantuan-devider desktop-only">|</div> 4960 <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> 4961 <div class="bantuan-devider desktop-only">|</div> 4962 <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> 4963 </ul> 4964 </div> 4965 4966 4967 <footer class="footer"> 4968 4969 <div class="guidelines"> 4970 <div class="desktop-only"> 4971 <div class="guidelines-content d-flex justify-content-center"> 4972 <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" /> 4973 </div> 4974 </div> 4975 </div> 4976 4977 <div class="provider d-none d-lg-block"> 4978 <div class="provider-group"> 4979 <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt=""> 4980 </div> 4981 </div> 4982 4983 <div> 4984 <div> 4985<h1 style="color:#d3b83b">Keramas4D: Platform Hiburan Digital Resmi & Game Online Terpercaya</h1> 4986</div> 4987 </div> 4988 4989 4990 <div class="footer-group"> 4991 <div class="copyright"> 4992 <div style="white-space: nowrap">© 2015 - 2026 Copyright KERAMAS4D.</div> 4993 <div>All Rights Reserved.</div> 4994 </div> 4995 <div class="desktop-only"> 4996 <div class="d-flex gap-1"> 4997 <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div> 4998 <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div> 4999 </div> 5000 </div> 5001 <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt=""> 5002 5003 <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=MlBEaEJc614zI7enyrLE9VK9y-uR_UilsINpJlQsJ8o.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> 5004 <i class="bi bi-shield-fill-exclamation"></i> 5005 <strong class="ms-1">LAPOR PUSAT</strong> 5006 </button> 5007 </div> 5008 </footer> 5009 5010 5011 5012 5013 5014 <!-- SIDENAV --> 5015 <div id="mySidenav" class="sidenav desktop-only"> 5016 <div id="nav"> 5017 <div style="display: flex; align-items: start;"> 5018 <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;"> 5019 5020 <img src="/assets/hubungi.png?11"> 5021 5022 </div> 5023 <!--<img id="about" src="/images/kontak.png?4">--> 5024 </div> 5025 <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> 5026 <div id="" style="padding: 4px"> 5027 <img src="/assets/24h.png" style="width: 100%"></img> 5028 </div> 5029 5030 <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> 5031 <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> 5032 5033 5034 5035 <a href="https://t.ly/wakeramas4d" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 5036 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>KERAMAS4D</span> 5037 </a> 5038 5039 5040 5041 5042 5043 <a href="https://t.ly/telekeramas4d" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 5044 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>KERAMAS4D</span> 5045 </a> 5046 5047 5048 5049 5050 5051 <a href="https://t.ly/CT-KERAMAS
50514D" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 5052 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>KERAMAS4D Official</span> 5053 </a> 5054 5055 5056 5057 5058 5059 </div> 5060 <div style="margin: 8px"> 5061 <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> 5062 </div> 5063 </div> 5064 </div> 5065 </div> 5066 </div> 5067 5068 5069 <!--POP UP --> 5070 5071 <!-- LIVE CHAT --> 5072 <!--Start of Tawk.to Script-->
5073<script type="text/javascript"> 5074var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); 5075(function(){ 5076var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; 5077s1.async=true; 5078s1.src='https://embed.tawk.to/690d9f2a1b48711953e25094/1j9ejbfmh'; 5079s1.charset='UTF-8'; 5080s1.setAttribute('crossorigin','*'); 5081s0.parentNode.insertBefore(s1,s0); 5082})(); 5083</script>
5083 5084<!--End of Tawk.to Script--> 5085 5086 <!-- LiveChat Internal --> 5087 <style> 5088 /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */ 5089 body.modal-open .cs-embed { z-index: 1049 !important; } 5090 </style> 5091 5092 5093
5093<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
5093 5094
5094<script> 5095 document.addEventListener('DOMContentLoaded', function() { 5096 setTimeout(function() { 5097 const mobileForm = document.querySelector('#mobilelogin form') || 5098 document.querySelector('#mobilelogin .login-form') || 5099 document.querySelector('.mobile-only form'); 5100 5101 if (!mobileForm) { 5102 return; 5103 } 5104 5105 const username = mobileForm.querySelector('input[name="username"]'); 5106 const password = mobileForm.querySelector('input[name="password"]'); 5107 const remember = document.querySelector('#rememberMe') || 5108 document.querySelector('input[type="checkbox"]'); 5109 5110 if (!username || !password || !remember) { 5111 return; 5112 } 5113 5114 try { 5115 localStorage.setItem('test', 'working'); 5116 if (localStorage.getItem('test') === 'working') { 5117 localStorage.removeItem('test'); 5118 } else { 5119 return; 5120 } 5121 } catch(e) { 5122 return; 5123 } 5124 5125 initializeRememberMe(); 5126 loadSavedData(); 5127 5128 mobileForm.addEventListener('submit', handleSave); 5129 mobileForm.addEventListener('click', function(e) { 5130 if (e.target.type === 'submit' || e.target.classList.contains('submit')) { 5131 handleSave(); 5132 } 5133 }); 5134 remember.addEventListener('change', function() { 5135 if (!this.checked) { 5136 clearSavedData(); 5137 localStorage.setItem('mobile_remember_unchecked', 'true'); 5138 } else { 5139 localStorage.removeItem('mobile_remember_unchecked'); 5140 } 5141 }); 5142 5143 function initializeRememberMe() { 5144 try { 5145 const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); 5146 const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); 5147 if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { 5148 remember.checked = false; 5149 } else { 5150 remember.checked = true; 5151 } 5152 } catch(e) { 5153 remember.checked = true; 5154 } 5155 } 5156 5157 function loadSavedData() { 5158 try { 5159 const savedUsername = localStorage.getItem('mobile_username'); 5160 const savedPassword = localStorage.getItem('mobile_password'); 5161 const rememberChecked = localStorage.getItem('mobile_remember'); 5162 if (rememberChecked === 'true' && savedUsername && savedPassword) { 5163 username.value = savedUsername; 5164 password.value = savedPassword; 5165 } 5166 } catch(e) { 5167 // console.log('Error loading data:', e); 5168 } 5169 } 5170 5171 function handleSave() { 5172 if (remember.checked) { 5173 const usernameVal = username.value.trim(); 5174 const passwordVal = password.value.trim(); 5175 5176 if (usernameVal && passwordVal) { 5177 try { 5178 localStorage.setItem('mobile_username', usernameVal); 5179 localStorage.setItem('mobile_password', passwordVal); 5180 localStorage.setItem('mobile_remember', 'true'); 5181 localStorage.setItem('mobile_login_success', 'true'); 5182 } catch(e) { 5183 // console.log('Error saving data:', e); 5184 } 5185 } 5186 } else { 5187 clearSavedData(); 5188 localStorage.setItem('mobile_login_success', 'true'); 5189 } 5190 } 5191 5192 function clearSavedData() { 5193 try { 5194 localStorage.removeItem('mobile_username'); 5195 localStorage.removeItem('mobile_password'); 5196 localStorage.removeItem('mobile_remember'); 5197 } catch(e) { 5198 // console.log('Error clearing data:', e); 5199 } 5200 } 5201 }, 100); // Wait 100ms 5202 5203 function initBroadcastMarquee() { 5204 $('.mobile-broadcast, #marquee .broadcast').each(function () { 5205 const el = $(this); 5206 5207 if ($.trim(el.text()) === '') return; 5208 if (!el.is(':visible')) return; 5209 5210 try { 5211 el.marquee('destroy'); 5212 } catch (e) {} 5213 5214 el.marquee({ 5215 speed: 30, 5216 gap: 80, 5217 delayBeforeStart: 0, 5218 direction: 'left', 5219 duplicated: true, 5220 pauseOnHover: true, 5221 startVisible: true 5222 }); 5223 }); 5224 } 5225 5226 $(window).on('load', function () { 5227 setTimeout(function () { 5228 initBroadcastMarquee(); 5229 }, 300); 5230 }); 5231 5232 $(window).on('resize orientationchange', function () { 5233 clearTimeout(window.broadcastResizeTimer); 5234 window.broadcastResizeTimer = setTimeout(function () { 5235 initBroadcastMarquee(); 5236 }, 400); 5237 }); 5238 5239 // document.querySelectorAll("marquee").forEach(function(marquee){ 5240 5241 // let speed = 0.5; // smaller = slower 5242 // let position = marquee.offsetWidth; 5243 5244 // function animate(){ 5245 // position--; 5246 5247 // if(position < -marquee.scrollWidth){ 5248 // position = marquee.offsetWidth; 5249 // } 5250
5251 // marquee.style.transform = "translateX(" + position + "px)"; 5252 // requestAnimationFrame(animate); 5253 // } 5254 5255 // animate(); 5256 5257 // // pause on hover 5258 // marquee.addEventListener("mouseenter", function(){ 5259 // speed = 0; 5260 // }); 5261 5262 // marquee.addEventListener("mouseleave", function(){ 5263 // speed = 0.5; 5264 // }); 5265 5266 // }); 5267 5268 5269 }); 5270 </script>
5270 5271 5272
5272<script> 5273 if(document.getElementById("promo")) { 5274 var myModal = new bootstrap.Modal(document.getElementById("promo"), {}); 5275 window.onload = () => { 5276 myModal.show(); 5277 } 5278 } 5279 5280 var mobileurl = 'm/'; 5281 5282 5283 5284 var showIDs = []; 5285 5286 function showProducts(hoverID) { 5287 while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; 5288 5289 // document.getElementById('hover').classList.add("hover-show"); 5290 document.getElementById('hover').style.transitionDelay = "0s"; 5291 document.getElementById('hover').style.visibility = "visible"; 5292 document.getElementById('hover').style.opacity = "1"; 5293 document.getElementById(hoverID).style.display = "flex"; 5294 5295 showIDs.push(hoverID); 5296 5297 } 5298 5299 function hideProducts(hoverID) { 5300 // document.getElementById('hover').classList.remove("hover-show"); 5301 document.getElementById('hover').style.visibility = "hidden"; 5302 document.getElementById('hover').style.opacity = "0"; 5303 document.getElementById('hover').style.transitionDelay = "1s"; 5304 5305 } 5306 5307 var mobileDaftarForm = document.getElementById('mobile-daftar-form'); 5308 var marquee = document.getElementById('marquee'); 5309 var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form'); 5310 var mobileLoginBox = document.getElementById('mobilelogin'); 5311 5312 function closeContent() { 5313 $('#main-content').html(""); 5314 } 5315 5316 5317 function openDaftar() { 5318 closeContent(); 5319 5320 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 5321 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 5322 5323 mobileDaftarForm.style.display = "block"; 5324 mobileDaftarForm.scrollIntoView(); 5325 } 5326 5327 function closeDaftar() { 5328 mobileDaftarForm.style.display = "none"; 5329 marquee.scrollIntoView(); 5330 } 5331 5332 5333 function showProvider(type) { 5334 $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>"); 5335 $('#main-content').load("/new-showprovider.php?type=" + type); 5336 } 5337 5338 function toggleInformasi(item) { 5339 page(item); 5340 } 5341 5342 function showInformasi(item) { 5343 document.getElementById('modal-wrapper').style.display='block'; 5344 toggleInformasi(item); 5345 } 5346 5347 function openChangePasswordMobile() { 5348 closeContent(); 5349 5350 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 5351 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 5352 5353 if (mobileChangePasswordForm) { 5354 mobileChangePasswordForm.style.display = "block"; 5355 mobileChangePasswordForm.scrollIntoView(); 5356 } 5357 } 5358 5359 function closeChangePasswordMobile() { 5360 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 5361 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 5362 if (mobileLoginBox) mobileLoginBox.style.display = "block"; 5363 5364 marquee.scrollIntoView(); 5365 } 5366 5367 5368 5369 5370 </script>
5370 5371
5371<script src="/js/old/new2-webduo35.js?v=1790436670"></script>
5371 5372 5373
5373<script> 5374 function scrollToLoginForm(launchType, matchId) { 5375 sessionStorage.setItem('launch', launchType); 5376 if (matchId) sessionStorage.setItem('sbo_matchId', matchId); 5377 else sessionStorage.removeItem('sbo_matchId'); 5378 window.scrollTo({ top: 0, behavior: 'smooth' }); 5379 setTimeout(function() { 5380 var isMobile = window.innerWidth <= 1000; 5381 var loginSelector = isMobile 5382 ? '#mobilelogin input[name="username"]' 5383 : '#desktoplogin form'; 5384 var el = document.querySelector(loginSelector); 5385 if (!el) return; 5386 var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]'); 5387 if (usernameEl && !isMobile) usernameEl.focus(); 5388 if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' }); 5389 const driver = window.driver.js.driver({ 5390 popoverClass: 'driverjs-theme', 5391 showProgress: false, 5392 showButtons: [], 5393 overlayOpacity: 0.3, 5394 steps: [ 5395 { 5396 element: loginSelector, 5397 popover: { 5398 title: 'Harap Login', 5399 description: 'Silakan masukkan username Anda', 5400 side: 'bottom', 5401 align: 'start', 5402 showButtons: [], 5403 nextBtnText: '', 5404 prevBtnText: '', 5405 doneBtnText: '' 5406 } 5407 } 5408 ], 5409 onDestroyStarted: () => driver.destroy(), 5410 }); 5411 driver.drive(); 5412 if (usernameEl) { 5413 function destroyDriver() { 5414 driver.destroy(); 5415 window.scrollTo({ top: 0 }); 5416 usernameEl.removeEventListener('input', destroyDriver); 5417 usernameEl.removeEventListener('click', destroyDriver); 5418 usernameEl.removeEventListener('focus', destroyDriver); 5419 } 5420 usernameEl.addEventListener('input', destroyDriver, { once: true }); 5421 usernameEl.addEventListener('click', destroyDriver, { once: true }); 5422 usernameEl.addEventListener('focus', destroyDriver, { once: true }); 5423 } 5424 }, 500); 5425 } 5426 </script>
5426 5427
5427<script> 5428 window.addEventListener("message", function(e) { 5429 if (e.origin !== "https://fkupon.com") return; 5430 if (e.data && e.data.action === "resize" && e.data.height) { 5431 var iframes = document.querySelectorAll(".iframe-kupon"); 5432 iframes.forEach(function(iframe) { 5433 iframe.style.height = Math.max(100, e.data.height - 16) + "px"; 5434 }); 5435 } 5436 }); 5437 </script>
5437 5438 5439 5440 <!-- POP UP COOKIES --> 5441 5442<style> 5443 5444 5445 .kebijakan-privasi, .kebijakan-cookies { 5446 color: white; 5447 text-decoration: underline; 5448 } 5449 5450 5451</style> 5452 5453 5454<div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074"> 5455 <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem"> 5456 <div> 5457 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> 5458 </div> 5459 <div> 5460 <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div> 5461 </div> 5462</div>
5463<script> 5464 $( "#boxprivacy" ).blur(function() { 5465 alert( "Handler for .blur() called." ); 5466}); 5467</script>
5467 5468 5469 5470
5470<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":"aaff3f0d233c4392ad6f2fdca222886a","r":1,"spa":2}' crossorigin="anonymous"></script>
5470 5471</body> 5472</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.