301 Moved Permanently, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.
Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.
GET / HTTP/1.1 Host: tkp4d.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>TKPWIN: Agen Situs Terpecaya Mudah akan Kemenangan</title> <meta name="description" content="TKPWIN adalah situs terpercaya berlisensi resmi dengan rate kemenangan tertinggi no. 1 di Indonesia, Minimal 5rb mudah Menang."/> <meta name="robots" content="index, follow"> <meta name="keywords" content="tkpwin, slot tkpwin, link tkpwin, tkpwin vip, daftar tkpwin, login tkpwin, akun vip tkpwin, akun pro tkpwin, tkpwin pro, tkpwin gacor, akses mudah tkpwin, tkpcuan"> <link rel="canonical" https://tkpcalin.xyz/"> <link rel="amphtml" href="https://tkpfull.com/"> <meta property="og:type" content="website" /> <meta property="og:title" content="TKPWIN: Agen Situs Terpecaya Mudah akan Kemenangan" /> <meta property="og:description" content="TKPWIN adalah situs terpercaya berlisensi resmi dengan rate kemenangan tertinggi no. 1 di Indonesia, Minimal 5rb mudah Menang." /> <meta name="geo.region" content="ID" /> <meta name="geo.country" content="id" /> <meta name="geo.placename" content="Indonesia" /> <meta name="author" content="TKPWIN " /> <meta name="google-site-verification" content="GrZUvS1PSPWWCvjZQxvxlN-B0zQ4owdL-8RH6uGdfRI" /> <meta name="google-site-verification" content="Hycq46OVy5hitXfKZ7eGkLntKMiLsU8tpowuT_-vMRs" /> <meta name="google-site-verification" content="2FzJgyuH7zOFDBiw5ilRZSahb8UR7kRP--s3y5Ht9vw" /> <meta name="google-site-verification" content="zA8Zl1FgqCzJBbSPbc83GPmnoISKqfFn_ARvNQIFuF8" /> <meta name="google-site-verification" content="9KWj-lqQK5ilzukz8Yp-l9O4ZewZNXNS2DLRDd6q0Dc" /> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-7G3WBL0SLS"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7G3WBL0SLS'); </script> <!-- TikTok Pixel Code Start --> <script> !function (w, d, t) { w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for( var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script") ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)}; ttq.load('CU16DGRC77U745U5S09G'); ttq.page(); }(window, document, 'ttq'); </script> <style>#boxprivacy{display:none !important;}.gameitem>figcaption {background:#EBB95A ;color: #000000 !important;font-weight: bold;}.contentdata{background: transparent !important;}.guidelines{background: transparent !important;}.transaksi{background: transparent !important;}.provider{background: transparent !important;}.togel-desktop {background: transparent !important;}.modal-dialog {margin-top: 158px !important;}.guidelines-content {padding-top: 20px !important;padding-bottom: 20px !important;}.imgpop{border-radius: 8px;border: none !important;}.marquee-shadow{background:none !important;}.marquee-content {color: #ffffff!important;font-weight: bold;}.imgpop{border-radius: 8px;border: none !important;}.modal-dialog {margin-top: 158px !important;}div#promo {padding: 10px;}.tkpwin:hover{color: black;}.tkpwin{border-radius: 10px 1px 10px 3px !important;}.footer {border-top:none !important;padding:0px !important;}.btn-secondary {--bs-btn-border-color:#EBB95A !important;}.bantuan {border-top:2px solid #000000 !important;}.progress{background:#979797!important;}.login-form{margin:0px 50px !important;}</style> <style> .show-more-content{background:#000000 !important;}.header{background:#000000 !important;}@media only screen and (min-width: 801px){body#desktop {background: #000000 !important;}header.header {background: #000000 !important;}div#togel-desktop {background: #000000 !important;}.provider {background: #000000 !important;}.transaksi {background: #000000 !important;padding: 20px 0px !important;border-top: 1px solid #aaa !important;max-width: 1090px !important;margin: 0 auto !important;}.guidelines {background: #1b1b1b !important;}.guidelines-content {padding-top: 20px !important;padding-bottom: 20px !important;}.bantuan {background: #323030 !important;}.imgpop{border-radius: 8px;border: none !important;}.download-apk{display:none !important;}}@media only screen and (max-width: 800px){.appbar {background: #000000!important;}div#mobilelogin {background: #000000!important;}.contentdata {background: #000000!important;}.promosi{background: #000000!important;}.imgpop{border-radius: 8px;border: none !important;}.modal-dialog {margin-top: 158px !important;}div#promo {background: #00000096;padding: 10px;}.logoimg{width: 178px !important;}.provider{background: #000000 !important;}.bantuan{background: #000000 !important;}.transaksi{background: #000000 !important;padding: 20px 0px 40px !important;}.footer{background: #000000 !important;}.login-form{margin:0px 50px !important;} </style> <!-- TikTok Pixel Code Start --> <script> !function (w, d, t) { w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for( var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script") ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)}; ttq.load('CRPD8F3C77UB4N5IJ8CG'); ttq.page(); }(window, document, 'ttq'); </script> <!-- TikTok Pixel Code End --> <meta name="viewport" content="width=1200, initial-scale=0.33"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css"> <!--<link rel="stylesheet" href="/css/old/template/OD.css">--> <link rel="stylesheet" href="/css/old/template/OD.css"> <link rel="stylesheet" href="/css/old/variable.css"> <link rel="stylesheet" href="/css/old/dark.css"> <link rel="stylesheet" href="/css/old/style.css"> <link rel="icon" type="image/png" href="favicon.png"> <script src="/js/old/jquery-3.6.4.min.js"></script> <style> .login-input-field { font-size: 1rem; } .btn-aduan { background: linear-gradient(60deg, #b08432, #cfbe87, #b08432); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 300%; animation: gradient 2s ease infinite; } .transaksi-title { place-items: start; } @media only screen and (max-width: 1000px) { .transaksi-title { place-items: center; } .login-input-field { font-size: 1.2rem; } } </style> </head> <body id="desktop"> <div id="hover" class="hover desktop-only"> <div id="hover-togel" class="hover-menu"> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure> <figcaption>TOGEL</figcaption> </a> </div> <div id="hover-slot" class="hover-menu"> <a href="/?content=slot&provider=pp" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure> <figcaption>PRAGMATIC PLAY</figcaption> </a> <a href="/?content=slot&provider=pg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure> <figcaption>PG SOFT</figcaption> </a> <a href="/?content=slot&provider=hb" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure> <figcaption>HABANERO</figcaption> </a> <a href="/?content=slot&provider=jl" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure> <figcaption>JILI</figcaption> </a> <a href="/?content=slot&provider=sg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure> <figcaption>SPADEGAMING</figcaption> </a> <a href="/?content=slot&provider=fgs" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure> <figcaption>5G GAMES</figcaption> </a> <a href="/?content=slot&provider=jg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure> <figcaption>JOKER</figcaption> </a> <a href="/?content=slot&provider=mg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure> <figcaption>MICROGAMING</figcaption> </a> <a href="/?content=slot&provider=hks" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure> <figcaption>HACKSAW GAMING</figcaption> </a> <a href="/?content=slot&provider=fs" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure> <figcaption>FASTSPIN</figcaption> </a> <!-- <a href="/?content=slot&provider=nlc" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure> <figcaption>NOLIMIT CITY</figcaption> </a> --> <a href="/?content=slot&provider=ps" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure> <figcaption>PLAYSTAR</figcaption> </a> <a href="/?content=slot&provider=pt" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure> <figcaption>PLAYTECH</figcaption> </a> <a href="/?content=slot&provider=adv" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-adv.png" alt="ADVANT PLAY"></figure> <figcaption>ADVANT PLAY</figcaption> </a> <a href="/?content=slot&provider=l22" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure> <figcaption>LIVE22</figcaption> </a> <!-- <a href="/?content=slot&provider=nte" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure> <figcaption>NETENT</figcaption> </a> --> <a href="/?content=slot&provider=cq9" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure> <figcaption>CQ9</figcaption> </a> <!-- <a href="/?content=slot&provider=ttg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure> <figcaption>TOPTREND GAMING</figcaption> </a> --> <a href="/?content=slot&provider=ss" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure> <figcaption>SBO SLOT</figcaption> </a> </div> <div id="hover-live" class="hover-menu" > <a href="/?content=casino&provider=pplc" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure> <figcaption>PRAGMATIC PLAY</figcaption> </a> <a href="/?content=casino&provider=evo" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure> <figcaption>EVOLUTION</figcaption> </a> <a href="/?content=casino&provider=mg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure> <figcaption>MICROGAMING</figcaption> </a> <a href="/?content=casino&provider=ion" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure> <figcaption>ION CASINO</figcaption> </a> <a href="/?content=casino&provider=sx" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure> <figcaption>SEXY GAMING</figcaption> </a> <a href="/?content=casino&provider=sa" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure> <figcaption>SA GAMING</figcaption> </a> <a href="/?content=casino&provider=ab" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure> <figcaption>ALLBET</figcaption> </a> <a href="/?content=casino&provider=gmnl" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure> <figcaption>GEMINI LIVE</figcaption> </a> <a href="/?content=casino&provider=og" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure> <figcaption>OPUS PLUS</figcaption> </a> <a href="/?content=casino&provider=sbol" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure> <figcaption>SBOBET CASINO</figcaption> </a> </div> <div id="hover-sport" class="hover-menu"> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure> <figcaption>SABA</figcaption> </a> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure> <figcaption>SBOBET</figcaption> </a> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure> <figcaption>CMD368</figcaption> </a> <!-- <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure> <figcaption>PINNACLE</figcaption> </a> --> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure> <figcaption>TFGAMING</figcaption> </a> </div> <div id="hover-fishing" class="hover-menu"> <a href="/?content=fish&provider=jl" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure> <figcaption>JILI</figcaption> </a> <a href="/?content=fish&provider=sg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure> <figcaption>SPADE GAMING</figcaption> </a> <a href="/?content=fish&provider=fs" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure> <figcaption>FASTSPIN</figcaption> </a> <!-- <a href="/?content=fish&provider=ps" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure> <figcaption>PLAYSTAR</figcaption> </a> <a href="/?content=fish&provider=l22" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure> <figcaption>LIVE22</figcaption> </a> --> </div> <div id="hover-sabung" class="hover-menu"> <a href="/?content=sabung&provider=ws" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure> <figcaption>WS168</figcaption> </a> </div> <div id="hover-interactive" class="hover-menu"> <a href="/?content=interactive&provider=gmn" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure> <figcaption>GEMINI</figcaption> </a> <a href="/?content=interactive&provider=jl" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure> <figcaption>JILI</figcaption> </a> <a href="/?content=interactive&provider=jg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure> <figcaption>JOKER</figcaption> </a> <a href="/?content=interactive&provider=mg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure> <figcaption>MICRO GAMING</figcaption> </a> <a href="/?content=interactive&provider=hks" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure> <figcaption>HACKSAW GAMING</figcaption> </a> <a href="/?content=interactive&provider=pt" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure> <figcaption>PLAYTECH</figcaption> </a> <!-- <a href="/?content=interactive&provider=ps" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure> <figcaption>PLAYSTAR</figcaption> </a> --> </div> </div> <style> .my-navbar { height: 52px; padding: 0px; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); position: fixed; bottom: 0; color: white; z-index: 1100; display: flex; box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75); } .navbar-item { height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .navbar-item-content { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: -16px } .navbar-item-content>i { font-size: 20px; line-height: 22px; color: white; padding-bottom: 4px; } .navbar-item-content>img { height: 36px; width: 36px; } .navbar-item-content>label { white-space: nowrap; margin-top: 4px; font-weight: bold; font-size: var(--text-size-default); color: white } .speed-dial-item { opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; } .speed-dial-active .speed-dial-item { opacity: 1; visibility: visible; transform: translateY(0); } /* Delay each item’s appearance */ .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; } .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; } .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; } .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; } .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; } </style> <div class="mobile-only" > <div class="my-navbar"> <a href="/" class="navbar-item" style="position: relative"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//beranda.png"/> <label>BERANDA</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="/m/promosi.php" class="navbar-item"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//promosi.png"/> <label>PROMOSI</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="/m/event.php" class="navbar-item"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//events.png"/> <label>EVENT</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <div class="navbar-item"> <div class="navbar-item-content speed-dial-btn"> <img src="https://img.viva88athenae.com//chat.png"/> <label>CHAT</label> </div> <a href="https://www.facebook.com/photo/?fbid=659018473279325&set=a.103739805473864" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -60px; height: 48px; width: 48px"> <img src="https://img.viva88athenae.com//facebook.png" style="width: 100%; height: 100%"/> </a> <a href="https://wa.me/6282122103356" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -120px; height: 48px; width: 48px"> <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/> </a> <a href="https://t.me/Tkpwin" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -180px; height: 48px; width: 48px"> <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/> </a> </div> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="https://secure.livechatinc.com/licence/18081402/v2/open_chat.cgi" target="_blank" class="navbar-item"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//livechat.png"/> <label>LIVECHAT</label> </div> </a> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { const speedDialBtn = document.querySelector(".speed-dial-btn"); const speedDialItems = document.querySelectorAll(".speed-dial-item"); let isOpen = false; speedDialBtn.addEventListener("click", function () { isOpen = !isOpen; speedDialItems.forEach((item, index) => { if (isOpen) { item.style.opacity = "1"; item.style.visibility = "visible"; item.style.transform = "translateY(0)"; item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect } else { item.style.opacity = "0"; item.style.visibility = "hidden"; item.style.transform = "translateY(10px)"; item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger } }); }); }); </script> <div id="top" class="wrapper"> <header class="header"> <div class="header-content"> <div class="logo" href="/"> <a href='/'><img src="/images/logoweb.png" class='logoimg' alt=""></a> </div> <div id="marquee-mobile" class="marquee mobile-only"> <div class="marquee-content"> <div class="d-flex align-items-center gap-2"> <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i> </div> <div class="running"> <div class="marquee-shadow"></div> <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee> </div> <div class="d-flex align-items-center gap-2"> </div> </div> </div> <div class="mslider mobile-only"> </div> <div class="login"> <div id="desktoplogin" class="desktop-only"> <form class="login-form form" role="form"> <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div> <div class="input-group login-field"> <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username"> </div> <div id="marquee" class="marquee mobile-only"> <div class="marquee-content"> <div class="d-flex align-items-center gap-2"> <i class="bi bi-megaphone-fill desktop-only"></i> </div> <div class="running"> <div class="marquee-shadow"></div> <marquee behavior="" direction="" id="broadcast"></marquee> </div> </div> </div> <div class="input-group login-field"> <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> <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password"> </div> <div class="verifikasiform" style="display: flex; gap: 2px;"> <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span> <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off"> </div> <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/?content=register'">Daftar</button> <input type="hidden" name="task" value="login"> <input type="hidden" name="logindesktop" value="4TlzA4DuqVwtEC6S4jpnATCkgEY3AQXLmCv8tlicOCk="> </form> </div> <div id="mobilelogin" class="mobile-only" style="width: 100%"> <form class="login-form form" style="padding: 0px; padding-top: 32px" role="form"> <div id="msgbox" style="font-size: 1rem; width: 100%"></div> <div class="input-group login-field"> <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username"> </div> <div class="input-group login-field"> <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> <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password"> </div> <div class="verifikasiform w-100"> <span id="verifikasi"><img src="/m/capimg.php?1929" width="100%" height="44" style="border-radius: 5px;"></span> <div class="input-group login-field mt-1"> <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> <input type="text" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi"> </div> </div> <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button> <input type="hidden" name="task" value="login"> <input type="hidden" name="loginmobile" value="4TlzA4DuqVwtEC6S4jpnATCkgEY3AQXLmCv8tlicOCk="> </form> </div> <div id="mobile-daftar-form" style="width: 100%; display: none"> <div id="mobileregister"> <form id="formRegister" class="login-form p-0 pt-4"> <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div> <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> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> <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"> </div> <div class="input-group login-field"> <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> <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> </div> <div class="input-group login-field"> <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> <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> </div> <div class="input-group login-field"> <select class="form-select login-input-field" name="bank" id="reg_bank"> <option value="">Pilih Bank</option> <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='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option> </select> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend" style=""><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening"> </div> <div class="input-group login-field"> <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> <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" > </div> <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun"> <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> --> <div class="w-100 my-1"> <div id="capverifikasi"> <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px"> </div> <div class="input-group login-field mt-1"> <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> <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off"> </div> </div> <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button> <input type="hidden" name="task" value="register"> <input type="hidden" name="regmobile" value="8UXcC7ncD6Rv3S0PNz0dhUVvq0gXSthLV+c2EEwGK7I="> <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> </form> </div> </div> </div> <div class="menu"> <div class="menu-item desktop-only"> <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label> </div> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')"> <!--<img class="mobile-only" src="assets/togel.png" alt="">--> <label>TOGEL</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')"> <!--<img class="mobile-only" src="assets/slot.png" alt="">--> <label>SLOT</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')"> <!--<img class="mobile-only" src="assets/live.png" alt="">--> <label>LIVE CASINO</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')"> <!--<img class="mobile-only" src="assets/sport.png" alt="">--> <label>SPORT</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')"> <!--<img class="mobile-only" src="assets/fishing.png" alt="">--> <label>ARCADE</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')"> <!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> <label>SABUNG</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')"> <!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> <label>INTERACTIVE</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> </div> <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)"> <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)"> <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i> </div> <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)"> <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i> </div> <div id="menu-mobile" style="height:68px; 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)"> <div style="white-space: nowrap; height: 100%; font-size: 0px"> <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt=""> <label>TOGEL</label> </div> </div> </a> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('slot')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt=""> <label>SLOT</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('casino')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt=""> <label>LIVE CASINO</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div href="/sport" class="menu-item" onclick="showProvider('sport')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt=""> <label>SPORT</label> </div> </div> </div> <!--<div style="height: 100%; width: 92px; display: inline-block;">--> <!-- <div style="display: grid; place-items: center; height: 100%">--> <!-- <div class="menu-item" onclick="showProvider('esport')">--> <!-- <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">--> <!-- <label>E-SPORT</label>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('fish')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt=""> <label>ARCADE</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('sabung')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt=""> <label>SABUNG</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('interactive')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt=""> <label>INTERACTIVE</label> </div> </div> </div> </div> </div> </div> <div class="menu-content mobile-only"> <div id="main-content" style="background: var(--content-box-background)"> </div> </div> <div class="promosi"> <!-- Desktop --> <button class="btn-promosi fw-bold desktop-only" onclick="window.location.href='/?content=promosi'" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button> <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> <!-- Mobile --> <div class="mobile-only" style="padding-top: 32px"> <div class="d-flex gap-3 justify-content-center align-items-center"> <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a> <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div> <a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a> </div> </div> </div> </div> </header> <div id="marquee" class="marquee desktop-only"> <div class="marquee-content"> <div class="d-flex align-items-center gap-2"> <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div> <i class="bi bi-megaphone-fill desktop-only"></i> </div> <div class="running" style="padding-left: 8px; padding-right: 32px"> <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee> </div> <div class="d-flex align-items-center gap-2"> <a href="/?content=event"> <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/> </a> </div> </div> </div> <!--Informasi Modal --> <div id="modal-wrapper" class="modal" style=" background:none;"> <div class="slideDown" id="informasi-menu"> <div class="row"> <div class="col-xs-3" style="padding-right:0px; width:164px"> <div id="informasi-logo"> <img src="/images/logoweb.png" width="120px"/> </div> <div class="menuleft"> <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a> <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a> <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a> <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a> <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a> <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a> <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a> </div> </div> <div class="col-xs-9" id="informasi-content" style="position: relative"> <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div> <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> </div> </div> </div> </div> </div> <div class="contentdata"> <div id="content-primary" class="p-0"> <div class="desktop-only"> <div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%"> <div class="carousel-indicators"> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button> </div> <div class="carousel-inner" style="height: 100%"> <div class="carousel-item active" style="height: 100%"> <img src="/images/upload-Slides-20241001065211.jpg" class="d-block w-100 banner" alt="TKPWIN Qris Tercepat Dan Terpercaya, Tkpwin" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20241005044500.jpg" class="d-block w-100 banner" alt="TKPWIN :SELAMAT DATANG" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> </div> </div> </div> <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;"> <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;"> </div></div> </div> </div> <!-- Togel --> <style> .togel-desktop { background: var(--togel-background); grid-area: togel-desktop; position: relative; } .togel-mobile { display: none; } .show-more { position: absolute; z-index: 999; bottom: 0px; width: 100%; /* 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)); */ } .show-more-content { background: var(--secondary-background); opacity: .7; display: grid; place-items: center; height: 32px } .togel-content { position: relative; display: flex; flex-wrap: wrap; justify-content: center; /*display: grid;*/ /*grid-template-columns: repeat(10, 1fr);*/ gap: 8px 4px; padding: 16px 0; } .see-more { padding: 16px 0 48px 0; max-height: 162px; transition: max-height .75s ease-out; transition-delay: .1s; overflow: hidden; } .togel-content:hover{ max-height: 1000px; transition: max-height 0.25s ease-in; } .result { height: 110px; width: 96px; border-radius: 10px; background: var(--result-background); border: var(--result-border); display: grid; grid-template-rows: 0px 20px 1fr 28px; grid-template-areas: "badge" "pasaran" "keluaran" "tanggal" ; /* display: flex; flex-direction: column; justify-content: space-between; */ overflow: hidden; } .badge { grid-area: badge; display: grid; place-items: center; } .result>.pasaran { grid-area: pasaran; padding-top: 8px; white-space: nowrap; font-size: .7rem; line-height: .7rem; color: var(--result-pasaran-color); display: grid; place-items: center; } .result>.keluaran { grid-area: keluaran; padding-bottom: 8px; font-family: 'Oswald', sans-serif; line-height: 40px; font-size: 40px; color: var(--result-keluaran-color); display: grid; place-items: center; } .result>.tanggal { grid-area: tanggal; width: 100%; height: 100%; /* background: rgb(40,0,0); background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ background: var(--result-tanggal-background); white-space: nowarp; font-size: .79rem; display: grid; place-items: center; font-family: 'Abel', sans-serif; color: var(--result-tanggal-color); } @media only screen and (max-width: 1000px) { .togel-desktop { display: none; } .togel-mobile { background: var(--secondary-background); grid-area: togel-mobile; padding: 24px; padding-bottom: 12px; box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; } .togel-title { padding: 0px; padding-bottom: 20px; font-size: 1.4rem; font-weight: bold; color: var(--primary-text-color); } .togel-content { max-height: fit-content; display: grid; grid-template-columns: 1fr; gap: 0; border-radius: 8px; } .provider-group { padding: var(--mobile-padding-horizontal); } .badge { display: none; } .result { height: auto; width: 100%; display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr 80px; grid-template-areas: "pasaran tanggal keluaran"; border-radius: 0; border: none; background: transparent; padding: 4px 12px; color: var(--primary-text-color); font-family: 'Abel', sans-serif; } .result-data:nth-child(odd) { background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background); } .accordion-item { background-color: transparent; border: 0px; } .accordion-button:not(.collapsed) { color: inherit; background-color: transparent; box-shadow: none; } .accordion-button::after { height: 0px; } .result>* { padding: 0px!important; margin: 0px!important; font-size: 1.4rem!important; line-height: auto!important; font-weight: normal!important; } .result>.pasaran { display: flex; justify-content: start; color: var(--primary-text-color)!important; opacity: .7; } .result>.tanggal { display: flex; justify-content: center; background: transparent; color: var(--primary-text-color)!important; opacity: .7; } .result>.keluaran { display: flex; justify-content: end; /*color: var(--primary-text-color)!important;*/ font-family: 'Abel', sans-serif; color: var(--highlight-text-color); } } </style> <div id="togel-desktop" class="togel-desktop desktop-only"> <div class="show-more desktop-only"> <div class="show-more-content"> <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i> </div> </div> <div class="togel-content see-more"> <a href="/?content=hasil&pid=TWH" class="result"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN </div> <div class="keluaran">8363</div> <div class="tanggal">KAMIS 22/5/2025</div> </a> <a href="/?content=hasil&pid=SAN" class="result"> <div class="badge"> </div> <div class="pasaran">SAN FRANCISCO </div> <div class="keluaran">7825</div> <div class="tanggal">KAMIS 22/5/2025</div> </a> <a href="/?content=hasil&pid=COL" class="result"> <div class="badge"> </div> <div class="pasaran">COLOMBIA </div> <div class="keluaran">3421</div> <div class="tanggal">KAMIS 22/5/2025</div> </a> <a href="/?content=hasil&pid=DW" class="result"> <div class="badge"> </div> <div class="pasaran">DEWATA </div> <div class="keluaran">8609</div> <div class="tanggal">KAMIS 22/5/2025</div> </a> <a href="/?content=hasil&pid=HKD" class="result"> <div class="badge"> </div> <div class="pasaran">HK SIANG </div> <div class="keluaran">5404</div> <div class="tanggal">KAMIS 22/5/2025</div> </a> <a href="/?content=hasil&pid=SY" class="result"> <div class="badge"> </div> <div class="pasaran">SYDNEY </div> <div class="keluaran">8932</div> <div class="tanggal">RABU 21/5/2025</div> </a> <a href="/?content=hasil&pid=GRD" class="result"> <div class="badge"> </div> <div class="pasaran">GARUDA </div> <div class="keluaran">0265</div> <div class="tanggal">RABU 21/5/2025</div> </a> <a href="/?content=hasil&pid=SG" class="result"> <div class="badge"> </div> <div class="pasaran">SINGAPORE </div> <div class="keluaran">3576</div> <div class="tanggal">RABU 21/5/2025</div> </a> <a href="/?content=hasil&pid=MY" class="result"> <div class="badge"> </div> <div class="pasaran">MALAYSIA </div> <div class="keluaran">3600</div> <div class="tanggal">RABU 21/5/2025</div> </a> <a href="/?content=hasil&pid=PKP" class="result"> <div class="badge"> </div> <div class="pasaran">PAKONG </div> <div class="keluaran">8347</div> <div class="tanggal">RABU 21/5/2025</div> </a> <a href="/?content=hasil&pid=HK" class="result"> <div class="badge"> </div> <div class="pasaran">HONGKONG </div> <div class="keluaran">5700</div> <div class="tanggal">RABU 21/5/2025</div> </a> </div> </div> <div id="togel-mobile" class="togel-mobile mobile-only"> <div class="togel-title">Togel Result</div> <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px"> <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button> </div> <div class="carousel-inner"> <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN </div> <div class="keluaran">8363</div> <div class="tanggal">22-05-2025</div> </button> <div id="paito-TWH" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0093</div> <div class="tanggal">22-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1252</div> <div class="tanggal">22-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3185</div> <div class="tanggal">21-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2749</div> <div class="tanggal">21-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4304</div> <div class="tanggal">21-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8281</div> <div class="tanggal">21-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8114</div> <div class="tanggal">21-05-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SAN"> <div class="badge"> </div> <div class="pasaran">SAN FRANCISCO </div> <div class="keluaran">7825</div> <div class="tanggal">22-05-2025</div> </button> <div id="paito-SAN" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2756</div> <div class="tanggal">21-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1744</div> <div class="tanggal">20-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3941</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4596</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0936</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5163</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6254</div> <div class="tanggal">15-05-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-COL"> <div class="badge"> </div> <div class="pasaran">COLOMBIA </div> <div class="keluaran">3421</div> <div class="tanggal">22-05-2025</div> </button> <div id="paito-COL" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8207</div> <div class="tanggal">21-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2950</div> <div class="tanggal">20-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0364</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5047</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1555</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6345</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9357</div> <div class="tanggal">15-05-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-DW"> <div class="badge"> </div> <div class="pasaran">DEWATA </div> <div class="keluaran">8609</div> <div class="tanggal">22-05-2025</div> </button> <div id="paito-DW" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1472</div> <div class="tanggal">21-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9560</div> <div class="tanggal">20-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4125</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6754</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2416</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0897</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3018</div> <div class="tanggal">15-05-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD"> <div class="badge"> </div> <div class="pasaran">HK SIANG </div> <div class="keluaran">5404</div> <div class="tanggal">22-05-2025</div> </button> <div id="paito-HKD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7483</div> <div class="tanggal">21-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0079</div> <div class="tanggal">20-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9422</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4328</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2141</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8636</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1721</div> <div class="tanggal">15-05-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY"> <div class="badge"> </div> <div class="pasaran">SYDNEY </div> <div class="keluaran">8932</div> <div class="tanggal">21-05-2025</div> </button> <div id="paito-SY" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8894</div> <div class="tanggal">20-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3173</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6530</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8050</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9531</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7323</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8526</div> <div class="tanggal">14-05-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-GRD"> <div class="badge"> </div> <div class="pasaran">GARUDA </div> <div class="keluaran">0265</div> <div class="tanggal">21-05-2025</div> </button> <div id="paito-GRD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4206</div> <div class="tanggal">20-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7358</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3042</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5671</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8520</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1738</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9653</div> <div class="tanggal">14-05-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> <div class="badge"> </div> <div class="pasaran">SINGAPORE </div> <div class="keluaran">3576</div> <div class="tanggal">21-05-2025</div> </button> <div id="paito-SG" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2751</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0665</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6660</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3439</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8283</div> <div class="tanggal">14-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6397</div> <div class="tanggal">12-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8947</div> <div class="tanggal">11-05-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY"> <div class="badge"> </div> <div class="pasaran">MALAYSIA </div> <div class="keluaran">3600</div> <div class="tanggal">21-05-2025</div> </button> <div id="paito-MY" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6961</div> <div class="tanggal">20-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4839</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2069</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7448</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5464</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8112</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0643</div> <div class="tanggal">14-05-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-PKP"> <div class="badge"> </div> <div class="pasaran">PAKONG </div> <div class="keluaran">8347</div> <div class="tanggal">21-05-2025</div> </button> <div id="paito-PKP" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7539</div> <div class="tanggal">20-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1402</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9381</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6193</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4962</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9078</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3280</div> <div class="tanggal">14-05-2025</div> </div> </div> </div> </div><div class='carousel-item accordion accordion-flush'> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK"> <div class="badge"> </div> <div class="pasaran">HONGKONG </div> <div class="keluaran">5700</div> <div class="tanggal">21-05-2025</div> </button> <div id="paito-HK" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3747</div> <div class="tanggal">20-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2139</div> <div class="tanggal">19-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6929</div> <div class="tanggal">18-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7897</div> <div class="tanggal">17-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6230</div> <div class="tanggal">16-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2192</div> <div class="tanggal">15-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8608</div> <div class="tanggal">14-05-2025</div> </div> </div> </div> </div> </div> </div> </div> <script> function togglePaito(paitoid) { let paito = document.getElementById(paitoid); paito.classList.add("open"); } </script> <div class="provider"> <div class="provider-group"> <img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px"> <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt=""> <img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only"> </div> </div> <div class="transaksi"> <div> <div class="transaksi-kontak"> <div class="d-flex flex-column w-100"> <div class="transaksi-title"> <div class="transaksi-title-group"> <div class="fitur-header">Transaksi</div> <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div> </div> <div class="devider desktop-only" style="width: 320px"></div> </div> <div class="transaksi-content"> <!-- Bank --> <style> .transaksi-group { display: grid; grid-template-columns: 380px 1fr; justify-content: space-between; grid-template-areas: "transaksi-bank transaksi-other"; } .transaksi-bank { grid-area: transaksi-bank; display: grid; place-items: center } .transaksi-other { grid-area: transaksi-other; display: flex; justify-content: space-evenly; width: 100%; } .transaksi-list-bank { height: fit-content; display: grid; grid-template-columns: repeat(4, 92px); grid-template-rows: repeat(4, auto); gap: 4px; } .transaksi-list-other { height: fit-content; display: grid; grid-template-columns: repeat(3, 92px); gap: 4px; } .transaksi-item { display: flex; flex-direction: column; /* transform: perspective(10px) rotateX(3deg); */ } .transaksi-header { height: 30px; border-radius: 5px; display: grid; place-items: center; font-weight: bold; border: 2px solid rgba(108,108,108,1); background: rgba(54,54,54,1); color: white; } .transaksi-status { margin-left: 3px; margin-right: 3px; height: 3px; border-radius: 0px 0px 4px 4px; background: rgb(54,54,54); background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%); } .header-green { background: rgba(44,121,6,1); border-color: rgba(168,255,0,1); } .header-blue { background: rgba(0,80,89,1); border-color: rgba(0,255,204,1); } .status-green { background: rgb(44,121,6); background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%); } .status-blue { background: rgb(0,80,89); background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%); } .transaksi-name { font-size: 1.1rem; font-weight: bold; line-height: 1.5rem } .transaksi-wrapper { display: flex; flex-direction: column; gap: .5rem; } #transaksi-bank-indicators .carousel-inner .carousel-item.active { height: 154px; } @media only screen and (max-width: 768px) { .transaksi-group { display: grid; grid-template-columns: 1fr; grid-template-areas: "transaksi-bank" "transaksi-other"; gap: 16px; } .transaksi-header { font-size: 1.1rem; height: 36px; } .transaksi-list-bank { grid-template-columns: repeat(4, 1fr); } .transaksi-list-other { grid-template-columns: repeat(4, 1fr); } .transaksi-list { display: grid; grid-template-columns: repeat(3, 1fr); } .transaksi-item { width: 100%; } .transaksi-title-group { justify-content: center; padding: 16px 0; } .transaksi-name { font-size: 1.3rem; text-align: center; } .transaksi-wrapper { width: 100%; max-width: 100%!important; gap: 1rem; } #transaksi-bank-indicators .carousel-inner .carousel-item.active { height: 184px!important; } } </style> <div class="transaksi-group"> <div class="transaksi-bank"> <div class="transaksi-wrapper"> <div class="transaksi-name">Bank Lokal</div> <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="1" aria-label="Slide 2"></button> </div> <div class="carousel-inner" style="min-height: 144px"> <div class="carousel-item active"> <div class="transaksi-list-bank"> <div class="transaksi-item"> <div class="transaksi-header">BCA</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Mandiri</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BNI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BRI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">CIMB</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Danamon</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Permata</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BJB</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">PANIN</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">OCBC</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">DKI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">SUMUT</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BSI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">NEO</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">JAGO</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">SeaBank</div> <div class="transaksi-status status-green"></div> </div> </div> </div> <div class="carousel-item "> <div class="transaksi-list-bank"> <div class="transaksi-item"> <div class="transaksi-header">DBS</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">NOBU</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Maybank</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Mestika</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Sinarmas</div> <div class="transaksi-status status-green"></div> </div> </div> </div> </div> </div> </div> </div> <div class="transaksi-other"> <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div> <div class="transaksi-wrapper" style="max-width: 284px"> <div class="transaksi-name">E Money & Pulsa</div> <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> </div> <div class="carousel-inner" > <div class="carousel-item active"> <div class="transaksi-list-other"> <div class="transaksi-item"> <div class="transaksi-header">Jenius</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">DANA</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">OVO</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">GOPAY</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">LinkAja</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Telkomsel</div> <div class="transaksi-status status-blue"></div> </div> </div> </div> </div> </div> </div> <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div> </div> </div> </div> </div> <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> <!-- <div class="transaksi-title">--> <!-- <div class="transaksi-title-group">--> <!-- <div class="fitur-header">Kontak Kami</div>--> <!-- </div>--> <!-- <div class="devider desktop-only"></div>--> <!-- </div>--> <!-- <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> </div> <div class="carousel-inner" style="height: 164px"> <div class="carousel-item active"> <div> <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/> <a class="d-flex flex-column" href="https://t.me/Tkpwin" target='_blank'> <div style="color: #888888;">TELEGRAM</div> <div style="line-height: .9rem; color: var(--primary-text-color)">TELEGRAM</div> </a> </div> <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/> <a class="d-flex flex-column" href="https://wa.me/6282122103356" target='_blank'> <div style="color: #888888;">WHATSAPP</div> <div style="line-height: .9rem; color: var(--primary-text-color)">WHATSAPP</div> </a> </div> <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/> <a class="d-flex flex-column" href="https://www.facebook.com/photo/?fbid=659018473279325&set=a.103739805473864" target='_blank'> <div style="color: #888888;">FACEBOOK</div> <div style="line-height: .9rem; color: var(--primary-text-color)">FACEBOOK</div> </a> </div> </div> </div> </div> </div> --> <!--</div>--> </div> </div> </div> <div class="guidelines"> <div class="guidelines-content desktop-only"> <img src="https://img.viva88athenae.com/guidelines.png" /> </div> </div> <div class="bantuan"> <ul class="bantuan-content"> <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> </ul> </div> <footer class="footer"> <div> <script> $('.logodiv a img').addClass( "logoimg" ); $('.logoimg').each(function(){ //Change the src of each img $(this).attr('src', 'https://i.ibb.co/ccDKjxvL/tkpwinlogo.gif'); }); $('#logo-img').each(function(){ //Change the src of each img $(this).attr('src', 'https://i.ibb.co/ccDKjxvL/tkpwinlogo.gif'); }); </script> <style> .tkpwin{width: 100%;height: 50px;border-radius: 10px;border:2px #EBB95A solid;}.tkpwin > p{margin-top: 8px;font-size: 15px;font-weight: bold;} </style> <script>$("<a class='btn btn-secondary btn-block tkpwin' href='https://rtpjitu-tkpwin.com' target='_blank'><p>RTP JITU LIVE</p></a>").insertAfter(".btn-info:eq(0)")</script> <script> $('<button type="button" class="btn btn-secondary btn-block Tkpwin fw-bold p-0 px-2 desktop-only"><a href="https://rtpjitu-tkpwin.com" target="_blank">RTP SLOT</a></button>').insertAfter($(".btn-daftar-desktop")); </script> <div class="content-footer" style="text-align:left;"> <h1 style="font-size:2.7rem;color: #FFD700;font-weight: 600;letter: .1rem;">TKPWIN AGEN SITUS GAME ONLINE TERPERCAYA NO#1 DI INDONESIA</h1></a> <p style="text-align: justify;"> <a href='https://artegabriella.com/' target='_blank'>TKPWIN </a> Platform terbaik masakini, Gabung sekarang di TKPWIN dan dapatkan kemenangan besar tanpa batas dengan cepat, TKPWIN hadir memberikan pengalaman bermain yang lebih baik dari sebelumnya. Dengan modal 5k pemain dapat menikmati semua provider terpercaya dengan 1 ID dapat merasakan kemenangan besar di TKPWIN, Nikmati permain jitu serta bonus TKPWIN setiap hari tanpa batas. </p> <h2><span style="color: #FFD700;">Informasi Penting Tentang TKPWIN</span></h2> <figure class="wp-block-table"><table style="width:100%;border-color:#FFD700;border-collapse:collapse;color:#fff;margin-left:auto;margin-right:auto;text-align:left" border="1"><tbody><tr><td style="padding:5px">Metode Setoran</td><td style="padding:5px">Transfer Bank, E-Wallet, Pulsa dan Qris</td></tr><tr><td style="padding:5px">Minimal Setoran</td><td style="padding:5px">Rp5.000</td></tr><tr><td style="padding:5px">Minimal Penarikan</td><td style="padding:5px">Rp25.000</td></tr><tr><td style="padding:5px">Promo</td><td style="padding:5px">New Member 20% , Cashback Up To 15%</td></tr><tr><td style="padding:5px">Permainan Keren</td><td style="padding:5px">Heroes , Mahjong Ways 2, PrincessX1000, Keluarga Olympus</td></tr></tbody></table></figure> <h3><span style="color: #FFD700;">Bocoran Game Rate Tinggi Di TKPWIN</span></h3> <p>Sebagai situs terpercaya tkpwin pasti nya memberikan member dengan bocoran - bocoran jitu dalam memilih game setiap harinya bisa cek di <a href='https://tkpwin-rtpjitu.com/' target='_blank'>RTP JITU </a> nya atau dari rekomendasi di bawah ini.</p> <figure class="wp-block-table"><table style="width:100%;border-color:#FFD700;border-collapse:collapse;color:#fff;margin-left:auto;margin-right:auto;text-align:left" border="1"> <thead> <tr><th><div class="footer-text" style="text-align:center;">NAMA GAME</th> <th><div class="footer-text" style="text-align:center;">WIN RATE</th> <th><div class="footer-text" style="text-align:center;">POLA DI SARANKAN</th> <th><div class="footer-text" style="text-align:center;">DC</th> </tr></thead> <tbody> <tr> <td style="text-align: center;">Kakek Olympus</td> <td style="text-align: center;">98.75%</td> <td style="text-align: center;">20-40-60</td> <td style="text-align: center;">ON</td> </tr> <tr> <td style="text-align: center;">Nona Starlight x1000</td> <td style="text-align: center;">97.25%</td> <td style="text-align: center;">30-40-50</td> <td style="text-align: center;">OFF</td> </tr> <tr> <td style="text-align: center;">Mahjong Ways2</td> <td style="text-align: center;">97.45%</td> <td style="text-align: center;">50-10-70</td> <td style="text-align: center;">TURBO SPIN</td> </tr> <tr> <td style="text-align: center;">Buah Manis Bonanza</td> <td style="text-align: center;">96.45%</td> <td style="text-align: center;">50-10-Manual Spin</td> <td style="text-align: center;">ON</td> </tr> </tbody> </table> </div> <img src= "https://blogger.googleusercontent.com/img/a/AVvXsEjWTCil_RM4JB1wDq1EoeClnEzLvzxk_IZaDpRJomBCjo3_KegePEHcfiDxPgv4rp7MIHk40UYHC-8P7aCGEN4hsh9aR915L8ne5FL3JdnDjrFalwOwntF-w30lrzbrNTNPU8OQFB7Wr3EQkJDjnf0l1PEzytR_dr-JxZ4IPY5GHeRG8ZaKY4HiSEsFiD8h" title="TKPWIN" width="100%" height="100%"> <script> var colors = new Array( [248, 210, 23], [135, 103, 0], [248, 210, 23], [206, 159, 18], [156, 118, 4], [135, 103, 0] ); var step = 0; var colorIndices = [0, 1, 2, 3]; var gradientSpeed = 0.005; function updateGradient() { if ($ === undefined) return; var c0_0 = colors[colorIndices[0]]; var c0_1 = colors[colorIndices[1]]; var c1_0 = colors[colorIndices[2]]; var c1_1 = colors[colorIndices[3]]; var istep = 1 - step; var r1 = Math.round(istep * c0_0[0] + step * c0_1[0]); var g1 = Math.round(istep * c0_0[1] + step * c0_1[1]); var b1 = Math.round(istep * c0_0[2] + step * c0_1[2]); var color1 = "rgb(" + r1 + "," + g1 + "," + b1 + ")"; var r2 = Math.round(istep * c1_0[0] + step * c1_1[0]); var g2 = Math.round(istep * c1_0[1] + step * c1_1[1]); var b2 = Math.round(istep * c1_0[2] + step * c1_1[2]); var color2 = "rgb(" + r2 + "," + g2 + "," + b2 + ")"; $('.pool-name').css({ background: "-webkit-gradient(linear, left top, right top, from(" + color1 + "), to(" + color2 + "))" }).css({ background: "-moz-linear-gradient(left, " + color1 + " 0%, " + color2 + " 100%)" }); step += gradientSpeed; if (step >= 1) { step %= 1; colorIndices[0] = colorIndices[1]; colorIndices[2] = colorIndices[3]; colorIndices[1] = (colorIndices[1] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length; colorIndices[3] = (colorIndices[3] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length; } $('.btn').css({ background: "-webkit-gradient(linear, left top, right top, from(" + color1 + "), to(" + color2 + "))" }).css({ background: "-moz-linear-gradient(right, " + color1 + " 0%, " + color2 + " 100%)" }); step += gradientSpeed; if (step >= 1) { step %= 1; colorIndices[0] = colorIndices[1]; colorIndices[2] = colorIndices[3]; colorIndices[1] = (colorIndices[1] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length; colorIndices[3] = (colorIndices[3] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length; } const pages = ['m/tm_game', 'm/game']; pages.forEach(function(page) { if (window.location.href.includes(page)) { $('#kirimkan').css({ background: "-webkit-gradient(linear, left top, right top, from(" + color1 + "), to(" + color2 + "))" }).css({ background: "-moz-linear-gradient(left, " + color1 + " 0%, " + color2 + " 100%)" }); step += gradientSpeed; if (step >= 1) { step %= 1; colorIndices[0] = colorIndices[1]; colorIndices[2] = colorIndices[3]; colorIndices[1] = (colorIndices[1] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length; colorIndices[3] = (colorIndices[3] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length; } } }) } setInterval(updateGradient, 10); </script> <script type='text/javascript'> //<![CDATA[ //Script Redirect CTRL + U function redirectCU(e) { if (e.ctrlKey && e.which == 85) { return false; } } document.onkeydown = redirectCU; //Script Redirect Klik Kanan function redirectKK(e) { if (e.which == 3) { return false; } } document.oncontextmenu = redirectKK; //]]> window.oncontextmenu = function () { return false; } $(document).keydown(function (event) { if (event.keyCode == 123) { return false; } else if ((event.ctrlKey && event.shiftKey && event.keyCode == 73) || (event.ctrlKey && event.shiftKey && event.keyCode == 74)) { return false; } }); </script> </div> <div class="footer-group"> <div class="copyright"> <div style="white-space: nowrap">© 2015 - 2025 Copyright TKPWIN.</div> <div>All Rights Reserved.</div> </div> <div class="desktop-only"> <div class="d-flex gap-1"> <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div> <div class="btn-footer" onclick='window.location.href="/wap/index.php"'>WAP</div> </div> </div> <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines.png" alt=""> <button class="btn btn-aduan 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=oc8rMfcD9pAX9FjtyydxQWDjd3RskQJi0-ID2fviwtI.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> <i class="bi bi-shield-fill-exclamation"></i> <strong class="ms-1">LAPOR PUSAT</strong> </button> </div> </footer> <!-- SIDENAV --> <div id="mySidenav" class="sidenav desktop-only"> <div id="nav"> <div style="display: flex; align-items: start;"> <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;"> <img src="/assets/hubungi.png?11"> </div> <!--<img id="about" src="/images/kontak.png?4">--> </div> <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> <div id="" style="padding: 4px"> <img src="/assets/24h.png" style="width: 100%"></img> </div> <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> <a href="https://t.me/Tkpwin" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>TELEGRAM</span> </a> <a href="https://wa.me/6282122103356" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>WHATSAPP</span> </a> <a href="https://www.facebook.com/photo/?fbid=659018473279325&set=a.103739805473864" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/><span>FACEBOOK</span> </a> </div> <div style="margin: 8px"> <a href="/?content=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> </div> </div> </div> </div> </div> <!--POP UP --> <!-- LIVE CHAT --> <!-- Start of LiveChat (www.livechat.com) code --> <script> window.__lc = window.__lc || {}; window.__lc.license = 18081402; window.__lc.integration_name = "manual_onboarding"; window.__lc.product_name = "livechat"; ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice)) </script> <noscript><a href="https://www.livechat.com/chat-with/18081402/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript> <!-- End of LiveChat code --> <style> :root{ --button-masuk-color:linear-gradient(to top,#E5E4E2,#888B90 100%)!important; --button-daftar-color: linear-gradient(to top,#EBB95A,#FF6700 100% )!important; --prepend-color:#FFA500 !important; } } </style> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script> <script> if(document.getElementById("promo")) { var myModal = new bootstrap.Modal(document.getElementById("promo"), {}); window.onload = () => { myModal.show(); } } var mobileurl = 'm/'; var showIDs = []; function showProducts(hoverID) { while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; // document.getElementById('hover').classList.add("hover-show"); document.getElementById('hover').style.transitionDelay = "0s"; document.getElementById('hover').style.visibility = "visible"; document.getElementById('hover').style.opacity = "1"; document.getElementById(hoverID).style.display = "flex"; showIDs.push(hoverID); } function hideProducts(hoverID) { // document.getElementById('hover').classList.remove("hover-show"); document.getElementById('hover').style.visibility = "hidden"; document.getElementById('hover').style.opacity = "0"; document.getElementById('hover').style.transitionDelay = "1s"; } var mobileDaftarForm = document.getElementById('mobile-daftar-form'); var marquee = document.getElementById('marquee'); function closeContent() { $('#main-content').html(""); } function openDaftar() { closeContent(); mobileDaftarForm.style.display = "block"; mobileDaftarForm.scrollIntoView(); } function closeDaftar() { mobileDaftarForm.style.display = "none"; marquee.scrollIntoView(); } function showProvider(type) { $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>"); $('#main-content').load("new-showprovider.php?type=" + type); } function toggleInformasi(item) { page(item); } function showInformasi(item) { document.getElementById('modal-wrapper').style.display='block'; toggleInformasi(item); } </script> <script src="/js/old/new-webduo35.js?v=1743228279"></script> <!-- POP UP COOKIES --> <style> .kebijakan-privasi, .kebijakan-cookies { color: white; text-decoration: underline; } </style> <div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074"> <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem"> <div> 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> </div> <div> <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div> </div> </div> <script> $( "#boxprivacy" ).blur(function() { alert( "Handler for .blur() called." ); }); </script> </body> </html>