/* AFFILIATE PROGRAM */
#bgaffprogram {width:100%;margin:0 auto;padding:0;background:#fff;}
#boaffprogram {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
@media screen and (max-width:990px)
{

}
/* ==================================================================================================== */

#bgsection01 {width:100%;margin:0 auto;padding:50px 0;background:#F1F4FC;}
#bosection01 {width:1160px;margin:0 auto;padding:0;}
#section01bott {margin:0;padding:0;display:flex;align-items:center;}
#section01bottleft {width:50%;}
.section01botthed {margin:0;padding:0;font-weight:700;font-size:18px;color:#FF583B;}
.section01botttop {margin:0;padding:0;font-weight:700;font-size:50px;color:#3A60FC;line-height:1;}
.section01bottbot {margin:0 auto 50px;padding:0;font-weight:700;font-size:20px;color:#444;}
.section01bottfot {margin:0;padding:0;}
.section01bottfot a {padding:8px 30px;background:#FF583B;border-radius:5px;color:#fff;font-weight:700;font-size:16px;}
#section01bottrite {width:50%;}
.section01bottimg {width:100%;margin:0;padding:0;}
.section01bottimg img {width:100%;margin:0;padding:0;}
@media screen and (max-width: 980px)
{
	#bgsection01 {width:100%;margin:0 auto;padding:50px 0;background:#F1F4FC;}
	#bosection01 {width:90%;margin:0 auto;padding:0;}
	#section01bott {margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;}
	#section01bottleft {width:50%;}
	.section01botthed {margin:0;padding:0;font-weight:700;font-size:16px;color:#FF583B;}
	.section01botttop {margin:0;padding:0;font-weight:700;font-size:25px;color:#3A60FC;line-height:1;}
	.section01bottbot {margin:0 auto 50px;padding:0;font-weight:700;font-size:16px;color:#444;}
	.section01bottfot {margin:0;padding:0;}
	.section01bottfot a {padding:8px 30px;background:#FF583B;border-radius:5px;color:#fff;font-weight:700;font-size:14px;}
	#section01bottrite {width:50%;}
	.section01bottimg {width:100%;margin:0;padding:0;}
	.section01bottimg img {width:100%;margin:0;padding:0;}
}
/* ==================================================================================================== */

#bgsection02 {width:100%;margin:0 auto;padding:100px 0;}
#bosection02 {width:1160px;margin:0 auto;padding:0;}
#section02head {margin:0;padding:0;text-align:center;}
.section02headtop {margin:0;padding:0;font-weight:700;font-size:20px;color:#014478;}
.section02headbot {margin:0;padding:0;font-weight:400;font-size:16px;color:#444;}
#section02bott {margin:0;padding:20px 0;display:flex;}
#section02bottbox {width:31.33%;margin:0 1%;padding:0;text-align:center;}
.section02bottimg {width:100%;margin:0 auto;padding:0;line-height:0;}
.section02bottimg img {width:80%;line-height:0;border-radius:20px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.section02botttop {margin:0;padding:0;font-weight:700;font-size:20px;color:#014478;}
.section02bottbot {margin:0;padding:0;font-weight:400;font-size:16px;color:#444;}
@media screen and (max-width: 980px)
{
	#bgsection02 {width:100%;margin:0 auto;padding:100px 0;}
	#bosection02 {width:90%;margin:0 auto;padding:0;}
	#section02head {margin:0;padding:0;text-align:center;}
	.section02headtop {margin:0;padding:0;font-weight:700;font-size:20px;color:#014478;}
	.section02headbot {margin:0;padding:0;font-weight:400;font-size:16px;color:#444;}
	#section02bott {margin:0;padding:20px 0;display:flex;flex-wrap:wrap;}
	#section02bottbox {width:100%;margin:0 auto 5%;padding:0;text-align:center;}
	.section02bottimg {width:100%;margin:0 auto;padding:0;line-height:0;}
	.section02bottimg img {width:80%;line-height:0;border-radius:20px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
	.section02botttop {margin:0;padding:0;font-weight:700;font-size:20px;color:#014478;}
	.section02bottbot {margin:0;padding:0;font-weight:400;font-size:16px;color:#444;}
}
/* ==================================================================================================== */

#bgsection03 {width:100%;margin:0 auto;padding:100px 0;background:#F1F4FC;}
#bosection03 {width:990px;margin:0 auto;padding:0;}
#section03head {margin:0;padding:0;text-align:center;}
.section03headtop {margin:0;padding:0;font-weight:700;font-size:30px;color:#014478;}
.section03headbot {margin:0;padding:0;font-weight:400;font-size:18px;color:#444;}
#section03bott {margin:0;padding:20px 0;display:flex;align-items:center;}
.section03botttop {width:40%;margin:0;padding:0;font-weight:700;font-size:20px;color:#014478;}
.section03bottbot {width:60%;margin:0;padding:0;font-weight:400;font-size:18px;color:#444;}
@media screen and (max-width: 980px)
{
	#bgsection03 {width:100%;margin:0 auto;padding:100px 0;background:#F1F4FC;}
	#bosection03 {width:80%;margin:0 auto;padding:0;}
	#section03head {margin:0;padding:0;text-align:center;}
	.section03headtop {margin:0;padding:0;font-weight:700;font-size:30px;color:#014478;}
	.section03headbot {margin:0;padding:0;font-weight:400;font-size:18px;color:#444;}
	#section03bott {margin:0;padding:20px 0;display:flex;flex-wrap:wrap;align-items:center;}
	.section03botttop {width:100%;margin:0;padding:0;font-weight:700;font-size:20px;color:#014478;}
	.section03bottbot {width:100%;margin:0;padding:0;font-weight:400;font-size:18px;color:#444;}
}
/* ==================================================================================================== */

#bgsection04 {width:100%;margin:0 auto;padding:100px 0;}
#bosection04 {width:990px;margin:0 auto;padding:0;}
#section04head {margin:0;padding:0;text-align:center;}
.section04headtop {margin:0;padding:0;font-weight:700;font-size:30px;color:#014478;}
.section04headbot {margin:0;padding:0;font-weight:400;font-size:18px;color:#444;}
#section04bott {margin:0;padding:20px 0;display:flex;flex-wrap:wrap;}
#section04bottbox {width:100%;margin:0 auto 5%;padding:0;display:flex;align-items:center;}
#section04bottboxleft {width:10%;margin:0;padding:0 2% 0 0;}
.section04bottimg {width:100%;margin:0 auto;padding:0;line-height:0;}
.section04bottimg img {width:100%;line-height:0;border-radius:20px;}
#section04bottboxrite {width:88%;margin:0;padding:0;}
.section04botttop {margin:0;padding:0;font-weight:700;font-size:20px;color:#014478;}
.section04bottbot {margin:0;padding:0;font-weight:400;font-size:16px;color:#444;}
@media screen and (max-width: 980px)
{
	#bgsection04 {width:100%;margin:0 auto;padding:100px 0;}
	#bosection04 {width:90%;margin:0 auto;padding:0;}
	#section04head {margin:0;padding:0;text-align:center;}
	.section04headtop {margin:0;padding:0;font-weight:700;font-size:30px;color:#014478;}
	.section04headbot {margin:0;padding:0;font-weight:400;font-size:18px;color:#444;}
	#section04bott {margin:0;padding:20px 0;display:flex;flex-wrap:wrap;}
	#section04bottbox {width:100%;margin:0 auto 5%;padding:0;display:flex;align-items:center;}
	#section04bottboxleft {width:20%;margin:0;padding:0 2% 0 0;}
	.section04bottimg {width:100%;margin:0 auto;padding:0;line-height:0;}
	.section04bottimg img {width:100%;line-height:0;border-radius:20px;}
	#section04bottboxrite {width:78%;margin:0;padding:0;}
	.section04botttop {margin:0;padding:0;font-weight:700;font-size:18px;color:#014478;}
	.section04bottbot {margin:0;padding:0;font-weight:400;font-size:15px;color:#444;}
}
/* ==================================================================================================== */

#bgsection05 {width:100%;margin:0 auto;padding:100px 0;background:#F1F4FC;}
#bosection05 {width:990px;margin:0 auto;padding:0;}
#section05bott {margin:0;padding:20px 0;display:flex;flex-wrap:wrap;}
.section05botttop {width:100%;margin:0;padding:0;font-weight:700;font-size:30px;color:#014478;}
.section05bottbot {width:100%;margin:0;padding:0;font-weight:400;font-size:20px;color:#444;}
@media screen and (max-width: 980px)
{
	#bgsection05 {width:100%;margin:0 auto;padding:100px 0;background:#F1F4FC;}
	#bosection05 {width:90%;margin:0 auto;padding:0;}
	#section05bott {margin:0;padding:20px 0;display:flex;flex-wrap:wrap;}
	.section05botttop {width:100%;margin:0;padding:0;font-weight:700;font-size:30px;color:#014478;}
	.section05bottbot {width:100%;margin:0;padding:0;font-weight:400;font-size:20px;color:#444;}
}
/* ==================================================================================================== */

#bgsection06 {width:100%;margin:0 auto;padding:100px 0;}
#bosection06 {width:990px;margin:0 auto;padding:0;}
#section06head {margin:0;padding:0;text-align:center;}
.section06headtop {margin:0;padding:0;font-weight:700;font-size:30px;color:#014478;}
.section06headbot {margin:0;padding:0;font-weight:700;font-size:18px;color:#444;}
#section06bott {margin:0;padding:20px 0;display:flex;}
#section06bottbox {width:50%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;text-align:center;}
.section06botttop {width:100%;margin:0;padding:0;font-weight:700;font-size:20px;color:#014478;}
.section06bottbot {width:100%;margin:0 auto 5%;padding:0;font-weight:400;font-size:16px;color:#444;}
.section06bottfot {width:100%;margin:0;padding:0;}
.section06button {margin:0;padding:5px 30px;background:#FF583B;border-radius:5px;color:#fff;font-weight:700;font-size:16px;}
@media screen and (max-width: 980px)
{
	#bgsection06 {width:100%;margin:0 auto;padding:100px 0;}
	#bosection06 {width:90%;margin:0 auto;padding:0;}
	#section06head {margin:0;padding:0;text-align:center;}
	.section06headtop {margin:0;padding:0;font-weight:700;font-size:30px;color:#014478;}
	.section06headbot {margin:0;padding:0;font-weight:700;font-size:18px;color:#444;}
	#section06bott {margin:0;padding:20px 0;display:flex;flex-wrap:wrap;}
	#section06bottbox {width:100%;margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;text-align:center;}
	.section06botttop {width:100%;margin:0;padding:0;font-weight:700;font-size:20px;color:#014478;}
	.section06bottbot {width:100%;margin:0 auto 5%;padding:0;font-weight:400;font-size:16px;color:#444;}
	.section06bottfot {width:100%;margin:0;padding:0;}
	.section06button {margin:0;padding:5px 30px;background:#FF583B;border-radius:5px;color:#fff;font-weight:700;font-size:16px;}
}
/* ==================================================================================================== */

/* REGISTER PAGE */
#bgaffiliateform {width:100%;margin:0 auto;padding:50px 0;background:#fff;}
#boaffiliateform {width:1160px;margin:0 auto;padding:20px;display:flex;align-items:center;}
#affiliateformleft {width:35%;margin:0 2% 0 0;padding:0;}
#affiliateformrite {width:63%;margin:0 auto;padding:0;text-align:right;}
.affiliateformriteimg {width:100%;margin:0;padding:0;}
.affiliateformriteimg img {width:80%;height:auto;}
@media screen and (max-width:980px)
{
	#bgaffiliateform {width:100%;margin:0 auto;padding:50px 0;background:#fff;}
	#boaffiliateform {width:90%;margin:0 auto;padding:20px;display:flex;align-items:center;flex-wrap:wrap;}
	#affiliateformleft {width:100%;margin:0 auto 5%;padding:0;}
	#affiliateformrite {width:100%;margin:0 auto;padding:0;text-align:center;}
	.affiliateformriteimg {width:100%;margin:0;padding:0;}
	.affiliateformriteimg img {width:100%;height:auto;}
}
/* ==================================================================================================== */


/* FORM */
#bgboxformaff {width:100%;margin:0 auto;}
#boxformaff {padding:0;}
#boxformaffhed {margin:0 auto 20px;padding:0;text-align:center;}
.boxformafftit {margin:0 auto;padding:0;font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;color:#014478;}
.boxformaffdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Titillium Web', sans-serif;color:#444;}

#boxformaffbodi {margin:20px 0 0;}
#boxformaffrow {margin:10px 0;}
#boxformafflabel {width:100%;float:left;padding:0;text-align:left;}
#boxformaffinput {width:100%;float:left;padding:0;text-align:left;background:#fff;}
#boxformaffinput select {border:none;border:1px solid #ccc;font:14px 'Titillium Web', sans-serif;padding:2%;width:100%;text-align:left;background:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:3px;color:#999;}
.combo {font-size:13px;font-family:'Titillium Web', sans-serif;}
.loginform {border:none;border:1px solid #ccc;font:14px 'Titillium Web', sans-serif;padding:2%;width:96%;text-align:left;background:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:3px;color:#666;}
.loginform:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}

#boxformaffresult {width:96%;float:left;padding:2%;text-align:left;background:#fff;color:#C00;}

.isiform {border:none;border:1px solid #ccc;font:14px 'Titillium Web', sans-serif;padding:2%;width:96%;text-align:left;background-color:#ffffff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:3px;color:#C00;}
#boxformaffnote {text-align:left;}

#boxformaffdate {width:96%;float:left;padding:2%;text-align:left;background:#fff;}
#boxformaffdate select {border:none;border:1px solid #ccc;font:14px 'Titillium Web', sans-serif;padding:1.5%;width:20%;text-align:left;background-color:#ffffff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:3px;color:#999;}
#boxformaffdate select.tglinput {width:15%;}
#boxformaffdate select.blninput {width:30%;}
#boxformaffdate select.thninput {width:16%;}
#boxformafflabels {width:47.3%;float:left;padding:0;margin:1%;}


#boxformafffooter {margin:0 auto;padding:10px 0 0;}
#boxformafffooter a {color:#C00;}
#boxformafffooter a:hover {color:#305D37;}
#boxformafffooterleft {width:50%;float:left;margin:0 auto;padding:0;font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;}
#boxformafffootermidd {margin:0 auto;padding:0;font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;text-align:center;}
#boxformafffooterrite {width:50%;float:left;margin:0 auto;padding:0;font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;text-align:right;}
@media screen and (max-width: 980px)
{
	
}
/* ==================================================================================================== */
















/* Gaya kustom untuk memastikan kontainer slideshow *
.slideshow-container {
	max-width: 990px;
	position: relative;
	margin: auto;
	overflow: hidden; /* Penting untuk menyembunyikan slide yang tidak aktif *
	border-radius: 0.75rem; /* Tambahkan sudut membulat *
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Gaya untuk setiap slide - PENTING untuk transisi *
.mySlides {
	display: none; /* Sembunyikan semua slide secara default *
	animation: fade 1.5s;
}

/* Efek Transisi Memudar (Fade) *
@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

/* Kontrol tombol Sebelumnya/Berikutnya *
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 1rem;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 1.5rem;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
}

/* Posisi tombol "Berikutnya" ke kanan *
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* Efek hover pada tombol *
.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
}

/* Styling teks keterangan slide *
.text {
	color: #f2f2f2;
	font-size: 1.125rem;
	padding: 8px 12px;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.6);
}

/* Styling titik-titik (dot) penunjuk slide *
.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active, .dot:hover {
	background-color: #717171;
}

/* Pastikan gambar responsif *
.mySlides img {
	width: 100%;
	height: auto;
	display: block;
}
*/