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?1653" 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="AUQl25lXapd3OmuWMAZA24+AsyORFVIxLLkljzi+LwE="> 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="CBGEtoC9Tg5XU26ptn6uVPWz3M9+PFYwNymmfAiTPbE="> 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="AUQl25lXapd3OmuWMAZA24+AsyORFVIxLLkljzi+LwE="> 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 2126 <div class="content-body" style="position: relative"> 2127 <div class="content-area">
2128 <div id="content" class="content-box"> 2129 2130 <style> 2131 .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } 2132 .error-border { border-color: red !important; } 2133 .valid-border { border-color: green !important; } 2134 </style> 2135 <div id="desktopregister" class="panel panel-default panelbg ptsans"> 2136 <div class="panel-body panelbg"> 2137 <div style="margin-bottom:16px; font-weight: bold; font-size: 1.5rem"><i class="bi bi-person-fill"></i> Daftar</div> 2138 <div id="statusRegister"></div> 2139 <form class="form-group-sm" id="formRegister"> 2140 <div class="form-group-sm" id="input-username"> 2141 <label>Username</label><input type="text" class="form-control has-success" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi"> 2142 <div class="error-msg" id="err_username"></div> 2143 </div> 2144 <div class="row" style="margin-top:10px"> 2145 <div class="form-group-sm col-md-3" id="input-pass"> 2146 <label>Password</label><input type="password" id="reg_pass" name="pass" class="form-control" placeholder="Password (6 karakter atau lebih)"> 2147 <div class="error-msg" id="err_password"></div> 2148 </div> 2149 <div class="form-group-sm col-md-3" id="input-passcon"> 2150 <label>Konfirmasi Password</label><input type="password" id="reg_passcon" name="passcon" class="form-control" placeholder="Password sekali lagi"> 2151 <div class="error-msg" id="err_passcon"></div> 2152 </div> 2153 <div class="form-group-sm col-md-3" id="input-email"> 2154 <label>Email</label><input type="text" id="reg_email" name="email" class="form-control" placeholder="Masukkan Email"> 2155 <div class="error-msg" id="err_email"></div> 2156 </div> 2157 <div class="form-group-sm col-md-3" id="input-telpon"> 2158 <label>Telpon</label><input type="text" id="reg_telpon" inputmode="numeric" name="telpon" class="form-control" placeholder="Masukkan Telpon"> 2159 <div class="error-msg" id="err_telpon"></div> 2160 </div> 2161 </div> 2162 <div class="row" style="margin-top:10px"> 2163 <div class="form-group-sm col-md-3" id="input-bank"> 2164 <label>Bank</label> 2165 <select class="form-control" name="bank" id="reg_bank"> 2166 <option value="">Pilih Bank</option> 2167 <option value="BCA">BCA</option> 2168 <option value="Mandiri">Mandiri</option> 2169 <option value="BNI">BNI</option> 2170 <option value="BRI">BRI</option> 2171 <option value="CIMB">CIMB</option> 2172 <option value="Danamon">Danamon</option> 2173 <option value="Permata">Permata</option> 2174 <option value="BJB">BJB</option> 2175 <option value="PANIN">PANIN</option> 2176 <option value="OCBC">OCBC</option> 2177 <option value="DKI">DKI</option> 2178 <option value="SUMUT">SUMUT</option> 2179 <option value="BSI">BSI</option> 2180 <option value="NEO">NEO</option> 2181 <option value="JAGO">JAGO</option> 2182 <option value="SeaBank">SeaBank</option> 2183 <option value="Jenius">Jenius</option> 2184 <option value="DANA">DANA</option> 2185 <option value="OVO">OVO</option> 2186 <option value="GOPAY">GOPAY</option> 2187 <option value="LinkAja">LinkAja</option> 2188 <option value="Sakuku">Sakuku</option> 2189 <option value="Lain-lain">Lain-lain</option> 2190 </select> 2191 <div class="error-msg" id="err_bank"></div> 2192 </div> 2193 <div class="form-group-sm col-md-3" id="input-re
2193k"> 2194 <label>No Rekening</label><input type="text" inputmode="numeric" name="rek" id="reg_rek" class="form-control" placeholder="Masukkan nomor rekening"> 2195 <div class="error-msg" id="err_rek"></div> 2196 </div> 2197 <div class="form-group-sm col-md-3" id="input-nama"> 2198 <label>Nama sesuai Rekening</label><input name="nama" type="text" id="reg_nama" class="form-control" placeholder="Nama sesuai Rekening"> 2199 <div class="error-msg" id="err_nama"></div> 2200 </div> 2201 <div class="form-group-sm col-md-3" id="input-ref"> 2202 <label>Referal</label><input name="ref" type="text" id="reg_ref" class="form-control" placeholder="Username Referal bila ada"> 2203 <div class="error-msg" id="err_ref"></div> 2204 </div> 2205 </div> 2206 <div class="row" style="margin-top:10px"> 2207 <div class="form-group-sm col-md-3" id="input-verifikasi"> 2208 <label>Verifikasi</label><input type="text" name="regverifikasi" id="reg_verifikasi" maxlength="32" class="form-control" placeholder="Isi karakter di samping"> 2209 <div class="error-msg" id="err_verifikasi"></div> 2210 </div> 2211 <div class="form-group-sm col-md-3"> 2212 <label> </label><span id="capverifikasi"><img src="capreg.php" width="100%" height="30" style="border:1px #999 solid;"></span> 2213 </div> 2214 2215 </div> 2216 <div style="margin-top:15px"> 2217 <label class="checkbox-inline" style="display: flex; gap: 4px"> 2218 <input type="checkbox" checked disabled> 2219 <div>Dengan ini saya menyatakan bahwa saya telah membaca dan menyetujui <a href="javascript:showInformasi('privasi')" style="color: var(--primary-color)">Kebijakan Privasi</a> pada Situs ini.</div> 2220 </label> 2221 2222 </div> 2223 <input type="button" class="btn btn-masuk fw-bold" value="Daftar" style="margin-top:20px; width:200px; text-align: center; display: grid; place-items: center; line-height: var(--text-size-default); height: 40px" id="buttonRegisterDesktop"> 2224 <input type="hidden" name="task" value="register"> 2225 <input type="hidden" name="regdesktop" value="1aIauc4ugdbmEtiu+GTXy5UqPvC5wc2xMK+jGLac+Tg="> 2226 <input type="hidden" name="iscaptcharegister" value="1"> 2227 <input type="hidden" name="isrecaptcha" value="0"> 2228 <input type="hidden" name="isrecaptcharegister" value="0"> 2229 </form> 2230 </div> 2231 </div> 2232
2233<script> 2234(function(){ 2235 function root(){ return document.getElementById('desktopregister'); } 2236 function q(id){ return root()?.querySelector('#'+id) || null; } 2237 function qe(sel){ return root()?.querySelector(sel) || null; } 2238 2239 function showError(field,msg){ 2240 const err = qe('#err_'+field), inp = q('reg_'+field); 2241 if (err){ err.textContent = msg; err.style.display = 'block'; } 2242 if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } 2243 } 2244 function clearError(field){ 2245 const err = qe('#err_'+field), inp = q('reg_'+field); 2246 if (err) err.style.display = 'none'; 2247 if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } 2248 } 2249 2250 // validator functions 2251 2252 function checkPasswordStrengthJS(username, password) { 2253 const min_length = 6; 2254 const length = password.length; 2255 2256 if (length < min_length) { 2257 return "Password harus minimal " + min_length + " karakter"; 2258 } 2259 2260 if(!USE_STRONG_VALIDATION) { 2261 return null; 2262 } 2263 const hasLower = /[a-z]/.test(password); 2264 const hasUpper = /[A-Z]/.test(password); 2265 if (!(hasLower && hasUpper)) { 2266 return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka."; 2267 } 2268 if (!/[0-9]/.test(password)) { 2269 return "Password harus mengandung angka"; 2270 } 2271 if (username && password.toLowerCase().includes(username.toLowerCase())) { 2272 return "Password tidak boleh mengandung username"; 2273 } 2274 const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/; 2275 if (numSeq.test(password)) { 2276 return "Password tidak boleh mengandung angka berurutan"; 2277 } 2278 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|" 2279 + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|" 2280 + "qwert|werty|asdf|zxcv|uiop|hjkl)"; 2281 const letterSequences = new RegExp(letterSeqStr, "i"); 2282 if (letterSequences.test(password)) { 2283 return "Password tidak boleh mengandung huruf berurutan"; 2284 } 2285 return null; 2286 } 2287 2288 // validator functions 2289 const useStrongValidation = false; 2290 2291 function vUsername(){ 2292 const v = (q('reg_username')?.value||'').trim(); 2293 if(!v) return showError('username','Username tidak boleh kosong'), false; 2294 if(v.length<6) return showError('username','Username minimal 6 karakter'), false; 2295 if(v.length>16) return showError('username','Username maksimal 16 karakter'), false; 2296 if(!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; 2297 clearError('username'); return true; 2298 } 2299 function vPass(){ 2300 const username = (q('reg_username')?.value || '').trim(); 2301 const v = q('reg_pass')?.value || ''; 2302 if(!v) { 2303 showError('password','Password tidak boleh kosong'); 2304 return false; 2305 } 2306 const err = useStrongValidation ? checkPasswordStrengthJS(username, v) : null; 2307 if (err) { 2308 showError('password', err); 2309 return false; 2310 } 2311 clearError('password'); 2312 if (q('reg_passcon')?.value) { 2313 vPasscon(); 2314 } 2315 2316 return true; 2317 } 2318 function vPasscon() { 2319 const username = (q('reg_username')?.value || '').trim(); 2320 const p1 = q('reg_pass')?.value || ''; 2321 const p2 = q('reg_passcon')?.value || ''; 2322 if (!p2) { 2323 showError('passcon', 'Konfirmasi password kosong'); 2324 return false; 2325 } 2326 const err = useStrongValidation ? checkPasswordStrengthJS(username, p1) : null; 2327 if (err) { 2328 showError('passcon', err); 2329 return false; 2330 } 2331 if (p1 !== p2) { 2332 showError('passcon', 'Konfirmasi tidak sama'); 2333 return false; 2334 } 2335 clearError('passcon'); 2336 return true; 2337 } 2338 function vEmail(){ 2339 const v=(q('reg_email')?.value||'').trim(); 2340 if(!v) return showError('email','Email tidak boleh kosong'), false; 2341 if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; 2342 clearError('email'); return true; 2343 } 2344 function vTelp(){ 2345 const el=q('reg_telpon'); if(!el) return true; 2346 el.value=el.value.replace(/\D/g,''); 2347 if(!el.value) return showError('telpon','Telpon kosong'), false; 2348 if(el.value.length<10) return showError('telpon','Telpon minimal 10 digit'), false; 2349 clearError('telpon'); return true; 2350 } 2351 function vBank(){ 2352 if(!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; 2353 clearError('bank'); return true; 2354 } 2355 function vRek(){ 2356 const el=q('reg_rek'); if(!el) return true; 2357 el.value=el.value.replace(/\D/g,''); 2358 if(!el.value) return showError('rek','Rekening kosong'), false; 2359 if(el.value.length<8) return showError('rek','Minimal 8 digit'), false; 2360 clearError('rek'); return true; 2361 } 2362 function vNama(){ 2363 const v=(q('reg_nama')?.value||'').trim(); 2364 if(!v) return showError('nama','Nama kosong'), false; 2365 if(v.length<3) return showError('nama','Nama minimal 3 karakter'), false; 2366 if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; 2367 clearError('nama'); return true; 2368 } 2369 function vVerifOpt(){ 2370 const el = q('reg_verifikasi'); if (!el) return true; 2371 const v = (el.value || '').trim(); 2372 if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; 2373 clearError('verifikasi'); return true; 2374 } 2375 2376 function validateAll(){ 2377 return vUsername() & vPass() & vPasscon() & vEmail() & vTelp() & vBank() & vRek() & vNama(); 2378 } 2379 window.validateAllDesktop = validateAll; 2380 2381 function attach(id, validator, opts){ 2382 const el=q(id); if(!el) return; 2383 const run=()=>validator(); 2384 el.addEventListener('focus',run); 2385 if(!opts||opts.input!==false) el.addEventListener('input',run); 2386 el.addEventListener('blur',run); 2387 if(opts&&opts.change) el.addEventListener('change',run); 2388 } 2389 2390 document.addEventListener('DOMContentLoaded',function(){ 2391 attach('reg_username',vUsername); 2392 attach('reg_pass',vPass); 2393 attach('reg_passcon',vPasscon); 2394 attach('reg_email',vEmail); 2395 attach('reg_telpon',vTelp); 2396 attach('reg_bank',vBank,{input:false,change:true}); 2397 attach('reg_rek',vRek); 2398 attach('reg_nama',vNama); 2399 attach('reg_verifikasi',vVerifOpt); 2400 2401 const f=q('formRegister'); 2402 if(f){ 2403 f.addEventListener('submit',function(e){
2404 if(!validateAll()){ 2405 e.preventDefault(); 2406 } 2407 }); 2408 } 2409 }); 2410})(); 2411</script>
2411 2412 2413 2414 </div> 2415 </div> 2416 </div> 2417 2418 2419 </div> 2420 </div> 2421 2422 2423 2424 <div class="widget-kupon"> 2425 <!-- <div style="position:relative; width:100%;"> --> 2426 <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe> 2427 <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div> 2428 <!-- </div> --> 2429 </div> 2430 2431 <!-- BANNER SBO MOBILE --> 2432 <div class="widget-sbo mobile-only"> 2433 <div class="match-slider-wrap"> 2434 <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 2435 2436 <div class="carousel-indicators"> 2437 <button 2438 type="button" 2439 data-bs-target="#sboMatchCarouselMobile" 2440 data-bs-slide-to="0" 2441 class="active" 2442 aria-current="true" aria-label="Slide 1"> 2443 </button> 2444 <button 2445 type="button" 2446 data-bs-target="#sboMatchCarouselMobile" 2447 data-bs-slide-to="1" 2448 class="" 2449 aria-label="Slide 2"> 2450 </button> 2451 <button 2452 type="button" 2453 data-bs-target="#sboMatchCarouselMobile" 2454 data-bs-slide-to="2" 2455 class="" 2456 aria-label="Slide 3"> 2457 </button> 2458 <button 2459 type="button" 2460 data-bs-target="#sboMatchCarouselMobile" 2461 data-bs-slide-to="3" 2462 class="" 2463 aria-label="Slide 4"> 2464 </button> 2465 <button 2466 type="button" 2467 data-bs-target="#sboMatchCarouselMobile" 2468 data-bs-slide-to="4" 2469 class="" 2470 aria-label="Slide 5"> 2471 </button> 2472 <button 2473 type="button" 2474 data-bs-target="#sboMatchCarouselMobile" 2475 data-bs-slide-to="5" 2476 class="" 2477 aria-label="Slide 6"> 2478 </button> 2479 <button 2480 type="button" 2481 data-bs-target="#sboMatchCarouselMobile" 2482 data-bs-slide-to="6" 2483 class="" 2484 aria-label="Slide 7"> 2485 </button> 2486 <button 2487 type="button" 2488 data-bs-target="#sboMatchCarouselMobile" 2489 data-bs-slide-to="7" 2490 class="" 2491 aria-label="Slide 8"> 2492 </button> 2493 <button 2494 type="button" 2495 data-bs-target="#sboMatchCarouselMobile" 2496 data-bs-slide-to="8" 2497 class="" 2498 aria-label="Slide 9"> 2499 </button> 2500 <button 2501 type="button" 2502 data-bs-target="#sboMatchCarouselMobile" 2503 data-bs-slide-to="9" 2504 class="" 2505 aria-label="Slide 10"> 2506 </button> 2507 </div> 2508 2509 <div class="carousel-inner"> 2510 <div class="carousel-item active"> 2511 <div class="row g-3"> 2512 <div class="col-12"> 2513 <div class="match-card h-100"> 2514 <div class="league-name"> 2515 ENGLISH PREMIER LEAGUE </div> 2516 2517 <div class="kickoff-time"> 2518 October 10, 2026 â 18:30 WIB </div> 2519 2520 <div class="match-main-row"> 2521 <div class="team-col"> 2522 <img 2523 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 2524 alt="Arsenal" 2525 class="team-logo" 2526 > 2527 <div class="team-name"> 2528 Arsenal </div> 2529 </div> 2530 2531 <div class="score-col"> 2532 <div class="score-value"> 2533 0 : 0 </div> 2534 2535 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 2536 BET NOW 2537 </a> 2538 </div> 2539 2540 <div class="team-col"> 2541 <img 2542 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
2542ce556.png" 2543 alt="Leeds United" 2544 class="team-logo" 2545 > 2546 <div class="team-name"> 2547 Leeds United </div> 2548 </div> 2549 </div> 2550 2551 <div class="match-odds-row"> 2552 <div class="odds-col"> 2553 <span> 2554 0.75 <small>0.50</small> 2555 </span> 2556 </div> 2557 2558 <div class="odds-spacer"></div> 2559 2560 <div class="odds-col"> 2561 <span> 2562 -0.75 <small>-0.60</small> 2563 </span> 2564 </div> 2565 </div> 2566 </div> 2567 </div> 2568 </div> 2569 </div> 2570 <div class="carousel-item "> 2571 <div class="row g-3"> 2572 <div class="col-12"> 2573 <div class="match-card h-100"> 2574 <div class="league-name"> 2575 ENGLISH PREMIER LEAGUE </div> 2576 2577 <div class="kickoff-time"> 2578 October 10, 2026 â 21:00 WIB </div> 2579 2580 <div class="match-main-row"> 2581 <div class="team-col"> 2582 <img 2583 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 2584 alt="Chelsea" 2585 class="team-logo" 2586 > 2587 <div class="team-name"> 2588 Chelsea </div> 2589 </div> 2590 2591 <div class="score-col"> 2592 <div class="score-value"> 2593 0 : 0 </div> 2594 2595 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 2596 BET NOW 2597 </a> 2598 </div> 2599 2600 <div class="team-col"> 2601 <img 2602 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 2603 alt="Bournemouth AFC" 2604 class="team-logo" 2605 > 2606 <div class="team-name"> 2607 Bournemouth AFC </div> 2608 </div> 2609 </div> 2610 2611 <div class="match-odds-row"> 2612 <div class="odds-col">
2613 <span> 2614 0.5 <small>0.66</small> 2615 </span> 2616 </div> 2617 2618 <div class="odds-spacer"></div> 2619 2620 <div class="odds-col"> 2621 <span> 2622 -0.5 <small>-0.76</small> 2623 </span> 2624 </div> 2625 </div> 2626 </div> 2627 </div> 2628 </div> 2629 </div> 2630 <div class="carousel-item "> 2631 <div class="row g-3"> 2632 <div class="col-12"> 2633 <div class="match-card h-100"> 2634 <div class="league-name"> 2635 SPAIN LA LIGA </div> 2636 2637 <div class="kickoff-time"> 2638 October 10, 2026 â 23:30 WIB </div> 2639 2640 <div class="match-main-row"> 2641 <div class="team-col"> 2642 <img 2643 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 2644 alt="Barcelona" 2645 class="team-logo" 2646 > 2647 <div class="team-name"> 2648 Barcelona </div> 2649 </div> 2650 2651 <div class="score-col"> 2652 <div class="score-value"> 2653 0 : 0 </div> 2654 2655 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 2656 BET NOW 2657 </a> 2658 </div> 2659 2660 <div class="team-col"> 2661 <img 2662 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 2663 alt="Getafe" 2664 class="team-logo" 2665 > 2666 <div class="team-name"> 2667 Getafe </div> 2668 </div> 2669 </div> 2670 2671 <div class="match-odds-row"> 2672 <div class="odds-col">
2673 <span> 2674 2.5 <small>0.82</small> 2675 </span> 2676 </div> 2677 2678 <div class="odds-spacer"></div> 2679 2680 <div class="odds-col"> 2681 <span> 2682 -2.5 <small>-0.92</small> 2683 </span> 2684 </div> 2685 </div> 2686 </div> 2687 </div> 2688 </div> 2689 </div> 2690 <div class="carousel-item "> 2691 <div class="row g-3"> 2692 <div class="col-12"> 2693 <div class="match-card h-100"> 2694 <div class="league-name"> 2695 ENGLISH PREMIER LEAGUE </div> 2696 2697 <div class="kickoff-time"> 2698 October 10, 2026 â 21:00 WIB </div> 2699 2700 <div class="match-main-row"> 2701 <div class="team-col"> 2702 <img 2703 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 2704 alt="Aston Villa" 2705 class="team-logo" 2706 > 2707 <div class="team-name"> 2708 Aston Villa </div> 2709 </div> 2710 2711 <div class="score-col"> 2712 <div class="score-value"> 2713 0 : 0 </div> 2714 2715 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 2716 BET NOW 2717 </a> 2718 </div> 2719 2720 <div class="team-col"> 2721 <img 2722 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 2723 alt="Brentford" 2724 class="team-logo" 2725 > 2726 <div class="team-name"> 2727 Brentford </div> 2728 </div> 2729 </div> 2730 2731 <div class="match-odds-row"> 2732 <div class="odds-col">
2733 <span> 2734 0.00 <small>-0.97</small> 2735 </span> 2736 </div> 2737 2738 <div class="odds-spacer"></div> 2739 2740 <div class="odds-col"> 2741 <span> 2742 0.00 <small>0.87</small> 2743 </span> 2744 </div> 2745 </div> 2746 </div> 2747 </div> 2748 </div> 2749 </div> 2750 <div class="carousel-item "> 2751 <div class="row g-3"> 2752 <div class="col-12"> 2753 <div class="match-card h-100"> 2754 <div class="league-name"> 2755 ENGLISH PREMIER LEAGUE </div> 2756 2757 <div class="kickoff-time"> 2758 October 10, 2026 â 21:00 WIB </div> 2759 2760 <div class="match-main-row"> 2761 <div class="team-col"> 2762 <img 2763 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 2764 alt="Sunderland" 2765 class="team-logo" 2766 > 2767 <div class="team-name"> 2768 Sunderland </div> 2769 </div> 2770 2771 <div class="score-col"> 2772 <div class="score-value"> 2773 0 : 0 </div> 2774 2775 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 2776 BET NOW 2777 </a> 2778 </div> 2779 2780 <div class="team-col"> 2781 <img 2782 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 2783 alt="Brighton & Hove Albion" 2784 class="team-logo" 2785 > 2786 <div class="team-name"> 2787 Brighton & Hove Albion </div> 2788 </div> 2789 </div> 2790 2791 <div class="match-odds-row"> 2792 <div class="odds-col">
2793 <span> 2794 0.00 <small>-0.82</small> 2795 </span> 2796 </div> 2797 2798 <div class="odds-spacer"></div> 2799 2800 <div class="odds-col"> 2801 <span> 2802 0.00 <small>0.72</small> 2803 </span> 2804 </div> 2805 </div> 2806 </div> 2807 </div> 2808 </div> 2809 </div> 2810 <div class="carousel-item "> 2811 <div class="row g-3"> 2812 <div class="col-12"> 2813 <div class="match-card h-100"> 2814 <div class="league-name"> 2815 ENGLISH PREMIER LEAGUE </div> 2816 2817 <div class="kickoff-time"> 2818 October 10, 2026 â 23:30 WIB </div> 2819 2820 <div class="match-main-row"> 2821 <div class="team-col"> 2822 <img 2823 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 2824 alt="Manchester United" 2825 class="team-logo" 2826 > 2827 <div class="team-name"> 2828 Manchester United </div> 2829 </div> 2830 2831 <div class="score-col"> 2832 <div class="score-value"> 2833 0 : 0 </div> 2834 2835 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 2836 BET NOW 2837 </a> 2838 </div> 2839 2840 <div class="team-col"> 2841 <img 2842 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 2843 alt="Tottenham Hotspur" 2844 class="team-logo" 2845 > 2846 <div class="team-name"> 2847 Tottenham Hotspur </div> 2848 </div> 2849 </div> 2850 2851 <div class="match-odds-row"> 2852 <div class="odds-col">
2853 <span> 2854 0.5 <small>0.72</small> 2855 </span> 2856 </div> 2857 2858 <div class="odds-spacer"></div> 2859 2860 <div class="odds-col"> 2861 <span> 2862 -0.5 <small>-0.82</small> 2863 </span> 2864 </div> 2865 </div> 2866 </div> 2867 </div> 2868 </div> 2869 </div> 2870 <div class="carousel-item "> 2871 <div class="row g-3"> 2872 <div class="col-12"> 2873 <div class="match-card h-100"> 2874 <div class="league-name"> 2875 SPAIN LA LIGA </div> 2876 2877 <div class="kickoff-time"> 2878 October 11, 2026 â 02:00 WIB </div> 2879 2880 <div class="match-main-row"> 2881 <div class="team-col"> 2882 <img 2883 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 2884 alt="Real Madrid" 2885 class="team-logo" 2886 > 2887 <div class="team-name"> 2888 Real Madrid </div> 2889 </div> 2890 2891 <div class="score-col"> 2892 <div class="score-value"> 2893 0 : 0 </div> 2894 2895 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 2896 BET NOW 2897 </a> 2898 </div> 2899 2900 <div class="team-col"> 2901 <img 2902 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 2903 alt="Villarreal" 2904 class="team-logo" 2905 > 2906 <div class="team-name"> 2907 Villarreal </div> 2908 </div> 2909 </div> 2910 2911 <div class="match-odds-row"> 2912 <div class="odds-col">
2913 <span> 2914 1 <small>0.55</small> 2915 </span> 2916 </div> 2917 2918 <div class="odds-spacer"></div> 2919 2920 <div class="odds-col"> 2921 <span> 2922 -1 <small>-0.65</small> 2923 </span> 2924 </div> 2925 </div> 2926 </div> 2927 </div> 2928 </div> 2929 </div> 2930 <div class="carousel-item "> 2931 <div class="row g-3"> 2932 <div class="col-12"> 2933 <div class="match-card h-100"> 2934 <div class="league-name"> 2935 ITALY SERIE A </div> 2936 2937 <div class="kickoff-time"> 2938 October 10, 2026 â 22:59 WIB </div> 2939 2940 <div class="match-main-row"> 2941 <div class="team-col"> 2942 <img 2943 src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png" 2944 alt="Inter Milan" 2945 class="team-logo" 2946 > 2947 <div class="team-name"> 2948 Inter Milan </div> 2949 </div> 2950 2951 <div class="score-col"> 2952 <div class="score-value"> 2953 0 : 0 </div> 2954 2955 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')"> 2956 BET NOW 2957 </a> 2958 </div> 2959 2960 <div class="team-col"> 2961 <img 2962 src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png" 2963 alt="Parma Calcio" 2964 class="team-logo" 2965 > 2966 <div class="team-name"> 2967 Parma Calcio </div> 2968 </div> 2969 </div> 2970 2971 <div class="match-odds-row"> 2972 <div class="odds-col">
2973 <span> 2974 2 <small>0.65</small> 2975 </span> 2976 </div> 2977 2978 <div class="odds-spacer"></div> 2979 2980 <div class="odds-col"> 2981 <span> 2982 -2 <small>-0.75</small> 2983 </span> 2984 </div> 2985 </div> 2986 </div> 2987 </div> 2988 </div> 2989 </div> 2990 <div class="carousel-item "> 2991 <div class="row g-3"> 2992 <div class="col-12"> 2993 <div class="match-card h-100"> 2994 <div class="league-name"> 2995 SPAIN LA LIGA </div> 2996 2997 <div class="kickoff-time"> 2998 October 10, 2026 â 19:00 WIB </div> 2999 3000 <div class="match-main-row"> 3001 <div class="team-col"> 3002 <img 3003 src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png" 3004 alt="Rayo Vallecano" 3005 class="team-logo" 3006 > 3007 <div class="team-name"> 3008 Rayo Vallecano </div> 3009 </div> 3010 3011 <div class="score-col"> 3012 <div class="score-value"> 3013 0 : 0 </div> 3014 3015 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')"> 3016 BET NOW 3017 </a> 3018 </div> 3019 3020 <div class="team-col"> 3021 <img 3022 src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png" 3023 alt="Athletic Bilbao" 3024 class="team-logo" 3025 > 3026 <div class="team-name"> 3027 Athletic Bilbao </div> 3028 </div> 3029 </div> 3030 3031 <div class="match-odds-row"> 3032 <div class="odds-col">
3033 <span> 3034 0.00 <small>0.98</small> 3035 </span> 3036 </div> 3037 3038 <div class="odds-spacer"></div> 3039 3040 <div class="odds-col"> 3041 <span> 3042 0.00 <small>0.92</small> 3043 </span> 3044 </div> 3045 </div> 3046 </div> 3047 </div> 3048 </div> 3049 </div> 3050 <div class="carousel-item "> 3051 <div class="row g-3"> 3052 <div class="col-12"> 3053 <div class="match-card h-100"> 3054 <div class="league-name"> 3055 ENGLISH PREMIER LEAGUE </div> 3056 3057 <div class="kickoff-time"> 3058 October 11, 2026 â 22:30 WIB </div> 3059 3060 <div class="match-main-row"> 3061 <div class="team-col"> 3062 <img 3063 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 3064 alt="Liverpool" 3065 class="team-logo" 3066 > 3067 <div class="team-name"> 3068 Liverpool </div> 3069 </div> 3070 3071 <div class="score-col"> 3072 <div class="score-value"> 3073 0 : 0 </div> 3074 3075 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 3076 BET NOW 3077 </a> 3078 </div> 3079 3080 <div class="team-col"> 3081 <img 3082 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 3083 alt="Manchester City" 3084 class="team-logo" 3085 > 3086 <div class="team-name"> 3087 Manchester City </div> 3088 </div> 3089 </div> 3090 3091 <div class="match-odds-row"> 3092 <div class="odds-col">
3093 <span> 3094 0.00 <small>-0.83</small> 3095 </span> 3096 </div> 3097 3098 <div class="odds-spacer"></div> 3099 3100 <div class="odds-col"> 3101 <span> 3102 0.00 <small>0.73</small> 3103 </span> 3104 </div> 3105 </div> 3106 </div> 3107 </div> 3108 </div> 3109 </div> 3110 </div> 3111 3112 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev"> 3113 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 3114 <span class="visually-hidden">Previous</span> 3115 </button> 3116 3117 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next"> 3118 <span class="carousel-control-next-icon" aria-hidden="true"></span> 3119 <span class="visually-hidden">Next</span> 3120 </button> 3121 </div> 3122 </div> 3123 </div> 3124 <!-- BANNER SBO MOBILE END --> 3125 3126 3127 <!-- Togel --> 3128 3129 <style> 3130 .togel-desktop { 3131 /*background: var(--togel-background);*/ 3132 background: var(--footer-background); 3133 grid-area: togel-desktop; 3134 position: relative; 3135 } 3136 3137 .togel-mobile { 3138 display: none; 3139 } 3140 3141 .show-more { 3142 position: absolute; 3143 3144 z-index: 999; 3145 bottom: 0px; 3146 width: 100%; 3147 3148 /* 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)); */ 3149 } 3150 3151 .show-more-content { 3152 background: var(--secondary-background); 3153 opacity: .7; 3154 display: grid; 3155 place-items: center; 3156 height: 32px 3157 } 3158 3159 .togel-content { 3160 position: relative; 3161 display: flex; 3162 flex-wrap: wrap; 3163 justify-content: center; 3164 /*display: grid;*/ 3165 /*grid-template-columns: repeat(10, 1fr);*/ 3166 gap: 8px 4px; 3167 padding: 16px 0; 3168 } 3169 3170 .see-more { 3171 padding: 16px 0 48px 0; 3172 max-height: 162px; 3173 transition: max-height .75s ease-out; 3174 transition-delay: .1s; 3175 overflow: hidden; 3176 } 3177 3178 .togel-content:hover{ 3179 max-height: 1000px; 3180 transition: max-height 0.25s ease-in; 3181 } 3182 3183 .result { 3184 height: 110px; 3185 width: 96px; 3186 border-radius: 10px; 3187 background: var(--result-background); 3188 border: var(--result-border); 3189 3190 display: grid; 3191 grid-template-rows: 0px 20px 1fr 28px; 3192 grid-template-areas: 3193 "badge" 3194 "pasaran" 3195 "keluaran" 3196 "tanggal" 3197 ; 3198 3199 /* display: flex; 3200 flex-direction: column; 3201 justify-content: space-between; */ 3202 3203 overflow: hidden; 3204 } 3205 3206 .badge { 3207 grid-area: badge; 3208 display: grid; 3209 place-items: center; 3210 } 3211 3212 .result>.pasaran { 3213 3214 grid-area: pasaran; 3215 3216 padding-top: 8px; 3217 white-space: nowrap; 3218 font-size: .7rem; 3219 line-height: .7rem; 3220 3221 color: var(--result-pasaran-color); 3222 display: grid; 3223 place-items: center; 3224 } 3225 3226 .result>.keluaran { 3227 3228 grid-area: keluaran; 3229 padding-bottom: 8px; 3230 font-family: 'Oswald', sans-serif; 3231 line-height: 40px; 3232 font-size: 40px; 3233 color: var(--result-keluaran-color); 3234 display: grid; 3235 place-items: center; 3236 } 3237 3238 .result>.tanggal { 3239 3240 grid-area: tanggal; 3241 3242 width: 100%; 3243 height: 100%; 3244 /* background: rgb(40,0,0); 3245 background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ 3246 background: var(--result-tanggal-background); 3247 white-space: nowarp; 3248 font-size: .79rem; 3249 display: grid; 3250 place-items: center; 3251 font-family: 'Abel', sans-serif; 3252 color: var(--result-tanggal-color); 3253 } 3254 3255 @media only screen and (max-width: 1000px) { 3256 3257 .togel-desktop { 3258 display: none; 3259 } 3260 3261 .togel-mobile { 3262 3263 background: var(--secondary-background); 3264 grid-area: togel-mobile; 3265 padding: 24px; 3266 padding-bottom: 12px; 3267 box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; 3268 } 3269 3270 .togel-title { 3271 padding: 0px; 3272 padding-bottom: 20px; 3273 font-size: 1.4rem; 3274 font-weight: bold; 3275 color: var(--primary-text-color); 3276 } 3277 3278 .togel-content { 3279 max-height: fit-content; 3280 display: grid; 3281 grid-template-columns: 1fr; 3282 gap: 0; 3283 border-radius: 8px; 3284 } 3285 3286 3287 3288 .provider-group { 3289 padding: var(--mobile-padding-horizontal); 3290 } 3291 3292 .badge { 3293 display: none; 3294 } 3295 3296 .result { 3297 height: auto; 3298 width: 100%; 3299 display: grid; 3300 grid-template-rows: 1fr; 3301 grid-template-columns: 1fr 1fr 80px; 3302 grid-template-areas: "pasaran tanggal keluaran"; 3303 border-radius: 0; 3304 border: none; 3305 background: transparent; 3306 padding: 4px 12px; 3307 color: var(--primary-text-color); 3308 font-family: 'Abel', sans-serif; 3309 3310 } 3311 3312 3313 .result-data:nth-child(odd) { 3314 background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background); 3315 } 3316 3317 3318 .accordion-item { 3319 background-color: transparent; 3320 border: 0px; 3321 } 3322 3323 .accordion-button:not(.collapsed) { 3324 color: inherit; 3325 background-color: transparent; 3326 box-shadow: none; 3327 } 3328 3329 .accordion-button::after { 3330 height: 0px; 3331 } 3332 3333 .result>* { 3334 padding: 0px!important; 3335 margin: 0px!important; 3336 font-size: 1.4rem!important; 3337 line-height: auto!important; 3338 font-weight: normal!important; 3339 } 3340 3341 .result>.pasaran { 3342 display: flex; 3343 justify-content: start; 3344 color: var(--primary-text-color)!important; 3345 opacity: .7; 3346 } 3347 3348 .result>.tanggal { 3349 display: flex; 3350 justify-content: center; 3351 background: transparent; 3352 color: var(--primary-text-color)!important; 3353 opacity: .7; 3354 } 3355 3356 .result>.keluaran { 3357 display: flex; 3358 justify-content: end; 3359 /*color: var(--primary-text-color)!important;*/ 3360 font-family: 'Abel', sans-serif; 3361 color: var(--highlight-text-color); 3362 } 3363 3364 } 3365 </style> 3366 3367 3368 3369 <div id="togel-desktop" class="togel-desktop desktop-only"> 3370 3371 3372 3373 3374 <div class="togel-content "> 3375 <!-- <a href="/?content=hasil&pid=SY" class="result"> --> 3376 <a href="/hasil/SY" class="result"> 3377 3378 <div class="badge"> 3379 </div> 3380 3381 <div class="pasaran">SYDNEY </div> 3382 <div class="keluaran">6915</div> 3383 <div class="tanggal"> 9/10/2026</div> 3384 </a> 3385 <!-- <a href="/?content=hasil&pid=SG" class="result"> --> 3386 <a href="/hasil/SG" class="result"> 3387 3388 <div class="badge"> 3389 </div> 3390 3391 <div class="pasaran">SINGAPORE </div> 3392 <div class="keluaran">2855</div> 3393 <div class="tanggal"> 8/10/2026</div> 3394 </a> 3395 <!-- <a href="/?content=hasil&pid=HK" class="result"> --> 3396 <a href="/hasil/HK" class="result"> 3397 3398 <div class="badge"> 3399 </div> 3400 3401 <div class="pasaran">HONGKONG </div> 3402 <div class="keluaran">6469</div> 3403 <div class="tanggal"> 9/10/2026</div> 3404 </a> 3405 <!-- <a href="/?content=hasil&pid=TWH" class="result"> --> 3406 <a href="/hasil/TWH" class="result"> 3407 3408 <div class="badge"> 3409 </div> 3410 3411 <div class="pasaran">
3411TOTO WUHAN </div> 3412 <div class="keluaran">6536</div> 3413 <div class="tanggal"> 10/10/2026</div> 3414 </a> 3415 <!-- <a href="/?content=hasil&pid=HKD" class="result"> --> 3416 <a href="/hasil/HKD" class="result"> 3417 3418 <div class="badge"> 3419 </div> 3420 3421 <div class="pasaran">HK SIANG </div> 3422 <div class="keluaran">3738</div> 3423 <div class="tanggal"> 9/10/2026</div> 3424 </a> 3425 <!-- <a href="/?content=hasil&pid=SGM" class="result"> --> 3426 <a href="/hasil/SGM" class="result"> 3427 3428 <div class="badge"> 3429 </div> 3430 3431 <div class="pasaran">SG METRO </div> 3432 <div class="keluaran">2724</div> 3433 <div class="tanggal"> 9/10/2026</div> 3434 </a> 3435 <!-- <a href="/?content=hasil&pid=MYD" class="result"> --> 3436 <a href="/hasil/MYD" class="result"> 3437 3438 <div class="badge"> 3439 </div> 3440 3441 <div class="pasaran">MALAYSIA SIANG </div> 3442 <div class="keluaran">3162</div> 3443 <div class="tanggal"> 9/10/2026</div> 3444 </a> 3445 <!-- <a href="/?content=hasil&pid=MY" class="result"> --> 3446 <a href="/hasil/MY" class="result"> 3447 3448 <div class="badge"> 3449 </div> 3450 3451 <div class="pasaran">MALAYSIA </div> 3452 <div class="keluaran">6034</div> 3453 <div class="tanggal"> 9/10/2026</div> 3454 </a> 3455 <!-- <a href="/?content=hasil&pid=MC" class="result"> --> 3456 <a href="/hasil/MC" class="result"> 3457 3458 <div class="badge"> 3459 </div> 3460 3461 <div class="pasaran">MACAU </div> 3462 <div class="keluaran">0331</div> 3463 <div class="tanggal"> 9/10/2026</div> 3464 </a> 3465 <!-- <a href="/?content=hasil&pid=QTR" class="result"> --> 3466 <a href="/hasil/QTR" class="result"> 3467 3468 <div class="badge"> 3469 </div> 3470 3471 <div class="pasaran">QATAR </div> 3472 <div class="keluaran">8696</div> 3473 <div class="tanggal"> 9/10/2026</div> 3474 </a> 3475 3476 </div> 3477 </div> 3478 3479 <div id="togel-mobile" class="togel-mobile mobile-only"> 3480 3481 <div class="togel-title">Togel Result</div> 3482 3483 3484 <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px"> 3485 <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> 3486 3487 3488 </div> 3489 <div class="carousel-inner"> 3490 3491 <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> 3492 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY"> 3493 <div class="badge"> 3494 </div> 3495 <div class="pasaran">SYDNEY </div> 3496 <div class="keluaran">6915</div> 3497 <div class="tanggal">09-10-2026</div> 3498 </button> 3499 <div id="paito-SY" class="accordion-collapse collapse"> 3500 3501 <div class="result"> 3502 <div class="pasaran"></div> 3503 <div class="keluaran">5814</div> 3504 <div class="tanggal">08-10-2026</div> 3505 </div> 3506 3507 <div class="result"> 3508 <div class="pasaran"></div> 3509 <div class="keluaran">0569</div> 3510 <div class="tanggal">07-10-2026</div> 3511 </div> 3512 3513 <div class="result"> 3514 <div class="pasaran"></div> 3515 <div class="keluaran">3398</div> 3516 <div class="tanggal">06-10-2026</div> 3517 </div> 3518 3519 <div class="result"> 3520 <div class="pasaran"></div> 3521 <div class="keluaran">9383</div> 3522 <div class="tanggal">05-10-2026</div> 3523 </div> 3524 3525 <div class="result"> 3526 <div class="pasaran"></div> 3527 <div class="keluaran">7933</div> 3528 <div class="tanggal">04-10-2026</div> 3529 </div> 3530 3531 <div class="result"> 3532 <div class="pasaran"></div> 3533 <div class="keluaran">5604</div> 3534 <div class="tanggal">03-10-2026</div> 3535 </div> 3536 3537 <div class="result"> 3538 <div class="pasaran"></div> 3539 <div class="keluaran">5392</div> 3540 <div class="tanggal">02-10-2026</div> 3541 </div> 3542 </div> 3543 </div> 3544 3545 <div class="result-data accordion-item"> 3546 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> 3547 <div class="badge"> 3548 </div> 3549 <div class="pasaran">SINGAPORE </div> 3550 <div class="keluaran">2855</div> 3551 <div class="tanggal">08-10-2026</div> 3552 </button> 3553 <div id="paito-SG" class="accordion-collapse collapse"> 3554 3555 <div class="result"> 3556 <div class="pasaran"></div> 3557 <div class="keluaran">9838</div> 3558 <div class="tanggal">07-10-2026</div> 3559 </div> 3560 3561 <div class="result"> 3562 <div class="pasaran"></div> 3563 <div class="keluaran">3897</div> 3564 <div class="tanggal">05-10-2026</div> 3565 </div> 3566 3567 <div class="result"> 3568 <div class="pasaran"></div> 3569 <div class="keluaran">2812</div> 3570 <div class="tanggal">04-10-2026</div> 3571 </div> 3572 3573 <div class="result"> 3574 <div class="pasaran"></div> 3575 <div class="keluaran">3670</div> 3576 <div class="tanggal">03-10-2026</div> 3577 </div> 3578 3579 <div class="result"> 3580 <div class="pasaran"></div> 3581 <div class="keluaran">9006</div> 3582 <div class="tanggal">01-10-2026</div> 3583 </div> 3584 3585 <div class="result"> 3586 <div class="pasaran"></div> 3587 <div class="keluaran">3096</div> 3588 <div class="tanggal">30-09-2026</div> 3589 </div> 3590 3591 <div class="result"> 3592 <div class="pasaran"></div> 3593 <div class="keluaran">7185</div> 3594 <div class="tanggal">28-09-2026</div> 3595 </div> 3596 </div> 3597 </div> 3598 3599 <div class="result-data accordion-item"> 3600 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK"> 3601 <div class="badge"> 3602 </div> 3603 <div class="pasaran">HONGKONG </div> 3604 <div class="keluaran">6469</div> 3605 <div class="tanggal">09-10-2026</div> 3606 </button> 3607 <div id="paito-HK" class="accordion-collapse collapse"> 3608 3609 <div class="result"> 3610 <div class="pasaran"></div> 3611 <div class="keluaran">8270</div> 3612 <div class="tanggal">08-10-2026</div> 3613 </div> 3614 3615 <div class="result"> 3616 <div class="pasaran"></div> 3617 <div class="keluaran">6196</div> 3618 <div class="tanggal">07-10-2026</div> 3619 </div> 3620 3621 <div class="result"> 3622 <div class="pasaran"></div> 3623 <div class="keluaran">3268</div> 3624 <div class="tanggal">06-10-2026</div> 3625 </div> 3626 3627 <div class="result"> 3628 <div class="pasaran"></div> 3629 <div class="keluaran">9181</div> 3630 <div class="tanggal">05-10-2026</div> 3631 </div> 3632 3633 <div class="result"> 3634 <div class="pasaran"></div> 3635 <div class="keluaran">7176</div> 3636 <div class="tanggal">04-10-2026</div> 3637 </div> 3638 3639 <div class="result"> 3640 <div class="pasaran"></div> 3641 <div class="keluaran">6962</div> 3642 <div class="tanggal">03-10-2026</div> 3643 </div> 3644 3645 <div class="result"> 3646 <div class="pasaran"></div> 3647 <div class="keluaran">3686</div> 3648 <div class="tanggal">02-10-2026</div> 3649 </div> 3650 </div> 3651 </div> 3652 3653 <div class="result-data accordion-item"> 3654 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> 3655 <div class="badge"> 3656 </div> 3657 <div class="pasaran">
3657TOTO WUHAN </div> 3658 <div class="keluaran">6536</div> 3659 <div class="tanggal">10-10-2026</div> 3660 </button> 3661 <div id="paito-TWH" class="accordion-collapse collapse"> 3662 3663 <div class="result"> 3664 <div class="pasaran"></div> 3665 <div class="keluaran">9250</div> 3666 <div class="tanggal">09-10-2026</div> 3667 </div> 3668 3669 <div class="result"> 3670 <div class="pasaran"></div> 3671 <div class="keluaran">4208</div> 3672 <div class="tanggal">09-10-2026</div> 3673 </div> 3674 3675 <div class="result"> 3676 <div class="pasaran"></div> 3677 <div class="keluaran">6154</div> 3678 <div class="tanggal">09-10-2026</div> 3679 </div> 3680 3681 <div class="result"> 3682 <div class="pasaran"></div> 3683 <div class="keluaran">3312</div> 3684 <div class="tanggal">09-10-2026</div> 3685 </div> 3686 3687 <div class="result"> 3688 <div class="pasaran"></div> 3689 <div class="keluaran">4840</div> 3690 <div class="tanggal">09-10-2026</div> 3691 </div> 3692 3693 <div class="result"> 3694 <div class="pasaran"></div> 3695 <div class="keluaran">6631</div> 3696 <div class="tanggal">09-10-2026</div> 3697 </div> 3698 3699 <div class="result"> 3700 <div class="pasaran"></div> 3701 <div class="keluaran">1674</div> 3702 <div class="tanggal">08-10-2026</div> 3703 </div> 3704 </div> 3705 </div> 3706 3707 <div class="result-data accordion-item"> 3708 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD"> 3709 <div class="badge"> 3710 </div> 3711 <div class="pasaran">HK SIANG </div> 3712 <div class="keluaran">3738</div> 3713 <div class="tanggal">09-10-2026</div> 3714 </button> 3715 <div id="paito-HKD" class="accordion-collapse collapse"> 3716 3717 <div class="result"> 3718 <div class="pasaran"></div> 3719 <div class="keluaran">1257</div> 3720 <div class="tanggal">08-10-2026</div> 3721 </div> 3722 3723 <div class="result"> 3724 <div class="pasaran"></div> 3725 <div class="keluaran">6727</div> 3726 <div class="tanggal">07-10-2026</div> 3727 </div> 3728 3729 <div class="result"> 3730 <div class="pasaran"></div> 3731 <div class="keluaran">4776</div> 3732 <div class="tanggal">06-10-2026</div> 3733 </div> 3734 3735 <div class="result"> 3736 <div class="pasaran"></div> 3737 <div class="keluaran">0870</div> 3738 <div class="tanggal">05-10-2026</div> 3739 </div> 3740 3741 <div class="result"> 3742 <div class="pasaran"></div> 3743 <div class="keluaran">3772</div> 3744 <div class="tanggal">04-10-2026</div> 3745 </div> 3746 3747 <div class="result"> 3748 <div class="pasaran"></div> 3749 <div class="keluaran">0546</div> 3750 <div class="tanggal">03-10-2026</div> 3751 </div> 3752 3753 <div class="result"> 3754 <div class="pasaran"></div> 3755 <div class="keluaran">7631</div> 3756 <div class="tanggal">02-10-2026</div> 3757 </div> 3758 </div> 3759 </div> 3760 3761 <div class="result-data accordion-item"> 3762 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM"> 3763 <div class="badge"> 3764 </div> 3765 <div class="pasaran">SG METRO </div> 3766 <div class="keluaran">2724</div> 3767 <div class="tanggal">09-10-2026</div> 3768 </button> 3769 <div id="paito-SGM" class="accordion-collapse collapse"> 3770 3771 <div class="result"> 3772 <div class="pasaran"></div> 3773 <div class="keluaran">6214</div> 3774 <div class="tanggal">08-10-2026</div> 3775 </div> 3776 3777 <div class="result"> 3778 <div class="pasaran"></div> 3779 <div class="keluaran">5977</div> 3780 <div class="tanggal">07-10-2026</div> 3781 </div> 3782 3783 <div class="result"> 3784 <div class="pasaran"></div> 3785 <div class="keluaran">8741</div> 3786 <div class="tanggal">06-10-2026</div> 3787 </div> 3788 3789 <div class="result"> 3790 <div class="pasaran"></div> 3791 <div class="keluaran">3446</div> 3792 <div class="tanggal">05-10-2026</div> 3793 </div> 3794 3795 <div class="result"> 3796 <div class="pasaran"></div> 3797 <div class="keluaran">8676</div> 3798 <div class="tanggal">04-10-2026</div> 3799 </div> 3800 3801 <div class="result"> 3802 <div class="pasaran"></div> 3803 <div class="keluaran">9340</div> 3804 <div class="tanggal">03-10-2026</div> 3805 </div> 3806 3807 <div class="result"> 3808 <div class="pasaran"></div> 3809 <div class="keluaran">2649</div> 3810 <div class="tanggal">02-10-2026</div> 3811 </div> 3812 </div> 3813 </div> 3814 3815 <div class="result-data accordion-item"> 3816 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD"> 3817 <div class="badge"> 3818 </div> 3819 <div class="pasaran">MALAYSIA SIANG </div> 3820 <div class="keluaran">3162</div> 3821 <div class="tanggal">09-10-2026</div> 3822 </button> 3823 <div id="paito-MYD" class="accordion-collapse collapse"> 3824 3825 <div class="result"> 3826 <div class="pasaran"></div> 3827 <div class="keluaran">4272</div> 3828 <div class="tanggal">08-10-2026</div> 3829 </div> 3830 3831 <div class="result"> 3832 <div class="pasaran"></div> 3833 <div class="keluaran">9074</div> 3834 <div class="tanggal">07-10-2026</div> 3835 </div> 3836 3837 <div class="result"> 3838 <div class="pasaran"></div> 3839 <div class="keluaran">1210</div> 3840 <div class="tanggal">06-10-2026</div> 3841 </div> 3842 3843 <div class="result"> 3844 <div class="pasaran"></div> 3845 <div class="keluaran">2452</div> 3846 <div class="tanggal">05-10-2026</div> 3847 </div> 3848 3849 <div class="result"> 3850 <div class="pasaran"></div> 3851 <div class="keluaran">6932</div> 3852 <div class="tanggal">04-10-2026</div> 3853 </div> 3854 3855 <div class="result"> 3856 <div class="pasaran"></div> 3857 <div class="keluaran">5590</div> 3858 <div class="tanggal">03-10-2026</div> 3859 </div> 3860 3861 <div class="result"> 3862 <div class="pasaran"></div> 3863 <div class="keluaran">7799</div> 3864 <div class="tanggal">02-10-2026</div> 3865 </div> 3866 </div> 3867 </div> 3868 3869 <div class="result-data accordion-item"> 3870 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY"> 3871 <div class="badge"> 3872 </div> 3873 <div class="pasaran">MALAYSIA </div> 3874 <div class="keluaran">6034</div> 3875 <div class="tanggal">09-10-2026</div> 3876 </button> 3877 <div id="paito-MY" class="accordion-collapse collapse"> 3878 3879 <div class="result"> 3880 <div class="pasaran"></div> 3881
3881 <div class="keluaran">2991</div> 3882 <div class="tanggal">08-10-2026</div> 3883 </div> 3884 3885 <div class="result"> 3886 <div class="pasaran"></div> 3887 <div class="keluaran">3932</div> 3888 <div class="tanggal">07-10-2026</div> 3889 </div> 3890 3891 <div class="result"> 3892 <div class="pasaran"></div> 3893 <div class="keluaran">4883</div> 3894 <div class="tanggal">06-10-2026</div> 3895 </div> 3896 3897 <div class="result"> 3898 <div class="pasaran"></div> 3899 <div class="keluaran">4639</div> 3900 <div class="tanggal">05-10-2026</div> 3901 </div> 3902 3903 <div class="result"> 3904 <div class="pasaran"></div> 3905 <div class="keluaran">4920</div> 3906 <div class="tanggal">04-10-2026</div> 3907 </div> 3908 3909 <div class="result"> 3910 <div class="pasaran"></div> 3911 <div class="keluaran">8849</div> 3912 <div class="tanggal">03-10-2026</div> 3913 </div> 3914 3915 <div class="result"> 3916 <div class="pasaran"></div> 3917 <div class="keluaran">7141</div> 3918 <div class="tanggal">02-10-2026</div> 3919 </div> 3920 </div> 3921 </div> 3922 3923 <div class="result-data accordion-item"> 3924 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MC"> 3925 <div class="badge"> 3926 </div> 3927 <div class="pasaran">MACAU </div> 3928 <div class="keluaran">0331</div> 3929 <div class="tanggal">09-10-2026</div> 3930 </button> 3931 <div id="paito-MC" class="accordion-collapse collapse"> 3932 3933 <div class="result"> 3934 <div class="pasaran"></div> 3935 <div class="keluaran">8646</div> 3936 <div class="tanggal">08-10-2026</div> 3937 </div> 3938 3939 <div class="result"> 3940 <div class="pasaran"></div> 3941 <div class="keluaran">7182</div> 3942 <div class="tanggal">07-10-2026</div> 3943 </div> 3944 3945 <div class="result"> 3946 <div class="pasaran"></div> 3947 <div class="keluaran">1061</div> 3948 <div class="tanggal">06-10-2026</div> 3949 </div> 3950 3951 <div class="result"> 3952 <div class="pasaran"></div> 3953 <div class="keluaran">7204</div> 3954 <div class="tanggal">05-10-2026</div> 3955 </div> 3956 3957 <div class="result"> 3958 <div class="pasaran"></div> 3959 <div class="keluaran">1662</div> 3960 <div class="tanggal">04-10-2026</div> 3961 </div> 3962 3963 <div class="result"> 3964 <div class="pasaran"></div> 3965 <div class="keluaran">2898</div> 3966 <div class="tanggal">03-10-2026</div> 3967 </div> 3968 3969 <div class="result"> 3970 <div class="pasaran"></div> 3971 <div class="keluaran">8307</div> 3972 <div class="tanggal">02-10-2026</div> 3973 </div> 3974 </div> 3975 </div> 3976 3977 <div class="result-data accordion-item"> 3978 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR"> 3979 <div class="badge"> 3980 </div> 3981 <div class="pasaran">QATAR </div> 3982 <div class="keluaran">8696</div> 3983 <div class="tanggal">09-10-2026</div> 3984 </button> 3985 <div id="paito-QTR" class="accordion-collapse collapse"> 3986 3987 <div class="result"> 3988 <div class="pasaran"></div> 3989 <div class="keluaran">8317</div> 3990 <div class="tanggal">08-10-2026</div> 3991 </div> 3992 3993 <div class="result"> 3994 <div class="pasaran"></div> 3995 <div class="keluaran">9915</div> 3996 <div class="tanggal">07-10-2026</div> 3997 </div> 3998 3999 <div class="result"> 4000 <div class="pasaran"></div> 4001 <div class="keluaran">5740</div> 4002 <div class="tanggal">06-10-2026</div> 4003 </div> 4004 4005 <div class="result"> 4006 <div class="pasaran"></div> 4007 <div class="keluaran">8643</div> 4008 <div class="tanggal">05-10-2026</div> 4009 </div> 4010 4011 <div class="result"> 4012 <div class="pasaran"></div> 4013 <div class="keluaran">0646</div> 4014 <div class="tanggal">04-10-2026</div> 4015 </div> 4016 4017 <div class="result"> 4018 <div class="pasaran"></div> 4019 <div class="keluaran">7691</div> 4020 <div class="tanggal">03-10-2026</div> 4021 </div> 4022 4023 <div class="result"> 4024 <div class="pasaran"></div> 4025 <div class="keluaran">3505</div> 4026 <div class="tanggal">02-10-2026</div> 4027 </div> 4028 </div> 4029 </div> 4030 4031 </div> 4032 4033 </div> 4034 </div> 4035 </div> 4036 4037
4037<script> 4038 4039 function togglePaito(paitoid) { 4040 let paito = document.getElementById(paitoid); 4041 paito.classList.add("open"); 4042 } 4043 4044 4045 </script>
4045 4046 4047 <div class="transaksi p-0 py-lg-4"> 4048 <div class="d-none d-lg-block"> 4049 <!-- BANNER SBO DESKTOP --> 4050 <div class="match-slider-wrap"> 4051 <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 4052 4053 <div class="carousel-indicators"> 4054 <button 4055 type="button" 4056 data-bs-target="#sboMatchCarouselDesktop" 4057 data-bs-slide-to="0" 4058 class="active" 4059 aria-current="true" aria-label="Slide 1"> 4060 </button> 4061 <button 4062 type="button" 4063 data-bs-target="#sboMatchCarouselDesktop" 4064 data-bs-slide-to="1" 4065 class="" 4066 aria-label="Slide 2"> 4067 </button> 4068 <button 4069 type="button" 4070 data-bs-target="#sboMatchCarouselDesktop" 4071 data-bs-slide-to="2" 4072 class="" 4073 aria-label="Slide 3"> 4074 </button> 4075 <button 4076 type="button" 4077 data-bs-target="#sboMatchCarouselDesktop" 4078 data-bs-slide-to="3" 4079 class="" 4080 aria-label="Slide 4"> 4081 </button> 4082 </div> 4083 4084 <div class="carousel-inner"> 4085 <div class="carousel-item active"> 4086 <div class="row g-3"> 4087 <div class="col-12 col-md-6 col-lg-4"> 4088 <div class="match-card h-100"> 4089 <div class="league-name"> 4090 ENGLISH PREMIER LEAGUE </div> 4091 4092 <div class="kickoff-time"> 4093 October 10, 2026 â 18:30 WIB </div> 4094 4095 <div class="match-main-row"> 4096 <div class="team-col"> 4097 <img 4098 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 4099 alt="Arsenal" 4100 class="team-logo" 4101 > 4102 <div class="team-name"> 4103 Arsenal </div> 4104 </div> 4105 4106 <div class="score-col"> 4107 <div class="score-value"> 4108 0 : 0 </div> 4109 4110 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 4111 BET NOW 4112 </a> 4113 </div> 4114 4115 <div class="team-col"> 4116 <img 4117 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
4117ce556.png" 4118 alt="Leeds United" 4119 class="team-logo" 4120 > 4121 <div class="team-name"> 4122 Leeds United </div> 4123 </div> 4124 </div> 4125 4126 <div class="match-odds-row"> 4127 <div class="odds-col"> 4128 <span> 4129 0.75 <small>0.50</small> 4130 </span> 4131 </div> 4132 4133 <div class="odds-spacer"></div> 4134 4135 <div class="odds-col"> 4136 <span> 4137 -0.75 <small>-0.60</small> 4138 </span> 4139 </div> 4140 </div> 4141 </div> 4142 </div> 4143 <div class="col-12 col-md-6 col-lg-4"> 4144 <div class="match-card h-100"> 4145 <div class="league-name"> 4146 ENGLISH PREMIER LEAGUE </div> 4147 4148 <div class="kickoff-time"> 4149 October 10, 2026 â 21:00 WIB </div> 4150 4151 <div class="match-main-row"> 4152 <div class="team-col"> 4153 <img 4154 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 4155 alt="Chelsea" 4156 class="team-logo" 4157 > 4158 <div class="team-name"> 4159 Chelsea </div> 4160 </div> 4161 4162 <div class="score-col"> 4163 <div class="score-value"> 4164 0 : 0 </div> 4165 4166 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 4167 BET NOW 4168 </a> 4169 </div> 4170 4171 <div class="team-col"> 4172 <img 4173 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 4174 alt="Bournemouth AFC" 4175 class="team-logo" 4176 > 4177 <div class="team-name"> 4178 Bournemouth AFC </div> 4179 </div> 4180 </div> 4181 4182 <div class="match-odds-row"> 4183 <div class="odds-col"> 4184 <sp
4184an> 4185 0.5 <small>0.66</small> 4186 </span> 4187 </div> 4188 4189 <div class="odds-spacer"></div> 4190 4191 <div class="odds-col"> 4192 <span> 4193 -0.5 <small>-0.76</small> 4194 </span> 4195 </div> 4196 </div> 4197 </div> 4198 </div> 4199 <div class="col-12 col-md-6 col-lg-4"> 4200 <div class="match-card h-100"> 4201 <div class="league-name"> 4202 SPAIN LA LIGA </div> 4203 4204 <div class="kickoff-time"> 4205 October 10, 2026 â 23:30 WIB </div> 4206 4207 <div class="match-main-row"> 4208 <div class="team-col"> 4209 <img 4210 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 4211 alt="Barcelona" 4212 class="team-logo" 4213 > 4214 <div class="team-name"> 4215 Barcelona </div> 4216 </div> 4217 4218 <div class="score-col"> 4219 <div class="score-value"> 4220 0 : 0 </div> 4221 4222 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 4223 BET NOW 4224 </a> 4225 </div> 4226 4227 <div class="team-col"> 4228 <img 4229 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 4230 alt="Getafe" 4231 class="team-logo" 4232 > 4233 <div class="team-name"> 4234 Getafe </div> 4235 </div> 4236 </div> 4237 4238 <div class="match-odds-row"> 4239 <div class="odds-col"> 4240 <sp
4240an> 4241 2.5 <small>0.82</small> 4242 </span> 4243 </div> 4244 4245 <div class="odds-spacer"></div> 4246 4247 <div class="odds-col"> 4248 <span> 4249 -2.5 <small>-0.92</small> 4250 </span> 4251 </div> 4252 </div> 4253 </div> 4254 </div> 4255 </div> 4256 </div> 4257 <div class="carousel-item "> 4258 <div class="row g-3"> 4259 <div class="col-12 col-md-6 col-lg-4"> 4260 <div class="match-card h-100"> 4261 <div class="league-name"> 4262 ENGLISH PREMIER LEAGUE </div> 4263 4264 <div class="kickoff-time"> 4265 October 10, 2026 â 21:00 WIB </div> 4266 4267 <div class="match-main-row"> 4268 <div class="team-col"> 4269 <img 4270 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 4271 alt="Aston Villa" 4272 class="team-logo" 4273 > 4274 <div class="team-name"> 4275 Aston Villa </div> 4276 </div> 4277 4278 <div class="score-col"> 4279 <div class="score-value"> 4280 0 : 0 </div> 4281 4282 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 4283 BET NOW 4284 </a> 4285 </div> 4286 4287 <div class="team-col"> 4288 <img 4289 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 4290 alt="Brentford" 4291 class="team-logo" 4292 > 4293 <div class="team-name"> 4294 Brentford </div> 4295 </div> 4296 </div> 4297 4298 <div class="match-odds-row"> 4299 <div class="odds-col"> 4300 <sp
4300an> 4301 0.00 <small>-0.97</small> 4302 </span> 4303 </div> 4304 4305 <div class="odds-spacer"></div> 4306 4307 <div class="odds-col"> 4308 <span> 4309 0.00 <small>0.87</small> 4310 </span> 4311 </div> 4312 </div> 4313 </div> 4314 </div> 4315 <div class="col-12 col-md-6 col-lg-4"> 4316 <div class="match-card h-100"> 4317 <div class="league-name"> 4318 ENGLISH PREMIER LEAGUE </div> 4319 4320 <div class="kickoff-time"> 4321 October 10, 2026 â 21:00 WIB </div> 4322 4323 <div class="match-main-row"> 4324 <div class="team-col"> 4325 <img 4326 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 4327 alt="Sunderland" 4328 class="team-logo" 4329 > 4330 <div class="team-name"> 4331 Sunderland </div> 4332 </div> 4333 4334 <div class="score-col"> 4335 <div class="score-value"> 4336 0 : 0 </div> 4337 4338 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 4339 BET NOW 4340 </a> 4341 </div> 4342 4343 <div class="team-col"> 4344 <img 4345 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 4346 alt="Brighton & Hove Albion" 4347 class="team-logo" 4348 > 4349 <div class="team-name"> 4350 Brighton & Hove Albion </div> 4351 </div> 4352 </div> 4353 4354 <div class="match-odds-row"> 4355 <div class="odds-col"> 4356 <sp
4356an> 4357 0.00 <small>-0.82</small> 4358 </span> 4359 </div> 4360 4361 <div class="odds-spacer"></div> 4362 4363 <div class="odds-col"> 4364 <span> 4365 0.00 <small>0.72</small> 4366 </span> 4367 </div> 4368 </div> 4369 </div> 4370 </div> 4371 <div class="col-12 col-md-6 col-lg-4"> 4372 <div class="match-card h-100"> 4373 <div class="league-name"> 4374 ENGLISH PREMIER LEAGUE </div> 4375 4376 <div class="kickoff-time"> 4377 October 10, 2026 â 23:30 WIB </div> 4378 4379 <div class="match-main-row"> 4380 <div class="team-col"> 4381 <img 4382 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 4383 alt="Manchester United" 4384 class="team-logo" 4385 > 4386 <div class="team-name"> 4387 Manchester United </div> 4388 </div> 4389 4390 <div class="score-col"> 4391 <div class="score-value"> 4392 0 : 0 </div> 4393 4394 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 4395 BET NOW 4396 </a> 4397 </div> 4398 4399 <div class="team-col"> 4400 <img 4401 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 4402 alt="Tottenham Hotspur" 4403 class="team-logo" 4404 > 4405 <div class="team-name"> 4406 Tottenham Hotspur </div> 4407 </div> 4408 </div> 4409 4410 <div class="match-odds-row"> 4411 <div class="odds-col"> 4412 <sp
4412an> 4413 0.5 <small>0.72</small> 4414 </span> 4415 </div> 4416 4417 <div class="odds-spacer"></div> 4418 4419 <div class="odds-col"> 4420 <span> 4421 -0.5 <small>-0.82</small> 4422 </span> 4423 </div> 4424 </div> 4425 </div> 4426 </div> 4427 </div> 4428 </div> 4429 <div class="carousel-item "> 4430 <div class="row g-3"> 4431 <div class="col-12 col-md-6 col-lg-4"> 4432 <div class="match-card h-100"> 4433 <div class="league-name"> 4434 SPAIN LA LIGA </div> 4435 4436 <div class="kickoff-time"> 4437 October 11, 2026 â 02:00 WIB </div> 4438 4439 <div class="match-main-row"> 4440 <div class="team-col"> 4441 <img 4442 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 4443 alt="Real Madrid" 4444 class="team-logo" 4445 > 4446 <div class="team-name"> 4447 Real Madrid </div> 4448 </div> 4449 4450 <div class="score-col"> 4451 <div class="score-value"> 4452 0 : 0 </div> 4453 4454 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 4455 BET NOW 4456 </a> 4457 </div> 4458 4459 <div class="team-col"> 4460 <img 4461 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 4462 alt="Villarreal" 4463 class="team-logo" 4464 > 4465 <div class="team-name"> 4466 Villarreal </div> 4467 </div> 4468 </div> 4469 4470 <div class="match-odds-row"> 4471 <div class="odds-col"> 4472 <sp
4472an> 4473 1 <small>0.55</small> 4474 </span> 4475 </div> 4476 4477 <div class="odds-spacer"></div> 4478 4479 <div class="odds-col"> 4480 <span> 4481 -1 <small>-0.65</small> 4482 </span> 4483 </div> 4484 </div> 4485 </div> 4486 </div> 4487 <div class="col-12 col-md-6 col-lg-4"> 4488 <div class="match-card h-100"> 4489 <div class="league-name"> 4490 ITALY SERIE A </div> 4491 4492 <div class="kickoff-time"> 4493 October 10, 2026 â 22:59 WIB </div> 4494 4495 <div class="match-main-row"> 4496 <div class="team-col"> 4497 <img 4498 src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png" 4499 alt="Inter Milan" 4500 class="team-logo" 4501 > 4502 <div class="team-name"> 4503 Inter Milan </div> 4504 </div> 4505 4506 <div class="score-col"> 4507 <div class="score-value"> 4508 0 : 0 </div> 4509 4510 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')"> 4511 BET NOW 4512 </a> 4513 </div> 4514 4515 <div class="team-col"> 4516 <img 4517 src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png" 4518 alt="Parma Calcio" 4519 class="team-logo" 4520 > 4521 <div class="team-name"> 4522 Parma Calcio </div> 4523 </div> 4524 </div> 4525 4526 <div class="match-odds-row"> 4527 <div class="odds-col"> 4528 <sp
4528an> 4529 2 <small>0.65</small> 4530 </span> 4531 </div> 4532 4533 <div class="odds-spacer"></div> 4534 4535 <div class="odds-col"> 4536 <span> 4537 -2 <small>-0.75</small> 4538 </span> 4539 </div> 4540 </div> 4541 </div> 4542 </div> 4543 <div class="col-12 col-md-6 col-lg-4"> 4544 <div class="match-card h-100"> 4545 <div class="league-name"> 4546 SPAIN LA LIGA </div> 4547 4548 <div class="kickoff-time"> 4549 October 10, 2026 â 19:00 WIB </div> 4550 4551 <div class="match-main-row"> 4552 <div class="team-col"> 4553 <img 4554 src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png" 4555 alt="Rayo Vallecano" 4556 class="team-logo" 4557 > 4558 <div class="team-name"> 4559 Rayo Vallecano </div> 4560 </div> 4561 4562 <div class="score-col"> 4563 <div class="score-value"> 4564 0 : 0 </div> 4565 4566 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')"> 4567 BET NOW 4568 </a> 4569 </div> 4570 4571 <div class="team-col"> 4572 <img 4573 src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png" 4574 alt="Athletic Bilbao" 4575 class="team-logo" 4576 > 4577 <div class="team-name"> 4578 Athletic Bilbao </div> 4579 </div> 4580 </div> 4581 4582 <div class="match-odds-row"> 4583 <div class="odds-col"> 4584 <sp
4584an> 4585 0.00 <small>0.98</small> 4586 </span> 4587 </div> 4588 4589 <div class="odds-spacer"></div> 4590 4591 <div class="odds-col"> 4592 <span> 4593 0.00 <small>0.92</small> 4594 </span> 4595 </div> 4596 </div> 4597 </div> 4598 </div> 4599 </div> 4600 </div> 4601 <div class="carousel-item "> 4602 <div class="row g-3"> 4603 <div class="col-12 col-md-6 col-lg-4"> 4604 <div class="match-card h-100"> 4605 <div class="league-name"> 4606 ENGLISH PREMIER LEAGUE </div> 4607 4608 <div class="kickoff-time"> 4609 October 11, 2026 â 22:30 WIB </div> 4610 4611 <div class="match-main-row"> 4612 <div class="team-col"> 4613 <img 4614 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 4615 alt="Liverpool" 4616 class="team-logo" 4617 > 4618 <div class="team-name"> 4619 Liverpool </div> 4620 </div> 4621 4622 <div class="score-col"> 4623 <div class="score-value"> 4624 0 : 0 </div> 4625 4626 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 4627 BET NOW 4628 </a> 4629 </div> 4630 4631 <div class="team-col"> 4632 <img 4633 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 4634 alt="Manchester City" 4635 class="team-logo" 4636 > 4637 <div class="team-name"> 4638 Manchester City </div> 4639 </div> 4640 </div> 4641 4642 <div class="match-odds-row"> 4643 <div class="odds-col"> 4644 <sp
4644an> 4645 0.00 <small>-0.83</small> 4646 </span> 4647 </div> 4648 4649 <div class="odds-spacer"></div> 4650 4651 <div class="odds-col"> 4652 <span> 4653 0.00 <small>0.73</small> 4654 </span> 4655 </div> 4656 </div> 4657 </div> 4658 </div> 4659 </div> 4660 </div> 4661 </div> 4662 4663 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev"> 4664 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 4665 <span class="visually-hidden">Previous</span> 4666 </button> 4667 4668 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next"> 4669 <span class="carousel-control-next-icon" aria-hidden="true"></span> 4670 <span class="visually-hidden">Next</span> 4671 </button> 4672 </div> 4673 </div> 4674 <!-- BANNER SBO DESKTOP END --> 4675 <!-- Banner Telegram --> 4676 4677 4678 4679 <div class="transaksi-kontak"> 4680 4681 <div class="d-flex flex-column w-100"> 4682 <div class="transaksi-content"> 4683 <!-- Bank --> 4684 4685<style> 4686 /* ====== LAYOUT KESELURUHAN ====== */ 4687 4688 .transaksi-layout { 4689 display: flex; 4690 justify-content: center; 4691 gap: 16px; 4692 align-items: center; 4693 } 4694 4695 .transaksi-left-inner { 4696 width: 100%; 4697 } 4698 4699 .transaksi-left-img { 4700 width: 100%; 4701 height: auto; 4702 display: block; 4703 object-fit: cover; 4704 } 4705 4706 .transaksi-right-box { 4707 flex: 1; 4708 display: flex; 4709 justify-content: flex-start; 4710 } 4711 4712 .transaksi-group { 4713 display: flex; 4714 flex-direction: column; 4715 gap: 16px; 4716 width: 100%; 4717 grid-template-areas: 4718 "transaksi-bank transaksi-other transaksi-crypto"; 4719 } 4720 4721 .transaksi-bank { 4722 grid-area: transaksi-bank; 4723 display: grid; 4724 place-items: center; 4725 justify-content: flex-start; 4726 } 4727 4728 .transaksi-other { 4729 grid-area: transaksi-other; 4730 display: flex; 4731 justify-content: flex-start; 4732 width: 100%; 4733 } 4734 4735 .transaksi-crypto { 4736 grid-area: transaksi-crypto; 4737 display: flex; 4738 justify-content: flex-start; 4739 width: 100%; 4740 } 4741 4742 .transaksi-wrapper { 4743 display: flex; 4744 flex-direction: column; 4745 gap: .5rem; 4746 align-items: flex-start; 4747 } 4748 4749 .transaksi-name { 4750 font-size: 1.1rem; 4751 font-weight: bold; 4752 line-height: 1.5rem; 4753 } 4754 4755 /* ====== GRID LIST ====== */ 4756 4757 .transaksi-list-bank, 4758 .transaksi-list-other { 4759 height: fit-content; 4760 display: grid; 4761 grid-template-columns: repeat(5, minmax(80px, 1fr)); 4762 gap: 4px 6px; 4763 } 4764 4765 .transaksi-list-crypto { 4766 height: fit-content; 4767 display: flex; 4768 align-items: center; 4769 gap: 24px; 4770 width: 100%; 4771 justify-content: flex-start; 4772 } 4773 4774 .icon-crypto { 4775 width: 24px; 4776 height: 24px; 4777 } 4778 4779 /* ====== ITEM BANK / EMONEY ====== */ 4780 4781 .transaksi-item { 4782 display: flex; 4783 flex-direction: column; 4784 position: relative; 4785 } 4786 4787 .transaksi-header { 4788 height: 30px; 4789 border-radius: 5px; 4790 font-weight: bold; 4791 border: 2px solid rgba(108,108,108,1); 4792 background: rgba(54,54,54,1); 4793 color: white; 4794 display: flex; 4795 align-items: center; 4796 justify-content: center; 4797 padding: 0 12px 0 22px; /* extra space kiri buat dot */ 4798 font-size: 0.9rem; 4799 white-space: nowrap; 4800 } 4801 4802 /* strip bawah lama dimatikan */ 4803 .transaksi-status { 4804 display: none; 4805 } 4806 4807 /* ====== ONLINE / OFFLINE DOT ====== */ 4808 4809 /* ONLINE: tambahkan class is-online di PHP */ 4810 .transaksi-header.is-online::before { 4811 content: ""; 4812 position: absolute; 4813 left: 8px; 4814 top: 50%; 4815 transform: translateY(-50%); 4816 width: 9px; 4817 height: 9px; 4818 border-radius: 50%; 4819 background-color: #00ff66; 4820 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4821 } 4822 4823 /* OFFLINE: is-offline (lebih gelap + tanpa dot) */ 4824 .transaksi-header.is-offline { 4825 background: #2e2e2e; 4826 border-color: #555; 4827 opacity: .4; 4828 } 4829 4830 /* backup: kalau lupa kasih class di PHP, treat sebagai offline */ 4831 .transaksi-header:not(.is-online):not(.is-offline) { 4832 background: #2e2e2e; 4833 border-color: #555; 4834 opacity: .4; 4835 } 4836 4837 @media only screen and (max-width: 768px) { 4838 4839 .transaksi-layout { 4840 flex-direction: column; 4841 align-items: center; 4842 } 4843 4844 .transaksi-group { 4845 display: grid; 4846 grid-template-columns: 1fr; 4847 grid-template-areas: 4848 "transaksi-bank" 4849 "transaksi-other" 4850 "transaksi-crypto"; 4851 gap: 32px; 4852 margin-bottom: 8px; 4853 } 4854 4855 .transaksi-header { 4856 font-size: 1.1rem; 4857 height: 36px; 4858 } 4859 4860 .transaksi-list-bank { 4861 grid-template-columns: repeat(4, 1fr); 4862 } 4863 4864 .transaksi-list-other { 4865 grid-template-columns: repeat(4, 1fr); 4866 } 4867 4868 .transaksi-list-crypto { 4869 width: 86%; 4870 margin: auto; 4871 flex-wrap: wrap; 4872 } 4873 4874 .transaksi-item { 4875 width: 100%; 4876 } 4877 4878 .transaksi-name { 4879 font-size: 1.3rem; 4880 text-align: center; 4881 line-height: 1.8rem; 4882 } 4883 4884 .transaksi-wrapper { 4885 width: 100%; 4886 max-width: 100%!important; 4887 gap: 1rem; 4888 align-items: center; 4889 } 4890 4891 .icon-crypto { 4892 width: 28px; 4893 height: 28px; 4894 } 4895 } 4896 4897 /* LEBAR BOX BANK BIAR RAPI DAN CENTER */ 4898 .transaksi-header { 4899 height: 34px; 4900 border-radius: 6px; 4901 font-weight: bold; 4902 border: 2px solid rgba(108,108,108,1); 4903 background: rgba(54,54,54,1); 4904 color: white; 4905 4906 /* Tambahan baru */ 4907 min-width: 110px; /* Lebarin biar semua rata */ 4908 padding: 0 16px 0 28px; /* Kasih ruang untuk dot */ 4909 display: flex; 4910 align-items: center; 4911 justify-content: center; 4912 text-align: center; 4913 4914 white-space: nowrap; 4915 } 4916 4917 /* DOT ONLINE */ 4918 .transaksi-header.is-online::before { 4919 content: ""; 4920 position: absolute; 4921 left: 10px; 4922 top: 50%; 4923 transform: translateY(-50%); 4924 width: 10px; 4925 height: 10px; 4926 border-radius: 50%; 4927 background-color: #00ff66; 4928 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4929 } 4930 4931 /* OFFLINE (DISABLED) */ 4932 .transaksi-header.is-offline { 4933 padding: 0 16px; 4934 background: #2e2e2e; 4935 border-color: #555; 4936 opacity: .35; 4937 align-items: center; 4938 justify-content: center; 4939 text-align: center; 4940 } 4941 4942 /* GRID-nya sedikit dilebarin biar simetris */ 4943 .transaksi-list-bank, 4944 .transaksi-list-other { 4945 grid-template-columns: repeat(4, minmax(110px, 1fr)); 4946 gap: 8px 10px; 4947 } 4948 4949</style> 4950 4951<div class="transaksi-layout"> 4952 <div class="transaksi-left-box"> 4953 <div class="transaksi-left-inner"> 4954 <img src="/images/transaksi.png" class="transaksi-left-img"> 4955 </div> 4956 </div> 4957 4958 <div class="transaksi-right-box"> 4959 <div class="transaksi-group"> 4960 4961 <!-- BANK LOKAL --> 4962 <div class="transaksi-bank"> 4963 <div class="transaksi-wrapper"> 4964 <div class="transaksi-name">Bank Lokal</div> 4965 <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> 4966 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4967 </div> 4968 4969 <div class="carousel-inner" > 4970 <div class="carousel-item active"> 4971 <div class="transaksi-list-bank"> 4972 <div class="transaksi-item"> 4973 <div class="transaksi-header is-online"> 4974 BCA </div> 4975 <div class="transaksi-status"></div> 4976 </div> 4977 <div class="transaksi-item"> 4978 <div class="transaksi-header is-online"> 4979 Mandiri </div> 4980 <div class="transaksi-status"></div> 4981 </div> 4982 <div class="transaksi-item"> 4983 <div class="transaksi-header is-online"> 4984 BNI </div> 4985 <div class="transaksi-status"></div> 4986 </div> 4987 <div class="transaksi-item"> 4988 <div class="transaksi-header is-online"> 4989 BRI </div> 4990 <div class="transaksi-status"></div> 4991 </div> 4992 <div class="transaksi-item"> 4993 <div class="transaksi-header is-online"> 4994 CIMB </div> 4995 <div class="transaksi-status"></div> 4996 </div> 4997 <div class="transaksi-item"> 4998 <div class="transaksi-header is-online"> 4999 Danamon </div> 5000 <div class="transaksi-status"></div> 5001 </div> 5002 <div class="transaksi-item"> 5003 <div class="transaksi-header is-online"> 5004 Permata </div> 5005 <div class="transaksi-status"></div> 5006 </div> 5007 <div class="transaksi-item"> 5008 <div class="transaksi-header is-online"> 5009 BJB </div> 5010 <div class="transaksi-status"></div> 5011 </div> 5012 <div class="transaksi-item"> 5013 <div class="transaksi-header is-online"> 5014 PANIN </div> 5015 <div class="transaksi-status"></div> 5016 </div> 5017 <div class="transaksi-item"> 5018 <div class="transaksi-header is-online"> 5019 OCBC </div> 5020 <div class="transaksi-status"></div> 5021 </div> 5022 <div class="transaksi-item"> 5023 <div class="transaksi-header is-online"> 5024 DKI </div> 5025 <div class="transaksi-status"></div> 5026 </div> 5027 <div class="transaksi-item"> 5028 <div class="transaksi-header is-online"> 5029 SUMUT </div> 5030 <div class="transaksi-status"></div> 5031 </div> 5032 <div class="transaksi-item"> 5033 <div class="transaksi-header is-online"> 5034 BSI </div> 5035 <div class="transaksi-status"></div> 5036 </div> 5037 <div class="transaksi-item"> 5038 <div class="transaksi-header is-online"> 5039 NEO </div> 5040 <div class="transaksi-status"><
5040/div> 5041 </div> 5042 <div class="transaksi-item"> 5043 <div class="transaksi-header is-online"> 5044 JAGO </div> 5045 <div class="transaksi-status"></div> 5046 </div> 5047 <div class="transaksi-item"> 5048 <div class="transaksi-header is-online"> 5049 SeaBank </div> 5050 <div class="transaksi-status"></div> 5051 </div> 5052 </div> 5053 </div> 5054 </div> 5055 </div> 5056 5057 </div> 5058 </div> 5059 5060 <!-- E MONEY & PULSA --> 5061 <div class="transaksi-other"> 5062 <div class="transaksi-wrapper"> 5063 <div class="transaksi-name">E Money & Pulsa</div> 5064 5065 <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> 5066 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5067 </div> 5068 5069 <div class="carousel-inner" > 5070 <div class="carousel-item active"> 5071 <div class="transaksi-list-other"> 5072 <div class="transaksi-item"> 5073 <div class="transaksi-header is-online"> 5074 Jenius </div> 5075 <div class="transaksi-status"></div> 5076 </div> 5077 <div class="transaksi-item"> 5078 <div class="transaksi-header is-online"> 5079 DANA </div> 5080 <div class="transaksi-status"></div> 5081 </div> 5082 <div class="transaksi-item"> 5083 <div class="transaksi-header is-online"> 5084 OVO </div> 5085 <div class="transaksi-status"></div> 5086 </div> 5087 <div class="transaksi-item"> 5088 <div class="transaksi-header is-online"> 5089 GOPAY </div> 5090 <div class="transaksi-status"></div> 5091 </div> 5092 <div class="transaksi-item"> 5093 <div class="transaksi-header is-online"> 5094 LinkAja </div> 5095 <div class="transaksi-status"></div> 5096 </div> 5097 <div class="transaksi-item"> 5098 <div class="transaksi-header is-online"> 5099 Sakuku </div> 5100 <div class="transaksi-status"></div> 5101 </div> 5102 <div class="transaksi-item"> 5103 <div class="transaksi-header is-online"> 5104 Lain-lain </div> 5105 <div class="transaksi-status"></div> 5106 </div> 5107 </div> 5108 </div> 5109 </div> 5110 </div> 5111 5112 </div> 5113 </div> 5114 5115 <!-- CRYPTO --> 5116 <div class="transaksi-crypto"> 5117 <div class="transaksi-wrapper"> 5118 5119 <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> 5120 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5121 </div> 5122 5123 <div class="carousel-inner" > 5124 </div> 5125 5126 </div> 5127 </div> 5128 </div> 5129 5130 </div> 5131 </div> 5132</div> 5133 </div> 5134 5135 5136 </div> 5137 5138 <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> 5139 5140 <!-- <div class="transaksi-title">--> 5141 <!-- <div class="transaksi-title-group">--> 5142 <!-- <div class="fitur-header">Kontak Kami</div>--> 5143 <!-- </div>--> 5144 5145 <!-- <div class="devider desktop-only"></div>--> 5146 <!-- </div>--> 5147 5148 5149 <!-- 5150<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> 5151 <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> 5152 5153 5154 </div> 5155 <div class="carousel-inner" style="height: 164px"> 5156 <div class="carousel-item active"> 5157 <div> 5158 5159 5160 5161 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5162 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/> 5163 5164 <a class="d-flex flex-column" href="https://t.ly/wakeramas4d" target='_blank'> 5165 <div style="color: #888888;">WHATSAPP</div> 5166 <div style="line-height: .9rem; color: var(--primary-text-color)">KERAMAS4D</div> 5167 </a> 5168 5169 5170 </div> 5171 5172 5173 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5174 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/> 5175 5176 <a class="d-flex flex-column" href="https://t.ly/telekeramas4d" target='_blank'> 5177 <div style="color: #888888;">TELEGRAM</div> 5178 <div style="line-height: .9rem; color: var(--primary-text-color)">KERAMAS4D</div> 5179 </a> 5180 5181 5182 </div> 5183 5184 5185 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5186 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/> 5187 5188 <a class="d-flex flex-column" href="https://t.ly/CT-KERAMAS4D" target='_blank'> 5189 <div style="color: #888888;">TELEGRAM</div> 5190 <div style="line-height: .9rem; color: var(--primary-text-color)">KERAMAS4D Official</div> 5191 </a> 5192 5193 5194 </div> 5195 5196 5197 </div> 5198 </div> 5199 5200 5201 5202 </div> 5203</div> 5204--> 5205 5206 <!--</div>--> 5207 </div> 5208 </div> 5209 </div> 5210 5211 5212 <div class="bantuan"> 5213 5214 <ul class="bantuan-content justify-content-center"> 5215 <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> 5216 <div class="bantuan-devider desktop-only">|</div> 5217 <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> 5218 <div class="bantuan-devider desktop-only">|</div> 5219 <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> 5220 <div class="bantuan-devider desktop-only">|</div> 5221 <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> 5222 <div class="bantuan-devider desktop-only">|</div> 5223 <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> 5224 <div class="bantuan-devider desktop-only">|</div> 5225 <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> 5226 <div class="bantuan-devider desktop-only">|</div> 5227 <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> 5228 </ul> 5229 </div> 5230 5231 5232 <footer class="footer"> 5233 5234 <div class="guidelines"> 5235 <div class="desktop-only"> 5236 <div class="guidelines-content d-flex justify-content-center"> 5237 <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" /> 5238 </div> 5239 </div> 5240 </div> 5241 5242 <div class="provider d-none d-lg-block"> 5243 <div class="provider-group"> 5244 <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt=""> 5245 </div> 5246 </div> 5247 5248 <div> 5249 <div> 5250<h1 style="color:#d3b83b">Keramas4D: Platform Hiburan Digital Resmi & Game Online Terpercaya</h1> 5251</div> 5252 </div> 5253 5254 5255 <div class="footer-group"> 5256 <div class="copyright"> 5257 <div style="white-space: nowrap">© 2015 - 2026 Copyright KERAMAS4D.</div> 5258 <div>All Rights Reserved.</div> 5259 </div> 5260 <div class="desktop-only"> 5261 <div class="d-flex gap-1"> 5262 <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div> 5263 <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div> 5264 </div> 5265 </div> 5266 <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt=""> 5267 5268 <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=9thAN4yNJ45VWrwX6IB_ZuqE_lyTXgvax0vpGFx2yPM.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> 5269 <i class="bi bi-shield-fill-exclamation"></i> 5270 <strong class="ms-1">LAPOR PUSAT</strong> 5271 </button> 5272 </div> 5273 </footer> 5274 5275 5276 5277 5278 5279 <!-- SIDENAV --> 5280 <div id="mySidenav" class="sidenav desktop-only"> 5281 <div id="nav"> 5282 <div style="display: flex; align-items: start;"> 5283 <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;"> 5284 5285 <img src="/assets/hubungi.png?11"> 5286 5287 </div> 5288 <!--<img id="about" src="/images/kontak.png?4">--> 5289 </div> 5290 <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> 5291 <div id="" style="padding: 4px"> 5292 <img src="/assets/24h.png" style="width: 100%"></img> 5293 </div> 5294 5295 <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> 5296 <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> 5297 5298 5299 5300 <a href="https://t.ly/wakeramas4d" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 5301 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>KERAMAS4D</span> 5302 </a> 5303 5304 5305 5306 5307 5308 <a href="https://t.ly/telekeramas4d" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 5309 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>KERAMAS4D</span> 5310 </a> 5311 5312 5313 5314 5315 5316 <a href="https://t.ly/CT-KERAMAS
53164D" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 5317 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>KERAMAS4D Official</span> 5318 </a> 5319 5320 5321 5322 5323 5324 </div> 5325 <div style="margin: 8px"> 5326 <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> 5327 </div> 5328 </div> 5329 </div> 5330 </div> 5331 </div> 5332 5333 5334 <!--POP UP --> 5335 5336 <!-- LIVE CHAT --> 5337 <!--Start of Tawk.to Script-->
5338<script type="text/javascript"> 5339var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); 5340(function(){ 5341var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; 5342s1.async=true; 5343s1.src='https://embed.tawk.to/690d9f2a1b48711953e25094/1j9ejbfmh'; 5344s1.charset='UTF-8'; 5345s1.setAttribute('crossorigin','*'); 5346s0.parentNode.insertBefore(s1,s0); 5347})(); 5348</script>
5348 5349<!--End of Tawk.to Script--> 5350 5351 <!-- LiveChat Internal --> 5352 <style> 5353 /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */ 5354 body.modal-open .cs-embed { z-index: 1049 !important; } 5355 </style> 5356 5357 5358
5358<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
5358 5359
5359<script> 5360 document.addEventListener('DOMContentLoaded', function() { 5361 setTimeout(function() { 5362 const mobileForm = document.querySelector('#mobilelogin form') || 5363 document.querySelector('#mobilelogin .login-form') || 5364 document.querySelector('.mobile-only form'); 5365 5366 if (!mobileForm) { 5367 return; 5368 } 5369 5370 const username = mobileForm.querySelector('input[name="username"]'); 5371 const password = mobileForm.querySelector('input[name="password"]'); 5372 const remember = document.querySelector('#rememberMe') || 5373 document.querySelector('input[type="checkbox"]'); 5374 5375 if (!username || !password || !remember) { 5376 return; 5377 } 5378 5379 try { 5380 localStorage.setItem('test', 'working'); 5381 if (localStorage.getItem('test') === 'working') { 5382 localStorage.removeItem('test'); 5383 } else { 5384 return; 5385 } 5386 } catch(e) { 5387 return; 5388 } 5389 5390 initializeRememberMe(); 5391 loadSavedData(); 5392 5393 mobileForm.addEventListener('submit', handleSave); 5394 mobileForm.addEventListener('click', function(e) { 5395 if (e.target.type === 'submit' || e.target.classList.contains('submit')) { 5396 handleSave(); 5397 } 5398 }); 5399 remember.addEventListener('change', function() { 5400 if (!this.checked) { 5401 clearSavedData(); 5402 localStorage.setItem('mobile_remember_unchecked', 'true'); 5403 } else { 5404 localStorage.removeItem('mobile_remember_unchecked'); 5405 } 5406 }); 5407 5408 function initializeRememberMe() { 5409 try { 5410 const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); 5411 const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); 5412 if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { 5413 remember.checked = false; 5414 } else { 5415 remember.checked = true; 5416 } 5417 } catch(e) { 5418 remember.checked = true; 5419 } 5420 } 5421 5422 function loadSavedData() { 5423 try { 5424 const savedUsername = localStorage.getItem('mobile_username'); 5425 const savedPassword = localStorage.getItem('mobile_password'); 5426 const rememberChecked = localStorage.getItem('mobile_remember'); 5427 if (rememberChecked === 'true' && savedUsername && savedPassword) { 5428 username.value = savedUsername; 5429 password.value = savedPassword; 5430 } 5431 } catch(e) { 5432 // console.log('Error loading data:', e); 5433 } 5434 } 5435 5436 function handleSave() { 5437 if (remember.checked) { 5438 const usernameVal = username.value.trim(); 5439 const passwordVal = password.value.trim(); 5440 5441 if (usernameVal && passwordVal) { 5442 try { 5443 localStorage.setItem('mobile_username', usernameVal); 5444 localStorage.setItem('mobile_password', passwordVal); 5445 localStorage.setItem('mobile_remember', 'true'); 5446 localStorage.setItem('mobile_login_success', 'true'); 5447 } catch(e) { 5448 // console.log('Error saving data:', e); 5449 } 5450 } 5451 } else { 5452 clearSavedData(); 5453 localStorage.setItem('mobile_login_success', 'true'); 5454 } 5455 } 5456 5457 function clearSavedData() { 5458 try { 5459 localStorage.removeItem('mobile_username'); 5460 localStorage.removeItem('mobile_password'); 5461 localStorage.removeItem('mobile_remember'); 5462 } catch(e) { 5463 // console.log('Error clearing data:', e); 5464 } 5465 } 5466 }, 100); // Wait 100ms 5467 5468 function initBroadcastMarquee() { 5469 $('.mobile-broadcast, #marquee .broadcast').each(function () { 5470 const el = $(this); 5471 5472 if ($.trim(el.text()) === '') return; 5473 if (!el.is(':visible')) return; 5474 5475 try { 5476 el.marquee('destroy'); 5477 } catch (e) {} 5478 5479 el.marquee({ 5480 speed: 30, 5481 gap: 80, 5482 delayBeforeStart: 0, 5483 direction: 'left', 5484 duplicated: true, 5485 pauseOnHover: true, 5486 startVisible: true 5487 }); 5488 }); 5489 } 5490 5491 $(window).on('load', function () { 5492 setTimeout(function () { 5493 initBroadcastMarquee(); 5494 }, 300); 5495 }); 5496 5497 $(window).on('resize orientationchange', function () { 5498 clearTimeout(window.broadcastResizeTimer); 5499 window.broadcastResizeTimer = setTimeout(function () { 5500 initBroadcastMarquee(); 5501 }, 400); 5502 }); 5503 5504 // document.querySelectorAll("marquee").forEach(function(marquee){ 5505 5506 // let speed = 0.5; // smaller = slower 5507 // let position = marquee.offsetWidth; 5508 5509 // function animate(){ 5510 // position--; 5511 5512 // if(position < -marquee.scrollWidth){ 5513 // position = marquee.offsetWidth; 5514 // } 5515
5516 // marquee.style.transform = "translateX(" + position + "px)"; 5517 // requestAnimationFrame(animate); 5518 // } 5519 5520 // animate(); 5521 5522 // // pause on hover 5523 // marquee.addEventListener("mouseenter", function(){ 5524 // speed = 0; 5525 // }); 5526 5527 // marquee.addEventListener("mouseleave", function(){ 5528 // speed = 0.5; 5529 // }); 5530 5531 // }); 5532 5533 5534 }); 5535 </script>
5535 5536 5537
5537<script> 5538 5539 var mobileurl = 'm/'; 5540 5541 5542 5543 var showIDs = []; 5544 5545 function showProducts(hoverID) { 5546 while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; 5547 5548 // document.getElementById('hover').classList.add("hover-show"); 5549 document.getElementById('hover').style.transitionDelay = "0s"; 5550 document.getElementById('hover').style.visibility = "visible"; 5551 document.getElementById('hover').style.opacity = "1"; 5552 document.getElementById(hoverID).style.display = "flex"; 5553 5554 showIDs.push(hoverID); 5555 5556 } 5557 5558 function hideProducts(hoverID) { 5559 // document.getElementById('hover').classList.remove("hover-show"); 5560 document.getElementById('hover').style.visibility = "hidden"; 5561 document.getElementById('hover').style.opacity = "0"; 5562 document.getElementById('hover').style.transitionDelay = "1s"; 5563 5564 } 5565 5566 var mobileDaftarForm = document.getElementById('mobile-daftar-form'); 5567 var marquee = document.getElementById('marquee'); 5568 var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form'); 5569 var mobileLoginBox = document.getElementById('mobilelogin'); 5570 5571 function closeContent() { 5572 $('#main-content').html(""); 5573 } 5574 5575 5576 function openDaftar() { 5577 closeContent(); 5578 5579 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 5580 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 5581 5582 mobileDaftarForm.style.display = "block"; 5583 mobileDaftarForm.scrollIntoView(); 5584 } 5585 5586 function closeDaftar() { 5587 mobileDaftarForm.style.display = "none"; 5588 marquee.scrollIntoView(); 5589 } 5590 5591 5592 function showProvider(type) { 5593 $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>"); 5594 $('#main-content').load("/new-showprovider.php?type=" + type); 5595 } 5596 5597 function toggleInformasi(item) { 5598 page(item); 5599 } 5600 5601 function showInformasi(item) { 5602 document.getElementById('modal-wrapper').style.display='block'; 5603 toggleInformasi(item); 5604 } 5605 5606 function openChangePasswordMobile() { 5607 closeContent(); 5608 5609 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 5610 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 5611 5612 if (mobileChangePasswordForm) { 5613 mobileChangePasswordForm.style.display = "block"; 5614 mobileChangePasswordForm.scrollIntoView(); 5615 } 5616 } 5617 5618 function closeChangePasswordMobile() { 5619 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 5620 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 5621 if (mobileLoginBox) mobileLoginBox.style.display = "block"; 5622 5623 marquee.scrollIntoView(); 5624 } 5625 5626 5627 5628 5629 </script>
5629 5630
5630<script src="/js/old/new2-webduo35.js?v=1790436670"></script>
5630 5631 5632
5632<script> 5633 function scrollToLoginForm(launchType, matchId) { 5634 sessionStorage.setItem('launch', launchType); 5635 if (matchId) sessionStorage.setItem('sbo_matchId', matchId); 5636 else sessionStorage.removeItem('sbo_matchId'); 5637 window.scrollTo({ top: 0, behavior: 'smooth' }); 5638 setTimeout(function() { 5639 var isMobile = window.innerWidth <= 1000; 5640 var loginSelector = isMobile 5641 ? '#mobilelogin input[name="username"]' 5642 : '#desktoplogin form'; 5643 var el = document.querySelector(loginSelector); 5644 if (!el) return; 5645 var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]'); 5646 if (usernameEl && !isMobile) usernameEl.focus(); 5647 if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' }); 5648 const driver = window.driver.js.driver({ 5649 popoverClass: 'driverjs-theme', 5650 showProgress: false, 5651 showButtons: [], 5652 overlayOpacity: 0.3, 5653 steps: [ 5654 { 5655 element: loginSelector, 5656 popover: { 5657 title: 'Harap Login', 5658 description: 'Silakan masukkan username Anda', 5659 side: 'bottom', 5660 align: 'start', 5661 showButtons: [], 5662 nextBtnText: '', 5663 prevBtnText: '', 5664 doneBtnText: '' 5665 } 5666 } 5667 ], 5668 onDestroyStarted: () => driver.destroy(), 5669 }); 5670 driver.drive(); 5671 if (usernameEl) { 5672 function destroyDriver() { 5673 driver.destroy(); 5674 window.scrollTo({ top: 0 }); 5675 usernameEl.removeEventListener('input', destroyDriver); 5676 usernameEl.removeEventListener('click', destroyDriver); 5677 usernameEl.removeEventListener('focus', destroyDriver); 5678 } 5679 usernameEl.addEventListener('input', destroyDriver, { once: true }); 5680 usernameEl.addEventListener('click', destroyDriver, { once: true }); 5681 usernameEl.addEventListener('focus', destroyDriver, { once: true }); 5682 } 5683 }, 500); 5684 } 5685 </script>
5685 5686
5686<script> 5687 window.addEventListener("message", function(e) { 5688 if (e.origin !== "https://fkupon.com") return; 5689 if (e.data && e.data.action === "resize" && e.data.height) { 5690 var iframes = document.querySelectorAll(".iframe-kupon"); 5691 iframes.forEach(function(iframe) { 5692 iframe.style.height = Math.max(100, e.data.height - 16) + "px"; 5693 }); 5694 } 5695 }); 5696 </script>
5696 5697 5698 5699 <!-- POP UP COOKIES --> 5700 5701<style> 5702 5703 5704 .kebijakan-privasi, .kebijakan-cookies { 5705 color: white; 5706 text-decoration: underline; 5707 } 5708 5709 5710</style> 5711 5712 5713<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"> 5714 <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem"> 5715 <div> 5716 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> 5717 </div> 5718 <div> 5719 <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div> 5720 </div> 5721</div>
5722<script> 5723 $( "#boxprivacy" ).blur(function() { 5724 alert( "Handler for .blur() called." ); 5725}); 5726</script>
5726 5727 5728 5729
5729<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>
5729 5730</body> 5731</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.