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