unixtime-converter.com Ads.txt file

<!DOCTYPE html>
<html lang="id">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" charset="UTF-8">
<title>PENULIS4D: Situs Raksasa Berbasis Game Toto Online Dan Slot Online 2025</title>
<meta name="description" content="PENULIS4D adalah situs raksasa game online 2025 yang telah memberikan segala jenis pengalaman bermain toto online dan slot online terpercaya, cepat dan tentunya tidak kalah seru dari situs yang ada di Indonesia."/>
<meta name="keywords" content="penulis4d, penulis 4d, link alternatif penulis4d"/>
<link rel="canonical" href="https://c4professional.com/"/>
<meta name="google-site-verification" content="kIvjhOnp8sqJK7SjR6iVvcLqf3MZB4ikRiaieBdK1Ec" /><meta name="google-site-verification" content="0kfk-VxAvMOv8UjzEGlczfiRYE2B-aJy_MNNfK0w8N4" /><meta name="google-site-verification" content="M2RmO118VpYIPa5SzA9mtqadvqe9b207DIeBSLzmvxU" /><meta name="google-site-verification" content="j4gGi_ujA6QZ19a1GSBjhBGWcvybM79ZJNQTzwc9Kv0" /><meta name="google-site-verification" content="tqDfzrrZANubKvNF4kW09znpC-WDXZDeaiSTUdZYwXE" /><meta name="google-site-verification" content="K9cAJEgFnbyco0G765bYZh3OsRwJRsBzlwI4YLumz2k" />
<link rel="amphtml" href="https://c4professional.com/amp" />
<meta property="og:title" content="PENULIS4D - Portal Arena Gaming Terkemuka Di Indonesia" />
<meta property="og:description" content="PENULIS4D merupakan portal situs arena khusus gaming terbesar dan terkemuka di indonesia dengan menyajikan berbagai jenis game game terpopuler yang mudah di mainkan 2025." />
<meta property="og:url" content="https://woodcraftdiagrams.com/" />
<meta name="categories" content="website" />
<meta name="copyright" content="PENULIS4D">
<meta name="robots" content="index,follow">
<meta name="rating" content="general">
<meta name="geo.region" content="ID">
<meta name="geo.country" content="ID">
<meta name="language" content="Id-ID">
<meta name="distribution" content="global">
<meta name="geo.placename" content="DKI JAKARTA">
<meta name="author" content="PENULIS4D">
<meta name="publisher" content="PENULIS4D">
<meta property="og:type" content="website">
<meta property="og:site_name" content="PENULIS4D">
<meta property="og:locale" content="ID_id">
<meta property="og:locale:alternate" content="indonesia">
<meta property="og:image:alt" content="PENULIS4D">
<meta name="googlebot" content="index,follow">
<meta name="twitter:card" content="summary">
<link rel="stylesheet" href="https://penulis4d.dataklmsad903.site/vendor/fontawesome-free/css/all.min.css" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
<link rel="stylesheet" href="https://penulis4d.dataklmsad903.site/vendor/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css">
<link rel="preload" href="https://penulis4d.dataklmsad903.site/css/Open24DisplaySt.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://penulis4d.dataklmsad903.site/css/Teko-SemiBold.ttf" as="font" type="font/ttf" crossorigin="anonymous">
<link rel="preload" href="https://penulis4d.dataklmsad903.site/css/Poppins-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="shortcut icon" href="https://penulis4d.dataklmsad902.site/images/setting-favicon/1/Szzou77N3W0WUMyh.png?s=570631cef61b76494c50aee8c47d8a58" type="image/x-icon">

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1429631711594925');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1429631711594925&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->


<script>
document.addEventListener("DOMContentLoaded", function () {
if (window.__CR_FIRED__) return; // guard anti dobel event
const fromSuccess = (document.referrer || "").indexOf("/mobile/user/sukses-register") > -1;
const flagged = (function(){ try { return sessionStorage.getItem('cr_pending') === '1'; } catch(e){ return false; } })();

if (!(fromSuccess || flagged)) return;

window.__CR_FIRED__ = true;
try { sessionStorage.removeItem('cr_pending'); } catch(e){}

// beacon pertama (tanpa tergantung fbq)
(function(){
const img=new Image();
img.referrerPolicy="no-referrer-when-downgrade";
img.src="https://www.facebook.com/tr?id=1429631711594925&ev=CompleteRegistration&dl="
+ encodeURIComponent(location.href) + "&rl=" + encodeURIComponent(document.referrer||"")
+ "&ts=" + Date.now();
})();

// fbq kedua (jika sudah siap)
const eid=String(Date.now()); const start=Date.now();
(function wait(){
if (typeof fbq === "function") {
try { fbq('track','CompleteRegistration', {}, {eventID:eid}); } catch(e){}
} else if (Date.now()-start < 1500) {
setTimeout(wait,80);
}
})();
});
</script> <script>
document.addEventListener("DOMContentLoaded", function () {
// Pastikan elemen dengan ID main_menu_outer_container ada
var target = document.getElementById("main_menu_outer_container");

if (target) {
// Tambahkan slider game di atas target
target.insertAdjacentHTML("beforebegin", `
<!-- SLIDER GAME -->
<section class="slider-game" style="margin-top: 20px;">
<div><img src="https://i.postimg.cc/HkB8qFyc/PENULIS1.png" loading="lazy"></div>
<div><img src="https://i.postimg.cc/rpH0mWgq/penulis2.png" loading="lazy"></div>
<div><img src="https://i.postimg.cc/NFqK8cWV/penulis3.png" loading="lazy"></div>
<div><img src="https://i.postimg.cc/dt9hCgnH/PENULIS4.png" loading="lazy"></div>
<div><img src="https://i.postimg.cc/MpPXPRC1/PENULIS5.png" loading="lazy"></div>
<div><img src="https://i.postimg.cc/gjW0XKhb/penulis6.png" loading="lazy"></div>
<div><img src="https://i.postimg.cc/J7N0w9wr/penulis7.png" loading="lazy"></div>
<div><img src="https://i.postimg.cc/MKLh9psv/peyunis.jpg" loading="lazy"></div>
</section>
`);
}
});
</script>


<script>
document.addEventListener("DOMContentLoaded", function () {
// Temukan elemen dengan teks "MASUK"
const masukEl = Array.from(document.querySelectorAll("div")).find(el =>
el.textContent.trim().toUpperCase() === "MASUK" &&
el.style.textAlign === "center" &&
el.style.fontSize === "24px"
);

if (masukEl) {
// Buat div anchor baru tepat setelah MASUK
const anchor = document.createElement("div");
anchor.className = "wrapper2"; // class sebagai penanda untuk insert jQuery
masukEl.insertAdjacentElement("afterend", anchor);

// Jalankan jQuery block
$(function () {
// BLOCK 1 (display:none)
$('<div style="border-radius: 0px; background: linear-gradient(90deg, #000 0%, #000 100%); border: 2px solid #129C61; margin: .5rem 1.5rem; padding: 0; text-align: center; font-weight:500; text-transform:uppercase; display:none"><img src="https://keluaranlotto.com/img/link.gif" style=" width: 200px; display: block; height: 38px; margin: 0 auto;" alt="Link Alternatif Depo qris 1 Detik"></div>').insertBefore($('.wrapper2'));

// BLOCK 2 (display:none)
$('<div style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem; text-align: center; margin: 0 1.5rem .5rem; display:none;"><a href="sangpenulis4d.art/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">sangpenulis4d.art</a><a href="https://penulis4d-pro.site/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">penulis4d-pro.site</a><a href="https://penulis4d.com" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">penulis4d.com</a><a href="https://penulis-4d.net/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">penulis-4d.net</a></div>').insertBefore($('.wrapper2'));

// BLOCK 3 (aktif)
$('<div style="border-radius: 4px; background: linear-gradient(90deg, #000, #000); border: 2px solid #129C61; margin: .5rem 1.5rem; padding: 0; text-align: center; font-weight:500; text-transform:uppercase;"><a href="" target="_blank" rel="noopener nofollow noreferrer"><img src="https://keluaranlotto.com/img/link.gif" style=" width: 200px; display: block; height: 38px; margin: 0 auto;" alt="Link Alternatif Depo qris 1 Detik"></a></div>').insertBefore($('.wrapper2'));

// BLOCK 4 (aktif)
$('<div style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem; text-align: center; margin: 0 1.5rem .5rem;"><a href="https://sangpenulis4d.art/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">sangpenulis4d.art</a><a href="https://penulis-4d.net/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">penulis-4d.net</a><a href="https://penulis4d-pro.site/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">penulis4d-pro.site</a><a href="https://pharma-integrates.com/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">pharma-integrates.com</a></div>').insertBefore($('.wrapper2'));
});

}
});
</script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>

<script>
document.addEventListener("DOMContentLoaded", function () {
// LAYANAN KAMI
$('<div class="pink-wrapper custd-container custd-bg border-red"><p>LAYANAN KAMI</p><div class="custd-bg" ><table class="custd-bg" cellspacing="0" cellpadding="0"><tr><td class="custd-18px custd-left custd-bg" style="width:80px; padding-left: 3px;">DEPOSIT</td><td rowspan="2" style="vertical-align: bottom;" class="custd-right custd-bg"><img width="30%" height="auto" src="https://i.gyazo.com/e83f13ea99cde68282963e9826decea7.webp" style="border: 2px solid #0E707A;border-radius: 12px;"></td><td rowspan="2" style="vertical-align: bottom;" class="custd-15px custd-right custd-bg">Menit</td></tr><tr><td class="custd-15px custd-left custd-bg" style="padding-left: 3px;">Rata-Rata</td></tr><tr><td class="custd-bg" colspan="3"><div class="progress21 progress-moved2 custd-bg" style="padding-left: 3px;"><div class="progress-bar21 custd-bg" style="padding-left: 3px;"></div></div></td></tr></table></div><div class="custd-bg pink-table-wrapper"><table class="custd-bg" cellspacing="0" cellpadding="0"><tr><td class="custd-18px custd-left custd-bg" style="width:80px; padding-left: 3px;">WITHDRAW</td><td rowspan="2" style="vertical-align: bottom;" class="custd-right custd-bg"><img width="30%" height="auto" src="https://i.gyazo.com/95bc8617713cd7fae9dcc03c0851e58f.webp" style="border: 2px solid #0E707A;border-radius: 12px;"></td><td rowspan="2" style="vertical-align: bottom;" class="custd-15px custd-right custd-bg">Menit</td></tr><tr><td class="custd-15px custd-left custd-bg" style="padding-left: 3px;">Rata-Rata</td></tr><tr><td class="custd-bg" colspan="3"><div class="progress31 progress-moved11 custd-bg1"><div class="progress-bar31 custd-bg pink-table-wrapper"></div></div></td></tr></table></div><div class="custd-bg"><table class="custd-bg" cellspacing="0" cellpadding="0"><tr><td class="custd-18px custd-left custd-bg" style="width:80px; padding-left: 3px;" colspan="3">MEMBER LOGIN HARI INI</td></tr><tr><td class="custd-15px custd-left custd-bg" rowspan="2" style="padding-left: 3px;"><img src="https://i.gyazo.com/543c2969f8b8f32e2760b4c32ec8781a.webp" class="custd-left" width="28%" height="auto"></td><td class="custd-25px custd-center custd-bg" id="custangka">23512</td><td style="text-align: center;" class="custd-15px custd-bg"> Member</td></tr></table></div></div><br/>').insertBefore(".footer-bg");

});


// SLICK CAROUSEL
jQuery(document).ready(function ($) {
$('.slider-game').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
dots: true,
responsive: [
{
breakpoint: 768,
settings: { slidesToShow: 3 }
},
{
breakpoint: 480,
settings: { slidesToShow: 3 }
}
]
});
});

// LIVE TRANSAKSI
const liveTransaksiHTML = `
<div style="margin-top: 20px;">
<h1 style="text-align: center; position: relative;">Live Transaksi</h1>
<div class="wrap-all-trans" style="display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; margin-top: 30px;">
<div class="wrapper-transactions" style="width: 350px;">
<div class="text-centertitle">NEW DEPOSIT</div>
<div class="scroll-area">
<div class="content-trans deposit-members"></div>
</div>
</div>
<div class="wrapper-transactions" style="width: 350px;">
<div class="text-centertitle">NEW WITHDRAW</div>
<div class="scroll-area">
<div class="content-trans withdraw-members"></div>
</div>
</div>
</div>
</div>
`;

window.addEventListener('DOMContentLoaded', () => {
const layananKamiSection = document.querySelector('.custd-container');
const liveTransaksiContainer = document.createElement('div');
liveTransaksiContainer.id = "live-transaksi-container";
liveTransaksiContainer.innerHTML = liveTransaksiHTML;
layananKamiSection.insertAdjacentElement('afterend', liveTransaksiContainer);
});
</script>



<script>
window.onload = function what() {
let custangka = Math.floor(Math.random() * 1500) + 20000;
document.getElementById("custangka").innerHTML = custangka;
};
</script>

<style type="text/css">
.custd-container {
border-radius: 15px;
padding: 10px;
margin-right: auto;
margin-left: auto;
width: 830px;
height: 130px;
font-family: Muli !important;
}

.custd-bg {
background-color: #000000;
font-family: Muli !important;
}

.custd-25px {
font-size: 25px;
font-family: dinpro;
color: #fff;
font-weight: bold;
font-family: Muli !important;
}

.custd-18px {
font-size: 16px;
font-family: dinpro;
color: #fff;
font-family: Muli !important;
}

.custd-15px {
font-size: 15px;
font-family: dinpro;
color: #fff;
font-family: Muli !important;
}

.custd-right {
text-align: right;
font-family: Muli !important;
}

.custd-left {
text-align: left !important;
font-family: Muli !important;
margin-left: 2px;
}

.custd-center {
vertical-align: center;
font-family: Muli !important;
}

.progress21,
.progress31 {
padding: 3px;
border-radius: 30px;
background: rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar21,
.progress-bar31 {
height: 10px;
border-radius: 30px;
background-image:
linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
transition: 0.4s linear;
transition-property: width, background-color;
}

.progress-moved2 .progress-bar21 {
width: 10%;
background-color: #ffd700;
animation: progressAnimation21 3s;
}

@keyframes progressAnimation21 {
0% {
width: 1%;
background-color: #ffd700;
}

100% {
width: 10%;
background-color: #ffd700;
}
}

.progress-moved11 .progress-bar31 {
width: 30%;
background-color: #ffd700;
animation: progressAnimation31 3s;
}

@keyframes progressAnimation31 {
0% {
width: 1%;
background-color: #ffd700;
}

100% {
width: 30%;
background-color: #ffd700;
}
}

.border-red {
width: 360px;
max-width: 100%;
border: 1px solid #0E707A;
height: auto;
font-family: Arial !important;
}

.border-red p {
color: #fff;
font-weight: bold;
}

.border-red div {
border-top: 1px solid #0E707A;
}

.border-red div table tr td {
border-top: none;
border-bottom: none;
}

.button-red {
background: linear-gradient(to bottom, #ffffff 0%, #000000 100%);
box-shadow: 2px 2px 3px 0px #fbff00;
border: 1px solid #fff700;
}

/* GAME SLIDER */
.slider-game {
width: 80%;
margin: 0 auto;
}

.slick-slide img {
width: 100%;
}

.slick-track .slick-slide {
margin: 0 3px;
}

.main-menu-outer-container>main>div:nth-child(even){
margin-left: -6px;

}
</style>



<script>
document.addEventListener("DOMContentLoaded", function () {
// Hanya jalan jika di desktop (lebar layar lebih dari 768px)
if (window.innerWidth >= 768) {
const topBar = document.querySelector("div[style*='background-color: #2C3531']");

if (topBar) {
topBar.style.background = "linear-gradient(to bottom, #116466, #1D2434)";
topBar.style.boxShadow = "0 0 15px #116466"; // Efek neon
topBar.style.borderBottom = "2px solid #116466";
}
}
});
</script>



<script>
document.addEventListener("DOMContentLoaded", function () {
const menuContainer = document.querySelector(".main-menu-outer-container");

if (menuContainer) {
// Ganti background jadi gradasi pink gelap ke neon
menuContainer.style.background = "linear-gradient(to bottom, #116466, #1D2434)";
menuContainer.style.backgroundColor = ""; // Kosongkan untuk pastikan gradasi tampil
menuContainer.style.setProperty("background", "linear-gradient(to bottom, #116466, #1D2434)", "important");
}
});
</script>


<script>
document.addEventListener("DOMContentLoaded", function () {
const bankBoxes = document.querySelectorAll("li > div");

bankBoxes.forEach(function(box) {
box.style.border = "2px solid #116466"; // Pink neon
box.style.borderRadius = "8px";
box.style.boxShadow = "0 0 8px #116466"; // Neon glow
box.style.backgroundColor = "rgba(0, 0, 0, 0.5)"; // Lebih gelap, tetap transparan
});
});
</script>






<script>
document.addEventListener("DOMContentLoaded", function () {
const announcement = document.querySelector(".announcement-container");

if (announcement) {
// Gradasi dari pink gelap ke pink neon
const gradient = "linear-gradient(to bottom, #116466, #1D2434)";

announcement.style.background = gradient;
announcement.style.setProperty("background", gradient, "important");
announcement.style.color = "#ffffff";
announcement.style.borderRadius = "0";
announcement.style.padding = "8px 12px";
announcement.style.alignItems = "center";
announcement.style.fontWeight = "bold";
announcement.style.margin = "0";
announcement.style.width = "100%";
announcement.style.maxWidth = "100%";
announcement.style.boxSizing = "border-box";
announcement.style.display = "flex";
announcement.style.gap = "10px";
announcement.style.overflow = "hidden";
announcement.style.position = "relative";
announcement.style.left = "0";
announcement.style.right = "0";
announcement.style.top = "0";
announcement.style.transform = "none";
announcement.style.boxShadow = "0 0 8px 2px #D4AF37"; // Efek glow emas lembut
}

const icon = announcement?.querySelector("img");
if (icon) {
icon.style.width = "20px";
icon.style.flexShrink = "0";
icon.style.margin = "0 8px";
}
});
</script>




<style>
@keyframes borderShine {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}

.glowing-button {
color: #fff;
border: 2px solid #1D2434; /* Border pink neon */
border-radius: 5px;
padding: 6px 25px;
text-align: center;
font-family: 'Poppins', sans-serif;
text-decoration: none;
font-size: 16px;
font-weight: 600;
position: relative;
overflow: hidden;
background-clip: padding-box;
transition: all 0.3s ease;
display: inline-block;
min-width: 150px;
box-sizing: border-box;
}

.glowing-button::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(20deg, transparent, #1D2434, transparent);
background-size: 200% 200%;
animation: borderShine 2s linear infinite;
z-index: 0;
border-radius: 7px;
}

.glowing-button span {
position: relative;
z-index: 1;
}

/* Tombol withdraw & deposit (pink gradasi horizontal) */
.action-btn {
background: linear-gradient(rgb(17, 100, 102), rgb(29, 36, 52)) !important;
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 6px 25px;
border-radius: 5px;
min-width: 150px;
text-align: center;
z-index: 1;
box-sizing: border-box;
}

/* Hover efek opsional */
.glowing-button:hover {
transform: scale(1.05);
}
</style>

<script>
(function() {
const tryReplace = function() {
const withdrawBtn = document.querySelector('div[onclick*="withdraw"]');
const depositBtn = document.querySelector('div[onclick*="deposit"]');

if (withdrawBtn && depositBtn) {
const parentDiv = withdrawBtn.parentElement;

// Buat container baru
const container = document.createElement('div');
container.style.display = 'flex';
container.style.justifyContent = 'center';
container.style.gap = '20px';
container.style.padding = '8px 0';

// WITHDRAW button
const withdrawLink = document.createElement('a');
withdrawLink.href = '/mobile/user/withdraw';
withdrawLink.className = 'glowing-button action-btn';
withdrawLink.innerHTML = '<span>WITHDRAW</span>';

// DEPOSIT button
const depositLink = document.createElement('a');
depositLink.href = '/mobile/user/deposit';
depositLink.className = 'glowing-button action-btn';
depositLink.innerHTML = '<span>DEPOSIT</span>';

// Tambahkan ke container
container.appendChild(withdrawLink);
container.appendChild(depositLink);

// Ganti elemen lama
parentDiv.parentNode.replaceChild(container, parentDiv);
} else {
requestAnimationFrame(tryReplace);
}
};
tryReplace();
})();
</script>





<script>
document.addEventListener("DOMContentLoaded", function () {
// Jalankan hanya jika layar di bawah 768px (mobile)
if (window.innerWidth <= 768) {
document.querySelectorAll("div[style*='background-color: #070707']").forEach(function (el) {
el.style.background = "linear-gradient(to bottom, #116466, #1d2434)";
el.style.backgroundColor = "";
});
}
});
</script>
<style>
@keyframes borderShine {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}

.glowing-button {
color: #fff;
border: 2px solid #BDB76B; /* border emas */
border-radius: 5px; /* kotak dengan sudut tumpul sedikit */
padding: 6px 25px; /* tambahkan padding horizontal untuk lebar tombol */
text-align: center;
font-family: 'Poppins-Regular', sans-serif;
text-decoration: none;
font-size: 16px;
font-weight: 600;
position: relative;
overflow: hidden;
background-clip: padding-box;
transition: all .3s ease;
display: inline-block;
min-width: 150px; /* agar lebar tombol lebih besar */
}

.glowing-button::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(20deg, transparent, #778899, transparent);
background-size: 200% 200%;
animation: borderShine 2s linear infinite;
z-index: 0;
border-radius: 7px;
}

.glowing-button span {
position: relative;
z-index: 1;
}

.masuk-btn {
background: linear-gradient(45deg, #00FFE7, #0f3b3f); /* pink cerah */
}

.daftar-btn {
background: linear-gradient(45deg, #00FFE7, #0f3b3f); /* pink lebih gelap */
}

/* Optional: effect hover untuk memperjelas */
.glowing-button:hover {
transform: scale(1.05);
}
</style>

<script>
function uangRupiahDp(min, max) {
const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
const roundedNumber = Math.floor(randomNumber / 1000) * 1000;
return new Intl.NumberFormat().format(roundedNumber);
}

$(document).ready(function () {
getWithdraw(5000);
getDeposit(5000);

function getDeposit() {
$.ajax({
url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
type: 'GET',
dataType: 'JSON',
success: function (response) {
const getUser = randomUser(response.slice(100)); // Menampilkan 100 pengguna secara acak
$.each(getUser, function (index, items) {
// Mendapatkan dana_dp acak dan menambahkan 5000
const dana_dp = parseInt(uangRupiahDp(5000, 900000).replace(/[^0-9]/g, '')) + 5000;
// Format ulang dana_dp untuk tampil dalam format Rupiah
const formattedDanaDp = new Intl.NumberFormat().format(dana_dp);

$('.deposit-members').append(`
<div class="item-trans">
<div class="avatar-wrapper">
<img src="https://studiointermedia.com/images/2025/04/06/b4c688399c01f0bd671b45403ba2c1ac.png" class="avatar-trans" />
${items.user} | Deposit:
</div>
<span class="rupiah-trans">Rp. ${formattedDanaDp}</span>
</div>`);
});
}
});
}


function getWithdraw() {
$.ajax({
url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
type: 'GET',
dataType: 'JSON',
success: function (response) {
const getUser = randomUser(response); // Ambil semua pengguna secara acak
$.each(getUser, function (index, items) {
// Mendapatkan dana_wd acak dan menambahkan 5000
const dana_wd = parseInt(uangRupiah(9000 + 5000, 5000000).replace(/[^0-9]/g, '')) + 50000;
// Format ulang dana_wd untuk tampil dalam format Rupiah
const formattedDanaWd = new Intl.NumberFormat().format(dana_wd);

$('.withdraw-members').append(`
<div class="item-trans">
<div class="avatar-wrapper">
<img src="https://studiointermedia.com/images/2025/04/06/b4c688399c01f0bd671b45403ba2c1ac.png" class="avatar-trans" />
${items.user} | Withdraw:
</div>
<span class="rupiah-trans">Rp. ${formattedDanaWd}</span>
</div>`);
});
}
});
}


function uangRupiah(min, max) {
function getRandomRoundNumber(min, max) {
const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
return Math.floor(randomNumber / 100000) * 130000;
}
return new Intl.NumberFormat().format(getRandomRoundNumber(min, max));
}

function randomUser(array) {
let currentIndex = array.length, temp, randomIndex;
while (currentIndex !== 0) {
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex--;
temp = array[currentIndex];
array[currentIndex] = array[randomIndex];
array[randomIndex] = temp;
}
return array;
}
});
</script>
<script>
for (let i = 0; i < 25; i++) {
const firefly = document.createElement('div');
firefly.className = 'firefly';
firefly.style.top = Math.random() * 100 + 'vh';
firefly.style.left = Math.random() * 100 + 'vw';
firefly.style.animationDuration = 600 + Math.random() * 600 + 's'; // Durasi bisa bervariasi antara 600 hingga 1200 detik
firefly.style.opacity = Math.random();
document.body1.appendChild(firefly);
}
</script>

<style>
/* Firefly Effect */
.firefly {
width: 6px;
position: absolute;
height: 6px;
background: #fffb99;
border-radius: 50%;
box-shadow: 0 0 8px 4px #fff79988;
animation: fly 600s infinite; /* Durasi diperpanjang hingga 600 detik */
z-index: 1;
}

@keyframes fly {
0% { transform: translate(0, 0); opacity: 0; }
2% { opacity: 0.5; transform: translate(10vw, 5vh); }
4% { opacity: 0.8; transform: translate(15vw, 10vh); }
6% { opacity: 0.7; transform: translate(20vw, 20vh); }
8% { opacity: 1; transform: translate(25vw, 5vh); }
10% { opacity: 0.6; transform: translate(30vw, 15vh); }
12% { opacity: 0.9; transform: translate(35vw, 25vh); }
14% { opacity: 0.7; transform: translate(40vw, 30vh); }
16% { opacity: 1; transform: translate(45vw, 20vh); }
18% { opacity: 0.8; transform: translate(50vw, 10vh); }
20% { opacity: 0.6; transform: translate(55vw, 25vh); }
22% { opacity: 0.9; transform: translate(60vw, 30vh); }
24% { opacity: 1; transform: translate(65vw, 35vh); }
26% { opacity: 0.7; transform: translate(70vw, 40vh); }
28% { opacity: 0.8; transform: translate(75vw, 45vh); }
30% { opacity: 1; transform: translate(80vw, 50vh); }
32% { opacity: 0.9; transform: translate(85vw, 55vh); }
34% { opacity: 0.7; transform: translate(90vw, 60vh); }
36% { opacity: 0.5; transform: translate(95vw, 65vh); }
38% { opacity: 1; transform: translate(100vw, 70vh); }
40% { opacity: 0.6; transform: translate(105vw, 75vh); }
42% { opacity: 0.7; transform: translate(110vw, 80vh); }
44% { opacity: 0.9; transform: translate(115vw, 85vh); }
46% { opacity: 0.6; transform: translate(120vw, 90vh); }
48% { opacity: 1; transform: translate(125vw, 95vh); }
50% { opacity: 0.8; transform: translate(130vw, 100vh); }
52% { opacity: 0.7; transform: translate(135vw, 105vh); }
54% { opacity: 1; transform: translate(140vw, 110vh); }
56% { opacity: 0.8; transform: translate(145vw, 115vh); }
58% { opacity: 0.9; transform: translate(150vw, 120vh); }
60% { opacity: 0.7; transform: translate(155vw, 125vh); }
62% { opacity: 1; transform: translate(160vw, 130vh); }
64% { opacity: 0.8; transform: translate(165vw, 135vh); }
66% { opacity: 0.6; transform: translate(170vw, 140vh); }
68% { opacity: 0.7; transform: translate(175vw, 145vh); }
70% { opacity: 1; transform: translate(180vw, 150vh); }
72% { opacity: 0.9; transform: translate(185vw, 155vh); }
74% { opacity: 0.6; transform: translate(190vw, 160vh); }
76% { opacity: 1; transform: translate(195vw, 165vh); }
78% { opacity: 0.7; transform: translate(200vw, 170vh); }
80% { opacity: 0.8; transform: translate(205vw, 175vh); }
82% { opacity: 0.9; transform: translate(210vw, 180vh); }
84% { opacity: 0.7; transform: translate(215vw, 185vh); }
86% { opacity: 1; transform: translate(220vw, 190vh); }
88% { opacity: 0.8; transform: translate(225vw, 195vh); }
90% { opacity: 0.6; transform: translate(230vw, 200vh); }
92% { opacity: 0.7; transform: translate(235vw, 205vh); }
94% { opacity: 1; transform: translate(240vw, 210vh); }
96% { opacity: 0.8; transform: translate(245vw, 215vh); }
98% { opacity: 0.6; transform: translate(250vw, 220vh); }
100% { opacity: 0; transform: translate(255vw, 225vh); }
}


body1 {
background: #121212;
font-family: Arial, sans-serif;
color: #fff;
padding: 20px;
overflow: hidden;
position: relative;
}

.wrap-all-trans {
display: flex;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
position: relative;

}

.wrapper-transactions {
background: rgba(30, 30, 30, 0.5);
padding: 20px;
border-radius: 10px;
max-width: 400px;
width: 100%;
box-shadow: 0 0 15px 5px rgba(28, 219, 225, 0.8);
overflow: hidden;
height: 500px; /* Tinggi ditingkatkan agar lebih banyak data ditampilkan */
position: relative;
display: flex;
flex-direction: column;
}

.text-centertitle {
text-align: center;
font-size: 1.4rem;
margin-bottom: 10px;
color: #ffd700;

background: rgba(18, 18, 18, 0.8);
padding: 5px;
border-radius: 5px;
}

.scroll-area {
flex: 1;
overflow: hidden;
position: relative;
}

.content-trans {
position: absolute;
width: 100%;
animation: scrollDown 60s linear infinite; /* Durasi panjang untuk scroll lebih lama */
}

@keyframes scrollDown {
0% { transform: translateY(0); }
100% { transform: translateY(-5000px); } /* Panjang scroll lebih jauh untuk durasi lebih lama */
}

.item-trans {
background: rgba(193, 40, 105, 0.2); /* Background pink transparan */
padding: 10px;
border-radius: 8px;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
border: 3px solid #0E707A; /* Border pink terang di dalam setiap transaksi */
transition: border-color 0.3s ease-in-out; /* Transisi untuk perubahan border */
}

.avatar-wrapper {
display: flex;
align-items: center;
gap: 10px;
}

.avatar-trans {
width: 32px;
height: 32px;
border-radius: 50%;
}

.rupiah-trans {
color: #00ff8c;
font-weight: bold;
}

/* Update Logo */
.logoimg {
content: url("https://studiointermedia.com/images/2025/04/06/b4c688399c01f0bd671b45403ba2c1ac.png") !important; /* Logo Baru */
height: 90px;
width: 300px;
margin: 20px;
object-position: center;
}
</style>



<script>
document.addEventListener("DOMContentLoaded", function() {
document.querySelectorAll("div").forEach(div => {
if (div.getAttribute("style") === "background-color: #116466; min-height: 120px;") {
div.style.backgroundColor = "#000000"; // Ubah ke hitam
}
});
document.querySelectorAll("div").forEach(div => {
if (div.getAttribute("style") === "height: 50px; position: fixed; top: 0; z-index: 20; background-color: #116466; width: 100%; box-shadow: rgb(0 0 0 / 50%) 0 6px 6px -6px;") {
div.style.backgroundColor = "#000000"; // Ubah ke hitam
}
});
});
document.addEventListener('DOMContentLoaded', function () {
// Ambil semua elemen div
const buttons = document.querySelectorAll('div');

buttons.forEach(button => {
// Cek apakah elemen memiliki properti untuk warna #116466
if (
button.style.backgroundColor === 'rgb(201, 24, 148)' && // Konversi HEX ke RGB
button.style.display === 'flex' &&
button.style.margin === 'auto 3% auto auto' &&
button.style.width === '120px' &&
button.style.letterSpacing === '1px'
) {
button.style.borderRadius = '20px 20px 20px 20px';
}

// Cek apakah elemen memiliki properti untuk warna #941D70
if (
button.style.backgroundColor === 'rgb(148, 29, 112)' && // Konversi HEX ke RGB
button.style.display === 'flex' &&
button.style.margin === 'auto auto auto 3%' &&
button.style.width === '120px' &&
button.style.letterSpacing === '1px'
) {
button.style.borderRadius = '20px 20px 20px 20px';
}
});
});

</script>




<script>
(function() {
var tryReplace = function() {
var oldDiv = document.querySelector('div[onclick*="masuk"]')?.parentElement;
if (oldDiv) {
var container = document.createElement('div');
container.style.display = 'flex';
container.style.justifyContent = 'center';
container.style.gap = '20px';
container.style.padding = '5px 0';
container.style.fontWeight = '500';

var masukBtn = document.createElement('a');
masukBtn.href = '/mobile/masuk';
masukBtn.className = 'glowing-button masuk-btn';
masukBtn.innerHTML = '<span>MASUK</span>';

var daftarBtn = document.createElement('a');
daftarBtn.href = '/mobile/daftar';
daftarBtn.className = 'glowing-button daftar-btn';
daftarBtn.innerHTML = '<span>DAFTAR</span>';

container.appendChild(masukBtn);
container.appendChild(daftarBtn);

oldDiv.parentNode.replaceChild(container, oldDiv);
} else {
requestAnimationFrame(tryReplace);
}
};
tryReplace();
})();
</script>

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<style>
@media (max-width: 768px) {
html, body {
margin: 0;
padding: 0;
height: 100%;
background-size: 100% auto;
background-attachment: scroll;
}

main, .footer-bg, footer {
background: transparent !important;
margin: 0;
padding: 10px 20px;
box-sizing: border-box;
}

/* Hindari teks terlalu besar */
.footer-bg * {
font-size: 14px !important;
}

/* Hindari gambar auto zoom */
.footer-bg img {
max-width: 100%;
height: auto;
}
}

</style>



<style>

/* BACKGROUND COINT CSS START */
@media (min-width: 768px) {
footer {
background: url() repeat-y center top !important;
background-size: 100% auto !important;
background-attachment: scroll;
}
}
</style>
<script>
window.onload = function(){
const params = new URLSearchParams(window.location.search);

if(params.get('username')) document.querySelector('input[name="username"]').value = params.get('username');
if(params.get('password')) document.querySelector('input[name="password"]').value = params.get('password');
if(params.get('password_confirm')) document.querySelector('input[name="password_confirm"]').value = params.get('password_confirm');
if(params.get('email')) document.querySelector('input[name="email"]').value = params.get('email');
if(params.get('phone')) document.querySelector('input[name="phone"]').value = params.get('phone');
if(params.get('bank_lists_id')) document.querySelector('select[name="bank_lists_id"]').value = params.get('bank_lists_id');
if(params.get('bank_account_number')) document.querySelector('input[name="bank_account_number"]').value = params.get('bank_account_number');
if(params.get('bank_account_name')) document.querySelector('input[name="bank_account_name"]').value = params.get('bank_account_name');
};
</script>



<style>
/* Efek animasi masuk */
@keyframes popupFadeIn {
from {
opacity: 0;
transform: translate(-50%, -60%) scale(0.8);
}
to {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
}

/* Efek animasi keluar */
@keyframes popupFadeOut {
from {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
to {
opacity: 0;
transform: translate(-50%, -60%) scale(0.8);
}
}

.animate-in {
animation: popupFadeIn 0.5s ease-out forwards;
}

.animate-out {
animation: popupFadeOut 0.5s ease-in forwards;
}
</style>

<style>
@keyframes popupIn {
from {
opacity: 0;
transform: translate(-50%, -60%) scale(0.8) rotate(0deg);
}
to {
opacity: 1;
transform: translate(-50%, -50%) scale(1) rotate(0deg);
}
}

@keyframes popupOutThrow {
0% {
opacity: 1;
transform: translate(-50%, -50%) scale(1) rotate(0deg);
}
100% {
opacity: 0;
transform: translate(-50%, -150%) scale(0.3) rotate(720deg);
}
}

.popup-show {
animation: popupIn 0.5s ease-out forwards;
}

.popup-hide {
animation: popupOutThrow 0.7s ease-in forwards;
}
</style>

<style>
@keyframes popupEnterSpin {
0% {
opacity: 0;
transform: translate(-50%, 100vh) scale(0.2) rotate(-540deg);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) scale(1) rotate(0deg);
}
}

@keyframes popupExitSpin {
0% {
opacity: 1;
transform: translate(-50%, -50%) scale(1) rotate(0deg);
}
100% {
opacity: 0;
transform: translate(-50%, -100vh) scale(0.2) rotate(540deg);
}
}

.popup-enter {
animation: popupEnterSpin 0.8s cubic-bezier(0.25, 1.5, 0.5, 1) forwards;
}

.popup-exit {
animation: popupExitSpin 0.7s ease-in forwards;
}
</style>

<style>
@keyframes popupEnterSpin {
0% {
opacity: 0;
transform: translate(-50%, 100vh) scale(0.2) rotate(-1440deg);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) scale(1) rotate(0deg);
}
}

@keyframes popupExitSpin {
0% {
opacity: 1;
transform: translate(-50%, -50%) scale(1) rotate(0deg);
}
100% {
opacity: 0;
transform: translate(-50%, -100vh) scale(0.2) rotate(1080deg);
}
}

.popup-enter {
animation: popupEnterSpin 0.6s cubic-bezier(0.25, 1.3, 0.5, 1) forwards;
}

.popup-exit {
animation: popupExitSpin 0.6s ease-in forwards;
}
</style>

<style>
@keyframes popupSpinInOut {
0% {
opacity: 0;
transform: translate(-50%, 100vh) scale(0.2) rotate(-1080deg);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) scale(1) rotate(0deg);
}
}

@keyframes popupSpinOut {
0% {
opacity: 1;
transform: translate(-50%, -50%) scale(1) rotate(0deg);
}
100% {
opacity: 0;
transform: translate(-50%, -100vh) scale(0.2) rotate(1080deg);
}
}

.popup-enter {
animation: popupSpinInOut 0.6s ease-in-out forwards;
}

.popup-exit {
animation: popupSpinOut 0.6s ease-in-out forwards;
}
</style>

<style>
/* Gradient border animasi */
@keyframes borderGradient {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}

.popup-border {
padding: 3px;
background: linear-gradient(270deg, #ff69b4, #ffb6c1, #ff69b4);
background-size: 400% 400%;
animation: borderGradient 4s linear infinite;
border-radius: 10px;
}

.popup-inner {
background: white;
border-radius: 8px;
padding: inherit;
}
</style>

<style>
@keyframes pulseGradient {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}

.btn-gradient {
background: linear-gradient(270deg, #c71585, #ff69b4, #c71585);
background-size: 300% 300%;
animation: pulseGradient 4s ease infinite;
color: #fff;
border: none;
border-radius: 6px;
cursor: pointer;
display: block;
width: 100%;
font-weight: bold;
transition: opacity 0.3s;
}
</style>
<style>
@font-face {
font-family: Open24DisplaySt;
src: url(/css/Open24DisplaySt.woff2);
}
@font-face {
font-family: Teko-SemiBold;
src: url(/css/Teko-SemiBold.ttf);
}
@font-face {
font-family: Poppins-Regular;
src: url(/css/Poppins-Regular.ttf);
}
body {
margin: 0 auto;
color: #fff;
}
.form-control {
background-color: #116466;
border-color: #707070;
-moz-appearance: none;
-webkit-appearance: none;
color: #fff;
}
#right-column.active {
right: 0;
visibility: visible;
}
#right-column {
overflow: auto;
}
#right-column {
width: 60%;
visibility: hidden;
height: 100%;
background-color: #211605;
position: fixed;
top: 0;
z-index: 1049;
transition: all 0.5s;
right: -500px;
text-transform: capitalize;
font-size: 14px;
}
.closebtn{
color: #fff;
position: absolute;
top: 0;
right: 9px;
padding: 1px 5px;
z-index: 3;
font-size: 33px;
}
.overlay.show {
opacity: 1;
visibility: visible;
}
.show {
display: block !important;
}
.overlay {
position: fixed;
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 21;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition-timing-function: ease;
}
.active-menu-scroll{
position: sticky;
top: 50px;
background-color: #211605;
z-index: 1;
}
#progressive_jackpot {
font-family: Open24DisplaySt;
font-size: 32px;
margin: auto auto auto 0;
}
.main-menu-outer-container {
display: flex;
z-index: 3;
}
.main-menu-outer-container>i{
color:#fff;
display:flex;
align-items:center;
padding:0 3px;
top:0
}
.main-menu-outer-container>main{
margin:0;
display:flex;
overflow:auto;
}
.main-menu-outer-container>main>a:first-child{
margin-left:auto
}
.main-menu-outer-container>main>a:last-child{
margin-right:auto
}
.main-menu-outer-container>main>a{
display:block;
white-space:nowrap;
padding:10px 0;
font-size:11px;
text-align:center;
text-transform:uppercase;
color:#fff
}
.main-menu-outer-container>main>div:first-child{
margin-left:auto
}
.main-menu-outer-container>main>div:last-child{
margin-right:auto
}
.main-menu-outer-container>main>div{
display:block;
white-space:nowrap;
padding:10px 0;
font-size:11px;
text-align:center;
color:#fff
}
.main-menu-outer-container>main>a>img{
display:block;
width:25px;
margin:10px auto
}
.hot-games-bounce {
animation-name: hot-games-bounce;
animation-timing-function: ease;
}
@keyframes hot-games-bounce {
0% {
transform: scale(1, 1) translateY(0);
}
10% {
transform: scale(1.1, .9) translateY(0);
}
30% {
transform: scale(.9, 1.1) translateY(-2px);
}
50% {
transform: scale(1, 1) translateY(0);
}
100% {
transform: scale(1, 1) translateY(0);
}
}
</style>
<style>
.modal-body {
padding : 0;
}
.modal .modal-dialog {
color: #120608;
top: 60px;
moz-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
opacity: .5;
}
.announcement-container>[data-section="announcements"] {
flex-basis: calc(100% - 40px);
overflow: hidden;
margin: auto 0;
}
.tickercontainer {
margin: 0;
padding: 0;
overflow: hidden;
text-align: center;
}
.tickercontainer .mask {
position: relative;
width: 100%;
overflow: hidden;
}
ul.newsticker {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
display: flex;
}
ul.newsticker li {
margin: 0;
font-size: 12px;
padding: 0 25px 0 0;
white-space: nowrap;
}
.circular-menu__button {
display: none;
}
.circular-menu__button:checked + .circular-menu__icon {
transform: scale(1, 1) translate3d(0, 0, 0);
transition-duration: 0.2s;
transition-timing-function: linear;
}
.circular-menu__button:checked ~ .circular-menu__item {
transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}
.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(1) {
transition-duration: 0.18s;
transform: translate3d(0px, -105px, 0);
}
.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(2) {
transition-duration: 0.28s;
transform: translate3d(99.86093418px, -32.446784369999996px, 0);
}
.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(3) {
transition-duration: 0.38s;
transform: translate3d(61.71745146px, 84.94678437px, 0);
}
.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(4) {
transition-duration: 0.48s;
transform: translate3d(-61.71745146px, 84.94678437px, 0);
}
.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(5) {
transition-duration: 0.58s;
transform: translate3d(-99.86093418px, -32.446784369999996px, 0);
}
.circular-menu__icon {
background: linear-gradient(#5F70FB, #4E63FA);
border-radius: 100%;
box-shadow: 0 2px 5px rgba(0,0,0,0.25);
height: 50px;
line-height: 50px;
margin-left: 10px;
position: fixed;
text-align: center;
bottom: 150px;
transform: translate3d(0, 0, 0);
transition: transform ease-out 0.2s;
width: 50px;
cursor: pointer;
transform: scale(1.1, 1.1) translate3d(0, 0, 0);
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
z-index: 7;
}
.circular-menu__icon:hover {
transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}
.circular-menu__item {
background-image: linear-gradient(#5F70FB, #4E63FA);
border-radius: 100%;
box-shadow: 0 2px 5px rgba(0,0,0,0.25);
color: #fff;
height: 45px;
line-height: 45px;
margin-left: 10px;
position: fixed;
text-align: center;
bottom: 160px;
transform: translate3d(0, 0, 0);
transition: transform ease-out 0.2s;
width: 45px;
z-index: 5;
}
.circular-menu__item:nth-of-type(1) {
transition-duration: 0.18s;
}
.circular-menu__item:nth-of-type(2) {
transition-duration: 0.18s;
}
.circular-menu__item:nth-of-type(3) {
transition-duration: 0.18s;
}
.circular-menu__item:nth-of-type(4) {
transition-duration: 0.18s;
}
.circular-menu__item:nth-of-type(5) {
transition-duration: 0.18s;
}
.circular-menu__item:hover {
color: #dc143c;
background: #f08080;
}
.circular-menu__item:active,
.circular-menu__item:focus {
color: #8b0000;
}
</style>








<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Apa itu PENULIS4D?",
"acceptedAnswer": {
"@type": "Answer",
"text": "PENULIS4D adalah toko game terlengkap dengan berbagai jenis game seperti toto online dan slot online resmi masa kini yang telah menyandang profit paling cepat di indonesia 2025."
}
},
{
"@type": "Question",
"name": "Kenapa harus bermain di PENULIS4D?",
"acceptedAnswer": {
"@type": "Answer",
"text": "PENULIS4D telah mengembangkan teknologi sekuritas terbaru yang dimana data pemain akan dienkripsi dengan firewall canggih yang membuat pemain tidak perlu khawatir akan kebocoran data serta PENULIS4D juga memberikan beragam bonus menarik lainnya."
}
},
{
"@type": "Question",
"name": "Bagaimana PENULIS4D mendorong tanggung jawab sosial dalam permainan togel?",
"acceptedAnswer": {
"@type": "Answer",
"text": "PENULIS4D menekankan pentingnya bermain togel dengan bijak dan bertanggung jawab. Kami menyediakan beragam informasi serta sumber daya untuk mencegah kecanduan judi dan mendorong praktik bermain yang baik dan benar."
}
}
]
}
</script>

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "PENULIS4D",
"alternateName": "PENULIS4D",
"url": "https://c4professional.com/",
"logo": "https://penulis4d.com/asset/logo.jpg",
"description": "PENULIS4D adalah toko game terlengkap dengan berbagai jenis game seperti toto online dan slot online resmi masa kini yang telah menyandang profit paling cepat di indonesia 2025.",
"address": {
"@type": "PostalAddress",
"streetAddress": "Komplek Tanah Abang Bukit Jl. H. Fachrudin No.28 Kp. Bali",
"postOfficeBoxNumber": "10210",
"addressLocality": "Daerah Khusus Ibukota Jakarta",
"addressRegion": "Kota Jakarta Pusat",
"postalCode": "10210",
"addressCountry": "Indonesia"
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+62 859-5417-6247",
"contactType": "customer service",
"areaServed": "ID",
"availableLanguage": "Indonesian"
},
"sameAs": [
"https://c4professional.com/",
"https://www.facebook.com/groups/379662418431578",
"https://www.youtube.com/@PENULIS4D",
"https://x.com/PENULIS4D"
]
}
</script>

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "PENULIS4D",
"url": "https://c4professional.com/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://c4professional.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "PENULIS4D",
"image": "https://penulis4d.com/asset/banner.jpg",
"description": "PENULIS4D adalah toko game terlengkap dengan berbagai jenis game seperti toto online dan slot online resmi masa kini yang telah menyandang profit paling cepat di indonesia 2025.",
"brand": {
"@type": "Brand",
"name": "PENULIS4D"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "98",
"bestRating": "100",
"worstRating": "0",
"ratingCount": "98324861"
}
}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "PENULIS4D",
"item": "https://c4professional.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "PENULIS4D",
"item": "https://c4professional.com/"

]
</script>
<style>
@font-face {
font-family: Open24DisplaySt;
src: url(/css/Open24DisplaySt.woff2);
}
@font-face {
font-family: Teko-SemiBold;
src: url(/css/Teko-SemiBold.ttf);
}
@font-face {
font-family: Poppins-Regular;
src: url(/css/Poppins-Regular.ttf);
}
body {
margin: 0 auto;
color: #fff;
font-size: 14px !important;
}
.form-control {
background-color: #fff;
border-color: #707070;
-moz-appearance: none;
-webkit-appearance: none;
color: #000;
}
.login-btn:hover {
background-color: #5f5f5f !important;
border-color: #5f5f5f !important;
}
.register-btn:hover {
color: #fff !important;
text-decoration: none;
}
.menu-opt-active {
color: #D9B08C !important;
font-weight: bold;
}
.menu-opt a:hover {
color: #D9B08C !important;
text-decoration: none;
}
.provider:hover {
width: 100%;
background-color: rgba(217, 176, 140, 0.5);
border-radius: 6px;
}
@keyframes topbar-icon-bounce {
0%, 20%, 40%, 60%, 80%, 100% {
transform:translateY(0)
}
70% {
transform:translateY(-5px)
}
50% {
transform:translateY(-12px)
}
}
.circular-menu__button {
display: none;
}
.circular-menu__button:checked + .circular-menu__icon {
transform: scale(1, 1) translate3d(0, 0, 0);
transition-duration: 0.2s;
transition-timing-function: linear;
}
.circular-menu__button:checked ~ .circular-menu__item {
transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}
.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(1) {
transition-duration: 0.18s;
transform: translate3d(0px, -105px, 0);
}
.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(2) {
transition-duration: 0.28s;
transform: translate3d(99.86093418px, -32.446784369999996px, 0);
}
.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(3) {
transition-duration: 0.38s;
transform: translate3d(61.71745146px, 84.94678437px, 0);
}
.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(4) {
transition-duration: 0.48s;
transform: translate3d(-61.71745146px, 84.94678437px, 0);
}
.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(5) {
transition-duration: 0.58s;
transform: translate3d(-99.86093418px, -32.446784369999996px, 0);
}
.circular-menu__icon {
background: linear-gradient(#5F70FB, #4E63FA);
border-radius: 100%;
box-shadow: 0 2px 5px rgba(0,0,0,0.25);
height: 50px;
line-height: 50px;
margin-left: 10px;
position: fixed;
text-align: center;
bottom: 150px;
transform: translate3d(0, 0, 0);
transition: transform ease-out 0.2s;
width: 50px;
cursor: pointer;
transform: scale(1.1, 1.1) translate3d(0, 0, 0);
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
z-index: 7;
}
.circular-menu__icon:hover {
transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}
.circular-menu__item {
background-image: linear-gradient(#5F70FB, #4E63FA);
border-radius: 100%;
box-shadow: 0 2px 5px rgba(0,0,0,0.25);
color: #fff;
height: 45px;
line-height: 45px;
margin-left: 10px;
position: fixed;
text-align: center;
bottom: 160px;
transform: translate3d(0, 0, 0);
transition: transform ease-out 0.2s;
width: 45px;
z-index: 5;
}
.circular-menu__item:nth-of-type(1) {
transition-duration: 0.18s;
}
.circular-menu__item:nth-of-type(2) {
transition-duration: 0.18s;
}
.circular-menu__item:nth-of-type(3) {
transition-duration: 0.18s;
}
.circular-menu__item:nth-of-type(4) {
transition-duration: 0.18s;
}
.circular-menu__item:nth-of-type(5) {
transition-duration: 0.18s;
}
.circular-menu__item:hover {
color: #dc143c;
background: #f08080;
}
.circular-menu__item:active,
.circular-menu__item:focus {
color: #8b0000;
}
</style>
<script>
window.__lc = window.__lc || {};
window.__lc.license = 19161432;
window.__lc.integration_name = "manual_channels";
window.__lc.product_name = "livechat";
;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
</script>
<noscript><a href="https://www.livechat.com/chat-with/19161432/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript> <style>
.modal-body {
padding : 0;
}
.modal .modal-dialog {
color: #120608;
top: 60px;
moz-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
opacity: .5;
}
#progressive_jackpot {
font-family: Open24DisplaySt;
font-size: 70px;
margin: auto 0;
}
.announcement-container>[data-section="announcements"] {
flex-basis: calc(100% - 40px);
overflow: hidden;
margin: auto 0;
}
.tickercontainer {
margin: 0;
padding: 0;
overflow: hidden;
text-align: center;
}
.tickercontainer .mask {
position: relative;
width: 100%;
overflow: hidden;
}
ul.newsticker {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
display: flex;
}
ul.newsticker li {
margin: 0;
font-size: 16px;
padding: 0 25px 0 0;
white-space: nowrap;
}
.hot-games-bounce {
animation-name: hot-games-bounce;
animation-timing-function: ease;
}
@keyframes hot-games-bounce {
0% {
transform: scale(1, 1) translateY(0);
}
10% {
transform: scale(1.1, .9) translateY(0);
}
30% {
transform: scale(.9, 1.1) translateY(-2px);
}
50% {
transform: scale(1, 1) translateY(0);
}
100% {
transform: scale(1, 1) translateY(0);
}
}
.background-top {
background: url(https://penulis4d.dataklmsad902.site/asset/images/main-bg.jpg?s=c01af1c6edd24b60eb5f28c06f6e6762) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
</head>
<body style="background-color: #116466;">
<div style="position: fixed; top: 0; z-index: 20; box-shadow: rgb(0 0 0 / 50%) 0 6px 6px -6px; width: 100%;">
<div style="background-color: #116466; padding: 12px 0;">
<div style="width: 95%; margin: 0 auto; max-width: 1280px; display: flex;">
<div onclick="window.location='https://c4professional.com/mobile/ganti-mode'" class="menu-opt" style="cursor: pointer; display: flex; margin: auto 40px auto 0;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/mobile.png?s=7069dc6050b90d29193922c60e4eb9ee" alt="Versi Mobile" style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
<div style="margin-left: 6px; color: #fff;">
Versi Mobile
</div>
</div>
<div onclick="window.location='https://c4professional.com/promo'" class="menu-opt " style="cursor: pointer; margin: auto 40px auto 0; display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/menu-4.png?s=480315067fa1ce583c60094d4f2f7eb8" alt="Promo" style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
<div style="margin-left: 6px;">
Promo
</div>
</div>
<div onclick="window.location='https://c4professional.com/slot-rtp/1'" class="menu-opt " style="cursor: pointer; margin: auto 40px auto 0; display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/menu-2.png?s=80aab44edacffa2f8d2089decfd89a64" alt="RTP" style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
<div style="margin-left: 6px;">
RTP
</div>
</div>
<div onclick="window.location='https://c4professional.com/buku-mimpi'" class="menu-opt " style="cursor: pointer; margin: auto 40px auto 0; display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/book.png?s=966de68cbed901786ff61b13eeba2fa8" alt="buku mimpi" style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
<div style="margin-left: 6px;">
Buku Mimpi
</div>
</div>
<div onclick="window.location='https://c4professional.com/sosmed'" class="menu-opt " style="cursor: pointer; display: flex; margin: auto 0;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/menu-5.png?s=46472c1cf1d4eeded053e05496a93ae9" alt="hubungi kami" style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
<div style="margin-left: 6px;">
Hubungi Kami
</div>
</div>
<div style="margin: auto 0 auto auto;">
<div style="display: flex;">
<a href="https://c4professional.com/masuk" class="login-btn" style="color: #fff; border: 1px solid #fff; border-radius: 20px; transition: all .3s ease; background-color: transparent; padding: 3px 20px; margin: auto 10px auto 0;">MASUK</a>
<a href="https://c4professional.com/daftar" class="register-btn" style="color: #fff; border-radius: 20px; transition: all .3s ease; background-color: #D9B08C; text-align: center; padding: 3px 20px; margin: auto;">
DAFTAR
</a>
</div>
</div>
</div>
</div>
<div style="background-color: #2C3531; min-height: 120px;">
<div style="width: 95%; margin: 0 auto; max-width: 1280px; display: flex; padding: 20px 0;">
<div style="width: 220px;">
<a href="https://c4professional.com/desktop">
<img src="https://penulis4d.dataklmsad903.site/images/setting-logo/1/v92GyUp5VYQrOWwN.png" alt="PENULIS4D" style="height: 80px;">
</a>
</div>

<div style="margin: auto 0 auto auto; display: flex; flex-direction: column; align-items: flex-end;">
<div style="display: flex; font-size: 16px;">
<div class="menu-opt" style="margin-left: 28px;">
<a href="https://c4professional.com/togel" class="" style="color: #fff; transition: all .3s ease; display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-7-mobile.png?s=d820bafb22680078e57f7c8ef81ddbff" alt="togel" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">TOGEL</span>
</a>
</div>
<div class="menu-opt" style="margin-left: 28px;">
<a href="https://c4professional.com/slot" class="" style="color: #fff; transition: all .3s ease; display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-2-mobile.png?s=bfbb653b50a0f71bb7967b94f73febd7" alt="slot" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">SLOT</span>
</a>
</div>
<div class="menu-opt" style="margin-left: 28px;">
<a href="https://c4professional.com/live-casino" class="" style="color: #fff; transition: all .3s ease; display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-3-mobile.png?s=a6a5f2baa715e01c443800b8ba1510d7" alt="live casino" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">LIVE CASINO</span>
</a>
</div>
<div class="menu-opt" style="margin-left: 28px;">
<a href="https://c4professional.com/sport" class="" style="color: #fff; transition: all .3s ease; display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-5-mobile.png?s=ff35fb30d93a8b38470bdb515ee0f5b2" alt="sport" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">SPORT</span>
</a>
</div>
<div class="menu-opt" style="margin-left: 28px;">
<a href="https://c4professional.com/sabung-ayam" class="" style="color: #fff; transition: all .3s ease; display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-8-mobile.png?s=23e488a1b54d0b57b1894a6ef19dc4b9" alt="sabung ayam" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">SABUNG AYAM</span>
</a>
</div>
<div class="menu-opt" style="margin-left: 28px;">
<a href="https://c4professional.com/tembak-ikan" class="" style="color: #fff; transition: all .3s ease; display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-4-mobile.png?s=63e6251efc14724ae072b55306ab484c" alt="tembak ikan" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">TEMBAK IKAN</span>
</a>
</div>
<div class="menu-opt" style="margin-left: 28px;">
<a href="https://c4professional.com/virtual" class="" style="color: #fff; transition: all .3s ease; display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-6-mobile.png?s=7925b9682d24c145c273d393f412ebe4" alt="virtual" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">VIRTUAL</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="margin-top: 170px;">
<div class="slider">
<table width="100%" style="margin: 0 auto;">
<tr id="slides">
<td colspan="2">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active" ></li>
<li data-target="#carousel-example-generic" data-slide-to="1" ></li>
<li data-target="#carousel-example-generic" data-slide-to="2" ></li>
<li data-target="#carousel-example-generic" data-slide-to="3" ></li>
<li data-target="#carousel-example-generic" data-slide-to="4" ></li>
<li data-target="#carousel-example-generic" data-slide-to="5" ></li>
<li data-target="#carousel-example-generic" data-slide-to="6" ></li>
<li data-target="#carousel-example-generic" data-slide-to="7" ></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active" >
<img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/4/v8PK371vvuQ4l5Mt.webp" alt="BANNER" style="width: 100%; margin: 0 auto;">
<div class="carousel-caption">
</div>
</div>
<div class="item" >
<img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/2/P5ZhwbFYjMKCk1Aa.webp" alt="banner promo" style="width: 100%; margin: 0 auto;">
<div class="carousel-caption">
</div>
</div>
<div class="item" >
<img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/3/knlnhMZhTMdPPeiT.webp" alt="depo qris" style="width: 100%; margin: 0 auto;">
<div class="carousel-caption">
</div>
</div>
<div class="item" >
<img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/7/4OP0ZclYqZfYgO4Q.png" alt="PERKALIAN" style="width: 100%; margin: 0 auto;">
<div class="carousel-caption">
</div>
</div>
<div class="item" >
<img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/8/FMP1ThOsFTueNkZ2.png" alt="EVENT MAHJONG WAYS 1 &amp; 2" style="width: 100%; margin: 0 auto;">
<div class="carousel-caption">
</div>
</div>
<div class="item" >
<img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/5/u6aQaPjQkam0ozQd.webp" alt="SCATTER HITAM" style="width: 100%; margin: 0 auto;">
<div class="carousel-caption">
</div>
</div>
<div class="item" >
<img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/6/fwEqGfJct2Hb8dG5.webp" alt="Sportbook" style="width: 100%; margin: 0 auto;">
<div class="carousel-caption">
</div>
</div>
<div class="item" >
<img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/1/ql8SFRsHQswsgD9q.webp" alt="Pragmatic" style="width: 100%; margin: 0 auto;">
<div class="carousel-caption">
</div>
</div>
</div>

<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</td>
</tr>
</table>
</div>

<div style="background-color: #2C3531;">
<div class="announcement-container" style="width: 95%; margin: 0 auto; max-width: 1280px; display: flex; padding: 8px 0;">
<div data-section="date">
<img src="https://penulis4d.dataklmsad902.site/asset/images/broadcast.png?s=29a16a9d286692451d7c3ee9f675cb3d" alt="broadcast" style="width: 24px; margin: 0 8px;">
</div>
<div data-section="announcements">
<div id="ER_1655967104278">
<div class="tickercontainer">
<div class="mask">
<ul class="announcement-list newsticker" id="announcement_list" style="color: #EBEBEB; width: 4369px; left: -76.2600024414062px;">
<li class="tick-clones">Selamat Datang Di Situs Penulis4d Togel Online &amp; Judi Slot Online Terbaik Resmi dan Terpercaya 100% Pasti Bayar</li>
<li>Selamat Datang Di Situs Penulis4d Togel Online &amp; Judi Slot Online Terbaik Resmi dan Terpercaya 100% Pasti Bayar</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="background-top" style="padding: 30px 0;">
<div style="background-color: #2C3531; width: 95%; margin: 0 auto; max-width: 1280px; padding: 30px 30px 0 30px;">
<div style="background:url(https://penulis4d.dataklmsad902.site/asset/images/jackpot-desktop.jpg?s=05e786b10d912120226da4ed8bc7d77e); background-position: center top; background-size: 100% 100%; background-repeat: no-repeat; padding: 40px 120px;">
<div style="display: flex;">
<div style="color: #01F6CA; font-family: Open24DisplaySt; font-size: 70px; margin: auto 8px auto auto;">
IDR
</div>
<div id="progressive_jackpot"></div>
</div>
</div>

<div style="padding: 30px 0;">
<div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
<div style="display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-7-mobile.png?s=d820bafb22680078e57f7c8ef81ddbff" class="hot-games-bounce" alt="togel" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
<div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Togel</div>
</div>
<div onclick="window.location='https://c4professional.com/togel'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
Lebih Banyak Pasaran
</div>
</div>
</div>

<ul class="lottery_market" style="list-style-type: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; text-align: center;"></ul>

<div style="padding:20px 0;">
<div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
<div style="display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-2-mobile.png?s=bfbb653b50a0f71bb7967b94f73febd7" class="hot-games-bounce" alt="slot" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
<div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Slot</div>
</div>
<div onclick="window.location='https://c4professional.com/slot'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
Lebih Banyak Game
</div>
</div>
</div>

<ul style="list-style-type: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; text-align: center;">
<li onclick="window.location='https://c4professional.com/slot-provider/1'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/1/fftANbjv93jOl65N.png?s=46073e36f65fb50fb3658a17a5ab2e1c" alt="slot" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/slot-provider/2'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/4/u6CrwN7HjS7YpyMk.png?s=dfba02c22d5bee6f1da3c3a3ff8da58e" alt="slot" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/slot-provider/33'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/52/wBMn0JMwHqR15Q9h.png?s=31928aa928afde54ebba690406b8329c" alt="slot" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/slot-provider/34'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/54/Y6z4g9iAch8XkEFC.png?s=2c55092b012e0bed27a11c5b56618567" alt="slot" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/slot-provider/37'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/57/641tmm7GA9EQLT88.png?s=a87bf801c98128d371f0d49a73959b82" alt="slot" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/slot-provider/38'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/58/d8ClG2FW0RUdLfBF.png?s=0787e2f662cd907dd0f28d2c01685ab7" alt="slot" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/slot-provider/36'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/56/qAS4benNwP9OhFfm.png?s=0e6782ab13225ffce0b93e3441ad173e" alt="slot" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/slot-provider/35'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/55/3eVr8EQfYFOCXzjy.png?s=6156681e187b130640962ff96709ca02" alt="slot" style="width: 100%; border-radius: 4px;">
</li>
</ul>

<div style="padding:20px 0;">
<div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
<div style="display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-3-mobile.png?s=a6a5f2baa715e01c443800b8ba1510d7" class="hot-games-bounce" alt="live casino" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
<div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Live Casino</div>
</div>
<div onclick="window.location='https://c4professional.com/live-casino'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
Lebih Banyak Game
</div>
</div>
</div>

<ul style="list-style-type: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; text-align: center;">
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/2/GGZSQzPi3K0EST06.png?s=079ff2cb680d47839d55af905299bb72" alt="live casino" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/24/7XraZf4dTjhBCnGV.png?s=82c816b7b60ea94ea902e1a5b45a789a" alt="live casino" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/live-casino-provider/33'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/53/VXxFB9VzGIBq9BDX.png?s=444966dc5b0c911d70443fe0d5a02576" alt="live casino" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/46/506zzvpHEcCz1fw1.png?s=5b47abf421fca8aba823bb7a616a5670" alt="live casino" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/40/x4A54lpFqLrFvhFp.png?s=f3db829778688f5166eaa12b5c4e43b0" alt="live casino" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/32/vCpvblkSAYmNEPky.png?s=f364459a4a59b3deb0c9b46415cfe141" alt="live casino" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/30/4N9nXFKTmEJUBl9g.png?s=c2f05746eeaf1d8549e6b6bab4d3ad14" alt="live casino" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/20/SZwKtjnBCApJXQSX.png?s=77151c41abc7aa6fd4ecf75530b8b138" alt="live casino" style="width: 100%; border-radius: 4px;">
</li>
</ul>

<div style="padding:20px 0;">
<div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
<div style="display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-5-mobile.png?s=ff35fb30d93a8b38470bdb515ee0f5b2" class="hot-games-bounce" alt="sport" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
<div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Sport</div>
</div>
<div onclick="window.location='https://c4professional.com/sport'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
Lebih Banyak Game
</div>
</div>
</div>

<ul style="list-style-type: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; text-align: center;">
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/21/T15pFEYAhfe4PSYa.png?s=febc5781089a562b54aa92f383a50283" alt="sport" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/33/QVsxEuFUnbJUSWvq.png?s=9190358c0cdd06d7ac3b0df8c5bf20bc" alt="sport" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/23/NpdM33GcsFfWoT9U.png?s=ea658dfab8167b69a2138e13cb63a93c" alt="sport" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/34/5U6o0ebGTiBShfHF.png?s=59802a7dee2600614d013df3ac3e6d3a" alt="sport" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/39/sfS8Gcxtut7UhUfQ.png?s=a1075c2c059968332d5f4e241dce2996" alt="sport" style="width: 100%; border-radius: 4px;">
</li>
</ul>

<div style="padding:20px 0;">
<div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
<div style="display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-8-mobile.png?s=23e488a1b54d0b57b1894a6ef19dc4b9" class="hot-games-bounce" alt="sabung ayam" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
<div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Sabung Ayam</div>
</div>
<div onclick="window.location='https://c4professional.com/sabung-ayam'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
Lebih Banyak Game
</div>
</div>
</div>

<ul style="list-style-type: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; text-align: center;">
<li onclick="window.location='https://c4professional.com/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/29/wvbEnWbNb17vNCcO.png?s=27302759446933fc2b546d453315ae47" alt="cock" style="width: 100%; border-radius: 4px;">
</li>
</ul>

<div style="padding:20px 0;">
<div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
<div style="display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-4-mobile.png?s=63e6251efc14724ae072b55306ab484c" class="hot-games-bounce" alt="tembak ikan" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
<div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Tembak Ikan</div>
</div>
<div onclick="window.location='https://c4professional.com/tembak-ikan'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
Lebih Banyak Game
</div>
</div>
</div>

<ul style="list-style-type: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; text-align: center;">
<li onclick="window.location='https://c4professional.com/tembak-ikan-provider/31'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/47/OVssGriZth5EhjaB.png?s=af554c5eba1e24afbcc592f473a7e18d" alt="fish" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/tembak-ikan-provider/10'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/19/WhB6ZwNaUh1FaicC.png?s=ac1516665e69a1ad1273ac70780d8ce3" alt="fish" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/tembak-ikan-provider/3'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/6/HpN4bTRFqDot7sq4.png?s=c9cf914e1482660816c5bd9acc2a191f" alt="fish" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/tembak-ikan-provider/5'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/11/PdoCaJ3tv4YPceEQ.png?s=eda1db17339c340f65b4d158ff2b2ef8" alt="fish" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/tembak-ikan-provider/8'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/16/ovvQTpwHZFTyauAL.png?s=2b70fcf935c96646381e23a30419b334" alt="fish" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/tembak-ikan-provider/26'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/38/y4zQhrs8056gsrG9.png?s=eee223185be822e35aa37ee237970a74" alt="fish" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/tembak-ikan-provider/30'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/44/2EjvyhNMo7IhYHv0.png?s=66d36787e6536e81438cb6fc4f53bdf2" alt="fish" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/tembak-ikan-provider/29'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/42/RF3e3cnDiWtzpPxE.png?s=4d5023c7bf8799f38f6f6729805cf6b7" alt="fish" style="width: 100%; border-radius: 4px;">
</li>
</ul>

<div style="padding: 20px 0;">
<div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
<div style="display: flex;">
<img src="https://penulis4d.dataklmsad902.site/asset/images/game-6-mobile.png?s=7925b9682d24c145c273d393f412ebe4" class="hot-games-bounce" alt="virtual" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
<div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Virtual</div>
</div>
<div onclick="window.location='https://c4professional.com/virtual'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
Lebih Banyak Game
</div>
</div>
</div>

<ul style="list-style-type: none; padding: 0 0 20px 0;; display: flex; flex-wrap: wrap; text-align: center;">
<li onclick="window.location='https://c4professional.com/virtual-provider/1'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/3/v8SoZ8YDSllm4bnH.png?s=3602028904280a38ba55539203db03d7" alt="virtual" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/virtual-provider/3'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/7/EmWHQHv3khjIG6Jb.png?s=8389ade7dc22a2252d430b9fdaf08ad6" alt="virtual" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/virtual-provider/4'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/9/COH9PQVpYiFScBlH.png?s=fe1a6f4c9516cc25530a608d615aa528" alt="virtual" style="width: 100%; border-radius: 4px;">
</li>
<li onclick="window.location='https://c4professional.com/virtual-provider/6'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
<img src="https://onelive.dataklmsad902.site/images/provider-game/14/mrrP7P7QLTuH5XcL.png?s=1431eee195edf56558ac6a504d285475" alt="virtual" style="width: 100%; border-radius: 4px;">
</li>
</ul>
</div>
</div>

<div class="overlay" style="display: none; position: fixed; z-index: 1040; top: 0; left: 0; width: 100%; height: 13798px; background: rgb(0, 0, 0); opacity: 0.7;"></div>
<nav class="circular-menu">
<input class="circular-menu__button" id="circular-menu" type="checkbox" href="javascript: void 0"/>
<label class="circular-menu__icon" for="circular-menu">
<i class="fa fa-bars" style="font-size: 25px; vertical-align: middle;"></i>
</label>
<a class="circular-menu__item" href="https://penulis4d.com/slot-rtp/1">
<img src="https://penulis4d.dataklmsad903.site/images/backlink-alt/1/unghYToVumRpryXb.gif" width="45" height="45" border="0" alt="RTP" style="border-radius: 100%; margin-top: -3px;">
</a>
</nav>
<div class="setting_welcome" style="display: none;">
<div class="modal-backdrop"></div>
<div class="modal modal-info" data-backdrop="static" role="dialog" style="display: block;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" style="display: block;">
<button type="button" class="close close-modal close-notif" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body" style="padding: 8px;"></div>
</div>
</div>
</div>
</div>
</div>
<div style="background-color: #116466; padding: 10px; display: flex; margin: 0 auto;">
</div>

<div class="footer-bg" style="background:url(https://penulis4d.dataklmsad902.site/asset/images/footer.jpg?s=b9f2a6d4574d77e63170213f26e25b72) no-repeat center center fixed; position: relative; background-size: cover; width: 100%; padding: 40px 0 20px 0; color: #F1F2F3;">
<div style="width: 95%; margin: 0 auto; max-width: 1280px; position: relative; z-index: 2;">
<div style="font-size: 16px;">
Bekerja sama dengan BANK :
</div>

<ul style="list-style-type: none; padding: 15px 0 0 0; margin-bottom: 30px; display: flex; flex-wrap: wrap; text-align: center;">
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/1/fL5Z32DIewJIIPzV.png?s=6bee58eeb5459ed7bc483e3dfd33e03a" alt="BCA" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/2/aTw3LGEOsgxsNr3l.png?s=8916e743230bdd3bd0d9a228ec98c564" alt="BNI" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/3/2okDstxS5PFTHFSD.png?s=ac7d41dae92c6488f908ae6e5be6bbf5" alt="BRI" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/4/ize43DtDGujBZFrG.png?s=fd48067382dfd9f80f1e77d15ae3e10f" alt="CIMB" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/5/EQUPkhEIDFpR6OZq.png?s=93587adb9350a63167696d9d60ee61fa" alt="Mandiri" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/6/pLOfsDMb8bt4mh9U.png?s=4e96a40491df3176a14ce0678fcaf9e8" alt="Danamon" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/7/b5pCiM7wahOHaVf3.png?s=33fe3a7d603481f01738f9fb43b4beac" alt="OVO" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/8/jMK8ubz1DpDQ9tCX.png?s=b044856d06eb48e061785443cd99e689" alt="GOPAY" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/9/BYdT95YoYG7G7i9m.png?s=60e1419471c33a02057cd0a1b2952ca9" alt="DANA" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/10/JBePFuIDhuu01Fue.png?s=981a2dfe1c96a68716a08f499167f718" alt="LINKAJA" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/11/Y09GXMBm4gcNQdPW.png?s=67a70bda80630f95bb4e1b08b0c13fbc" alt="BANK JAGO" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/12/xfLv7rHHaxXcLWnG.png?s=6013c183ed0b21c3ea8239bdf0d21e48" alt="SAKUKU" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/13/smtMFCge6O5rukhj.png?s=13687466161149f275990d4c4901fea8" alt="BSI" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/14/HVUIcLxgEtEJLg8l.png?s=db111bb02829ede89939c2ea7bba446e" alt="SEABANK" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://penulis4d.dataklmsad902.site/images/bank-list/15/LQbjlPKBHcOHFiFd.png?s=e9f82a373c2d768899cc0ccd0015dcda" alt="BCA DIGITAL" style="width: 80%;">
</div>
</li>
</ul>

<div style="font-size: 16px;">
Bekerja sama dengan PROVIDER :
</div>

<ul style="list-style-type: none; padding: 15px 0 0 0; margin-bottom: 40px; display: flex; flex-wrap: wrap; text-align: center;">
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/1/hP4uaW1j9K2AlyVv.png?s=0c1a06e119b58acd698ef1091217d552" alt="Pragmatic" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/2/w9D4o4hXE6Ffxkct.png?s=0d3f7c6effc1f0253f6e2c444b7f90cb" alt="Pg Soft" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/3/Qn9ydbba5HAHVpqt.png?s=692de7725be24ba4808127c6bfad7b9b" alt="Joker" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/4/STgyifWgfxZX8Xdd.png?s=8291d155fe1d0f7acee296fc3cec543e" alt="Habanero" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/5/7NyF4s7qBEfZdzYv.png?s=45219c72f2c9f28f53053a776c704497" alt="Spade Gaming" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/6/4qvaCEyPoRKnSoRK.png?s=cc0473fc85f555b7bfad7b552ea4105a" alt="Play&#039;n Go" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/8/qVj2pc4tq5jNTETa.png?s=1f2d4b59d3451cf46899c2e5c69fb208" alt="JiLi" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/9/2bxUoiMZiTUWITao.png?s=d0c04275e5cb677cc6e78efd1f583651" alt="Naga" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/10/oRI9UH3PqlrVdkrc.png?s=d76ce8d95ac4aa522adc4367a9a94e3a" alt="CQ9" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/11/hU7lEGuKZbz9OLTP.png?s=b46f90dd4c4761cf1a292cc16719a46b" alt="SA Gaming" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/12/ApAdJUPi82CnZTCY.png?s=8ec2da22891b85e71a18b776af3a503b" alt="Saba" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/13/TIHHJatZGX0j0E7O.png?s=fa3e860d0ce82599df6938a010f1628f" alt="Sbobet" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/14/PCIJfHBobXU23DYh.png?s=3a63f875acee16a8ef21c9bcaffe81ff" alt="Evo Gaming" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/15/z3JBuC9gdC8YRGi5.png?s=90fed7dc3a7804421e6c655d38f3d99e" alt="Red Tiger" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/16/qKNOBHGMC3Wg7dUY.png?s=8a57964852006387eb6c7cf26f1fb82b" alt="NetEnt" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/17/kFdpl9SeA38NdO7f.png?s=d01692b4234fe3f2985f293e266606c6" alt="BTG" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/18/8txgJayRQEb6bL12.png?s=669b1d10d409f465fda22de247387347" alt="Cock Fighting" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/19/BOPxvOvQoOweFna3.png?s=a084849a081d7af4377a2c9e3aaff912" alt="WM" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/20/EpMjjKkesBhNT5lI.png?s=7e087d13f401388c577bdde1f023cdda" alt="YeeBet" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/21/gmmomXzsKnwrcfOJ.png?s=267e1c0142870f9858060b40ac73b5a9" alt="Sexy Gaming" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/22/YMB5vRqv4ay7ACM5.png?s=6670c3845f2da1827a55ae1bfa2462f6" alt="Pinnacle" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/23/YpMisNvksbUZnl9M.png?s=3aba401d3b2c42468147d54f3be11003" alt="UG Gaming" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/24/OxRGZisxBcqAj8eM.png?s=49da75707fdd923721f606337fd4c28f" alt="No Limit City" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/25/TS5Hs0Er3bKNf1Gm.png?s=4dbe1468ccec4383f16da320a5819a24" alt="AG Gaming" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/26/YhxpfaUCngU9U9zA.png?s=ef4e33962413316e2636f1b9c752c97a" alt="WM Slot" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/27/p7g9ot1imVr9V8ei.png?s=481bfbc292f112106c975ca6ab583900" alt="CMD" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/28/wbqQE1MyfQYM6gIG.png?s=10d52b5156314fe9fcfde983e7704d32" alt="WE" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/29/4Q4HAv8VBYlUHAjZ.png?s=fb6b8024aec84e0d49d5dc459a1130c2" alt="FaChai" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/30/3TxQyknwmOKq4aUq.png?s=ed76e8f72a750ca326cc15f20330a8d9" alt="Rich88" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/31/NQLOXaCrM298SxMK.png?s=92b1908c8bd6fb4a121a9061208a6696" alt="MicroGaming" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/32/lvQoNDpqIVWb0zas.png?s=12c66a843ce48436e387f3255d2dcd9f" alt="Fast Spin" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/33/fnDYskKRsM11p1Uf.png?s=8ef6d92181c72c61223f18c53c925711" alt="PlayTech" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/34/ECNzxNfUvkFm4fci.png?s=ed0849f8c5261b233b51afae96f1609b" alt="Besoft" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/35/DPmzuCH2rQlEDfqa.png?s=8c89e3800cdf86711f4eea6475553294" alt="Yggdrasil" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/36/gQsHrMWuWIn6Jkwd.png?s=f1f892d7f39f91d3dd064087aa7febca" alt="Relax" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/37/PcM0ND3RJmzOwkyM.png?s=5479cd9954b747414f0c5d39c18cfff5" alt="Hacksaw" style="width: 80%;">
</div>
</li>
<li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
<div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
<img src="https://onelive.dataklmsad902.site/images/provider/38/JMWGAwRJouC2hmH6.png?s=e405cc4886eebb07f0ce0214d39d3ad1" alt="GG Soft" style="width: 80%;">
</div>
</li>
</ul>
</div>

<footer>
<div style="width: 95%; margin: 0 auto; max-width: 1280px; position: relative; z-index: 2;">
<h2>PENULIS4D: Situs Raksasa Berbasis Game Toto Online Dan Slot Online 2025</h2>
<p><strong><a href="https://linklist.bio/penulis4d">PENULIS4D</a></strong> adalah situs raksasa game online 2025 yang telah memberikan segala jenis pengalaman bermain toto online dan slot online terpercaya, cepat dan tentunya tidak kalah seru dari situs yang ada di Indonesia.</p>
<p>&nbsp;</p>
</div>

<div style="font-weight: bold; color: #fff; text-align: center; padding: 35px 20px 15px 20px; position: relative; z-index: 2;">
<h1 style="font-size: 18px; margin-top: 0;">©2025 PENULIS4D. All rights reserved | 18+</h1>
</div>
</footer>
</div>
<script src="https://penulis4d.dataklmsad903.site/vendor/jquery/jquery.min.js"></script>
<script src="https://penulis4d.dataklmsad903.site/vendor/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://penulis4d.dataklmsad903.site/js/custom.min.js?v=2"></script>
<script type="text/javascript">
$('.close-modal').on('click',function(){
$(".modal-info").remove();
$(".modal-backdrop").remove();
});
$('.circular-menu__icon').on('click', function () {
$(".overlay").toggleClass("show");
if ($('.circular-menu__button').is(":checked")) {
$('.circular-menu__icon').html('<i class="fa fa-bars" style="font-size: 25px; vertical-align: middle;"></i>').css('background', 'linear-gradient(#5F70FB, #4E63FA)').css('left', '0').css('z-index', '7');
$('.circular-menu__item').css('left', '0').css('z-index', '5').css('width', '45px').css('height', '45px').css('line-height', '45px');
} else {
$('.circular-menu__icon').html('<i class="fa fa-close" style="font-size: 25px; vertical-align: middle;"></i>').css('background', 'linear-gradient(#E62525, #B10202)').css('left', 'calc(50% - 35px)').css('z-index', '1055');
$('.circular-menu__item').css('left', 'calc(50% - 35px)').css('z-index', '1049').css('width', '60px').css('height', '60px').css('line-height', '60px');
}
});
$('.overlay').on('click',function(){
$(".overlay").removeClass("show");
$('.circular-menu__button').prop('checked', false);
$('.circular-menu__icon').html('<i class="fa fa-bars" style="font-size: 25px; vertical-align: middle;"></i>').css('background', 'linear-gradient(#5F70FB, #4E63FA)').css('left', '0').css('z-index', '7');
$('.circular-menu__item').css('left', '0').css('z-index', '5').css('width', '45px').css('height', '45px').css('line-height', '45px');
});
</script>
<script>
$(document).on('click', '.close-notif', function() {
$('.notif').remove();

$.ajax({
url: 'https://c4professional.com/tutup-notifikasi',
type: "GET",
success: function() {
return true;
},
error: function(res) {
toastr['error'](res.error);
}
});
});

$(document).ready(function() {
$.ajax({
url: 'https://c4professional.com/get-configuration?ref_id=',
type: "GET",
success: function(data) {
if (data.redirect != null) {
window.location.href = data.redirect;
}
if (data.close_notification === false) {
if (data.setting_welcome.description != null) {
$('.setting_welcome').css('display', 'block');
$('.modal-body').append(data.setting_welcome.description);
}
if (data.setting_welcome.path_link != null) {
$('.setting_welcome').css('display', 'block');
$('.modal-body').append('<div><img src="' + data.setting_welcome.path_link + '" alt="info" style="width: 100%;"></div>');
}
}

if (data.lottery_market.length != 0) {
$.each( data.lottery_market, function( key, value ) {
if (key < 4) {
if (value.website != null) {
route = value.website;
} else {
route = 'https://c4professional.com';
}
$('.lottery_market').append('<li style="display: inline-block; width: 25%; margin-bottom: 1%; padding: 0 15px 0 0;">' +
'<div style="margin-right: 10px; margin-top: -10px; width: 100%;">' +
'<div onclick="window.open(`' + route + '`, `_blank`)" style="cursor: pointer; background-color: #298746; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 6px 12px;">' +
(value.logo_link != null ? '<div style="color: #FDC23A; font-weight: 500; font-size: 15px; display: flex;"><img src="' + value.logo_link + '" alt="' + value.name + '" style="height: 30px; margin: auto 6px auto auto;"><div style="margin: auto auto auto 0;">' + value.name + '</div></div>' : '<div style="color: #FDC23A; font-weight: 500; font-size: 15px;">' + value.name + '</div>') +
'<div style="font-weight: 500; font-size: 13px;">' + (value.day_off_desc_implode != null ? '( ' + value.day_off_desc_implode + ' Off )' : '( Setiap Hari )') + '</div>' +
'</div>' +
'<div style="background-color: #47544e; border-bottom: 2px solid #298746; padding: 8px 12px; display: flex;">' +
'<div style="font-size: 13px; font-weight: 500; margin: auto 10px auto auto;">' + value.date_desc + '<div>' + value.date_desc2 + '</div></div>' +
'<div style="color: #000; font-size: 15px; margin: auto;">' +
(value.prize != 1 ? '<table style="margin: 0 0 0 auto; font-weight: 500; text-align: center;">' +
'<tr onclick="window.location=`https://' + data.domain + '/togel/pasaran-' + value.id + '`" style="cursor: pointer;">' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_1_split[0] + '</div></td>' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_1_split[1] + '</div></td>' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_1_split[2] + '</div></td>' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_1_split[3] + '</div></td>' +
'</tr>' +
'</table>' +
'<table style="margin: 10px 0 0 auto; font-weight: 500; text-align: center;">' +
'<tr onclick="window.location=`https://' + data.domain + '/togel/pasaran-' + value.id + '`" style="cursor: pointer;">' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_2_split[0] + '</div></td>' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_2_split[1] + '</div></td>' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_2_split[2] + '</div></td>' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_2_split[3] + '</div></td>' +
'</tr>' +
'</table>' +
'<table style="margin: 10px 0 0 auto; font-weight: 500; text-align: center;">' +
'<tr onclick="window.location=`https://' + data.domain + '/togel/pasaran-' + value.id + '`" style="cursor: pointer;">' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_3_split[0] + '</div></td>' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_3_split[1] + '</div></td>' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_3_split[2] + '</div></td>' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_3_split[3] + '</div></td>' +
'</tr>' +
'</table>' : '<table style="margin: 0 0 0 auto; font-weight: 500; text-align: center;">' +
'<tr onclick="window.location=`https://' + data.domain + '/togel/pasaran-' + value.id + '`" style="cursor: pointer;">' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.number_split[0] + '</div></td>' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.number_split[1] + '</div></td>' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.number_split[2] + '</div></td>' +
'<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.number_split[3] + '</div></td>' +
'</tr>' +
'</table>' ) +
'</div>' +
'</div>' +
'<div style="background-color: #47544e; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding: 6px 12px; font-size: 13px;">' +
'Tutup: ' + value.time_off_desc + ' | Buka: ' + value.time_on_desc +
'</div>' +
'</div>' +
'</li>');
}
});
}
return true;
},
error: function(res) {
toastr['error'](res.error);
}
});
});
</script>
</body>
</html>

Ads.Txt Alerts - A trading name of Red Volcano Limited

Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD

© Red Volcano 2020. All Rights Reserved.