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