Showing source for: https://oposlotblay.com/
Duration: 0.261851s
Server: cloudflare
<!doctype html>
<html lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>OPOSLOT – Situs Slot Online Terpercaya dengan Fitur Lengkap</title>
<link rel="icon" type="image/png" href="/favicon.png">
<meta name="description" content="OPOSLOT merupakan situs slot online terpercaya yang menyediakan berbagai permainan populer dengan fitur lengkap dan sistem permainan yang nyaman. Daftar sekarang dan mulai bermain." />
<meta name="keywords" content="oposlot, online, site terpercaya, server luar, server makau , macau, site depo pulsa"/>
<link rel="canonical" href="https://oposlotsob.com"/>
<meta name="revisit-after" content="1 days" />
<meta name="robots" content="index, follow" />
<meta name="rating" content="general" />
<link rel="amphtml" href="https://oposlotwe.com/"/>
<meta name="geo.region" content="ID" />
<meta name="geo.country" content="id" />
<meta name="geo.placename" content="Indonesia" />
<meta name="author" content="oposlot" />
<meta name="publisher" content="oposlot" />
<meta name="google-site-verification" content="xRIKai-KRR-N4IkwpSePtAhoADDk4W8A6RJ3zyXFjsk" />
<meta name="google-site-verification" content="lFi_Xnv5n_HfvZOC2libG3Wuq0jY4lAnu1BQ93nRZIk" />
<meta name="google-site-verification" content="7aCU37k15JOVUNHaD35xh5ldGd2jgoSI6SOWKS9HqXc" />
<meta name="google-site-verification" content="iXEXDL54W85U0g6tlqPOapob-cqIWMKu7jrZ2YAQKus" />
<meta name="google-site-verification" content="LPgE539GqdvmrNyfM8WneYRV7HdNsGRjOWZlLjM9kRg" />
<meta name="google-site-verification" content="W_Q-moV84PwcogBChOSHRB75JVrUjjkxHLNJmDOzZ64" />
<meta name="google-site-verification" content="LhO0hCfD8Bm0VLTQbnC598GugsWwyAOU1IbjkTl3mZI" />
<meta name="google-site-verification" content="lTwpv6IqcpOHI7lvdQHEEzuyYoO7gZlXuLIsXHy9Pzg" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q7RNLL293C"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-Q7RNLL293C');
</script>
<link rel="preconnect" href="https://img.viva88athenae.com">
<link rel="preload" href="/fonts/new/ubuntu-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/fonts/new/ubuntu-normal-700-latin.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/fonts/new/oswald-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin>
<link href="/css/new/vendor/bootstrap.min.css?v=1791889706" rel="stylesheet">
<style id="jt-fonts">/* Self-hosted Ubuntu + Oswald (latin / latin-ext), font-display: swap */
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/new/oswald-normal-400-latinext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/new/oswald-normal-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts/new/oswald-normal-500-latinext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts/new/oswald-normal-500-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/fonts/new/oswald-normal-600-latinext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/fonts/new/oswald-normal-600-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/new/oswald-normal-700-latinext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/new/oswald-normal-700-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Ubuntu';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/fonts/new/ubuntu-italic-300-latinext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Ubuntu';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/fonts/new/ubuntu-italic-300-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Ubuntu';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/new/ubuntu-italic-400-latinext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Ubuntu';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/new/ubuntu-italic-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Ubuntu';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/fonts/new/ubuntu-italic-500-latinext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Ubuntu';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/fonts/new/ubuntu-italic-500-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Ubuntu';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/fonts/new/ubuntu-italic-700-latinext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Ubuntu';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/fonts/new/ubuntu-italic-700-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/fonts/new/ubuntu-normal-300-latinext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/fonts/new/ubuntu-normal-300-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/new/ubuntu-normal-400-latinext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/new/ubuntu-normal-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts/new/ubuntu-normal-500-latinext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts/new/ubuntu-normal-500-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/new/ubuntu-normal-700-latinext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/new/ubuntu-normal-700-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style> <style id="jt-theme">/* Theme: BY — BY */
:root {
/* --- Accent --- */
--accent-color: #0b54a1;
/* --- Text --- */
--primary-text-color: #000000;
--secondary-text-color: #444444;
--accent-text-color: #0b54a1;
/* --- Teks tambahan --- */
--muted-text-color: #575757;
--muted-text-color-secondary: #555555;
--muted-text-color-tertiary: #5b595c;
/* --- Background utama --- */
--primary-background-color: #f2f2f2;
--secondary-background-color: #dddddd;
--ternary-background-color: #eaebef;
--quaternary-background-color:#f5f5f5;
/* --- Background tambahan --- */
--placeholder-bg: #eeeeee;
--overlay-bg: rgba(0,0,0,0.6);
--handle-color: rgba(0,0,0,0.2);
--table-hover-bg: rgba(153,101,21,0.08);
--btn-close-hover-bg: rgba(0,0,0,0.08);
--qr-bg: #ffffff;
/* --- Navbar --- */
--navbar-bg: #ffffff;
--bottom-navbar-bg: #ffffff;
/* --- Navbar text --- */
--navbar-text-color: #000000;
--bottom-navbar-text-color: #000000;
/* --- Header & Home --- */
--topbar-link-color: var(--primary-text-color);
--section-title-color: var(--primary-text-color);
--togel-market-name-color: var(--primary-text-color);
--balance-text-color: var(--secondary-text-color);
--nav-active-color: var(--accent-text-color);
--marquee-date-color: var(--accent-text-color);
--username-text-color: var(--secondary-text-color);
--marquee-text-color: var(--secondary-text-color);
/* --- Menu / Marquee / Search --- */
--menu-box-bg: #ffffff;
--marquee-bg: #ffd400;
--search-bg: #e2e2e2;
/* --- Widget profile gradient --- */
--widget-profile-bg-start: #ffffff;
--widget-profile-bg-end: #dddddd;
/* --- Tombol Deposit --- */
--btn-deposit-color-start: #5b595c;
--btn-deposit-color-mid: #5b595c;
--btn-deposit-color-end: #5b595c;
--btn-deposit-text: #ffffff;
/* --- Tombol Withdraw --- */
--btn-withdraw-color-start: #dddddd;
--btn-withdraw-color-end: #eeeeee;
--btn-withdraw-text: #000000;
/* --- Tab aktif & tabel rekening --- */
--tx-tab-active-color: var(--accent-color);
--tx-table-accent-color: var(--accent-text-color);
/* --- Table stripe & placeholder --- */
--table-stripe-odd-bg: #ffffff;
--table-stripe-even-bg: #f7f7f7;
--input-placeholder-color: #888888;
/* --- CMS Sidebar --- */
--cms-nav-color: var(--muted-text-color);
--cms-nav-hover-color: var(--secondary-text-color);
--cms-nav-active-color: var(--primary-text-color);
/* --- History table --- */
--color-tanggal: #d32f2f;
--color-pasaran: #1976d2;
--color-debit: #d32f2f;
--color-kredit: #2e7d32;
--color-balance: #1976d2;
/* --- Component backgrounds --- */
--btn-menu-bg: #ffffff;
--card-bg: #eaebef;
--avatar-bg: #eeeeee;
--table-header-bg: #dddddd;
--dropdown-bg: #ffffff;
--sidebar-bg: #ffffff;
--input-bg: #ffffff;
--menu-box-border-color: rgba(0,0,0,0.12);
--breadcrumb-color: var(--accent-color);
--alert-danger-bg: #ee5f5b;
/* --- Accent alpha --- */
--accent-bg-subtle: rgba(153,101,21,0.08);
--accent-bg-active: rgba(153,101,21,0.15);
--accent-border-subtle: rgba(153,101,21,0.35);
/* --- Skeleton shimmer --- */
--skeleton-color-base: #eeeeee;
--skeleton-color-shine: #f8f8f8;
/* --- Card togel --- */
--togel-card-bg: #ffffff;
--togel-card-number-color: #000000;
/* --- Splide pagination --- */
--splide-pagination-inactive: #bdbdbd;
/* --- Border --- */
--border-color: rgba(0,0,0,0.10);
--border-subtle-color: rgba(0,0,0,0.05);
/* --- Font & Radius --- */
--font-body: "Ubuntu", sans-serif;
--radius-sm: 6px;
--radius-md: 8px;
--radius-lg: 10px;
--radius-xl: 12px;
--radius-pill: 999px;
/* --- Font sizes --- */
--fs-xs: 10px;
--fs-sm: 11px;
--fs-md: 12px;
--fs-base: 13px;
--fs-lg: 14px;
--fs-xl: 15px;
--fs-2xl: 16px;
--fs-3xl: 18px;
}
/* History table column colors */
.history-table .col-tanggal { white-space: nowrap; color: var(--color-tanggal); }
.history-table .col-pasaran { color: var(--color-pasaran); }
.history-table .col-betid { font-size: var(--fs-xs); word-break: break-all; color: var(--accent-text-color); }
.history-table .col-deskripsi { color: var(--primary-text-color); }
.history-table .col-balance { white-space: nowrap; color: var(--color-balance); }
</style> <link rel="stylesheet" href="/css/new/layout.min.css?v=1791889706">
<link rel="stylesheet" href="/css/new/logo.css?v=1791889706">
<style>.splide__list{display:flex;margin:0!important;padding:0!important}.splide__track{overflow:hidden;position:relative}</style>
<link id="css-home-sections" rel="stylesheet" href="/css/new/home-sections.min.css?v=1791889706" media="print" onload="this.media='all'">
<link id="css-bootstrap-icons" rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1791889706" media="print" onload="this.media='all'">
<link id="css-splide" rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1791889706" media="print" onload="this.media='all'">
<noscript>
<link rel="stylesheet" href="/css/new/home-sections.min.css?v=1791889706">
<link rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1791889706">
<link rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1791889706">
<link rel="stylesheet" href="/css/new/game.min.css?v=1791889706">
</noscript>
<style>
@media (max-width: 768px) {
.driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
.driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
.driver-popover-description { font-size: 12px !important; }
}
</style>
<style>
a {
color: inherit; /* blue colors for links too */
text-decoration: inherit; /* no underline */
}
.desktop-only {
display: block!important;
}
.mobile-only {
display: none !important;
}
.btn {
height: 30px;
border-radius: 3px;
}
.login-field {
width: 104px;
height: 30px;
border-radius: 3px;
}
.login-input-field {
margin: 0px;
padding: 0px 8px;
border-radius: 3px !important;
}
.section>.home-view {
padding: 0px;
}
@media only screen and (max-width: 1000px) {
.desktop-only {
display: none!important;
}
.mobile-only {
display: block!important;
}
.login-form {
padding: 32px 0;
margin: 0px 64px;
display: flex;
flex-direction: column;
}
.login-field, .login-form>button, .btn-promosi {
height: 36px;
width: 100% !important;
border-radius: 8px;
overflow: hidden;
}
.login-input-field {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
font-size: 1rem;
}
.section {
padding: 0px 8px!important;
}
}
.grecaptcha-badge {
display: none !important;
}
</style>
</head>
<body>
<script src="/js/new/vendor/jquery.min.js?v=1791889706"></script>
<script>
window.JT_CSRF_TOKEN = '5335d7d6bedeec33e0f9fb03af8e4e26ee6840c0431359ab120d5f77f3667b5b';
window.JT_NEED_RECAPTCHA_REGISTER = false;
window.JT_NEED_RECAPTCHA_LOGIN = false;
window.JT_NEED_RECAPTCHA = false;
window.JT_RECAPTCHA_SITE_KEY = '6Leu4cosAAAAABe-B_1-oryumOl99wsUEEFN3z8A';
window.JT_NEED_TURNSTILE_REGISTER = false;
window.JT_NEED_TURNSTILE_LOGIN = false;
window.JT_NEED_TURNSTILE = false;
window.JT_NEED_IFRAME_CAPTCHA = false;
window.JT_CAPTCHA_LOGIN_MODE = '1';
window.JT_CAPTCHA_REGISTER_MODE = '1';
$.ajaxSetup({
beforeSend: function (xhr, settings) {
if (settings.type === 'POST' && !settings.crossDomain) {
xhr.setRequestHeader('X-CSRF-Token', window.JT_CSRF_TOKEN || '');
}
}
});
var _recaptchaLoader = null;
function jtLoadRecaptcha() {
if (!window.JT_NEED_RECAPTCHA) return Promise.resolve();
if (typeof grecaptcha !== 'undefined' && grecaptcha.enterprise) return Promise.resolve();
if (_recaptchaLoader) return _recaptchaLoader;
_recaptchaLoader = new Promise(function (resolve, reject) {
var s = document.createElement('script');
s.src = 'https://www.google.com/recaptcha/enterprise.js?render=' + encodeURIComponent(window.JT_RECAPTCHA_SITE_KEY);
s.async = true;
s.onload = function () { resolve(); };
s.onerror = function () { _recaptchaLoader = null; reject(new Error('recaptcha load failed')); };
document.head.appendChild(s);
});
return _recaptchaLoader;
}
function jtWarmAuthScripts() {
if (window.JT_NEED_RECAPTCHA) jtLoadRecaptcha().catch(function () {});
if (window.JT_NEED_TURNSTILE && typeof window.turnst === 'function') {
window.turnst('').catch(function () {});
}
}
$(document).on(
'focusin',
'#desktoplogin input, #mobilelogin input, #formRegister input, #formRegister select, #desktopregister input, #mobileregister input',
jtWarmAuthScripts
);
$(document).on(
'click',
'.btn-daftar, [onclick*="register"], a[href*="register"]',
jtWarmAuthScripts
);
function jtNeedRecaptchaRegister($form) {
var isRecaptchaRegister = String($form.find('input[name="isrecaptcharegister"]').val() || '');
return window.JT_NEED_RECAPTCHA_REGISTER === true || isRecaptchaRegister === '1';
}
function jtNeedRecaptchaLogin($form) {
var isRecaptchaLogin = String($form.find('input[name="isrecaptchalogin"]').val() || '');
return window.JT_NEED_RECAPTCHA_LOGIN === true || isRecaptchaLogin === '1';
}
function jtWithRecaptchaToken($form, $status, action, shouldRun, onReady, failCls, onFail, tokenField) {
if (!shouldRun) {
onReady();
return;
}
var fieldName = tokenField || 'recaptcha_token';
var warnCls = (failCls === undefined) ? 'alert alert-sm alert-warning' : failCls;
function showFail(msg) {
if (warnCls) {
$status.removeClass().addClass(warnCls).text(msg).fadeIn(1000);
} else {
$status.removeClass().text(msg).fadeIn(1000);
}
if (typeof onFail === 'function') {
onFail();
}
}
jtLoadRecaptcha().then(function () {
if (typeof grecaptcha === 'undefined' || !grecaptcha.enterprise) {
showFail('Verifikasi gagal dimuat, refresh halaman');
return;
}
grecaptcha.enterprise.ready(function () {
grecaptcha.enterprise.execute(window.JT_RECAPTCHA_SITE_KEY, { action: action })
.then(function (token) {
jtSetHidden($form, fieldName, token);
onReady();
})
.catch(function () {
showFail('Verifikasi gagal, coba lagi');
});
});
}).catch(function () {
showFail('Verifikasi gagal dimuat, refresh halaman');
});
}
function jtWithRecaptchaRegisterToken($form, $status, onReady) {
jtWithRecaptchaToken($form, $status, 'register', jtNeedRecaptchaRegister($form), onReady, undefined, undefined, 'recaptcha_register_token');
}
function jtWithRecaptchaLoginToken($form, $status, onReady, onFail) {
jtWithRecaptchaToken($form, $status, 'login', jtNeedRecaptchaLogin($form), onReady, '', onFail, 'recaptcha_login_token');
}
function jtSetHidden($form, name, value) {
var $el = $form.find('input[name="' + name + '"]');
if ($el.length === 0) {
$form.append('<input type="hidden" name="' + name + '" value="">');
$el = $form.find('input[name="' + name + '"]');
}
$el.val(value);
}
function jtWithTurnstileAction($form, actionName, needFlag, onReady) {
if (!needFlag || typeof window.turnst !== 'function') {
onReady();
return;
}
window.turnst(actionName).then(function (fpResult) {
jtSetHidden($form, 'fp_event_id', (fpResult && fpResult.eventId) || '');
jtSetHidden($form, 'fp_visitor_id', (fpResult && fpResult.visitorId) || '');
onReady();
}).catch(function () {
jtSetHidden($form, 'fp_event_id', '');
jtSetHidden($form, 'fp_visitor_id', '');
onReady();
});
}
function jtWithTurnstileRegister($form, onReady) {
jtWithTurnstileAction($form, 'account_create', window.JT_NEED_TURNSTILE_REGISTER, onReady);
}
function jtWithTurnstileLogin($form, onReady) {
jtWithTurnstileAction($form, 'account_login', window.JT_NEED_TURNSTILE_LOGIN, onReady);
}
var _jtIframePending = null;
function jtShowIframeCaptcha(isMobile, onReady, onCancelMsg) {
if (!window.JT_NEED_IFRAME_CAPTCHA) {
onReady();
return;
}
var modalId = isMobile ? '#captchaModalMobile' : '#captchaModalDesktop';
var $modal = $(modalId);
if ($modal.length === 0) {
onReady();
return;
}
_jtIframePending = {
isMobile: !!isMobile,
onReady: onReady,
onCancelMsg: onCancelMsg || null
};
$modal.css('display', 'flex');
}
function jtWithIframeCaptchaLogin($form, isMobile, onReady, onCancelMsg) {
var mode = String($form.find('input[name="iscaptchalogin"]').val() || window.JT_CAPTCHA_LOGIN_MODE || '1');
if (mode !== '2') {
onReady();
return;
}
jtShowIframeCaptcha(isMobile, function (token, key) {
jtSetHidden($form, 'token', token || '');
jtSetHidden($form, 'key', key || '');
onReady();
}, onCancelMsg);
}
function jtWithIframeCaptchaRegister($form, isMobile, onReady, onCancelMsg) {
var mode = String($form.find('input[name="iscaptcharegister"]').val() || window.JT_CAPTCHA_REGISTER_MODE || '1');
if (mode !== '2') {
onReady();
return;
}
jtShowIframeCaptcha(isMobile, function (token, key) {
jtSetHidden($form, 'token', token || '');
jtSetHidden($form, 'key', key || '');
onReady();
}, onCancelMsg);
}
window.addEventListener('message', function (e) {
if (e.origin !== 'https://recaptcha.viva88athenae.com') {
return;
}
if (!_jtIframePending) {
return;
}
var pending = _jtIframePending;
_jtIframePending = null;
var dataCaptcha = e.data || {};
var $modal = pending.isMobile ? $('#captchaModalMobile') : $('#captchaModalDesktop');
$modal.css('display', 'none');
if (dataCaptcha.verified !== true) {
if (typeof pending.onCancelMsg === 'function') {
pending.onCancelMsg('Verifikasi Kosong');
}
return;
}
if (typeof pending.onReady === 'function') {
pending.onReady(dataCaptcha.token || '', dataCaptcha.key || '');
}
});
</script>
<style>
.btn-tele {
text-shadow: 1px 1px #000000;
height: 36px!important;
border-radius: 8px;
background: #28323C;
color: white;
}
</style>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasExampleLabel" style="width: 50%; background: var(--primary-background-color); color: var(--primary-text-color); z-index: 99999">
<div class="offcanvas-header py-3 d-flex justify-content-between">
<h5 class="offcanvas-title" id="offcanvasExampleLabel" style="color: var(--menu-item-color); font-size: 1.2rem; font-weight: bold">Kontak Kami</h5>
<button type="button" class="text-reset" style="background: transparent; border: none" data-bs-dismiss="offcanvas" aria-label="Close"><i class="bi bi-x" style="color: var(--primary-text-color); font-size: 20px"></i></button>
</div>
<div class="offcanvas-body p-0 px-2">
<div class="d-flex flex-column w-100 gap-2">
<a href="https://t.me/Tokodgo" target='_blank' class="d-flex p-3 w-100 gap-3 rounded" style="background: var(--menu-box-bg, transparent); border: 1px solid var(--menu-box-border-color, rgba(255, 255, 255, 0.06));">
<div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/telegram.png" width="18" height="18" alt=""></div>
<div style="color: var(--primary-text-color);">+6287796996277</div>
</a>
</div>
</div>
</div>
<style>
#mySidenav {
position: fixed;
top: 180px;
right: 100px;
z-index: 999;
}
#mySidenav div#nav:hover {
left: -138px;
}
#mySidenav div#nav {
position: absolute;
font-size: 20px;
border-radius: 0 5px 5px 0;
left: 36px;
transition: 0.3s;
display: flex;
}
#kontak-content {
width: 190px;
padding: 5px 10px 8px 10px;
font-size: 15px;
background-color: #FFF;
color: #000;
}
</style>
<!-- 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(--accent-color); border-radius: 8px 0px 0px 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
<img src="https://img.viva88athenae.com//new/assets/hubungi.png?2" alt="Hubungi Kami">
</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%" alt="Layanan 24 Jam">
</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/Tokodgo" 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" height="20" alt=""><span>+6287796996277</span>
</a>
</div>
<div style="margin: 8px">
<a href="/register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem!important; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
</div>
</div>
</div>
</div>
<div class="d-none d-md-block px-2">
<div class="section desktop-topbar d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center gap-4">
</div>
<!-- Desktop Login Start -->
<style>
.login-form {
display: flex;
align-items: center;
justify-content: end;
gap: 4px;
}
.btn-masuk {
background: linear-gradient(#f17a77, #ee5f5b 60%, #ec4d49) !important;
color: white;
}
.btn-daftar {
background: linear-gradient(#74cae3, #5bc0de 60%, #4ab9db); !important;
color: white;
}
.btn-google {
width: 30px;
height: 30px;
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.btn-google:hover {
background: #f5f5f5;
}
.btn-google-mobile {
background: #fff;
color: #3c4043;
border: 1px solid #dadce0;
border-radius: 3px;
height: 36px;
padding: 0 12px;
font-weight: 600;
font-size: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.btn-google-mobile:hover {
background: #f8f9fa;
color: #202124;
}
</style>
<div class="d-flex align-items-center gap-2">
<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; white-space:nowrap;"></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 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>
<!-- captcha -->
<div class="verifikasiform" style="">
<div style="display: flex; gap: 2px;">
<span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;" alt="Kode verifikasi"></span>
<input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off" aria-label="Kode verifikasi">
</div>
</div>
<input type="hidden" name="verif" id="verifval" class="verifval" value="1">
<!-- end captcha -->
<!--<button value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>-->
<button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit d-flex justify-content-center align-items-center">Masuk</button>
<button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="openRegister('desktop')">Daftar</button>
<input type="hidden" name="task" value="login">
<input type="hidden" name="iscaptchalogin" value="1">
<input type="hidden" name="isrecaptchalogin" value="0">
<input type="hidden" name="recaptcha_login_token" value="">
<input type="hidden" name="fp_event_id" value="">
<input type="hidden" name="fp_visitor_id" value="">
<input type="hidden" name="logindesktop" value="++xallHkXxsruE8sljIIM8eJRvgRmYEi8zhEvgVzcjY=">
</form>
<script>
function jtRandomString(length) {
var result = '';
var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
for (var i = 0; i < length; i++) {
result += characters.charAt(Math.floor(Math.random() * characters.length));
}
return result;
}
function jtGetCaptchaHtml(captchaPath, captchaStyle) {
var r = Math.floor(Math.random() * 10000);
return '<img src="' + captchaPath + '?' + r + '" ' + captchaStyle + ' alt="Kode verifikasi">';
}
function jtHandleLoginResponse(res, $root, verHtml) {
var $msg = $root.find('#msgbox');
var code = res && res.error && res.error.code;
var msg = res && res.error && res.error.message;
var data = (res && res.data) || {};
if (code === 200 && msg === 'success') {
toast('Login berhasil', 200);
$msg.removeClass().text('Logging in').fadeTo(900, 1, function() {
window.location = '/home';
});
return;
}
if (code === 429 || msg === 'ratelimit') {
$msg.removeClass().text('Terlalu banyak percobaan.').fadeIn(1000);
} else if (msg === 'wrong') {
$msg.removeClass().text('Salah Password').fadeIn(1000);
$root.find('#verifikasi').html(verHtml);
} else if (msg === 'banned') {
$msg.removeClass().text('User di Banned').fadeIn(1000);
$root.find('#verifikasi').html(verHtml);
} else if (msg === 'empty') {
$msg.removeClass().text('Silakan diisi').fadeIn(1000);
} else if (msg === 'capempty') {
$msg.removeClass().text('Verifikasi Kosong').fadeIn(1000);
$root.find('#verifikasi').html(verHtml);
} else if (msg === 'caperror') {
$msg.removeClass().text('Verifikasi Salah').fadeIn(1000);
$root.find('#verifikasi').html(verHtml);
} else if (msg === 'recaperror') {
$msg.removeClass().text('Recaptcha salah, coba lagi').fadeIn(1000);
} else if (msg === 'iperror') {
$msg.removeClass().text('IP Tidak Sesuai').fadeIn(1000);
$root.find('#verifikasi').html(verHtml);
} else if (msg === 'capexp') {
$msg.removeClass().text('Captcha Expired').fadeIn(1000);
$root.find('#verifikasi').html(verHtml);
} else if (msg === 'cap') {
$msg.removeClass().text('Isi Verifikasi').fadeIn(1000);
$root.find('#verifikasi').html(verHtml);
$root.find('.verifikasiform, #mverifikasiform').show();
$root.find('.verifval').val('1');
} else if (msg === 'turnnoevent') {
window.location.reload();
} else if (msg === 'turnblock') {
$msg.removeClass().text('Insecure Device').fadeIn(1000);
} else {
$msg.removeClass().text('Login gagal, coba lagi').fadeIn(1000);
$root.find('#verifikasi').html(verHtml);
}
}
function jtSubmitLogin(rootSel, captchaPath, captchaStyle) {
var $root = $(rootSel);
var $form = $root.find('form.form');
if ($form.length === 0) {
$form = $root.find('.form');
}
if ($form.length === 0) {
console.error('Login form not found:', rootSel);
return false;
}
var $submitBtn = $root.find('.submit');
var $msg = $root.find('#msgbox');
var verHtml = jtGetCaptchaHtml(captchaPath, captchaStyle);
var isMobile = (rootSel.indexOf('mobile') !== -1);
$msg.removeClass().text('Validating').fadeIn(1000);
$submitBtn.prop('disabled', true).addClass('disabled');
function unlockSubmit() {
$submitBtn.prop('disabled', false).removeClass('disabled');
}
function doLoginPost() {
$.ajax({
url: '/api/front/login',
type: 'POST',
data: $form.serialize(),
dataType: 'json',
headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
success: function(data) {
jtHandleLoginResponse(data, $root, verHtml);
}
})
.fail(function() {
$msg.removeClass().text('Koneksi gagal').fadeIn(1000);
$root.find('#verifikasi').html(verHtml);
})
.always(unlockSubmit);
}
function afterTurnstile() {
if (typeof jtWithRecaptchaLoginToken === 'function') {
jtWithRecaptchaLoginToken($form, $msg, doLoginPost, unlockSubmit);
} else {
doLoginPost();
}
}
function afterIframe() {
if (typeof jtWithTurnstileLogin === 'function') {
jtWithTurnstileLogin($form, afterTurnstile);
} else {
afterTurnstile();
}
}
if (typeof jtWithIframeCaptchaLogin === 'function') {
jtWithIframeCaptchaLogin($form, isMobile, afterIframe, function (msgText) {
$msg.removeClass().text(msgText || 'Verifikasi Kosong').fadeIn(1000);
unlockSubmit();
});
} else {
afterIframe();
}
return false;
}
// Login desktop
$(document).on('click', '#desktoplogin .submit', function(e) {
e.preventDefault();
jtSubmitLogin(
'#desktoplogin',
'/capimg.php',
'width="40" height="30" style="border:1px #999 solid;"'
);
return false;
});
// Login mobile
$(document).on('click', '#mobilelogin .submit', function(e) {
e.preventDefault();
jtSubmitLogin(
'#mobilelogin',
'/mcapimg.php',
'width="600" height="88" style="width:100%;height:auto;border-radius:5px;"'
);
return false;
});
// Tekan Enter utk login
$(document).on('keypress', '#desktoplogin input, #mobilelogin input', function(e) {
if (e.which === 13) {
e.preventDefault();
var $root = $(this).closest('#desktoplogin, #mobilelogin');
if ($root.attr('id') === 'desktoplogin') {
$('#desktoplogin .submit').trigger('click');
} else {
$('#mobilelogin .submit').trigger('click');
}
return false;
}
});
function jtEnsureDriver(done) {
if (window.driver && window.driver.js) {
done();
return;
}
if (window._jtDriverLoading) {
window._jtDriverLoading.push(done);
return;
}
window._jtDriverLoading = [done];
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css';
link.integrity = 'sha384-eyrYgcjChmzD338JTHFZssgJHOqqOZbajet8yZpCw8ESroLDi28BarMEKCImNGHC';
link.crossOrigin = 'anonymous';
document.head.appendChild(link);
var s = document.createElement('script');
s.src = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js';
s.integrity = 'sha384-BhR06AMz62Xn0o53z8itVS1vw4JslNckRFgOTa6/Dob0Agdmbbh8Dr9sDO2h18TO';
s.crossOrigin = 'anonymous';
s.onload = function () {
var q = window._jtDriverLoading || [];
window._jtDriverLoading = null;
q.forEach(function (fn) {
try { fn(); } catch (e) {}
});
};
s.onerror = function () {
window._jtDriverLoading = null;
};
document.head.appendChild(s);
}
function scrollToLoginForm() {
if (typeof jtWarmAuthScripts === 'function') jtWarmAuthScripts();
var isDesktop = window.innerWidth >= 992;
var formEl = document.getElementById(isDesktop ? 'desktoplogin' : 'mobilelogin');
if (!formEl) {
return;
}
formEl.scrollIntoView({
behavior: 'smooth',
block: 'center'
});
setTimeout(function() {
var inp = formEl.querySelector('input[type="text"], input[name="username"], input[name="BOX_username"]');
if (inp) {
inp.focus();
}
if (!inp) {
return;
}
jtEnsureDriver(function () {
if (!window.driver || !window.driver.js) {
return;
}
var driver = window.driver.js.driver({
popoverClass: 'driverjs-theme',
showProgress: false,
showButtons: [],
overlayOpacity: 0.3,
steps: [
{
element: inp,
popover: {
title: 'Harap Login',
description: 'Silakan masukkan username Anda',
side: 'bottom',
align: 'start',
showButtons: [],
nextBtnText: '',
prevBtnText: '',
doneBtnText: ''
}
}
],
onDestroyStarted: () => driver.destroy(),
});
driver.drive();
var destroyDriver = function() {
driver.destroy();
inp.removeEventListener('input', destroyDriver);
inp.removeEventListener('click', destroyDriver);
inp.removeEventListener('focus', destroyDriver);
};
inp.addEventListener('input', destroyDriver, { once: true });
inp.addEventListener('click', destroyDriver, { once: true });
inp.addEventListener('focus', destroyDriver, { once: true });
});
}, 400);
}
window.JT_LOGGED_IN = false;
if (sessionStorage.getItem('jt_pending_action')) {
$(document).ready(function() {
scrollToLoginForm();
});
}
</script>
</div>
<!--<a href="/event">-->
<!-- <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
<!--</a>-->
</div>
<!-- Desktop Login End -->
</div>
<div class="desktop-topbar-line"></div>
<div class="desktop-topbar-line d-flex align-items-center justify-content-between" style="margin-left:-2.0rem;margin-right:-2.0rem"></div>
<nav class="section desktop-mainnav d-flex align-items-center">
<!-- <a class="navbar-brand me-2 flex-shrink-0 navbar-brand-guest" href="/home" onclick="content('/home.php','#content',this); return false;"> -->
<a class="navbar-brand me-2 flex-shrink-0" href="/home" onclick="openPage('home'); return false;">
<img src="/images/logo.png?v=1791889706" alt="Logo" class="logo">
</a>
<div class="d-flex align-items-stretch h-100 ms-auto" style="overflow-x:auto;scrollbar-width:none;">
<a href="/home"
onclick="openPage('home',this); return false;" class="desktop-nav-link"
data-nav="home">
<img src="https://img.viva88athenae.com/new/menu-home.png?v=1791889706" alt="">
<span>Home</span>
</a>
<a href="/togel"
onclick="window.JT_LOGGED_IN ? content('/togel.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'togel'})), scrollToLoginForm()); return false;" class="desktop-nav-link"
data-nav="togel">
<img src="https://img.viva88athenae.com/new/menu-togel.png?v=1791889706" alt="">
<span>Togel</span>
</a>
<a href="/slot"
onclick="showProviders('slot',this); return false;" class="desktop-nav-link"
data-nav="slot">
<img src="https://img.viva88athenae.com/new/menu-slot.png?v=1791889706" alt="">
<span>Slot</span>
</a>
<a href="/casino"
onclick="showProviders('casino',this); return false;" class="desktop-nav-link"
data-nav="casino">
<img src="https://img.viva88athenae.com/new/menu-casino.png?v=1791889706" alt="">
<span>Casino</span>
</a>
<a href="/sport"
onclick="openPage('sport',this); return false;" class="desktop-nav-link"
data-nav="sport">
<img src="https://img.viva88athenae.com/new/menu-sport.png?v=1791889706" alt="">
<span>Sport</span>
</a>
<a href="/sabung"
onclick="openPage('sabung',this); return false;" class="desktop-nav-link"
data-nav="sabung">
<img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1791889706" alt="">
<span>Sabung</span>
</a>
<a href="/arcade"
onclick="showProviders('arcade',this); return false;" class="desktop-nav-link"
data-nav="arcade">
<img src="https://img.viva88athenae.com/new/menu-arcade.png?v=1791889706" alt="">
<span>Arcade</span>
</a>
<a href="/interactive"
onclick="showProviders('interactive',this); return false;" class="desktop-nav-link"
data-nav="interactive">
<img src="https://img.viva88athenae.com/new/menu-interactive.png?v=1791889706" alt="">
<span>Interactive</span>
</a>
<a href="/kupon"
onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm()); return false;" class="desktop-nav-link"
data-nav="kupon">
<img src="https://img.viva88athenae.com/new/menu-kupon.png?v=1791889706" alt="">
<span>Kupon</span>
</a>
<a href="/promosi"
onclick="openPage('promosi',this); return false;" class="desktop-nav-link"
data-nav="promosi">
<img src="https://img.viva88athenae.com/new/menu-promo.png?v=1791889706" alt="">
<span>Promosi</span>
</a>
<a href="/event"
onclick="openPage('event',this); return false;" class="desktop-nav-link"
data-nav="event">
<img src="https://img.viva88athenae.com/new/menu-event.png?v=1791889706" alt="">
<span>Event</span>
</a>
</div>
</nav>
</div>
<!-- WHEEL -->
<!-- WHEEL -->
<nav class="navbar px-3 d-md-none" style="z-index: 1046">
<div class="w-100 d-flex justify-content-between align-items-center ps-3">
<a class="navbar-brand" href="/home" onclick="content('/home.php','#content',this); return false;">
<img src="/images/logo.png?v=1791889706" alt="Logo" class="logo">
</a>
<div class="d-flex align-items-center gap-2 pe-2">
<button class="btn btn-transparent py-0 px-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight" aria-label="Menu kontak">
<i class="bi bi-person-lines-fill" style="font-size: 20px; color: var(--primary-text-color)" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</nav>
<style>
.banner {
aspect-ratio: 1920 / 380;
width: 100%;
object-fit: cover;
background: black
}
@media only screen and (max-width: 1000px) {
.banner {
aspect-ratio: 600 / 300;
}
}
</style>
<div class="carousel slide" id="banner-carousel" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
<button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="4" aria-label="Slide 5"></button>
<button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="5" aria-label="Slide 6"></button>
<button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="6" aria-label="Slide 7"></button>
</div>
<div class="carousel-inner" style="height: 100%">
<div class="carousel-item active" style="height: 100%">
<a >
<img
src="/images/upload-Slides-20220427144552.jpg"
class="d-block w-100 banner"
alt=""
fetchpriority="high" >
</a>
</div>
<div class="carousel-item " style="height: 100%">
<a >
<img
src="/images/upload-Slides-20220427144606.jpg"
class="d-block w-100 banner"
alt=""
>
</a>
</div>
<div class="carousel-item " style="height: 100%">
<a >
<img
src="/images/upload-Slides-20220427144617.jpg"
class="d-block w-100 banner"
alt=""
>
</a>
</div>
<div class="carousel-item " style="height: 100%">
<a >
<img
src="/images/upload-Slides-20220427144627.jpg"
class="d-block w-100 banner"
alt=""
>
</a>
</div>
<div class="carousel-item " style="height: 100%">
<a >
<img
src="/images/upload-Slides-20260415152902.jpg"
class="d-block w-100 banner"
alt=""
>
</a>
</div>
<div class="carousel-item " style="height: 100%">
<a >
<img
src="https://img.viva88athenae.com/banner/mgl-25.jpg"
class="d-block w-100 banner"
alt=""
>
</a>
</div>
<div class="carousel-item " style="height: 100%">
<a >
<img
src="https://img.viva88athenae.com/banner/slider-fgs.jpg"
class="d-block w-100 banner"
alt=""
>
</a>
</div>
</div>
</div>
<div class="section marquee-bar">
<div class="marquee-date ps-2">
<span id="datetime"></span>
<i class="bi bi-volume-up-fill ms-1 secondary-text-color"></i>
</div>
<div class="marquee-text">
<div class="marquee-runner" id="marqueeRunner">
<span>"Selamat bergabung bersama situs OPOSLOT , dengan Slot Online terlengkap dan terpercaya"</span>
</div>
</div>
</div>
<div class="p-2">
<div class="d-md-none">
<div id="lobbyMenuWrap" class="splide pb-4 mt-2">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
<a href="/home"
onclick="openPage('home',this); return false;"
class="lobby-menu"
data-nav="home">
<img src="https://img.viva88athenae.com/new/menu-home.png?v=1791889706" alt="">
<small>Home</small>
</a>
</li>
<li class="splide__slide">
<a href="/togel"
onclick="window.JT_LOGGED_IN ? content('/togel.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'togel'})), scrollToLoginForm()); return false;"
class="lobby-menu"
data-nav="togel">
<img src="https://img.viva88athenae.com/new/menu-togel.png?v=1791889706" alt="">
<small>Togel</small>
</a>
</li>
<li class="splide__slide">
<a href="/kupon"
onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm()); return false;"
class="lobby-menu"
data-nav="kupon">
<img src="https://img.viva88athenae.com/new/menu-kupon.png?v=1791889706" alt="">
<small>Kupon</small>
</a>
</li>
<li class="splide__slide">
<a href="/slot"
onclick="showProviders('slot',this); return false;"
class="lobby-menu"
data-nav="slot">
<img src="https://img.viva88athenae.com/new/menu-slot.png?v=1791889706" alt="">
<small>Slot</small>
</a>
</li>
<li class="splide__slide">
<a href="/casino"
onclick="showProviders('casino',this); return false;"
class="lobby-menu"
data-nav="casino">
<img src="https://img.viva88athenae.com/new/menu-casino.png?v=1791889706" alt="">
<small>Casino</small>
</a>
</li>
<li class="splide__slide">
<a href="/sport"
onclick="openPage('sport',this); return false;"
class="lobby-menu"
data-nav="sport">
<img src="https://img.viva88athenae.com/new/menu-sport.png?v=1791889706" alt="">
<small>Sport</small>
</a>
</li>
<li class="splide__slide">
<a href="/sabung"
onclick="openPage('sabung',this); return false;"
class="lobby-menu"
data-nav="sabung">
<img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1791889706" alt="">
<small>Sabung</small>
</a>
</li>
<li class="splide__slide">
<a href="/arcade"
onclick="showProviders('arcade',this); return false;"
class="lobby-menu"
data-nav="arcade">
<img src="https://img.viva88athenae.com/new/menu-arcade.png?v=1791889706" alt="">
<small>Arcade</small>
</a>
</li>
<li class="splide__slide">
<a href="/interactive"
onclick="showProviders('interactive',this); return false;"
class="lobby-menu"
data-nav="interactive">
<img src="https://img.viva88athenae.com/new/menu-interactive.png?v=1791889706" alt="">
<small>Interactive</small>
</a>
</li>
</ul>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var lobbyEl = document.getElementById('lobbyMenuWrap');
if (lobbyEl && !lobbyEl.classList.contains('is-initialized')) {
var mountLobby = function () {
if (!lobbyEl || typeof Splide === 'undefined' || lobbyEl.classList.contains('is-initialized')) return;
new Splide('#lobbyMenuWrap', {
type: 'slide', perPage: 5, perMove: 5,
gap: '8px', pagination: true, arrows: false, drag: true,
}).mount();
};
if (typeof ensureSplide === 'function') {
ensureSplide().then(mountLobby).catch(function () {});
} else {
mountLobby();
}
}
if (typeof initUserareaShell === 'function') {
initUserareaShell();
} else if (typeof initGuestShell === 'function') {
initGuestShell();
} else if (typeof content === 'function') {
var isDesktop = window.innerWidth >= 768;
var homeMenu = isDesktop
? document.querySelector('.desktop-nav-link[data-nav="home"]')
: document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]');
content('/home.php', '#content', homeMenu);
}
});
</script>
</div>
<!-- Mobile Login Start -->
<div id="mobilelogin" class="d-block d-lg-none mb-3">
<form class="login-form form d-flex flex-column gap-2 align-items-center" style="padding: 0px; padding-top: 16px" 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>
<!-- captcha -->
<div id="mverifikasiform" class="w-100" style="">
<span id="verifikasi"><img src="/mcapimg.php" width="600" height="88" style="width:100%;height:auto;border-radius: 5px;" alt="Kode verifikasi"></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="mverform" autocomplete="off" placeholder="Verifikasi">
</div>
</div>
<input type="hidden" name="verif" id="verifval" class="verifval" value="1">
<!-- end captcha -->
<label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
<input class="login-field" type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> <span style="white-space: nowrap;">Remember Me</span>
</label>
<!--<button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>-->
<button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit w-100 d-flex justify-content-center align-items-center" style="height: 36px; border-radius: 8px">Masuk</button>
<button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftarMobile()">Daftar Sekarang</button>
<button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/oposlot_bot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button>
<input type="hidden" name="task" value="login">
<input type="hidden" name="iscaptchalogin" value="1">
<input type="hidden" name="isrecaptchalogin" value="0">
<input type="hidden" name="recaptcha_login_token" value="">
<input type="hidden" name="fp_event_id" value="">
<input type="hidden" name="fp_visitor_id" value="">
<input type="hidden" name="loginmobile" value="DzXTrNjavKQ4o2iIC925HBtf2D7Nmpmjl1COVBHexeE=">
</form>
<a href="/wap" class="mt-4" style="display: grid; place-items: center; font-size: 1rem; cursor: pointer; color: var(--menu-item-color)">WAP</a>
</div>
<!-- Mobile Login End -->
<script>
function openDaftar() {
if (typeof openRegister === 'function') {
openRegister('desktop');
} else {
window.location.href = '/register';
}
}
function openDaftarMobile() {
if (typeof openRegister === 'function') {
openRegister('mobile');
$("#content").get(0).scrollIntoView({behavior: 'smooth'});
} else {
window.location.href = '/register';
}
}
</script>
<div class="modal fade" id="modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-fullscreen-sm-down">
<div id="modal-content" class="modal-content rounded-0 primary-background-color">
</div>
</div>
</div>
<div id="content" class="section p-2" style="position:relative;min-height:60vh;">
<div class="home-view">
<div class="home-section">
<div class="section-title">
<i class="bi bi-bar-chart-fill me-1"></i>
Pasaran Togel </div>
<div id="togel-panel" class="togel-grid-wrap togel-panel" style="margin-bottom: 20px;margin-top: 15px;">
<div class="togel-panel-more"><i class="bi bi-chevron-double-down"></i></div>
</div>
</div>
<div class="home-section">
<div class="section-title">
<i class="bi bi-fire me-1"></i>
Hot Slot Games </div>
<div class="game-scroll-wrap">
<div class="game-card" onclick="launchGame('KpHYlHzV3MwKwHMfVPxPJFTWoBTrTIGMUg_Hls3FfQo', 450, 800)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/pg/images/mahjong-ways.png?v=1" data-provider="pg" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
<span class="game-flag-badge game-flag-badge--hot">HOT</span>
</div>
</div> <div class="game-card" onclick="launchGame('4ULENKoIsC8JHERV8RHn6ElEeuvurCDoNoymRntBKNY', 450, 800)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/pg/images/mahjong-ways2.png?v=1" data-provider="pg" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
<span class="game-flag-badge game-flag-badge--hot">HOT</span>
</div>
</div> <div class="game-card" onclick="launchGame('VE004puK2QT3kDJ9kPzjRK3OoVo_XsGofyMpDf1f8zc', 450, 800)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/pg/images/wild-bounty-showdown.png?v=1" data-provider="pg" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
<span class="game-flag-badge game-flag-badge--hot">HOT</span>
</div>
</div> <div class="game-card" onclick="launchGame('Qjq_1oOItF7fAfcj-Bn23EY-TXbg4czCzWw3IM9rHB0', 1200, 800)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/vs20olympx.png?v=1" data-provider="pp" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
<span class="game-flag-badge game-flag-badge--hot">HOT</span>
</div>
</div> <div class="game-card" onclick="launchGame('ii3pJ19UVpx4i_S6SjUlirauZhm3qN4kfyPJGvGgZTNJ1ukIBuifi6fwfvnwppUZ', 1200, 800)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/vswaysmahwblck.png?v=1" data-provider="pp" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
<span class="game-flag-badge game-flag-badge--hot">HOT</span>
</div>
</div> <div class="game-card" onclick="launchGame('PPvXUV7nfHBimdNvqzKZIx79jfNRhbe1PHFPscreuneyT0UqiwbB_8KCtOhyxYpc', 1200, 800)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/vs20olympgold.png?v=1" data-provider="pp" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
<span class="game-flag-badge game-flag-badge--hot">HOT</span>
</div>
</div> <div class="game-card" onclick="launchGame('uvY1KCSGzXsQagvvy71k1PsCkTekQGR4GapilNbJxfc', 450, 800)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/cq9/images/VPCQS28.png?v=1" data-provider="cq9" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> <div class="game-card" onclick="launchGame('rDwqo9DoM6K7scMaZPa0gI_Who2YV2sWHW2cLxByJRs', 450, 800)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/mgw/images/6059.png?v=1" data-provider="mgw" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
<span class="game-flag-badge game-flag-badge--hot">HOT</span>
</div>
</div> <div class="game-card" onclick="launchGame('jcvKzqGDdui1IFLGkNUfMJO2qro7rf4MHhA6JBwZ1jAF_ralkvPq-H8RjWxxsjEQ', 1200, 800)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/mg/images/p5_mahjongmaxwin.png?v=1" data-provider="mg" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> <div class="game-card" onclick="launchGame('Qxak2H6zheTzEUUdRckneY-r-bc_cCbB84nXqSwmUoE44oQypHD6OXf_93Jj_3q7', 450, 800)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/fgs/images/S5G-H5-99950.png?v=1" data-provider="fgs" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> </div>
</div>
<div class="home-section">
<div class="section-title">
<i class="bi bi-suit-heart-fill me-1"></i>
Hot Casino Games </div>
<div class="game-scroll-wrap">
<div class="game-card" onclick="launchGame('UU9C3Z5Bf3R0VfgszTcnVnKsEn6SnoIR6KcHuE1aTnI', 1080, 700)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/1301.png?v=1" data-provider="pplc" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> <div class="game-card" onclick="launchGame('we2XzmJZN6ZP-1Y5otke3bSlBDQbf0wBxHdnUKNZ_hs', 1080, 700)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/801.png?v=1" data-provider="pplc" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> <div class="game-card" onclick="launchGame('kpucfr--CWNcgeN_AkUNQLNH3_D8vMnPnlNJvXnACF8', 1080, 700)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/1101.png?v=1" data-provider="pplc" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> <div class="game-card" onclick="launchGame('16_Aon-422XYddPKyZ05RGVVNKY7Z5ucR8eRql4L7co', 1080, 700)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/evo/images/icefishing.png?v=1" data-provider="evo" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> <div class="game-card" onclick="launchGame('Ttw-1Bl6-7CqTPyZAfGKKbJdeKorYHDuQ_QHXvikckg', 1080, 700)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/evo/images/crazytime.png?v=1" data-provider="evo" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> <div class="game-card" onclick="launchGame('X0CF5UmG4czK7AgvqCHA6dosqUyV0pr8b-2Ou0AKo8UEm7VZbZ0eDtJ6H94V3NLC', 1080, 700)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/evo/images/lightningstorm.png?v=1" data-provider="evo" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> <div class="game-card" onclick="launchGame('EofX_Kfsnw7Yw6jNrW5ObeHp8ieqGDjIxj2WpCS10Gs2nGqZpkpJHoAbK7DkqhnW', 1080, 700)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/ion/images/ion_roulette.png?v=1" data-provider="ion" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> <div class="game-card" onclick="launchGame('1MmUqsY0_NaElIgL3u05vVcB1R6gC3Ea-BPX-WfBZTw', 1080, 700)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/sx/images/lobby.png?v=1" data-provider="sx" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> <div class="game-card" onclick="launchGame('eP9jqW1d0b4gscYwk3uMOGVXxAkfwvKWV5OSpQSasziuO6SmyhkRYDex3I_4dMAF', 1080, 700)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/sbo/images/sbol_roulette.png?v=1" data-provider="sbol" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> <div class="game-card" onclick="launchGame('qAQ3C4Z4wpfMfvjD-iFcUp9TuewVE97e7qpVm5VRTXA', 1080, 700)">
<div class="game-card-img-box">
<img class="js-game-image" src="https://img.viva88athenae.com/new/ptlc/images/rol.png?v=1" data-provider="ptlc" alt="" loading="lazy" decoding="async">
<div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
</div>
</div> </div>
</div>
<div class="home-section">
<div class="section-title">
<i class="bi bi-trophy-fill me-1"></i>
Sport Matches </div>
<div class="match-slider-wrap">
<div id="sportMatchSplide" class="splide">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
<div class="match-card-home">
<div class="league-name">ENGLISH PREMIER LEAGUE</div>
<div class="kickoff-time">October 17, 2026 — 21:00 WIB</div>
<div class="match-main-row">
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" class="team-logo" alt="">
<div class="team-name">Manchester City</div>
</div>
<div class="score-col">
<div class="score-value">0 : 0</div>
<a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145101068)">BET NOW</a>
</div>
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png" class="team-logo" alt="">
<div class="team-name">Ipswich Town</div>
</div>
</div>
<div class="match-odds-row">
<div class="odds-col">
1.25 <small style="margin-left: 5px;">0.53</small>
</div>
<div class="odds-spacer"></div>
<div class="odds-col">
-1.25 <small style="margin-left: 5px;">-0.63</small>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="match-card-home">
<div class="league-name">ENGLISH PREMIER LEAGUE</div>
<div class="kickoff-time">October 17, 2026 — 18:30 WIB</div>
<div class="match-main-row">
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/9592d1e0be6375b9e6c5ef169b7aa864.png" class="team-logo" alt="">
<div class="team-name">Everton</div>
</div>
<div class="score-col">
<div class="score-value">0 : 0</div>
<a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145100872)">BET NOW</a>
</div>
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" class="team-logo" alt="">
<div class="team-name">Chelsea</div>
</div>
</div>
<div class="match-odds-row">
<div class="odds-col">
0.00 <small style="margin-left: 5px;">-0.72</small>
</div>
<div class="odds-spacer"></div>
<div class="odds-col">
0.00 <small style="margin-left: 5px;">0.62</small>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="match-card-home">
<div class="league-name">ENGLISH PREMIER LEAGUE</div>
<div class="kickoff-time">October 17, 2026 — 21:00 WIB</div>
<div class="match-main-row">
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" class="team-logo" alt="">
<div class="team-name">Brentford</div>
</div>
<div class="score-col">
<div class="score-value">0 : 0</div>
<a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145100947)">BET NOW</a>
</div>
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" class="team-logo" alt="">
<div class="team-name">Liverpool</div>
</div>
</div>
<div class="match-odds-row">
<div class="odds-col">
0.00 <small style="margin-left: 5px;">0.86</small>
</div>
<div class="odds-spacer"></div>
<div class="odds-col">
0.00 <small style="margin-left: 5px;">-0.96</small>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="match-card-home">
<div class="league-name">ITALY SERIE A</div>
<div class="kickoff-time">October 17, 2026 — 22:59 WIB</div>
<div class="match-main-row">
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/bd12298fc3920bc20b7ad43b16ad9624.png" class="team-logo" alt="">
<div class="team-name">Bologna</div>
</div>
<div class="score-col">
<div class="score-value">0 : 0</div>
<a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(146602177)">BET NOW</a>
</div>
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png" class="team-logo" alt="">
<div class="team-name">Inter Milan</div>
</div>
</div>
<div class="match-odds-row">
<div class="odds-col">
-0.5 <small style="margin-left: 5px;">-0.65</small>
</div>
<div class="odds-spacer"></div>
<div class="odds-col">
0.5 <small style="margin-left: 5px;">0.55</small>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="match-card-home">
<div class="league-name">SPAIN LA LIGA</div>
<div class="kickoff-time">October 17, 2026 — 23:30 WIB</div>
<div class="match-main-row">
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/018e260ad68bdad741c61e3171c4c608.png" class="team-logo" alt="">
<div class="team-name">Real Betis (n)</div>
</div>
<div class="score-col">
<div class="score-value">0 : 0</div>
<a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(147215858)">BET NOW</a>
</div>
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" class="team-logo" alt="">
<div class="team-name">Barcelona</div>
</div>
</div>
<div class="match-odds-row">
<div class="odds-col">
-1.25 <small style="margin-left: 5px;">-0.89</small>
</div>
<div class="odds-spacer"></div>
<div class="odds-col">
1.25 <small style="margin-left: 5px;">0.79</small>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="match-card-home">
<div class="league-name">GERMANY BUNDESLIGA</div>
<div class="kickoff-time">October 17, 2026 — 20:30 WIB</div>
<div class="match-main-row">
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/45ab4c846b0d4df5b002c571b16112dc.png" class="team-logo" alt="">
<div class="team-name">Union Berlin</div>
</div>
<div class="score-col">
<div class="score-value">0 : 0</div>
<a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(148457252)">BET NOW</a>
</div>
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/bbfacbdbe67705172c6414d7e9c21b58.png" class="team-logo" alt="">
<div class="team-name">Borussia Dortmund</div>
</div>
</div>
<div class="match-odds-row">
<div class="odds-col">
-0.5 <small style="margin-left: 5px;">-0.67</small>
</div>
<div class="odds-spacer"></div>
<div class="odds-col">
0.5 <small style="margin-left: 5px;">0.57</small>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="match-card-home">
<div class="league-name">ITALY SERIE A</div>
<div class="kickoff-time">October 17, 2026 — 20:00 WIB</div>
<div class="match-main-row">
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/3e724dc0e6fffd01a630b65af348fab6.png" class="team-logo" alt="">
<div class="team-name">Venezia</div>
</div>
<div class="score-col">
<div class="score-value">0 : 0</div>
<a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(146602182)">BET NOW</a>
</div>
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/37ed13d27edccd30e053167962c02b3a.png" class="team-logo" alt="">
<div class="team-name">Napoli</div>
</div>
</div>
<div class="match-odds-row">
<div class="odds-col">
-0.5 <small style="margin-left: 5px;">-0.80</small>
</div>
<div class="odds-spacer"></div>
<div class="odds-col">
0.5 <small style="margin-left: 5px;">0.70</small>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="match-card-home">
<div class="league-name">ENGLISH PREMIER LEAGUE</div>
<div class="kickoff-time">October 17, 2026 — 21:00 WIB</div>
<div class="match-main-row">
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png" class="team-logo" alt="">
<div class="team-name">Fulham</div>
</div>
<div class="score-col">
<div class="score-value">0 : 0</div>
<a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145101003)">BET NOW</a>
</div>
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/262691204102d2200797f0ac34efb316.png" class="team-logo" alt="">
<div class="team-name">Hull City</div>
</div>
</div>
<div class="match-odds-row">
<div class="odds-col">
0.25 <small style="margin-left: 5px;">0.48</small>
</div>
<div class="odds-spacer"></div>
<div class="odds-col">
-0.25 <small style="margin-left: 5px;">-0.58</small>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="match-card-home">
<div class="league-name">SPAIN LA LIGA</div>
<div class="kickoff-time">October 17, 2026 — 19:00 WIB</div>
<div class="match-main-row">
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/214049d4df11756a2eb21bbd8266e2a1.png" class="team-logo" alt="">
<div class="team-name">RCD Espanyol</div>
</div>
<div class="score-col">
<div class="score-value">0 : 0</div>
<a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(147215867)">BET NOW</a>
</div>
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/390977b0421bce136c562057ea171ecf.png" class="team-logo" alt="">
<div class="team-name">Atletico Madrid</div>
</div>
</div>
<div class="match-odds-row">
<div class="odds-col">
-0.25 <small style="margin-left: 5px;">-0.60</small>
</div>
<div class="odds-spacer"></div>
<div class="odds-col">
0.25 <small style="margin-left: 5px;">0.50</small>
</div>
</div>
</div>
</li>
<li class="splide__slide">
<div class="match-card-home">
<div class="league-name">ENGLISH PREMIER LEAGUE</div>
<div class="kickoff-time">October 18, 2026 — 20:00 WIB</div>
<div class="match-main-row">
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48ce556.png" class="team-logo" alt="">
<div class="team-name">Leeds United</div>
</div>
<div class="score-col">
<div class="score-value">0 : 0</div>
<a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145101264)">BET NOW</a>
</div>
<div class="team-col">
<img src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" class="team-logo" alt="">
<div class="team-name">Manchester United</div>
</div>
</div>
<div class="match-odds-row">
<div class="odds-col">
0.00 <small style="margin-left: 5px;">0.77</small>
</div>
<div class="odds-spacer"></div>
<div class="odds-col">
0.00 <small style="margin-left: 5px;">-0.87</small>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-section">
<div class="widget-kupon" style="margin-top:20px;">
<iframe class="iframe-kupon" src="https://fkupon.com/widget2.php" title="Widget kupon" loading="lazy"></iframe>
<div onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',null) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm())" style="position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;z-index:5;"></div>
</div>
</div>
</div>
<script>
(function () {
function mountSportSplide() {
var el = document.getElementById('sportMatchSplide');
if (!el || el.classList.contains('is-initialized')) return;
if (typeof Splide === 'undefined') return;
new Splide('#sportMatchSplide', {
type : 'loop',
perPage : 3,
gap : '8px',
autoplay : true,
interval : 4500,
pauseOnHover: true,
pagination : true,
arrows : true,
breakpoints: {
767: { perPage: 1 }
}
}).mount();
}
function bootSportSplide() {
if (typeof ensureSplide === 'function') {
ensureSplide().then(mountSportSplide).catch(function () {});
} else {
mountSportSplide();
}
}
// SSR: defer sampai Splide ready; AJAX: mount via ensureSplide.
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', bootSportSplide);
} else {
bootSportSplide();
}
})();
var _sboLaunchToken = null;
function jtSboBet(matchId) {
if (window.JT_LOGGED_IN && _sboLaunchToken) {
var url = '/new/launch/' + _sboLaunchToken;
var standalone = window.navigator.standalone === true ||
window.matchMedia('(display-mode: standalone)').matches;
var isMobile = standalone || window.innerWidth < 768;
var popup = isMobile ? null : window.open('about:blank', '_blank', 'width=1200,height=800,top=0,left=0,resizable=yes,scrollbars=yes');
jtPost(url, { check: 1, matchId: matchId || '' }).then(function(res) {
if (res.ok) {
if (popup) { popup.location.href = url; } else { window.location.href = url; }
} else if (popup) {
popup.close();
}
}).catch(function() {
if (popup) popup.close();
});
} else {
if (matchId) sessionStorage.setItem('jt_pending_action', JSON.stringify({type: 'sbo', matchId: matchId}));
else sessionStorage.removeItem('jt_pending_action');
if (typeof scrollToLoginForm === 'function') scrollToLoginForm();
}
}
</script>
<div id="pasaranPopupOverlay" class="pasaran-popup-overlay">
<div class="pasaran-popup themed-box">
<div class="pasaran-popup-inner">
<div class="pasaran-popup-header">
<div class="pasaran-popup-select">
<button type="button" class="pasaran-popup-select-btn" onclick="ppToggleDropdown()" id="ppSelectBtn">
<span id="ppTitle">-</span>
<i class="bi bi-chevron-down"></i>
</button>
<div class="pasaran-popup-dropdown" id="ppDropdown"></div>
</div>
<button type="button" class="tx-btn-close" onclick="closePasaranPopup()" aria-label="Tutup"><i class="bi bi-x-lg"></i></button>
</div>
<div class="pasaran-popup-meta" id="ppMeta"></div>
<div class="pasaran-popup-body">
<table class="themed-table history-table" id="ppTable">
<thead>
<tr>
<th style="width:10%">No.</th>
<th>Tanggal</th>
<th>Hari</th>
<th>Periode</th>
<th>Result</th>
</tr>
</thead>
<tbody id="ppTableBody"></tbody>
</table>
</div>
<div class="history-paging pasaran-popup-paging" id="ppPaging" style="display:none;">
<ul class="h-pages" id="ppPages"></ul>
</div>
</div>
</div>
</div>
<script>
window.addEventListener('message', function(e) {
if (e.origin !== 'https://fkupon.com') return;
var iframe = document.querySelector('.iframe-kupon');
if (!iframe) return;
var h = null;
if (e.data && typeof e.data.height === 'number') h = e.data.height;
else if (typeof e.data === 'number') h = e.data;
if (h !== null) {
iframe.style.height = Math.max(60, h) + 'px';
}
});
// launchGame / copy helpers → main.js
var _ppMarkets = [];
var _ppCurrentNameid = '';
var PP_PER_PAGE = 10;
function showPasaranPopup(el) {
var overlay = document.getElementById('pasaranPopupOverlay');
var nameid = el.dataset.nameid || '';
if (!overlay || !nameid) return;
overlay.style.display = 'flex';
ppSelectPasaran(nameid);
}
function ppFindMarket(nameid) {
for (var i = 0; i < _ppMarkets.length; i++) {
if (String(_ppMarkets[i].nameid) === String(nameid)) return _ppMarkets[i];
}
return null;
}
function ppRenderDropdown() {
var dd = document.getElementById('ppDropdown');
if (!dd) return;
dd.innerHTML = '';
_ppMarkets.forEach(function (m) {
var btn = document.createElement('button');
btn.type = 'button';
btn.className = 'pasaran-popup-dd-item' + (String(m.nameid) === String(_ppCurrentNameid) ? ' active' : '');
btn.textContent = m.name || '';
btn.dataset.nameid = m.nameid || '';
btn.addEventListener('click', function () { ppSelectPasaran(btn.dataset.nameid); });
dd.appendChild(btn);
});
}
function ppSelectPasaran(nameid) {
var market = ppFindMarket(nameid);
if (!market) return;
_ppCurrentNameid = nameid;
document.getElementById('ppTitle').textContent = market.name || '';
var ppMetaRows = [
['Website', market.web],
['Hari Undi', market.hari],
['Jam Tutup', market.jam_tutup],
['Jam Result', market.jam_result]
];
document.getElementById('ppMeta').innerHTML = ppMetaRows.map(function (r) {
return '<div class="pasaran-popup-meta-row"><span class="pp-meta-label">' + esc(r[0]) + '</span><span class="pp-meta-value">: ' + esc(r[1] || '-') + '</span></div>';
}).join('');
ppRenderDropdown();
ppCloseDropdown();
ppLoadKeluaran(1);
}
function ppToggleDropdown() {
var dd = document.getElementById('ppDropdown');
var wrap = document.querySelector('.pasaran-popup-select');
if (dd) dd.classList.toggle('open');
if (wrap) wrap.classList.toggle('open');
}
function ppCloseDropdown() {
var dd = document.getElementById('ppDropdown');
var wrap = document.querySelector('.pasaran-popup-select');
if (dd) dd.classList.remove('open');
if (wrap) wrap.classList.remove('open');
}
function ppLoadKeluaran(page) {
var tbody = document.getElementById('ppTableBody');
tbody.innerHTML = '<tr><td colspan="5" class="text-center pp-loading-cell"><div class="content-loader-wrap"><div class="loader"></div></div></td></tr>';
jtPostJson('/api/front/pasaran-keluaran', {
pasaran: _ppCurrentNameid,
page: page,
per_page: PP_PER_PAGE
})
.then(function (res) {
if (!res.error || res.error.code !== 200) { ppRenderError(); return; }
var data = res.data || {};
ppRenderRows(data.rows || [], data.pagination || {});
})
.catch(ppRenderError);
}
function ppRenderError() {
document.getElementById('ppTableBody').innerHTML = '<tr><td colspan="5" class="text-center pp-empty-cell" style="color:var(--secondary-text-color)">Gagal memuat data.</td></tr>';
document.getElementById('ppPaging').style.display = 'none';
}
function ppRenderRows(rows, pagination) {
var tbody = document.getElementById('ppTableBody');
if (!rows.length) {
tbody.innerHTML = '<tr><td colspan="5" class="text-center pp-empty-cell" style="color:var(--secondary-text-color)">Tidak ada data.</td></tr>';
} else {
var page = pagination.page || 1;
var startNo = (page - 1) * PP_PER_PAGE;
tbody.innerHTML = rows.map(function (row, i) {
return '<tr>' +
'<td class="text-center" style="color:var(--secondary-text-color)">' + (startNo + i + 1) + '</td>' +
'<td class="pp-col-tanggal">' + esc(row.tanggal) + '</td>' +
'<td class="pp-col-hari">' + esc(row.hari) + '</td>' +
'<td>' + esc(row.pasaran) + '</td>' +
'<td class="pp-col-result"><strong>' + esc(row.result) + '</strong></td>' +
'</tr>';
}).join('');
}
ppRenderPaging(pagination);
}
function ppRenderPaging(pagination) {
var paging = document.getElementById('ppPaging');
var pagesList = document.getElementById('ppPages');
var totalPages = pagination.total_pages || 0;
var page = pagination.page || 1;
if (totalPages <= 1) { paging.style.display = 'none'; return; }
paging.style.display = '';
pagesList.innerHTML = '';
function btn(label, targetPage, disabled, active) {
var li = document.createElement('li');
var b = document.createElement('button');
b.innerHTML = label;
if (disabled) b.disabled = true;
if (active) b.classList.add('active');
b.addEventListener('click', function () { ppLoadKeluaran(targetPage); });
li.appendChild(b);
pagesList.appendChild(li);
}
function ellipsis() {
var li = document.createElement('li');
var span = document.createElement('span');
span.className = 'h-ellipsis';
span.textContent = '...';
li.appendChild(span);
pagesList.appendChild(li);
}
btn('First', 1, page === 1, false);
var winStart = Math.max(1, page - 2);
var winEnd = Math.min(totalPages, page + 2);
for (var p = winStart; p <= winEnd; p++) btn(p, p, false, p === page);
if (winEnd < totalPages) {
if (winEnd < totalPages - 1) ellipsis();
btn(totalPages, totalPages, false, page === totalPages);
}
btn('Last', totalPages, page === totalPages, false);
}
function closePasaranPopup() {
var overlay = document.getElementById('pasaranPopupOverlay');
if (overlay) overlay.style.display = 'none';
ppCloseDropdown();
}
document.addEventListener('click', function(e) {
var overlay = document.getElementById('pasaranPopupOverlay');
if (overlay && e.target === overlay) closePasaranPopup();
var selectWrap = document.querySelector('.pasaran-popup-select');
if (selectWrap && !selectWrap.contains(e.target)) ppCloseDropdown();
});
(function() {
var PER_PAGE = 10;
function initTogelPagination() {
var wrap = document.querySelector('.togel-list-guest');
if (!wrap) return;
var rows = Array.prototype.slice.call(wrap.querySelectorAll('.togel-list-row'));
var total = rows.length;
if (total <= PER_PAGE) return;
var totalPages = Math.ceil(total / PER_PAGE);
var currentPage = 1;
function showPage(page) {
currentPage = page;
rows.forEach(function(row, i) {
var start = (page - 1) * PER_PAGE;
row.style.display = (i >= start && i < start + PER_PAGE) ? 'flex' : 'none';
});
renderPager();
}
function renderPager() {
var pager = document.getElementById('togelListPager');
if (!pager) return;
pager.innerHTML = '';
for (var p = 1; p <= totalPages; p++) {
(function(pg) {
var dot = document.createElement('button');
dot.className = 'tlp-dot' + (pg === currentPage ? ' active' : '');
dot.addEventListener('click', function() { showPage(pg); });
pager.appendChild(dot);
})(p);
}
}
var pager = document.createElement('div');
pager.id = 'togelListPager';
pager.className = 'togel-list-pager';
wrap.parentNode.insertBefore(pager, wrap.nextSibling);
var touchStartX = 0;
wrap.addEventListener('touchstart', function(e) {
touchStartX = e.changedTouches[0].clientX;
}, { passive: true });
wrap.addEventListener('touchend', function(e) {
var dx = e.changedTouches[0].clientX - touchStartX;
if (Math.abs(dx) < 40) return;
if (dx < 0 && currentPage < totalPages) showPage(currentPage + 1);
if (dx > 0 && currentPage > 1) showPage(currentPage - 1);
}, { passive: true });
showPage(1);
}
initTogelPagination();
})();
(function() {
var btn = document.querySelector('.togel-panel-more');
if (!btn) return;
btn.addEventListener('click', function() {
var wrap = btn.closest('.togel-panel');
if (wrap) wrap.classList.toggle('togel-panel--open');
});
})();
function jtBootHomePartial() {
var isLoggedIn = false;
var bootMarkets = [{"name":"TOTO WUHAN","nameid":"TWH","periode":"966","status":1,"web":"www.totowuhan.com","hari":"Setiap Hari ( 09:00 | 12:00 | 15:00 | 18:00 | 21:00 | 00:00 )","jam_tutup":"Tiap 3 jam","jam_result":"Tiap 3 jam","result":"3872","date":"17/10/2026"},{"name":"HK SIANG","nameid":"HKD","periode":"945","status":1,"web":"www.hkpools1.com","hari":"Setiap Hari","jam_tutup":"10:30 WIB","jam_result":"11:00 WIB","result":"3090","date":"16/10/2026"},{"name":"SG METRO","nameid":"SGM","periode":"975","status":1,"web":"www.sgmetro.com","hari":"Setiap Hari","jam_tutup":"12:30 WIB","jam_result":"13:00 WIB","result":"6660","date":"16/10/2026"},{"name":"SYDNEY","nameid":"SYD","periode":"946","status":1,"web":"www.sydneypools.info","hari":"Setiap Hari","jam_tutup":"13.30 WIB","jam_result":"14:00 WIB","result":"9075","date":"16/10/2026"},{"name":"MALAYSIA SIANG","nameid":"MYD","periode":"943","status":1,"web":"www.malaysialottery.net","hari":"Setiap Hari","jam_tutup":"14:30 WIB","jam_result":"15:00 WIB","result":"0298","date":"16/10/2026"},{"name":"SINGAPORE","nameid":"SG","periode":"891","status":1,"web":"www.singaporepools.com.sg","hari":"Senin, Rabu, Kamis, Sabtu, Minggu","jam_tutup":"17:20 WIB","jam_result":"17:45 WIB","result":"0314","date":"15/10/2026"},{"name":"MALAYSIA","nameid":"MY","periode":"128","status":1,"web":"www.malaysialottery.net","hari":"Setiap Hari","jam_tutup":"18:30 WIB","jam_result":"19:00 WIB","result":"8758","date":"16/10/2026"},{"name":"MACAU","nameid":"MC","periode":"873","status":1,"web":"www.supersixmacau.com","hari":"Setiap Hari","jam_tutup":"19:30 WIB","jam_result":"20:00 WIB","result":"9233","date":"16/10/2026"},{"name":"QATAR","nameid":"QTR","periode":"213","status":1,"web":"www.qatarlottery.com","hari":"Setiap Hari","jam_tutup":"20:30 WIB","jam_result":"21:00 WIB","result":"6781","date":"16/10/2026"},{"name":"HONGKONG","nameid":"HK","periode":"127","status":1,"web":"www.hongkongpools.com","hari":"Setiap Hari","jam_tutup":"22:30 WIB","jam_result":"23:00 WIB","result":"6297","date":"16/10/2026"}];
function renderTogelCards(markets) {
var panel = document.getElementById('togel-panel');
if (!panel) return;
var loading = panel.querySelector('.togel-cards-loading');
if (loading) loading.remove();
var moreBtn = panel.querySelector('.togel-panel-more');
panel.querySelectorAll('.togel-grid-row').forEach(function (el) { el.remove(); });
var mid = markets.length > 10 ? Math.ceil(markets.length / 2) : Math.min(markets.length, 12);
var rows = [markets.slice(0, mid), markets.slice(mid)];
rows.forEach(function (row) {
if (!row.length) return;
var rowDiv = document.createElement('div');
rowDiv.className = 'togel-grid-row';
row.forEach(function (m) {
var card = document.createElement('div');
card.className = 'togel-card';
var inner = '<div class="market-name">' + esc(m.name) + '</div>' +
'<div class="market-code">' + esc(m.result) + '</div>' +
'<div class="market-info">' + esc(m.date) + '</div>';
if (isLoggedIn) {
var isMarketOnline = String(m.status) === '1';
if (isMarketOnline) {
var marketCode = (m.nameid || '') + '-' + (m.periode || '');
card.setAttribute('onclick', "content('/togel-detail.php?market=" + encodeURIComponent(marketCode) + "','#content')");
} else {
card.setAttribute('onclick', "content('/togel.php','#content')");
}
} else {
card.setAttribute('onclick', 'showPasaranPopup(this)');
card.dataset.nameid = m.nameid || '';
card.dataset.market = m.name || '';
card.dataset.website = m.web || '';
card.dataset.hari = m.hari || 'Setiap Hari';
card.dataset.jamTutup = m.jam_tutup || '-';
card.dataset.jamResult = m.jam_result || '-';
inner += '<div class="tc-guest-detail">' +
'<div class="tc-dr"><span>Web</span><span>' + esc(m.web) + '</span></div>' +
'<div class="tc-dr"><span>Buka</span><span>' + esc(m.hari) + '</span></div>' +
'<div class="tc-dr"><span>Tutup</span><span>' + esc(m.jam_tutup) + '</span></div>' +
'<div class="tc-dr"><span>Result</span><span>' + esc(m.jam_result)+ '</span></div>' +
'</div>';
}
card.innerHTML = inner;
rowDiv.appendChild(card);
});
panel.insertBefore(rowDiv, moreBtn || null);
});
updateTogelMoreBtn(panel, moreBtn);
}
function updateTogelMoreBtn(panel, moreBtn) {
if (!moreBtn) return;
var check = function() {
var cards = panel.querySelectorAll('.togel-card');
var multiRow = false;
if (cards.length) {
var firstTop = cards[0].offsetTop;
for (var i = 1; i < cards.length; i++) {
if (cards[i].offsetTop > firstTop + 1) { multiRow = true; break; }
}
}
moreBtn.style.display = multiRow ? '' : 'none';
if (!multiRow) {
panel.classList.remove('togel-panel--open');
panel.style.maxHeight = panel.scrollHeight + 'px';
} else if (!panel.classList.contains('togel-panel--open')) {
var secondTop = null;
for (var j = 0; j < cards.length; j++) {
if (cards[j].offsetTop > firstTop + 1) { secondTop = cards[j].offsetTop; break; }
}
var peek = cards[0].offsetHeight * 0.12;
panel.style.maxHeight = secondTop !== null ? (secondTop + peek) + 'px' : '';
}
};
check();
window.addEventListener('resize', check, { passive: true });
window.addEventListener('load', check);
}
if (Array.isArray(bootMarkets) && bootMarkets.length) {
_ppMarkets = bootMarkets;
renderTogelCards(bootMarkets);
}
if (typeof initHomeGameImageFallback === 'function') {
initHomeGameImageFallback(document);
}
(function() {
function enableDragScroll(el) {
var isDown = false, startX, scrollLeft;
el.addEventListener('mousedown', function(e) {
isDown = true;
el.style.cursor = 'grabbing';
startX = e.pageX - el.offsetLeft;
scrollLeft = el.scrollLeft;
e.preventDefault();
});
el.addEventListener('mouseleave', function() { isDown = false; el.style.cursor = ''; });
el.addEventListener('mouseup', function() { isDown = false; el.style.cursor = ''; });
el.addEventListener('mousemove', function(e) {
if (!isDown) return;
el.scrollLeft = scrollLeft - (e.pageX - el.offsetLeft - startX);
});
}
document.querySelectorAll('.home-view .game-scroll-wrap, .home-view .togel-grid-wrap').forEach(enableDragScroll);
})();
(function () {
document.querySelectorAll('.home-view .game-scroll-wrap').forEach(function (wrap) {
if (wrap.parentNode && wrap.parentNode.classList.contains('game-scroll-outer')) return;
var outer = document.createElement('div');
outer.className = 'game-scroll-outer';
wrap.parentNode.insertBefore(outer, wrap);
outer.appendChild(wrap);
var btnL = document.createElement('button');
var btnR = document.createElement('button');
btnL.className = 'game-scroll-btn game-scroll-btn-l';
btnR.className = 'game-scroll-btn game-scroll-btn-r';
btnL.type = 'button';
btnR.type = 'button';
btnL.innerHTML = '‹';
btnR.innerHTML = '›';
outer.appendChild(btnL);
outer.appendChild(btnR);
function update() {
var canL = wrap.scrollLeft > 0;
var canR = wrap.scrollLeft < wrap.scrollWidth - wrap.clientWidth - 1;
btnL.style.display = canL ? 'flex' : 'none';
btnR.style.display = canR ? 'flex' : 'none';
}
function cardWidth() {
var card = wrap.querySelector('.game-card');
if (!card) return 120;
return card.offsetWidth + 10;
}
btnR.addEventListener('click', function () {
wrap.scrollBy({ left: cardWidth(), behavior: 'smooth' });
});
btnL.addEventListener('click', function () {
wrap.scrollBy({ left: -cardWidth(), behavior: 'smooth' });
});
wrap.addEventListener('scroll', update);
window.addEventListener('resize', update);
update();
});
})();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', jtBootHomePartial);
} else {
jtBootHomePartial();
}
</script>
</div>
<!-- Transaksi Start -->
<style>
.transaksi-group {
display: grid;
grid-template-columns: 458px 1fr;
justify-content: space-between;
grid-template-areas:
"transaksi-bank transaksi-other transaksi-crypto";
}
.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-crypto {
grid-area: transaksi-crypto;
display: flex;
justify-content: space-evenly;
width: 100%;
}
.icon-crypto {
width: 24px;
height: 24px;
}
.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-list-crypto {
height: fit-content;
display: grid;
grid-template-columns: repeat(2, 80px);
gap: 10px 8px;
}
.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;
}
@media only screen and (max-width: 768px) {
.transaksi-group {
display: grid;
grid-template-columns: 1fr;
grid-template-areas:
"transaksi-bank"
"transaksi-other"
"transaksi-crypto";
gap: 32px;
margin-bottom: 8px;
}
.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-crypto {
width: 86%;
margin: auto;
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;
line-height: 1.8rem;
}
.transaksi-wrapper {
width: 100%;
max-width: 100%!important;
gap: 1rem;
}
.icon-crypto {
width: 28px;
height: 28px;
}
}
</style>
<style>
.transaksi-wrapper {
display: flex;
flex-direction: column;
gap: .5rem;
align-items: flex-start;
}
.transaksi-name {
font-size: 1.1rem;
font-weight: bold;
line-height: 1.5rem;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.transaksi-list-bank, .transaksi-list-other {
grid-template-columns: repeat(4, minmax(110px, 1fr));
gap: 8px 10px;
}
.transaksi-list-bank, .transaksi-list-other {
height: fit-content;
display: grid;
grid-template-columns: repeat(4, minmax(80px, 1fr));
gap: 4px 6px;
}
.transaksi-item {
display: flex;
flex-direction: column;
position: relative;
}
.transaksi-header {
height: 34px;
border-radius: 6px;
font-weight: bold;
border: 2px solid rgba(108, 108, 108, 1);
background: rgba(54, 54, 54, 1);
color: white;
min-width: 110px;
padding: 0 16px 0 28px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
white-space: nowrap;
}
.transaksi-header {
border: none;
padding: 0px;
padding-bottom: 4px;
}
.transaksi-header.is-online::before {
content: "";
position: absolute;
top: auto;
left: 50%;
transform: translateX(-50%);
width: 50%;
height: 4px;
bottom: 0%;
background-color: #00ff66;
border-radius: 6px;
box-shadow: 0 0 8px rgba(0, 255, 102, .85);
}
.transaksi-header.is-offline {
padding: 0 16px;
background: #2e2e2e;
border-color: #555;
opacity: .35;
align-items: center;
justify-content: center;
text-align: center;
}
</style>
<div class="section desktop-only" style="min-height: 220px">
<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">
</div>
<div class="carousel-inner" >
<div class="carousel-item active" style="min-height: 144px">
<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">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>
</div>
</div>
</div>
<div class="transaksi-other">
<div class="transaksi-wrapper" style="max-width: 458px">
<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">Telkomsel</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>
</div>
</div>
</div>
</div>
</div>
<div class="transaksi-crypto">
<div class="transaksi-wrapper" style="max-width: 284px">
<div class="transaksi-name mb-1">Crypto Currency</div>
<div id="transaksi-crypto-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-crypto">
<div class="d-flex gap-2">
<img src="https://img.viva88athenae.com/USDT.png" class="icon-crypto" alt="USDT">
<strong class="transaksi-name">USDT</strong>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="site-footer">
<div class="section">
<div class="footer-nav">
<a href="javascript:void(0)" onclick="openCms('tentang')">TENTANG KAMI</a>
<span class="footer-nav-sep">|</span> <a href="javascript:void(0)" onclick="openCms('bantuan')">BANTUAN</a>
<span class="footer-nav-sep">|</span> <a href="javascript:void(0)" onclick="openCms('peraturan')">PERATURAN</a>
<span class="footer-nav-sep">|</span> <a href="javascript:void(0)" onclick="openCms('bank')">INFORMASI BANK</a>
<span class="footer-nav-sep">|</span> <a href="javascript:void(0)" onclick="openCms('hubungi')">HUBUNGI KAMI</a>
<span class="footer-nav-sep">|</span> <a href="javascript:void(0)" onclick="openCms('privasi')">KEBIJAKAN PRIVASI</a>
<span class="footer-nav-sep">|</span> <a href="javascript:void(0)" onclick="openCms('cookies')">PERSETUJUAN COOKIES</a>
</div>
<div class="footer-guidelines-wrap">
<img src="https://img.viva88athenae.com/new/guidelines.png?v=1791889706" alt="Guidelines" class="footer-guidelines-img" width="929" height="52">
</div>
<div class="footer-providers">
<img src="https://img.viva88athenae.com/assets/provider_w.png?v=1791889706" alt="Provider Logos" class="d-none d-md-block" style="margin:0 auto;" width="1201" height="124">
<img src="/images/new/provider-mobile.png?v=1791889706" alt="Provider Logos" class="d-md-none" width="600" height="262" style="max-width:100%;height:auto;">
</div>
<div class="footer-meta"><h4 style="color:black;">OPOSLOT: Link Daftar Games Online Gacor Dilengkapi Fitur Mudah Maxwin</h4>
<p><br></p>
<p>
<a href="#">OPOSLOT</a> adalah portal link daftar games online gacor yang menghadirkan banyak pilihan permainan dengan peluang kemenangan yang tinggi.
Di sini, member bisa menikmati berbagai game favorit dan berburu jackpot besar dengan lebih mudah berkat dukungan fitur “mudah maxwin”.
Cukup daftar sekali, lakukan transaksi pertama DEPOSIT, dan akun langsung aktif untuk bermain.
</p>
<p><br></p>
<h4 style="color:black;">Kenapa OPOSLOT Jadi Pilihan Link Games Online Terbesar di Indonesia?</h4>
<p><br></p>
<p>
Di antara banyaknya site game online yang beredar,
<a href="#">OPOSLOT</a> menjadi salah satu yang paling diminati karena koleksi games-nya lengkap dan ramah untuk pemain baru maupun pemain berpengalaman.
Proses transaksi dibuat praktis: setelah DEPOSIT berhasil, saldo pada ID member biasanya terupdate hanya dalam hitungan menit sehingga bisa langsung dipakai bermain tanpa menunggu lama.
</p>
<p><br></p>
<h4 style="color:black;">Minimal Deposit 10rb & Fitur Mudah Maxwin di OPOSLOT</h4>
<p><br></p>
<p>
Untuk mulai bermain di <a href="#">OPOSLOT</a>, member cukup melakukan DEPOSIT mulai dari 10rb saja.
Nominal ini sangat terjangkau bagi pecinta games online yang ingin mencoba peruntungan di site terpercaya.
Selain itu, tersedia beragam fitur pendukung seperti tampilan yang mudah dipahami, akses cepat ke game-game gacor, rekomendasi permainan, hingga sistem yang stabil sehingga hunting maxwin jadi lebih nyaman.
OPOSLOT dapat diakses 24/7, sehingga pemain bebas bermain kapan saja dan di mana saja.
</p>
<style>
.count-item {
font-size: 1.8rem;
background: #fad82e;
padding: 0.3rem 0.5rem;
color: #000 !important;
border-radius: 10px;
font-weight: bold;
}
.wrapper-service {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
border-radius: 10px;
margin-top: 1.3rem;
border: 3px solid #0b54a1;
padding: 0.9rem;
/* background: linear-gradient(90deg , #bf0202 0%, #cca11f 21%, #0d6efd 49%, rgb(191, 2, 2) 75%, #9e0000 100%); color: #000; */
}
.status-wrapper, .status-wrapper-mem {
display: flex;
align-items: center;
}
.status-wrapper {
justify-content: center;
}
.status-wrapper-mem {
justify-content: center;
}
.status-wrapper p {
margin-right: 0.6rem !important;
}
.item-service {
margin-right: 3rem;
}
.item-service:last-child {
margin-right: 0;
}
.item-service h1 {
font-size: 2.2rem;
margin-top: 7px !important;
text-transform : uppercase;
font-weight: bold !important;
}
.google-wrapper {
background: #fff;
padding: 1.7rem;
width: 18rem;
height: 0.5rem;
border-radius: 10px;
position: relative;
}
.google-wrapper img {
position: absolute;
width: 2rem;
top: 9px;
left: 10px;
}
.item-service p {
color: #000;
}
.google-wrapper p {
position: absolute;
left: 3.4rem;
top: 0.6rem;
text-transform: uppercase;
font-size: 1.50rem !important;
font-weight: bold !important;
color: #000 !important;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', () => {
const min = 12554;
const max = 36548;
const memberUser = Math.floor(Math.random() * (max - min + 1)) + min;
$(' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">10</span> Detik</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div> </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">2</span> Menit</p></div> <div class="progress21 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Aktif</h1> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">'+ memberUser +'</span> Member</p></div> </div> <div class="item-service"><p style="text-align: center;">Tulis di pencarian Google :</p> <div class="google-wrapper"><img src="https://dgo-img.com/ib/Ph5My5vgJLoVqDb_1743667229.png" /> <p>OPOSLOT</p></div></div> </div>').insertBefore(".provider-group");
});
</script>
<!-- /GetButton.io widget -->
<style>
.oposlot-tab {
position: fixed;
top: 50%;
left: 0;
z-index: 100002;
width: 50px;
height: 190px;
border: 2px solid var(--gold);
border-left: 0;
border-radius: 0 15px 15px 0;
background:
linear-gradient(
180deg,
#0874f9 0%,
#0756c7 45%,
#03142f 100%
);
color: #fff275;
/* Font lebih menarik daripada Arial */
font-family:
"Segoe UI Black",
"Arial Black",
"Trebuchet MS",
sans-serif;
font-size: 15px;
font-weight: 900;
line-height: 1;
letter-spacing: 4px;
writing-mode: vertical-rl;
text-orientation: upright;
text-shadow:
0 1px 0 #8a6200,
0 2px 0 #6b4d00,
0 0 7px rgba(255, 215, 0, 0.95),
0 0 15px rgba(255, 215, 0, 0.65);
box-shadow:
0 0 10px rgba(255, 215, 0, 0.75),
0 0 24px rgba(7, 86, 199, 0.85),
inset 0 0 12px rgba(24, 160, 251, 0.4);
cursor: pointer;
transform: translateY(-50%);
transition:
transform 0.2s ease,
box-shadow 0.25s ease,
filter 0.25s ease;
}
.oposlot-tab:hover {
filter: brightness(1.15);
box-shadow:
0 0 14px rgba(255, 215, 0, 1),
0 0 32px rgba(24, 160, 251, 0.95),
inset 0 0 16px rgba(24, 160, 251, 0.55);
}
.oposlot-tab:active {
transform: translateY(-50%) scale(0.96);
}
:root {
--oposlot-navy: #020b20;
--oposlot-navy-soft: #061c46;
--oposlot-blue: #075de8;
--oposlot-blue-light: #22a7ff;
--oposlot-gold: #ffd700;
--oposlot-gold-soft: #fff17a;
--oposlot-gold-dark: #b98000;
--oposlot-white: #ffffff;
--oposlot-text-soft: #cbd9f4;
--oposlot-black: #02050d;
--oposlot-panel-width: 300px;
--oposlot-radius: 22px;
--oposlot-speed: 320ms;
}
.oposlot-quick-menu,
.oposlot-quick-menu * {
box-sizing: border-box;
}
.oposlot-quick-menu {
position: relative;
z-index: 2147483000;
font-family:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Helvetica,
Arial,
sans-serif;
}
/* Overlay halaman */
.oposlot-overlay {
position: fixed;
inset: 0;
z-index: 2147482997;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
opacity var(--oposlot-speed) ease,
visibility var(--oposlot-speed) ease;
}
.oposlot-quick-menu.is-open .oposlot-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
/* Tombol vertikal OPOSLOT di sisi kiri */
.oposlot-tab {
position: fixed;
top: 50%;
left: 0;
z-index: 2147482999;
display: inline-flex;
width: 48px;
height: 190px;
align-items: center;
justify-content: center;
padding: 14px 8px;
border: 2px solid var(--oposlot-gold);
border-left: 0;
border-radius: 0 15px 15px 0;
background:
radial-gradient(
circle at 50% 0%,
rgba(34, 167, 255, 0.55),
transparent 38%
),
linear-gradient(
180deg,
var(--oposlot-blue),
var(--oposlot-navy-soft) 55%,
var(--oposlot-navy)
);
color: var(--oposlot-gold-soft);
box-shadow:
0 0 12px rgba(255, 215, 0, 0.65),
0 0 24px rgba(7, 93, 232, 0.65),
inset -1px 0 0 rgba(255, 255, 255, 0.15);
font-size: 14px;
font-weight: 900;
line-height: 1;
letter-spacing: 0.15em;
writing-mode: vertical-rl;
text-orientation: upright;
cursor: pointer;
transform: translateY(-50%);
transition:
left var(--oposlot-speed) cubic-bezier(.2, .75, .2, 1),
background-color 180ms ease,
box-shadow 180ms ease,
transform 180ms ease;
}
.oposlot-tab::before {
content: "";
position: absolute;
inset: 7px;
border: 1px solid rgba(255, 241, 122, 0.38);
border-radius: 0 10px 10px 0;
pointer-events: none;
}
.oposlot-tab:hover {
box-shadow:
0 0 17px rgba(255, 215, 0, 0.9),
0 0 32px rgba(34, 167, 255, 0.8);
}
.oposlot-tab:active {
transform: translateY(-50%) scale(0.97);
}
.oposlot-tab:focus-visible,
.oposlot-close:focus-visible,
.oposlot-menu-item:focus-visible {
outline: 3px solid var(--oposlot-gold-soft);
outline-offset: 3px;
}
.oposlot-quick-menu.is-open .oposlot-tab {
left: calc(14px + var(--oposlot-panel-width));
}
/* Panel popup dari kiri */
.oposlot-panel {
position: fixed;
top: 50%;
left: 14px;
z-index: 2147482998;
display: flex;
width: var(--oposlot-panel-width);
max-height: 88vh;
flex-direction: column;
overflow: hidden;
border: 2px solid var(--oposlot-gold);
border-radius: var(--oposlot-radius);
background:
radial-gradient(
circle at 100% 0%,
rgba(34, 167, 255, 0.35),
transparent 35%
),
radial-gradient(
circle at 0% 100%,
rgba(255, 215, 0, 0.14),
transparent 38%
),
linear-gradient(
155deg,
var(--oposlot-navy-soft),
var(--oposlot-navy) 68%,
var(--oposlot-black)
);
box-shadow:
0 22px 55px rgba(0, 0, 0, 0.68),
0 0 20px rgba(255, 215, 0, 0.3),
0 0 42px rgba(7, 93, 232, 0.34);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translate(-120%, -50%) scale(0.96);
transform-origin: left center;
transition:
transform var(--oposlot-speed) cubic-bezier(.2, .75, .2, 1),
opacity 220ms ease,
visibility var(--oposlot-speed) ease;
}
.oposlot-quick-menu.is-open .oposlot-panel {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(0, -50%) scale(1);
}
/* Header panel */
.oposlot-panel-header {
position: relative;
padding: 22px 20px 17px;
overflow: hidden;
border-bottom: 1px solid rgba(255, 215, 0, 0.28);
}
.oposlot-panel-header::before {
content: "";
position: absolute;
top: -65px;
right: -35px;
width: 150px;
height: 150px;
border: 1px solid rgba(255, 215, 0, 0.16);
border-radius: 50%;
box-shadow:
0 0 0 16px rgba(34, 167, 255, 0.05),
0 0 0 34px rgba(255, 215, 0, 0.04);
}
.oposlot-eyebrow {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
gap: 7px;
margin-bottom: 7px;
color: var(--oposlot-gold-soft);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.oposlot-eyebrow::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--oposlot-gold);
box-shadow: 0 0 10px var(--oposlot-gold);
animation: oposlot-pulse 1.8s ease-in-out infinite;
}
.oposlot-panel-title {
position: relative;
z-index: 1;
margin: 0;
color: var(--oposlot-white);
font-size: 25px;
font-weight: 900;
line-height: 1.05;
letter-spacing: 0.03em;
}
.oposlot-panel-title strong {
color: var(--oposlot-gold);
text-shadow: 0 0 13px rgba(255, 215, 0, 0.58);
}
.oposlot-panel-subtitle {
position: relative;
z-index: 1;
margin: 7px 0 0;
color: var(--oposlot-text-soft);
font-family: "Roboto", sans-serif;
font-size: 12px;
line-height: 1.5;
}
/* Daftar menu */
.oposlot-menu-list {
display: grid;
gap: 10px;
padding: 15px;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: var(--oposlot-gold-dark) transparent;
}
.oposlot-menu-list::-webkit-scrollbar {
width: 5px;
}
.oposlot-menu-list::-webkit-scrollbar-thumb {
border-radius: 999px;
background: var(--oposlot-gold-dark);
}
.oposlot-menu-item {
position: relative;
display: flex;
min-height: 66px;
align-items: center;
gap: 12px;
overflow: hidden;
padding: 9px;
border: 1px solid rgba(255, 215, 0, 0.38);
border-radius: 15px;
background:
linear-gradient(
135deg,
rgba(7, 93, 232, 0.18),
rgba(2, 11, 32, 0.9)
);
color: inherit;
box-shadow:
0 5px 14px rgba(0, 0, 0, 0.25),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
text-decoration: none;
transition:
transform 190ms ease,
border-color 190ms ease,
background-color 190ms ease,
box-shadow 190ms ease;
}
.oposlot-menu-item::after {
content: "";
position: absolute;
top: -30%;
left: -75%;
width: 50%;
height: 160%;
background:
linear-gradient(
90deg,
transparent,
rgba(255, 241, 122, 0.16),
transparent
);
transform: rotate(18deg);
transition: left 420ms ease;
pointer-events: none;
}
.oposlot-menu-item:hover {
transform: translateX(5px);
border-color: var(--oposlot-gold-soft);
background:
linear-gradient(
135deg,
rgba(7, 93, 232, 0.42),
rgba(6, 28, 70, 0.98)
);
box-shadow:
0 7px 17px rgba(0, 0, 0, 0.34),
0 0 13px rgba(255, 215, 0, 0.22);
}
.oposlot-menu-item:hover::after {
left: 130%;
}
.oposlot-menu-icon {
position: relative;
z-index: 1;
display: grid;
width: 48px;
height: 48px;
flex: 0 0 48px;
place-items: center;
overflow: hidden;
border: 1px solid rgba(255, 241, 122, 0.7);
border-radius: 13px;
background:
linear-gradient(
145deg,
var(--oposlot-blue),
var(--oposlot-black)
);
box-shadow:
0 0 9px rgba(255, 215, 0, 0.26),
inset 0 0 10px rgba(34, 167, 255, 0.2);
}
.oposlot-menu-icon img {
display: block;
width: 100%;
height: 100%;
padding: 4px;
object-fit: contain;
}
.oposlot-menu-copy {
position: relative;
z-index: 1;
min-width: 0;
flex: 1;
}
.oposlot-menu-copy h3 {
margin: 0;
color: var(--oposlot-gold-soft);
font-size: 14px;
font-weight: 850;
line-height: 1.25;
}
.oposlot-menu-copy p {
margin: 4px 0 0;
color: var(--oposlot-text-soft);
font-size: 11px;
line-height: 1.4;
}
.oposlot-menu-arrow {
position: relative;
z-index: 1;
flex: 0 0 auto;
color: var(--oposlot-gold);
font-size: 19px;
font-weight: 900;
transition: transform 180ms ease;
}
.oposlot-menu-item:hover .oposlot-menu-arrow {
transform: translateX(3px);
}
/* Footer panel */
.oposlot-panel-footer {
padding: 0 15px 16px;
}
.oposlot-close {
display: inline-flex;
width: 100%;
min-height: 43px;
align-items: center;
justify-content: center;
gap: 8px;
border: 1px solid var(--oposlot-gold-soft);
border-radius: 999px;
background:
linear-gradient(
135deg,
var(--oposlot-gold-soft),
var(--oposlot-gold),
var(--oposlot-gold-dark)
);
color: var(--oposlot-navy);
box-shadow:
0 5px 13px rgba(0, 0, 0, 0.3),
0 0 12px rgba(255, 215, 0, 0.3);
font-size: 14px;
font-weight: 900;
cursor: pointer;
transition:
transform 180ms ease,
filter 180ms ease,
box-shadow 180ms ease;
}
.oposlot-close:hover {
filter: brightness(1.08);
box-shadow:
0 5px 13px rgba(0, 0, 0, 0.32),
0 0 18px rgba(255, 215, 0, 0.62);
}
.oposlot-close:active {
transform: scale(0.98);
}
.oposlot-close svg {
width: 16px;
height: 16px;
}
@keyframes oposlot-pulse {
0%,
100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.45;
transform: scale(0.75);
}
}
@media screen and (max-width: 600px) {
:root {
--oposlot-panel-width: calc(100vw - 74px);
}
.oposlot-panel {
left: 10px;
max-height: 82vh;
border-radius: 19px;
}
.oposlot-tab {
width: 46px;
height: 172px;
font-size: 13px;
}
.oposlot-quick-menu.is-open .oposlot-tab {
left: calc(10px + var(--oposlot-panel-width));
}
.oposlot-panel-header {
padding: 19px 17px 14px;
}
.oposlot-panel-title {
font-size: 22px;
}
.oposlot-menu-list {
padding: 12px;
}
.oposlot-panel-footer {
padding: 0 12px 13px;
}
}
@media (prefers-reduced-motion: reduce) {
.oposlot-tab,
.oposlot-panel,
.oposlot-overlay,
.oposlot-menu-item,
.oposlot-close,
.oposlot-eyebrow::before {
animation: none !important;
transition-duration: 0.01ms !important;
}
}
/* OPOSLOT toggle mengikuti tema glossy livechat */
.oposlot-tab {
position: fixed;
top: 50%;
left: 0;
z-index: 2147482999;
display: inline-flex;
width: 52px;
height: 194px;
align-items: center;
justify-content: center;
padding: 14px 8px;
border: 1px solid rgba(230,190,85,.78);
border-left: 0;
border-radius: 0 16px 16px 0;
background:
linear-gradient(165deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.12) 25%,transparent 48%),
radial-gradient(circle at 110% 112%,rgba(255,226,115,.95) 0%,rgba(231,180,55,.82) 27%,rgba(175,112,15,.48) 48%,transparent 70%),
radial-gradient(circle at 18% -15%,rgba(80,180,255,.82) 0%,transparent 46%),
linear-gradient(180deg,#031747 0%,#06428f 38%,#0787e8 72%,#54b4f2 100%);
color: #fff;
font-family: "Segoe UI Black","Arial Black","Trebuchet MS",sans-serif;
font-size: 14px;
font-weight: 900;
line-height: 1;
letter-spacing: 3px;
writing-mode: vertical-rl;
text-orientation: upright;
text-shadow:
0 1px 3px rgba(0,25,75,.72),
0 0 5px rgba(255,255,255,.35),
0 0 10px rgba(255,216,105,.5);
box-shadow:
0 5px 18px rgba(0,57,145,.34),
0 0 12px rgba(230,190,85,.38),
inset 0 1px 0 rgba(255,255,255,.42);
cursor: pointer;
overflow: hidden;
transform: translateY(-50%);
transition:
left var(--oposlot-speed) cubic-bezier(.2,.75,.2,1),
transform .18s ease,
filter .18s ease,
box-shadow .18s ease;
}
.oposlot-tab::before {
content: "";
position: absolute;
top: 7px;
right: 7px;
bottom: 7px;
left: 5px;
border: 1px solid rgba(255,232,150,.38);
border-radius: 0 11px 11px 0;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.22),
0 0 8px rgba(219,171,48,.13);
pointer-events: none;
}
.oposlot-tab::after {
content: "";
position: absolute;
top: 0;
left: 8%;
width: 74%;
height: 43%;
border-radius: 0 0 50% 50%;
background: linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04),transparent);
pointer-events: none;
}
.oposlot-tab:hover {
filter: brightness(1.08) saturate(1.08);
box-shadow:
0 7px 22px rgba(0,57,145,.42),
0 0 16px rgba(230,190,85,.58),
inset 0 1px 0 rgba(255,255,255,.55);
}
.oposlot-tab:active {
transform: translateY(-50%) scale(.97);
}
.oposlot-quick-menu.is-open .oposlot-tab {
left: calc(14px + var(--oposlot-panel-width));
}
@media screen and (max-width: 600px) {
.oposlot-tab {
top: auto;
bottom: 82px;
left: 14px;
width: 58px;
height: 58px;
min-width: 58px;
padding: 0;
border: 1px solid rgba(230,190,85,.8);
border-radius: 50%;
writing-mode: horizontal-tb;
text-orientation: mixed;
font-size: 0;
letter-spacing: 0;
transform: none;
background:
linear-gradient(165deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.12) 25%,transparent 48%),
radial-gradient(circle at 108% 115%,rgba(255,226,115,.95) 0%,rgba(231,180,55,.82) 27%,rgba(175,112,15,.48) 48%,transparent 70%),
radial-gradient(circle at 15% -25%,rgba(80,180,255,.82) 0%,transparent 45%),
linear-gradient(135deg,#031747 0%,#06428f 38%,#0787e8 72%,#54b4f2 100%);
box-shadow:
0 5px 18px rgba(0,57,145,.35),
0 0 14px rgba(230,190,85,.45),
inset 0 1px 0 rgba(255,255,255,.45);
}
.oposlot-tab::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 25px;
height: 3px;
border: 0;
border-radius: 999px;
background: #fff;
box-shadow:
0 -8px 0 #fff,
0 8px 0 #fff,
0 1px 3px rgba(0,25,75,.6),
0 0 8px rgba(255,224,135,.38);
transform: translate(-50%,-50%);
transition: transform .22s ease,box-shadow .22s ease,background-color .22s ease;
}
.oposlot-tab::after {
display: none;
}
.oposlot-tab:hover {
transform: translateY(-2px);
}
.oposlot-tab:active {
transform: scale(.96);
}
.oposlot-quick-menu.is-open .oposlot-tab {
left: 14px;
bottom: 18px;
background:
linear-gradient(165deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.14) 28%,transparent 50%),
radial-gradient(circle at 110% 110%,rgba(255,232,145,1) 0%,rgba(224,173,45,.92) 42%,rgba(171,109,10,.88) 100%);
transform: rotate(90deg);
}
.oposlot-quick-menu.is-open .oposlot-tab::before {
width: 25px;
height: 3px;
background: #06327a;
box-shadow: none;
transform: translate(-50%,-50%) rotate(45deg);
}
.oposlot-quick-menu.is-open .oposlot-tab::after {
display: block;
top: 50%;
left: 50%;
width: 25px;
height: 3px;
border-radius: 999px;
background: #06327a;
transform: translate(-50%,-50%) rotate(-45deg);
}
.oposlot-panel {
top: auto;
right: 8px;
bottom: 88px;
left: 8px;
width: auto;
max-height: calc(100dvh - 112px);
border-radius: 19px;
transform: translateY(125%) scale(.97);
transform-origin: bottom center;
}
.oposlot-quick-menu.is-open .oposlot-panel {
transform: translateY(0) scale(1);
}
}
/* =========================================================
OPOSLOT MONEY SITE THEME
Putih / abu muda / biru / kuning gold
========================================================== */
:root {
--site-blue-dark: #003b78;
--site-blue: #005ca8;
--site-blue-bright: #0787e8;
--site-blue-soft: #54b4f2;
--site-yellow: #ffd72e;
--site-yellow-light: #fff176;
--site-yellow-dark: #d59d00;
--site-bg: #dedede;
--site-panel: #f3f4f6;
--site-card: #ffffff;
--site-border: #d2d6dc;
--site-text: #202936;
--site-text-soft: #647184;
}
/* Panel utama: putih dan abu-abu seperti area konten money site */
.oposlot-panel {
border: 2px solid var(--site-yellow);
background:
linear-gradient(
180deg,
var(--site-card) 0%,
var(--site-panel) 100%
);
box-shadow:
0 18px 42px rgba(0, 37, 84, 0.28),
0 0 0 1px rgba(0, 92, 168, 0.12),
0 0 18px rgba(255, 215, 46, 0.28);
color: var(--site-text);
}
/* Header menyerupai livechat dan banner utama OPOSLOT */
.oposlot-panel-header {
border-bottom: 2px solid var(--site-yellow);
background:
/* Kilau putih */
linear-gradient(
165deg,
rgba(255, 255, 255, 0.40) 0%,
rgba(255, 255, 255, 0.10) 28%,
transparent 49%
),
/* Cahaya kuning dari kanan */
radial-gradient(
circle at 108% 112%,
rgba(255, 226, 115, 0.96) 0%,
rgba(231, 180, 55, 0.80) 27%,
rgba(175, 112, 15, 0.42) 48%,
transparent 70%
),
/* Pantulan biru muda */
radial-gradient(
circle at 14% -20%,
rgba(93, 190, 255, 0.78) 0%,
transparent 45%
),
/* Dasar biru money site */
linear-gradient(
135deg,
#031747 0%,
#06428f 38%,
#0787e8 72%,
#54b4f2 100%
);
box-shadow:
0 5px 15px rgba(0, 57, 145, 0.23),
inset 0 1px 0 rgba(255, 255, 255, 0.42);
}
.oposlot-panel-header::before {
border-color: rgba(255, 222, 91, 0.26);
box-shadow:
0 0 0 16px rgba(255, 255, 255, 0.06),
0 0 0 34px rgba(255, 215, 46, 0.06);
}
.oposlot-eyebrow {
color: var(--site-yellow-light);
text-shadow: 0 1px 3px rgba(0, 25, 75, 0.65);
}
.oposlot-eyebrow::before {
background: var(--site-yellow);
box-shadow: 0 0 9px var(--site-yellow);
}
.oposlot-panel-title {
color: #ffffff;
text-shadow:
0 2px 3px rgba(0, 30, 80, 0.70),
0 0 8px rgba(255, 255, 255, 0.15);
}
.oposlot-panel-title strong {
color: var(--site-yellow);
text-shadow:
0 1px 0 #9e7100,
0 0 10px rgba(255, 215, 46, 0.80);
}
.oposlot-panel-subtitle {
color: rgba(255, 255, 255, 0.92);
text-shadow: 0 1px 3px rgba(0, 25, 75, 0.62);
}
/* Area daftar dibuat abu muda seperti background konten situs */
.oposlot-menu-list {
background:
linear-gradient(
180deg,
#eeeeef 0%,
#dedfe1 100%
);
scrollbar-color: var(--site-blue) transparent;
}
.oposlot-menu-list::-webkit-scrollbar-thumb {
background: var(--site-blue);
}
/* Kartu putih dengan aksen biru dan kuning */
.oposlot-menu-item {
border: 1px solid var(--site-border);
border-left: 4px solid var(--site-blue);
background:
linear-gradient(
135deg,
#ffffff 0%,
#f7f8fa 100%
);
box-shadow:
0 4px 11px rgba(0, 41, 92, 0.10),
inset 0 1px 0 rgba(255, 255, 255, 0.90);
}
.oposlot-menu-item::after {
background:
linear-gradient(
90deg,
transparent,
rgba(255, 215, 46, 0.24),
transparent
);
}
.oposlot-menu-item:hover {
border-color: var(--site-yellow);
border-left-color: var(--site-yellow);
background:
linear-gradient(
135deg,
#ffffff 0%,
#eef7ff 62%,
#fff9d8 100%
);
box-shadow:
0 7px 16px rgba(0, 67, 135, 0.18),
0 0 11px rgba(255, 215, 46, 0.24);
}
/* Icon box menyesuaikan header dan logo situs */
.oposlot-menu-icon {
border: 2px solid var(--site-yellow);
background:
linear-gradient(
145deg,
#ffffff,
#dff1ff
);
box-shadow:
0 3px 8px rgba(0, 70, 145, 0.15),
inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
.oposlot-menu-copy h3 {
color: var(--site-blue-dark);
text-shadow: none;
}
.oposlot-menu-copy p {
color: var(--site-text-soft);
}
.oposlot-menu-arrow {
color: var(--site-blue);
}
.oposlot-menu-item:hover .oposlot-menu-arrow {
color: var(--site-yellow-dark);
}
/* Footer putih agar menyatu dengan panel */
.oposlot-panel-footer {
padding-top: 13px;
border-top: 1px solid #d5d8dd;
background: #f7f7f8;
}
.oposlot-close {
border: 1px solid #e6b900;
background:
linear-gradient(
180deg,
#ffe85a 0%,
#ffd72e 55%,
#efbd00 100%
);
color: var(--site-blue-dark);
box-shadow:
0 4px 10px rgba(0, 52, 112, 0.18),
inset 0 1px 0 rgba(255, 255, 255, 0.68);
}
.oposlot-close:hover {
filter: brightness(1.04);
box-shadow:
0 5px 13px rgba(0, 52, 112, 0.22),
0 0 12px rgba(255, 215, 46, 0.48);
}
/* Tombol vertikal: warna utama situs */
.oposlot-tab {
border-color: rgba(225, 178, 0, 0.90);
background:
linear-gradient(
165deg,
rgba(255, 255, 255, 0.42) 0%,
rgba(255, 255, 255, 0.12) 25%,
transparent 48%
),
radial-gradient(
circle at 108% 112%,
rgba(255, 226, 115, 0.95) 0%,
rgba(231, 180, 55, 0.82) 27%,
rgba(175, 112, 15, 0.48) 48%,
transparent 70%
),
radial-gradient(
circle at 15% -20%,
rgba(80, 180, 255, 0.82) 0%,
transparent 45%
),
linear-gradient(
180deg,
#031747 0%,
#06428f 38%,
#0787e8 72%,
#54b4f2 100%
);
box-shadow:
0 5px 18px rgba(0, 57, 145, 0.34),
0 0 12px rgba(255, 215, 46, 0.42),
inset 0 1px 0 rgba(255, 255, 255, 0.42);
}
/* Mobile tetap memakai tema yang sama */
@media screen and (max-width: 600px) {
.oposlot-panel {
border-color: var(--site-yellow);
background:
linear-gradient(
180deg,
#ffffff 0%,
#ececee 100%
);
box-shadow:
0 16px 36px rgba(0, 35, 78, 0.32),
0 0 14px rgba(255, 215, 46, 0.27);
}
.oposlot-menu-list {
background: #e5e5e6;
}
.oposlot-tab {
border-color: var(--site-yellow);
}
.oposlot-quick-menu.is-open .oposlot-tab {
background:
linear-gradient(
165deg,
rgba(255, 255, 255, 0.45) 0%,
rgba(255, 255, 255, 0.14) 28%,
transparent 50%
),
linear-gradient(
145deg,
#ffe96b,
#ffd72e 55%,
#c99100
);
}
}
/* =========================================================
OPOSLOT TAB — SIMPLE YELLOW + BLUE SHADOW
Hanya mengubah tombol OPOSLOT.
========================================================== */
.oposlot-tab {
position: fixed;
top: 50%;
left: 14px;
z-index: 2147482999;
display: inline-flex;
width: 128px;
height: 40px;
align-items: center;
justify-content: center;
padding: 0 18px;
border: 2px solid #0a72c8;
border-radius: 999px;
background: #ffd82e;
color: #063b70;
font-family:
"Segoe UI Black",
"Arial Black",
"Trebuchet MS",
sans-serif;
font-size: 13px;
font-weight: 900;
line-height: 1;
letter-spacing: 0.5px;
writing-mode: horizontal-tb;
text-orientation: mixed;
text-shadow: none;
box-shadow:
0 0 8px rgba(0, 128, 255, 0.78),
0 0 18px rgba(0, 94, 200, 0.55),
0 4px 10px rgba(0, 45, 95, 0.24);
cursor: pointer;
overflow: hidden;
transform: translateY(-50%);
transition:
left var(--oposlot-speed) cubic-bezier(.2, .75, .2, 1),
bottom var(--oposlot-speed) ease,
transform 180ms ease,
background-color 180ms ease,
border-color 180ms ease,
box-shadow 180ms ease;
}
/* Hapus dekorasi lama */
.oposlot-tab::before,
.oposlot-tab::after {
content: none;
display: none;
}
.oposlot-tab:hover {
background: #ffe45f;
border-color: #168ee8;
box-shadow:
0 0 12px rgba(0, 145, 255, 0.96),
0 0 26px rgba(0, 104, 220, 0.68),
0 5px 12px rgba(0, 45, 95, 0.29);
transform: translateY(-50%) scale(1.03);
}
.oposlot-tab:active {
transform: translateY(-50%) scale(0.97);
}
.oposlot-tab:focus-visible {
outline: 3px solid rgba(67, 171, 255, 0.92);
outline-offset: 3px;
}
.oposlot-quick-menu.is-open .oposlot-tab {
left: calc(24px + var(--oposlot-panel-width));
}
/* ================= MOBILE ================= */
@media screen and (max-width: 600px) {
.oposlot-tab {
top: auto;
bottom: 76px;
left: 12px;
width: 116px;
height: 38px;
min-width: 116px;
min-height: 38px;
padding: 0 14px;
border: 2px solid #0a72c8;
border-radius: 999px;
background: #ffd82e;
color: #063b70;
font-size: 12px;
letter-spacing: 0.35px;
writing-mode: horizontal-tb;
text-orientation: mixed;
transform: none;
box-shadow:
0 0 8px rgba(0, 128, 255, 0.78),
0 0 17px rgba(0, 94, 200, 0.52),
0 4px 9px rgba(0, 45, 95, 0.24);
}
.oposlot-tab:hover {
background: #ffe45f;
transform: translateY(-2px);
}
.oposlot-tab:active {
transform: scale(0.97);
}
.oposlot-quick-menu.is-open .oposlot-tab {
left: 12px;
bottom: 18px;
background: #ffd82e;
color: #063b70;
transform: none;
box-shadow:
0 0 10px rgba(0, 145, 255, 0.90),
0 0 22px rgba(0, 104, 220, 0.62),
0 4px 9px rgba(0, 45, 95, 0.26);
}
}
/* =========================================================
OPOSLOT TAB — VERTICAL YELLOW + BLUE SHADOW
Hanya mengubah tombol OPOSLOT menjadi vertikal di kiri.
========================================================== */
.oposlot-tab {
position: fixed;
top: 50%;
left: 0;
z-index: 2147482999;
display: inline-flex;
width: 52px;
height: 194px;
align-items: center;
justify-content: center;
padding: 14px 8px;
border: 2px solid #0a72c8;
border-left: 0;
border-radius: 0 16px 16px 0;
background: #ffd82e;
color: #063b70;
font-family:
"Segoe UI Black",
"Arial Black",
"Trebuchet MS",
sans-serif;
font-size: 14px;
font-weight: 900;
line-height: 1;
letter-spacing: 3px;
writing-mode: vertical-rl;
text-orientation: upright;
text-shadow: none;
box-shadow:
0 0 9px rgba(0, 128, 255, 0.82),
0 0 20px rgba(0, 94, 200, 0.58),
5px 8px 16px rgba(0, 45, 95, 0.24);
cursor: pointer;
overflow: hidden;
transform: translateY(-50%);
transition:
left var(--oposlot-speed) cubic-bezier(.2, .75, .2, 1),
transform 180ms ease,
background-color 180ms ease,
border-color 180ms ease,
box-shadow 180ms ease;
}
.oposlot-tab::before {
content: "";
position: absolute;
inset: 7px 7px 7px 5px;
border: 1px solid rgba(6, 59, 112, 0.22);
border-radius: 0 11px 11px 0;
background: transparent;
box-shadow: none;
pointer-events: none;
}
.oposlot-tab::after {
content: none;
display: none;
}
.oposlot-tab:hover {
background: #ffe45f;
border-color: #168ee8;
box-shadow:
0 0 13px rgba(0, 145, 255, 0.96),
0 0 28px rgba(0, 104, 220, 0.70),
6px 9px 19px rgba(0, 45, 95, 0.29);
transform: translateY(-50%) scale(1.03);
}
.oposlot-tab:active {
transform: translateY(-50%) scale(0.97);
}
.oposlot-tab:focus-visible {
outline: 3px solid rgba(67, 171, 255, 0.92);
outline-offset: 3px;
}
.oposlot-quick-menu.is-open .oposlot-tab {
left: calc(14px + var(--oposlot-panel-width));
}
/* Mobile tetap vertikal, tetapi dibuat lebih kecil */
@media screen and (max-width: 600px) {
.oposlot-tab {
top: 50%;
bottom: auto;
left: 0;
width: 46px;
height: 170px;
min-width: 46px;
min-height: 170px;
padding: 12px 7px;
border: 2px solid #0a72c8;
border-left: 0;
border-radius: 0 14px 14px 0;
background: #ffd82e;
color: #063b70;
font-size: 13px;
letter-spacing: 2.5px;
writing-mode: vertical-rl;
text-orientation: upright;
transform: translateY(-50%);
box-shadow:
0 0 8px rgba(0, 128, 255, 0.80),
0 0 17px rgba(0, 94, 200, 0.54),
4px 7px 14px rgba(0, 45, 95, 0.23);
}
.oposlot-tab::before {
inset: 6px 6px 6px 4px;
border-radius: 0 9px 9px 0;
}
.oposlot-tab:hover {
background: #ffe45f;
transform: translateY(-50%) scale(1.02);
}
.oposlot-tab:active {
transform: translateY(-50%) scale(0.96);
}
.oposlot-quick-menu.is-open .oposlot-tab {
top: 50%;
bottom: auto;
left: calc(10px + var(--oposlot-panel-width));
background: #ffd82e;
color: #063b70;
transform: translateY(-50%);
box-shadow:
0 0 11px rgba(0, 145, 255, 0.92),
0 0 23px rgba(0, 104, 220, 0.64),
4px 7px 14px rgba(0, 45, 95, 0.25);
}
}
/* =========================================================
FINAL RESPONSIVE OVERRIDE
Mobile memakai desain yang sama seperti desktop.
Hanya ukuran, jarak, dan lebar panel yang disesuaikan.
========================================================== */
@media screen and (max-width: 600px) {
:root {
--oposlot-panel-width: min(280px, calc(100vw - 62px));
--oposlot-radius: 18px;
}
/* Panel tetap muncul dari sisi kiri seperti desktop */
.oposlot-panel {
top: 50%;
right: auto;
bottom: auto;
left: 8px;
width: var(--oposlot-panel-width);
max-height: min(92dvh, 620px);
border-width: 2px;
border-radius: var(--oposlot-radius);
transform: translate(-120%, -50%) scale(0.96);
transform-origin: left center;
}
.oposlot-quick-menu.is-open .oposlot-panel {
transform: translate(0, -50%) scale(1);
}
/* Tombol tetap vertikal dengan tampilan desktop */
.oposlot-tab {
top: 50%;
right: auto;
bottom: auto;
left: 0;
width: 42px;
height: 156px;
min-width: 42px;
min-height: 156px;
padding: 10px 6px;
border: 2px solid #0a72c8;
border-left: 0;
border-radius: 0 13px 13px 0;
background: #ffd82e;
color: #063b70;
font-size: 12px;
line-height: 1;
letter-spacing: 2.2px;
writing-mode: vertical-rl;
text-orientation: upright;
transform: translateY(-50%);
box-shadow:
0 0 8px rgba(0, 128, 255, 0.80),
0 0 17px rgba(0, 94, 200, 0.54),
4px 7px 14px rgba(0, 45, 95, 0.23);
}
.oposlot-tab::before {
content: "";
display: block;
inset: 6px 6px 6px 4px;
border: 1px solid rgba(6, 59, 112, 0.22);
border-radius: 0 9px 9px 0;
background: transparent;
box-shadow: none;
}
.oposlot-tab::after {
content: none;
display: none;
}
.oposlot-tab:hover {
background: #ffe45f;
border-color: #168ee8;
transform: translateY(-50%) scale(1.02);
}
.oposlot-tab:active {
transform: translateY(-50%) scale(0.96);
}
.oposlot-quick-menu.is-open .oposlot-tab {
top: 50%;
bottom: auto;
left: calc(8px + var(--oposlot-panel-width));
background: #ffd82e;
color: #063b70;
transform: translateY(-50%);
box-shadow:
0 0 11px rgba(0, 145, 255, 0.92),
0 0 23px rgba(0, 104, 220, 0.64),
4px 7px 14px rgba(0, 45, 95, 0.25);
}
/* Ukuran isi panel diperkecil tanpa mengubah tema desktop */
.oposlot-panel-header {
padding: 16px 15px 12px;
}
.oposlot-eyebrow {
margin-bottom: 5px;
font-size: 9px;
}
.oposlot-panel-title {
font-size: 20px;
}
.oposlot-panel-subtitle {
margin-top: 5px;
font-size: 11px;
line-height: 1.4;
}
.oposlot-menu-list {
gap: 8px;
padding: 10px;
}
.oposlot-menu-item {
min-height: 58px;
gap: 9px;
padding: 7px;
border-radius: 13px;
}
.oposlot-menu-icon {
width: 42px;
height: 42px;
flex-basis: 42px;
border-radius: 11px;
}
.oposlot-menu-copy h3 {
font-size: 13px;
}
.oposlot-menu-copy p {
margin-top: 3px;
font-size: 10px;
line-height: 1.35;
}
.oposlot-menu-arrow {
font-size: 17px;
}
.oposlot-panel-footer {
padding: 10px;
}
.oposlot-close {
min-height: 40px;
font-size: 13px;
}
}
/* Penyesuaian tambahan untuk layar sangat kecil */
@media screen and (max-width: 380px) {
:root {
--oposlot-panel-width: calc(100vw - 56px);
}
.oposlot-tab {
width: 38px;
height: 145px;
min-width: 38px;
min-height: 145px;
font-size: 11px;
letter-spacing: 2px;
}
.oposlot-quick-menu.is-open .oposlot-tab {
left: calc(8px + var(--oposlot-panel-width));
}
.oposlot-panel-title {
font-size: 18px;
}
.oposlot-menu-copy p {
font-size: 9.5px;
}
}
/* Layar mobile landscape atau layar pendek */
@media screen and (max-width: 600px) and (max-height: 520px) {
.oposlot-panel {
max-height: calc(100dvh - 16px);
}
.oposlot-tab {
height: 136px;
min-height: 136px;
}
.oposlot-panel-header {
padding: 12px 14px 10px;
}
.oposlot-menu-list {
gap: 6px;
padding: 8px 10px;
}
.oposlot-menu-item {
min-height: 52px;
}
.oposlot-panel-footer {
padding: 8px 10px;
}
}
</style>
</head>
<body>
<div class="oposlot-quick-menu" id="oposlotQuickMenu">
<div class="oposlot-overlay" data-oposlot-close aria-hidden="true"></div>
<button
type="button"
class="oposlot-tab"
id="oposlotMenuToggle"
aria-label="Buka menu OPOSLOT"
aria-controls="oposlotMenuPanel"
aria-expanded="false"
>
OPOSLOT
</button>
<aside
class="oposlot-panel"
id="oposlotMenuPanel"
aria-label="Menu cepat OPOSLOT"
aria-hidden="true"
>
<header class="oposlot-panel-header">
<div class="oposlot-eyebrow">Menu aktif</div>
<h2 class="oposlot-panel-title">
INFO <strong>OPOSLOT</strong>
</h2>
<p class="oposlot-panel-subtitle">
Akses menu informasi dan layanan OPOSLOT
</p>
</header>
<nav class="oposlot-menu-list" aria-label="Daftar menu OPOSLOT">
<!-- Ganti URL relatif berikut dengan URL halaman OPOSLOT milik Anda. -->
<a href="https://t.me/Tokodgo" target="_blank" class="oposlot-menu-item">
<span class="oposlot-menu-icon">
<img
src="https://dgo-img.com/ib/ifn0cg0LLLmvXUV_1785316588.webp"
alt="Ikon telgram"
loading="lazy"
>
</span>
<span class="oposlot-menu-copy">
<h3>Telegram</h3>
<p>Telegram Oposlot.</p>
</span>
<span class="oposlot-menu-arrow" aria-hidden="true">›</span>
</a>
<a href="https://top-rtp.fun/slot4d/" target="_blank" class="oposlot-menu-item">
<span class="oposlot-menu-icon">
<img
src="https://dgo-img.com/ib/GNmPMbc4iaZzJiQ_1787668875.gif"
alt="Ikon RTP Slot"
loading="lazy"
>
</span>
<span class="oposlot-menu-copy">
<h3>RTP Slot</h3>
<p>Periksa informasi RTP slot hari ini.</p>
</span>
<span class="oposlot-menu-arrow" aria-hidden="true">›</span>
</a>
</a>
</nav>
<footer class="oposlot-panel-footer">
<button type="button" class="oposlot-close" data-oposlot-close>
<svg
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
aria-hidden="true"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2.5"
d="M6 18 18 6M6 6l12 12"
></path>
</svg>
Tutup Menu
</button>
</footer>
</aside>
</div>
<script>
(() => {
"use strict";
const root = document.getElementById("oposlotQuickMenu");
const toggleButton = document.getElementById("oposlotMenuToggle");
const panel = document.getElementById("oposlotMenuPanel");
const closeElements = root.querySelectorAll("[data-oposlot-close]");
if (!root || !toggleButton || !panel) {
return;
}
const isOpen = () => root.classList.contains("is-open");
const setMenuState = (open, returnFocus = false) => {
root.classList.toggle("is-open", open);
toggleButton.setAttribute("aria-expanded", String(open));
panel.setAttribute("aria-hidden", String(!open));
toggleButton.setAttribute(
"aria-label",
open ? "Tutup menu OPOSLOT" : "Buka menu OPOSLOT"
);
if (open) {
const closeButton = panel.querySelector(".oposlot-close");
window.setTimeout(() => closeButton?.focus(), 340);
} else if (returnFocus) {
toggleButton.focus();
}
};
toggleButton.addEventListener("click", () => {
setMenuState(!isOpen());
});
closeElements.forEach((element) => {
element.addEventListener("click", () => {
setMenuState(false, element.matches("button"));
});
});
document.addEventListener("keydown", (event) => {
if (event.key === "Escape" && isOpen()) {
setMenuState(false, true);
}
});
panel.addEventListener("click", (event) => {
event.stopPropagation();
});
})();
</script>
<style>
div.col-sm-0 span {
display: none;
}
div.social {
width: 100%;
/* background-image: url(https://i.imgur.com/1SHCzVn.jpg); */
background-size: contain;
padding: 5px 1px 10px 1px;
margin: auto;
text-align: center;
}
#ico {
background: #131313;
padding: 5px 15px 5px 15px;
color: #fff;
text-decoration: none;
border-radius: 5px;
margin: 5px 3px;
border: .5px solid #ffffff;
display: inline-block;
}
div.social img {
vertical-align: middle;
display: inline;
}
div.social p {
display: inline-block;
font-size: 14px;
}
.social {
left: 0;
width: 0;
position: fixed;
top: 130px;
z-index: 9999999999;
}
.social ul {
padding: 0px;
-webkit-transform: translate(-130px, 0);
-moz-transform: translate(-130px, 0);
-ms-transform: translate(-130px, 0);
-o-transform: translate(-130px, 0);
transform: translate(-130px, 0);
}
.social ul li {
display: block;
margin: 6px;
margin-left: 0px;
background: rgba(0, 0, 0, 0.86);
width: 189px;
text-align: right;
padding: 4px;
-webkit-border-radius: 0 20px 20px 0;
-moz-border-radius: 0 20px 20px 0;
border-radius: 0 20px 20px 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
height: 53px;
border: groove 2px #ab0102;
}
.social ul li:hover {
-webkit-transform: translate(110px, 0);
-moz-transform: translate(110px, 0);
-ms-transform: translate(110px, 0);
-o-transform: translate(110px, 0);
transform: translate(110px, 0);
background: rgba(95, 95, 95, 0.7);
}
.buttonWrap {
text-transform: uppercase !important;
}
</style>
<!--style>
.modal {
--bs-modal-border-color: transparent;
}
.modal-dialog2 {
width: 100px;
height: 100px;
}
.modal-dialog {
margin: 100px auto;
}
@media only screen and (max-width: 768px) {
.modal-dialog {
margin-top: 50px;
}
.imgpop {
width: 80%;
margin-left: 50px;
}
}
.modal-content {
background-color: transparent;
margin-top: 100px;
}
</style>
<div class="modal fade" id="promo" tabindex="-1" aria-labelledby=
"exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body"><a href=""
target="_blank"><img src="https://dgo-img.com/ib/X3dESdOgKILCIdu_1743860023.png"
class="imgpop"></a></div --!>
</div>
</div>
</div>
<!-- RTP -->
<style>
.btn {
width:90px
}
</style>
<script>
$("<a class='btn btn-secondary btn-block kiw' href='/downloads/app/OpoSlot.apkt' target='_blank'><p>Apk</p></a>").insertAfter(".btn-info:eq(0)")
</script>
<script>
$('<button type="button" class="btn btn-secondary btn-block kiwkiw fw-bold p-0 px-2 desktop-only"><a href="/downloads/app/OpoSlot.apk" target="_blank">Apk </a></button>').insertAfter($(".btn-daftar-desktop"));
</script>
<!-- RTP Settings -->
<style>.kiw {width: 100%;height: 50px;border-radius: 10px;border:2px #ffe808 solid;}.kiw > p{margin-top: 8px;font-size: 15px;font-weight: bold;}</style>
<style>
.kiw {
background: linear-gradient(270deg, rgba(201,138,0,1) 0%, rgba(253,243,35,1) 21%, rgba(253,243,35,1) 33%, rgba(211,158,7,1) 44%, rgba(215,166,9,1) 60%, rgba(252,241,34,1) 73%, rgba(255,247,36,1) 85%, rgba(201,138,0,1) 100%);
background-size: auto;
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #ffe808, inset 0 2px 0 0 #fff, inset 0 0 0 2px #ffe808, 3px 3px 3px 1px rgba(0,0,0,.2);
color: #000;
}
@keyframes gradient
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
.kiwkiw{
background: linear-gradient(270deg, rgba(201,138,0,1) 0%, rgba(253,243,35,1) 21%, rgba(253,243,35,1) 33%, rgba(211,158,7,1) 44%, rgba(215,166,9,1) 60%, rgba(252,241,34,1) 73%, rgba(255,247,36,1) 85%, rgba(201,138,0,1) 100%);
background-size: auto;
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #ffe808, inset 0 2px 0 0 #fff, inset 0 0 0 2px #ffe808, 3px 3px 3px 1px rgba(0,0,0,.2);
color: #000;
}
@keyframes gradient
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
</style>
<script data-cfasync="false">
(function () {
'use strict';
var CONFIG = {
logo: 'https://oposlotsunday.com/images/logoweb.png',
brand: 'OPOSLOT',
link: 'https://tamanbermain1.top/',
delay: 500,
autoplay: true,
interval: 3000,
lockScroll: true,
closeOnOverlay: true,
images: [
{
src: 'https://dgo-img.com/ib/O3esJDQCTM42DC9_1783269374.webp',
text: 'AMBIL BONUS SPESIAL SEKARANG',
sticker: 'Paling Cuan, Paling GASPOL'
},
{
src: 'https://dgo-img.com/ib/MhkXCAkwdD4weXm_1783269375.webp',
text: 'CEK BONUS MEMBER BARU',
sticker: 'Promo Member Baru'
},
{
src: 'https://dgo-img.com/ib/TATa5BSrvhMVvtz_1783269380.webp',
text: 'KLAIM PROMO HARIAN',
sticker: 'Bonus Harian OPOSLOT'
}
]
};
var ROOT_ID = 'salvapop-root';
var STYLE_ID = 'salvapop-style';
var current = 0;
var timer = null;
var opened = false;
var oldBodyOverflow = '';
var oldHtmlOverflow = '';
function esc(v) {
return String(v ?? '')
.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}
function safeUrl(v) {
var url = String(v == null ? '' : v).trim();
if (!url) return '#';
if (
url.charAt(0) === '#' ||
url.charAt(0) === '/' ||
/^https?:///i.test(url)
) {
return esc(url);
}
return '#';
}
function ready(fn) {
if (document.body) {
fn();
return;
}
document.addEventListener('DOMContentLoaded', fn, { once: true });
window.addEventListener('load', fn, { once: true });
var tries = 0;
var wait = setInterval(function () {
tries++;
if (document.body) {
clearInterval(wait);
fn();
}
if (tries > 100) {
clearInterval(wait);
}
}, 50);
}
function injectStyle() {
if (document.getElementById(STYLE_ID)) return;
var css = `
#salvapop-root {
position: fixed !important;
inset: 0 !important;
z-index: 2147483647 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 12px !important;
background: rgba(0,0,0,.58) !important;
-webkit-backdrop-filter: blur(10px) saturate(105%) !important;
backdrop-filter: blur(10px) saturate(105%) !important;
opacity: 0;
pointer-events: auto !important;
transition: opacity .28s ease !important;
box-sizing: border-box !important;
}
#salvapop-root,
#salvapop-root * {
box-sizing: border-box !important;
}
#salvapop-root.salvapop-open {
opacity: 1 !important;
}
#salvapop-root .salvapop-card {
position: relative !important;
width: min(96vw, 455px) !important;
max-height: calc(100svh - 18px) !important;
overflow: hidden auto !important;
border-radius: 24px !important;
color: #fff !important;
background: rgba(8,8,20,.94) !important;
border: 1px solid rgba(255,255,255,.16) !important;
box-shadow:
0 28px 70px rgba(0,0,0,.68),
0 0 28px rgba(255,43,214,.22),
0 0 42px rgba(24,232,255,.14) !important;
opacity: 0;
transform: translateY(18px) scale(.94);
transition: transform .42s cubic-bezier(.16,1,.3,1), opacity .26s ease !important;
scrollbar-width: none !important;
}
#salvapop-root .salvapop-card::-webkit-scrollbar {
display: none !important;
}
#salvapop-root.salvapop-open .salvapop-card {
opacity: 1 !important;
transform: translateY(0) scale(1) !important;
}
#salvapop-root .salvapop-close {
position: absolute !important;
top: 10px !important;
right: 12px !important;
z-index: 50 !important;
width: 35px !important;
height: 35px !important;
display: grid !important;
place-items: center !important;
border: 1px solid rgba(255,255,255,.24) !important;
border-radius: 999px !important;
color: #fff !important;
background: rgba(255,255,255,.12) !important;
cursor: pointer !important;
font: 900 21px/1 Arial, sans-serif !important;
}
#salvapop-root .salvapop-close:hover {
background: rgba(255,48,79,.95) !important;
transform: rotate(90deg) scale(1.05) !important;
}
#salvapop-root .salvapop-top {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
padding: 12px 56px 12px 15px !important;
background: rgba(5,5,16,.68) !important;
border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
#salvapop-root .salvapop-logo {
display: block !important;
max-width: 174px !important;
height: 35px !important;
object-fit: contain !important;
filter: drop-shadow(0 0 10px rgba(255,48,79,.38)) !important;
}
#salvapop-root .salvapop-brand-text {
display: none !important;
font: 1000 15px/1 system-ui, sans-serif !important;
letter-spacing: 1px !important;
color: #fff !important;
}
#salvapop-root .salvapop-chip {
padding: 7px 10px !important;
border-radius: 999px !important;
color: #060611 !important;
background: linear-gradient(135deg, #d9ff3f, #ffd23f) !important;
font: 1000 10px/1 system-ui, sans-serif !important;
white-space: nowrap !important;
}
#salvapop-root .salvapop-slider {
position: relative !important;
overflow: hidden !important;
background:
radial-gradient(circle at top, rgba(255,43,214,.16), transparent 46%),
radial-gradient(circle at bottom, rgba(24,232,255,.12), transparent 48%),
#050510 !important;
}
#salvapop-root .salvapop-track {
display: flex !important;
width: 100% !important;
transition: transform .56s cubic-bezier(.22,1,.36,1) !important;
will-change: transform !important;
}
#salvapop-root .salvapop-slide {
position: relative !important;
flex: 0 0 100% !important;
min-width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
#salvapop-root .salvapop-slide a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
text-decoration: none !important;
}
/* gambar mengikuti rasio asli, bukan 1:1 */
#salvapop-root .salvapop-slide img {
display: block !important;
width: 100% !important;
height: auto !important;
max-height: 66svh !important;
object-fit: contain !important;
aspect-ratio: auto !important;
background: transparent !important;
}
#salvapop-root .salvapop-sticker {
position: absolute !important;
left: 14px !important;
right: 14px !important;
bottom: 16px !important;
z-index: 8 !important;
display: flex !important;
align-items: center !important;
gap: 9px !important;
max-width: calc(100% - 28px) !important;
padding: 10px 12px !important;
border-radius: 15px !important;
border: 1px solid rgba(255,255,255,.18) !important;
color: #fff !important;
background: rgba(8,8,20,.66) !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
font: 1000 11px/1.15 system-ui, sans-serif !important;
letter-spacing: .35px !important;
text-transform: uppercase !important;
}
#salvapop-root .salvapop-sticker-icon {
width: 11px !important;
height: 11px !important;
flex: 0 0 11px !important;
border-radius: 4px !important;
background: linear-gradient(135deg, #d9ff3f, #18e8ff, #ff2bd6) !important;
box-shadow: 0 0 12px rgba(217,255,63,.65) !important;
transform: rotate(15deg) !important;
}
#salvapop-root .salvapop-sticker-text {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
#salvapop-root .salvapop-arrow {
position: absolute !important;
top: 50% !important;
z-index: 10 !important;
width: 36px !important;
height: 36px !important;
display: grid !important;
place-items: center !important;
border: 1px solid rgba(255,255,255,.22) !important;
border-radius: 999px !important;
color: #fff !important;
background: rgba(8,8,20,.58) !important;
cursor: pointer !important;
transform: translateY(-50%) !important;
font: 1000 24px/1 Arial, sans-serif !important;
}
#salvapop-root .salvapop-prev {
left: 10px !important;
}
#salvapop-root .salvapop-next {
right: 10px !important;
}
#salvapop-root .salvapop-dots {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 10px !important;
z-index: 12 !important;
display: flex !important;
justify-content: center !important;
gap: 7px !important;
pointer-events: none !important;
}
#salvapop-root .salvapop-dot {
width: 8px !important;
height: 8px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: rgba(255,255,255,.42) !important;
cursor: pointer !important;
pointer-events: auto !important;
}
#salvapop-root .salvapop-dot.active {
width: 28px !important;
background: linear-gradient(90deg, #ff2bd6, #18e8ff, #d9ff3f) !important;
}
#salvapop-root .salvapop-content {
padding: 15px 16px 17px !important;
background: rgba(6,6,17,.92) !important;
}
#salvapop-root .salvapop-marquee {
margin-bottom: 12px !important;
padding: 9px 0 !important;
border-radius: 999px !important;
overflow: hidden !important;
border: 1px solid rgba(255,255,255,.12) !important;
background: rgba(255,255,255,.055) !important;
}
#salvapop-root .salvapop-marquee-track {
display: flex !important;
width: max-content !important;
white-space: nowrap !important;
animation: salvapopMarquee 18s linear infinite !important;
}
#salvapop-root .salvapop-marquee-group {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
padding-right: 12px !important;
}
#salvapop-root .salvapop-marquee-dot {
width: 6px !important;
height: 6px !important;
border-r</div>
<!-- LIVE CHAT -->
<!-- Start of LiveChat (www.livechatinc.com) code -->
<script type="text/javascript">
window.__lc = window.__lc || {};
window.__lc.license = 15058593;
window.__lc.chat_between_groups = false;
window.__lc.group = 3;
(function() {
var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
})();
</script>
<noscript>
<a href="https://www.livechatinc.com/chat-with/10657737/" rel="nofollow">Chat with us</a>,
powered by <a href="https://www.livechatinc.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a>
</noscript>
<!-- End of LiveChat code -->
<!-- GetButton.io widget -->
<script type="text/javascript">
(function () {
var options = {
whatsapp: "+639468322935 ", // WhatsApp number
call_to_action: "Silahkan Chat WA CS OPO SLOT", // Call to action
button_color: "#FF6550", // Color of button
position: "left", // Position may be 'right' or 'left'
};
var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
})();
</script>
<!-- /GetButton.io widget -->
<!-- LiveChat Internal -->
<style id="cs-embed-custom-styles">
/* Generated widget appearance — theme: light */
.cs-embed .cs-panel {
background: #fff;
color: #111827;
}
/* Header OPOSLOT */
.cs-header {
position: relative;
/* Jangan gunakan hidden karena akan memotong menu */
overflow: visible !important;
z-index: 50;
background:
/* Pantulan glossy */
linear-gradient(
165deg,
rgba(255, 255, 255, 0.42) 0%,
rgba(255, 255, 255, 0.12) 25%,
transparent 48%
),
/* Cahaya gold dari kanan */
radial-gradient(
circle at 105% 115%,
rgba(255, 226, 115, 0.95) 0%,
rgba(231, 180, 55, 0.82) 27%,
rgba(175, 112, 15, 0.5) 48%,
transparent 70%
),
/* Pantulan biru muda */
radial-gradient(
circle at 15% -25%,
rgba(80, 180, 255, 0.8) 0%,
transparent 45%
),
/* Warna dasar biru */
linear-gradient(
135deg,
#031747 0%,
#06428f 38%,
#0787e8 72%,
#54b4f2 100%
);
color: #ffffff;
border-bottom: 1px solid rgba(230, 190, 85, 0.55);
box-shadow:
0 5px 18px rgba(0, 57, 145, 0.32),
inset 0 1px 0 rgba(255, 255, 255, 0.42);
text-shadow: 0 1px 3px rgba(0, 25, 75, 0.55);
}
/* Menu Hubungkan Operator dan Akhiri Percakapan */
.cs-header [role="menu"],
.cs-header [class*="menu"],
.cs-header [class*="dropdown"],
.cs-header [class*="popover"] {
z-index: 9999 !important;
}
.cs-bubble--customer {
position: relative;
overflow: hidden;
background:
linear-gradient(
#06327a,
#06327a
) padding-box,
conic-gradient(
from 45deg,
rgba(255, 224, 135, 0.48),
rgba(174, 119, 20, 0.35),
rgba(224, 176, 58, 0.44),
rgba(255, 220, 115, 0.42),
rgba(157, 101, 12, 0.34),
rgba(221, 169, 50, 0.44),
rgba(255, 224, 135, 0.48)
) border-box;
color: #ffffff;
border: 1.5px solid transparent;
box-shadow:
0 -3px 8px rgba(220, 170, 55, 0.12),
0 3px 8px rgba(176, 118, 18, 0.15),
-3px 0 8px rgba(230, 186, 80, 0.11),
3px 0 8px rgba(176, 118, 18, 0.14),
0 0 10px rgba(205, 150, 35, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.25);
text-shadow: 0 1px 3px rgba(0, 20, 60, 0.65);
}
/* Efek glossy biru */
.cs-bubble--customer::before {
content: "";
position: absolute;
top: 0;
left: 4%;
width: 88%;
height: 48%;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.25),
rgba(255, 255, 255, 0.05),
transparent
);
border-radius: inherit;
pointer-events: none;
}
.cs-embed .cs-bubble--agent {
background: #fff;
color: #111;
border-color: #e5e7eb;
}
/* ================= DESKTOP ================= */
@media (min-width:769px){
.cs-toggle.cs-toggle--banner{
position: fixed !important;
right: 0 !important;
bottom: 55px !important; /* naikkan posisi */
width: 280px !important; /* container lebih besar */
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
.cs-toggle__banner-img{
width: 280px !important; /* ukuran banner */
max-width: none !important;
height: auto !important;
display: block;
}
}
/* ================= MOBILE ================= */
@media (max-width: 768px) {
/* Ukuran pop-out chat */
.cs-embed .cs-panel {
position: fixed !important;
left: 6px !important;
right: auto !important;
width: calc(100vw - 12px) !important;
max-width: none !important;
margin: 0 !important;
transform: none !important;
box-sizing: border-box !important;
}
.cs-toggle.cs-toggle--banner {
position: fixed !important;
right: 0 !important;
bottom: 40px !important;
width: 95px !important;
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
.cs-toggle__banner-img {
width: 95px !important;
height: auto !important;
display: block;
}
} </style>
<script src="https://service.lc1001ai.com/embed.js"></script>
<script>
(function () {
var chatServiceUrl = "https://service.lc1001ai.com";
var channelId = "6a607114ae5939927b9a72a5";
var credentials = "";
var showWidget = true;
window.CsChatEmbed
.init({
chatServiceUrl: chatServiceUrl,
channelId: channelId,
credentials: credentials,
createWidget: true,
showWidget: showWidget,
fetchAppearance: false,
})
.then(function (result) {
console.log("Chat connected, sessionId:", result.sessionId);
})
.catch(function (err) {
console.error("Chat init failed:", err);
});
})();
</script>
<div class="footer-group">
<div class="footer-copyright">
<div style="white-space:nowrap">
© 2015 – 2026 Copyright OPOSLOT.
All Rights Reserved.
</div>
</div>
<div class="footer-wap-btn" onclick='window.location.href="/wap"'>WAP</div>
</div>
</div>
</footer> <nav class="navbar fixed-bottom p-0 d-md-none" style="z-index:10000">
<div class="container-fluid px-0">
<div style="display:grid;grid-template-columns:repeat(4,1fr);width:100%;">
<a href="/home" onclick="openPage('home',this); window.scrollTo({top:0,behavior:'smooth'}); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="home">
<i class="bi bi-house-fill" style="font-size:20px;"></i>
<small>Home</small>
</a>
<a href="/promosi" onclick="openPage('promosi',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'}); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="promosi">
<i class="bi bi-gift-fill" style="font-size:20px;"></i>
<small>Promosi</small>
</a>
<a href="/event" onclick="openPage('event',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'}); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="event">
<i class="bi bi-calendar-event-fill" style="font-size:20px;"></i>
<small>Event</small>
</a>
<div class="chat-dial-wrap bottom-menu d-flex flex-column justify-content-around align-items-center py-2" style="position:relative;">
<a href="javascript:void(0)" onclick="toggleChatDial(event)" class="text-decoration-none d-flex flex-column justify-content-around align-items-center" style="color:inherit;">
<img src="https://img.viva88athenae.com/navbar/chat_w.png?v=1791889706" alt="" style="width:20px;height:20px;object-fit:contain;">
<small>Chat</small>
</a>
<div class="chat-dial-list" id="chatDialList">
<a href="https://t.me/Tokodgo" target="_blank" class="chat-dial-item" title="Telegram">
<img src="https://img.viva88athenae.com/telegram.png?v=1791889706" alt="Telegram">
</a>
<a href="javascript:void(0)" onclick="window.CsChatEmbed.openChat(); return false;" class="chat-dial-item chat-dial-livechat" title="Livechat">
<img src="https://img.viva88athenae.com/navbar/livechat_w.png?v=1791889706" alt="Livechat">
</a>
</div>
</div>
</div>
</div>
</nav>
<script>
function toggleChatDial(e) {
e.stopPropagation();
document.getElementById('chatDialList').classList.toggle('open');
}
document.addEventListener('click', function (e) {
var list = document.getElementById('chatDialList');
if (!list) return;
// close when clicking outside, or after picking any dial item (livechat included)
if (!e.target.closest('.chat-dial-wrap') || e.target.closest('.chat-dial-item')) {
list.classList.remove('open');
}
});
</script>
<div class="offcanvas offcanvas-end w-100" tabindex="-1" id="offcanvasExample">
<div class="offcanvas-body p-0">
<div class="d-grid gap-2 mt-2 px-3 offcanvas-user-menu">
<button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()">
<i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()">
<i class="bi bi-clock-fill me-2 accent-text-color"></i> History
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()">
<i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()">
<i class="bi bi-people-fill me-2 accent-text-color"></i> Referral
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()">
<i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()">
<i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('/downloads/app/OpoSlot.apk','_blank')">
<div class="d-flex align-items-center px-3">
<i class="bi bi-android2 me-2 accent-text-color"></i> Download App
</div>
<img src="/images/new/btn-android.png" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://telegram.me/oposlot_bot','_blank')">
<div class="d-flex align-items-center px-3">
<i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram
</div>
<img src="/images/new/btn-telegram.png" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="fetch('/api/front/logout',{method:'POST'}).then(()=>window.location.href='/index.php')">
<i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout
</button> </div>
</div>
</div>
<div id="desktopUserDropdown" class="desktop-user-dropdown">
<div class="d-grid">
<button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()">
<i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()">
<i class="bi bi-clock-fill me-2 accent-text-color"></i> History
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()">
<i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()">
<i class="bi bi-people-fill me-2 accent-text-color"></i> Referral
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()">
<i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()">
<i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('/downloads/app/OpoSlot.apk','_blank')">
<div class="d-flex align-items-center px-3">
<i class="bi bi-android2 me-2 accent-text-color"></i> Download App
</div>
<img src="/images/new/btn-android.png" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://telegram.me/oposlot_bot','_blank')">
<div class="d-flex align-items-center px-3">
<i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram
</div>
<img src="/images/new/btn-telegram.png" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="fetch('/api/front/logout',{method:'POST'}).then(()=>window.location.href='/index.php')">
<i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout
</button> </div>
</div>
<script src="/js/new/vendor/bootstrap.bundle.min.js?v=1791889706"></script>
<script src="/js/new/main.js?v=1791889706"></script>
<script>
window.JT_SSR_PATH = "\/home.php";
setTimeout(function() {
const mobileForm = document.querySelector('#mobilelogin form') ||
document.querySelector('#mobilelogin .login-form') ||
document.querySelector('.mobile-only form');
if (!mobileForm) {
return;
}
const username = mobileForm.querySelector('input[name="username"]');
const password = mobileForm.querySelector('input[name="password"]');
const remember = document.querySelector('#rememberMe') ||
document.querySelector('input[type="checkbox"]');
if (!username || !password || !remember) {
return;
}
try {
localStorage.setItem('test', 'working');
if (localStorage.getItem('test') === 'working') {
localStorage.removeItem('test');
} else {
return;
}
} catch(e) {
return;
}
initializeRememberMe();
loadSavedData();
mobileForm.addEventListener('submit', handleSave);
mobileForm.addEventListener('click', function(e) {
if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
handleSave();
}
});
remember.addEventListener('change', function() {
if (!this.checked) {
clearSavedData();
localStorage.setItem('mobile_remember_unchecked', 'true');
} else {
localStorage.removeItem('mobile_remember_unchecked');
}
});
function initializeRememberMe() {
try {
const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
remember.checked = false;
} else {
remember.checked = true;
}
} catch(e) {
remember.checked = true;
}
}
function loadSavedData() {
try {
const savedUsername = localStorage.getItem('mobile_username');
const savedPassword = localStorage.getItem('mobile_password');
const rememberChecked = localStorage.getItem('mobile_remember');
if (rememberChecked === 'true' && savedUsername && savedPassword) {
username.value = savedUsername;
password.value = savedPassword;
}
} catch(e) {
// console.log('Error loading data:', e);
}
}
function handleSave() {
if (remember.checked) {
const usernameVal = username.value.trim();
const passwordVal = password.value.trim();
if (usernameVal && passwordVal) {
try {
localStorage.setItem('mobile_username', usernameVal);
localStorage.setItem('mobile_password', passwordVal);
localStorage.setItem('mobile_remember', 'true');
localStorage.setItem('mobile_login_success', 'true');
} catch(e) {
// console.log('Error saving data:', e);
}
}
} else {
clearSavedData();
localStorage.setItem('mobile_login_success', 'true');
}
}
function clearSavedData() {
try {
localStorage.removeItem('mobile_username');
localStorage.removeItem('mobile_password');
localStorage.removeItem('mobile_remember');
} catch(e) {
// console.log('Error clearing data:', e);
}
}
}, 100); // Wait 100ms
</script>
<script>
var JT_GUEST_MAP = {
'': '/' + 'home' + '.php',
'home': '/' + 'home' + '.php',
'togel': '/togel.php',
'kupon': '/kupon.php',
'promosi': '/' + 'promosi' + '.php',
'event': '/' + 'event' + '.php',
'register': '/' + 'register' + '.php',
'slot': '/game.php?content=slot',
'casino': '/game.php?content=casino',
'sport': '/' + 'game' + '.php?' + 'content=sport',
'sabung': '/' + 'game' + '.php?' + 'content=sabung',
'arcade': '/game.php?content=arcade',
'interactive': '/game.php?content=interactive',
};
if (window.matchMedia("(max-width: 768px)").matches) {
JT_GUEST_MAP.register = '/' + 'mregister' + '.php';
}
var JT_URL_PREFIX = "";
function jtGuestAjaxPathFromLocation() {
var re = new RegExp('^' + (JT_URL_PREFIX ? JT_URL_PREFIX.replace(/\//g, '\\/') : '') + '\\/([^/?#]*)');
var match = location.pathname.match(re);
var slug = match ? match[1] : '';
return JT_GUEST_MAP[slug] || '/home.php';
}
function jtGuestUrlForPath(path) {
var gameMatch = path.match(/^\/game\.php\?content=([a-z]+)/);
if (gameMatch) return JT_URL_PREFIX + '/' + gameMatch[1];
for (var slug in JT_GUEST_MAP) {
if (JT_GUEST_MAP[slug] === path) {
return slug === '' ? JT_URL_PREFIX + '/' : JT_URL_PREFIX + '/' + slug;
}
}
return null;
}
function jtUpdateBrowserUrl(path) {
var cleanUrl = jtGuestUrlForPath(path);
if (cleanUrl && window.history) {
history.pushState({ path: path }, '', cleanUrl);
}
}
var _initGuestPath = jtGuestAjaxPathFromLocation();
history.replaceState({ path: _initGuestPath }, '', location.href);
function initGuestShell() {
var path = jtGuestAjaxPathFromLocation();
var homeMenu = path === '/home.php'
? (window.innerWidth >= 768
? document.querySelector('.desktop-nav-link[data-nav="home"]')
: document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]'))
: null;
// Skip AJAX jika home sudah di-SSR.
if (window.JT_SSR_PATH && window.JT_SSR_PATH === path) {
$('.lobby-menu, .desktop-nav-link').removeClass('active');
if (homeMenu) $(homeMenu).addClass('active');
if (typeof waitForCss === 'function') waitForCss(ASYNC_CSS_IDS);
return;
}
content(path, '#content', homeMenu, true);
}
window.addEventListener('popstate', function (e) {
var path = e.state && e.state.path;
if (path) content(path, '#content', null, true);
});
// Heartbeat 60 detik — cek maintenance mode diaktifkan admin saat guest lagi buka web
setInterval(function () {
fetch('/api/front/maintenance-status')
.then(function (r) { return r.json(); })
.then(function (res) {
if (res.data && res.data.maintenance) {
window.location.href = '/maintenance';
}
})
.catch(function () {});
}, 60000);
$('#modal').on('hidden.bs.modal', function () {
$('.navbar.fixed-bottom').css('z-index', '9999');
});
function syncOffcanvasBounds() {
if (window.innerWidth >= 768) return;
var topNav = document.querySelector('nav.navbar.d-md-none:not(.fixed-bottom)');
var bottomNav = document.querySelector('nav.navbar.fixed-bottom');
var top = topNav ? Math.round(topNav.getBoundingClientRect().bottom) : 56;
var bottom = bottomNav
? Math.round(window.innerHeight - bottomNav.getBoundingClientRect().top)
: 58;
// navbar atas bukan fixed: kalau halaman ter-scroll (mis. setelah
// buka menu Statement/History/dll lewat content()), rect.bottom bisa
// negatif dan bikin sisi atas offcanvas + backdrop kepotong.
top = Math.max(0, top);
bottom = Math.max(0, bottom);
document.documentElement.style.setProperty('--offcanvas-top', top + 'px');
document.documentElement.style.setProperty('--offcanvas-bottom', bottom + 'px');
}
document.addEventListener('DOMContentLoaded', syncOffcanvasBounds);
window.addEventListener('resize', syncOffcanvasBounds);
$('#offcanvasExample').on('show.bs.offcanvas', function () {
syncOffcanvasBounds();
$('#providerBackdrop, #providerOverlay').remove();
var modalInst = bootstrap.Modal.getInstance(document.getElementById('modal'));
if (modalInst) modalInst.hide();
});
/* ── Nav horizontal scroll (desktop) ───────────────────────────── */
(function () {
var navEl = document.querySelector('.desktop-mainnav .ms-auto');
if (!navEl) return;
/* mouse-wheel → horizontal scroll */
navEl.addEventListener('wheel', function (e) {
if (e.deltaY !== 0) {
e.preventDefault();
navEl.scrollLeft += e.deltaY;
}
}, { passive: false });
/* scroll arrow buttons */
var btnL = document.createElement('button');
var btnR = document.createElement('button');
[btnL, btnR].forEach(function (b) {
b.style.cssText = 'position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:var(--primary-background-color);border:1px solid var(--border-color);color:var(--primary-text-color);width:28px;height:40px;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;border-radius:4px;';
});
btnL.innerHTML = '‹';
btnR.innerHTML = '›';
btnL.style.fontSize = btnR.style.fontSize = '20px';
var nav = document.querySelector('.desktop-mainnav');
if (nav) {
nav.style.position = 'relative';
nav.appendChild(btnL);
nav.appendChild(btnR);
}
function placeArrows() {
var navRect = nav ? nav.getBoundingClientRect() : null;
var logoEl = nav ? nav.querySelector('.navbar-brand') : null;
var logoRight = logoEl ? logoEl.getBoundingClientRect().right : 0;
btnL.style.left = (logoRight - (navRect ? navRect.left : 0) + 4) + 'px';
btnR.style.right = '4px';
}
function updateArrows() {
placeArrows();
var canL = navEl.scrollLeft > 0;
var canR = navEl.scrollLeft < navEl.scrollWidth - navEl.clientWidth - 1;
btnL.style.display = canL ? 'flex' : 'none';
btnR.style.display = canR ? 'flex' : 'none';
}
var scrollTimer;
function scrollBy(dir) {
scrollTimer = setInterval(function () { navEl.scrollLeft += dir * 8; }, 16);
}
btnL.addEventListener('mousedown', function () { scrollBy(-1); });
btnR.addEventListener('mousedown', function () { scrollBy(1); });
document.addEventListener('mouseup', function () { clearInterval(scrollTimer); });
navEl.addEventListener('scroll', updateArrows);
window.addEventListener('resize', updateArrows);
updateArrows();
})();
function toggleDesktopUserMenu(e) {
e.stopPropagation();
document.getElementById('desktopUserDropdown').classList.toggle('open');
}
function closeDesktopUserMenu() {
var d = document.getElementById('desktopUserDropdown');
if (d) d.classList.remove('open');
}
document.addEventListener('click', function(e) {
if (!e.target.closest('#desktopUserDropdown')) closeDesktopUserMenu();
if (!e.target.closest('.tpl-picker-wrap')) {
var dd = document.getElementById('tplPickerDd');
if (dd) dd.classList.remove('open');
}
});
function toggleTplPicker(e) {
e.stopPropagation();
closeDesktopUserMenu();
document.getElementById('tplPickerDd').classList.toggle('open');
}
(function() {
var days = ['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'];
var daysShort = ['Min','Sen','Sel','Rab','Kam','Jum','Sab'];
var p = n => String(n).padStart(2,'0');
function updateClock() {
var now = new Date();
var isMobile = window.innerWidth < 768;
var dayName = isMobile ? daysShort[now.getDay()] : days[now.getDay()];
var text = dayName + ' ' + p(now.getDate()) + '/' + p(now.getMonth()+1) + '/' + now.getFullYear();
if (!isMobile) text += ' ' + p(now.getHours()) + ':' + p(now.getMinutes()) + ':' + p(now.getSeconds());
var el = document.getElementById('datetime');
if (el) el.textContent = text;
}
updateClock();
setInterval(updateClock, 1000);
})();
(function () {
var runner = document.getElementById('marqueeRunner');
var container = runner ? runner.closest('.marquee-text') : null;
var resizeTimer;
var SPEED = 100;
function initMarquee() {
if (!runner || !container) return;
var cW = container.offsetWidth;
var tW = runner.offsetWidth;
var dur = ((cW + tW) / SPEED).toFixed(2);
runner.style.setProperty('--mq-start', cW + 'px');
runner.style.animation = 'none';
requestAnimationFrame(function () {
requestAnimationFrame(function () {
runner.style.animation = 'mq-scroll ' + dur + 's linear infinite';
});
});
}
requestAnimationFrame(function () { requestAnimationFrame(initMarquee); });
document.addEventListener('visibilitychange', function () {
if (!document.hidden) initMarquee();
});
window.addEventListener('resize', function () {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function () {
initMarquee();
positionProviderOverlay();
var isDesktop = window.innerWidth >= 768;
if (isDesktop) {
var oc = bootstrap.Offcanvas.getInstance(document.getElementById('offcanvasExample'));
if (oc) oc.hide();
} else {
closeDesktopUserMenu();
}
}, 150);
});
window.addEventListener('orientationchange', function () {
setTimeout(function () { initMarquee(); positionProviderOverlay(); }, 200);
});
})();
</script>
<!-- Auth -->
<script>
$(document).on("click", "#desktopregister #buttonRegisterDesktop", function()
{
nocache = new Date().getTime().toString().slice(-3);
var ver = `<img src="capreg.php?${nocache}" width="100%" height="30" style="border:1px #999 solid;" alt="Kode verifikasi">`;
var $form = $('#desktopregister #formRegister');
var $status = $('#desktopregister #statusRegister');
if (typeof window.validateAllDesktop === 'function' && !window.validateAllDesktop()) {
$('#desktopregister #statusRegister').removeClass().addClass('alert alert-sm alert-warning').text('Harap periksa data yang diisi').fadeIn(500);
return false;
}
$status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000);
function submitDesktopRegister() {
$.ajax({
url: "/api/front/register",
type: "POST",
data: $form.serialize(),
headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
success: function(data)
{
$('.is-invalid').removeClass('is-invalid');
if (data == 'success')
{
toast('Registrasi Sukses!, Selamat Bergabung.', 200);
$status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900);
window.location='/home?welcome';
}
else
if (data == 'userWrong')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi!').fadeIn(1000);
$('#desktopregister #reg_username').addClass('is-invalid');
}
else
if (data == 'passWrong')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
$('#desktopregister #reg_pass').addClass('is-invalid');
}
else
if (data == 'passSame')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
$('#desktopregister #reg_passcon').addClass('is-invalid');
}
else
if (data == 'bankEmpty')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
$('#desktopregister #reg_bank').addClass('is-invalid');
}
else
if (data == 'rekEmpty')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
$('#desktopregister #reg_rek').addClass('is-invalid');
}
else
if (data == 'namaEmpty')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
$('#desktopregister #reg_nama').addClass('is-invalid');
}
else
if (data == 'dbError')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000);
}
else
if (data == 'userExist')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000);
$('#desktopregister #reg_username').addClass('is-invalid');
}
else
if (data == 'rekExist')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
$('#desktopregister #reg_rek').addClass('is-invalid');
}
else
if (data == 'refError')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut, bila tidak punya referal, bisa kosongkan').fadeIn(1000);
$('#desktopregister #reg_ref').addClass('is-invalid'); $('#desktopregister #reg_ref').removeAttr('readonly').val('');
}
else
if (data == 'emailError')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
$('#desktopregister #reg_email').addClass('is-invalid');
}
else
if (data == 'telponEmpty')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak boleh kosong').fadeIn(1000);
$('#desktopregister #reg_telpon').addClass('is-invalid');
}
else
if (data == 'telponError')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
$('#desktopregister #reg_telpon').addClass('is-invalid');
}
else if (data == 'namaError') {
$status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000);
$('#desktopregister #reg_nama').addClass('is-invalid');
}
else
if (data == 'dariEmpty')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000);
$('#desktopregister #reg_dari').addClass('is-invalid');
}
else
if (data == 'lainEmpty')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
$('#desktopregister #reg_lain').addClass('is-invalid');
}
else
if (data == 'caperror')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
$('#desktopregister #reg_verifikasi').addClass('is-invalid');
}
else
if (data == 'recaperror')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000);
}
else
if (data == 'iperror')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000);
}
else
if (data == 'capexp')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000);
}
else
if (data == 'wait')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000);
}
else
if (data == 'turnnoevent')
{
window.location.reload();
}
else
if (data == 'turnblock')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000);
}
else
if (data.indexOf('passNotSafe|') === 0)
{
var msg = data.substring('passNotSafe|'.length);
if (!msg) {
msg = 'Password tidak aman! Gunakan password yang lebih kuat.';
}
$status
.removeClass()
.addClass('alert alert-sm alert-warning')
.text(msg)
.fadeIn(1000);
$('#desktopregister #reg_pass').addClass('is-invalid');
}
$('#desktopregister #capverifikasi').html(ver);
}})
.fail(function() {
$status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000);
$('#desktopregister #capverifikasi').html(ver);
});
}
jtWithIframeCaptchaRegister($form, false, function () {
jtWithTurnstileRegister($form, function () {
jtWithRecaptchaRegisterToken($form, $status, submitDesktopRegister);
});
}, function (msg) {
$status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000);
});
return false;
});
</script>
<script>
function onlyNumber(n) {
return n.replace(/\D/g, '');
}
$(document).on("keyup", "#mobileregister #reg_rek, #mobileregister #reg_telpon", function()
{
var rek = $(this).val();
rek = onlyNumber(rek);
if (isNaN(rek)) rek = '';
$(this).val(rek);
});
//
$(document).on("change", '#mobileregister #reg_dari', function()
{
inputdari = $('#mobileregister #reg_dari').val();
if (inputdari == 'Lain-lain')
{
$('#mobileregister #reg_lain').show();
}
else
{
$('#mobileregister #reg_lain').hide();
}
});
$(document).on("click", "#mobileregister #buttonRegister", function()
{
nocache = new Date().getTime().toString().slice(-3);
var ver = `<img src=\"mcapreg.php?${nocache}\" width=\"100%\" style=\"height: 40px; width: 100%; border-radius: 5px;margin-top: -3px;\" alt=\"Kode verifikasi\">`;
var $form = $('#mobileregister #formRegister');
var $status = $('#mobileregister #statusRegister');
$status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000);
function submitMobileRegister() {
$.ajax({
url: "/api/front/register",
type: "POST",
data: $form.serialize(),
headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
success: function(data)
{
$('.is-invalid').removeClass('is-invalid');
if (data == 'success')
{
toast('Registrasi Sukses!, Selamat Bergabung.', 200);
$status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900);
window.location='/home?welcome';
}
else
if (data == 'userWrong')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi!').fadeIn(1000);
$('#mobileregister #reg_username').addClass('is-invalid');
}
else
if (data == 'passWrong')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
$('#mobileregister #reg_pass').addClass('is-invalid');
}
else
if (data == 'passSame')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
$('#mobileregister #reg_passcon').addClass('is-invalid');
}
else
if (data == 'bankEmpty')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
$('#mobileregister #reg_bank').addClass('is-invalid');
}
else
if (data == 'rekEmpty')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
$('#mobileregister #reg_rek').addClass('is-invalid');
}
else
if (data == 'namaEmpty')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
$('#mobileregister #reg_nama').addClass('is-invalid');
}
else
if (data == 'dbError')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000);
}
else
if (data == 'userExist')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000);
$('#mobileregister #reg_username').addClass('is-invalid');
}
else
if (data == 'rekExist')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
$('#mobileregister #reg_rek').addClass('is-invalid');
}
else
if (data == 'refError')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut').fadeIn(1000);
$('#mobileregister #reg_ref').addClass('is-invalid');
}
else
if (data == 'emailError')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
$('#mobileregister #reg_email').addClass('is-invalid');
}
else
if (data == 'telponEmpty')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak boleh kosong').fadeIn(1000);
$('#mobileregister #reg_telpon').addClass('is-invalid');
}
else
if (data == 'telponError')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
$('#mobileregister #reg_telpon').addClass('is-invalid');
}
else if (data == 'namaError') {
$status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000);
$('#mobileregister #reg_nama').addClass('is-invalid');
}
else
if (data == 'dariEmpty')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000);
$('#mobileregister #reg_dari').addClass('is-invalid');
}
else
if (data == 'lainEmpty')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
$('#mobileregister #reg_lain').addClass('is-invalid');
}
else
if (data == 'caperror')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
$('#mobileregister #reg_verifikasi').addClass('is-invalid');
}
else
if (data == 'recaperror')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000);
}
else
if (data == 'iperror')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000);
}
else
if (data == 'capexp')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000);
}
else
if (data == 'wait')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000);
}
else
if (data == 'turnnoevent')
{
window.location.reload();
}
else
if (data == 'turnblock')
{
$status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000);
}
else
if (data.indexOf('passNotSafe|') === 0)
{
var msg = data.substring('passNotSafe|'.length);
if (!msg) {
msg = 'Password tidak aman! Gunakan password yang lebih kuat.';
}
$status
.removeClass()
.addClass('alert alert-sm alert-warning')
.text(msg)
.fadeIn(1000);
$('#mobileregister #reg_pass').addClass('is-invalid');
}
$('#mobileregister #capverifikasi').html(ver);
// ke('#mobileregister #content');
}})
.fail(function() {
$status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000);
$('#mobileregister #capverifikasi').html(ver);
});
}
jtWithIframeCaptchaRegister($form, true, function () {
jtWithTurnstileRegister($form, function () {
jtWithRecaptchaRegisterToken($form, $status, submitMobileRegister);
});
}, function (msg) {
$status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000);
});
return false;
});
</script>
<script>
const currentPath = window.location.pathname.replace(/\/+$/, '');
const popupElement = document.getElementById('popup');
if (currentPath === '/register') {
document.getElementById('content')?.scrollIntoView();
} else if (popupElement && typeof bootstrap !== 'undefined') {
const popupModal = bootstrap.Modal.getOrCreateInstance(popupElement);
popupModal.show();
}
</script>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://oposlotblay.com/ |
|
2026-10-17 00:51:07 |
| 2 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:51:07 |
| 3 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:51:06 |
| 4 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:51:05 |
| 5 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:51:05 |
| 6 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:51:04 |
| 7 |
https://easewithamy.com/ |
|
2026-10-17 00:51:04 |
| 8 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:51:03 |
| 9 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:51:02 |
| 10 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-17 00:51:02 |
| 11 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:51:02 |
| 12 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:51:01 |
| 13 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:51:01 |
| 14 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:51:00 |
| 15 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:50:59 |
| 16 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:50:59 |
| 17 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:50:58 |
| 18 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:50:57 |
| 19 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 00:50:57 |
| 20 |
https://www.texarkanatwins.com/&%2… |
|
2026-10-17 00:50:57 |