#mySidebar{
	position:relative;
	z-index:10;
}
#myHeader{
	position:relative;
	height:auto;
}
/*
#myHeader:before{
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(/images/cantikbet-header-bg-01.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:-250px top;
}
#myHeader:after{
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(/images/cantikbet-header-bg-02.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:calc(100% + 100px) top;
}
*/
@media(min-width:768px){
	#myHeader{
		position:relative;
		/*height:350px;*/
	}
	/*
	#myHeader:before{
		background-size:100%;
		background-position:left center;
	}
	#myHeader:after{
		background-size:100%;
		background-position:right center;
	}
	*/
}
.header-container{
	position:relative;
	z-index:2;
}
footer{
	position:relative;
}
footer:after{
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(/images/cantikbet-footer-bg-01.png);
	background-repeat:no-repeat;
	background-position:calc(100% + 150px) bottom;
}
footer .footer-container{
	position:relative;
	z-index:2;
}
html,body{
	height:100%;
}
.just-img{
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	position:relative;
	opacity:0.65;
	min-height:calc(100% + 100px);
}
.just-img.bg-01{
	background-image:url('/images/cantikbet88-bg-01.jpg');
}
.just-img.bg-02{
	background-image:url('/images/cantikbet88-bg-02.jpg');
	min-height:calc(100% + 300px);
}
.just-img.bg-03{
	background-image:url('/images/cantikbet88-bg-03.jpg');
}
.just-img.bg-04{
	background-image:url('/images/cantikbet88-bg-04.jpg');
	background-position:left;
}
.just-img.bg-05{
	background-image:url('/images/cantikbet88-bg-05.jpg');
}
.just-img.bg-06{
	background-image:url('/images/cantikbet88-bg-06.jpg');
}
.just-img.bg-07{
	background-image:url('/images/cantikbet88-bg-07.jpg');
}
.just-img.bg-08{
	background-image:url('/images/cantikbet88-bg-08.jpg');
}
.just-img.bg-09{
	background-image:url('/images/cantikbet88-bg-09.jpg');
}
.just-img.bg-10{
	background-image:url('/images/cantikbet88-bg-10.jpg');
}
.just-img.bg-11{
	background-image:url('/images/cantikbet88-bg-11.jpg');
}
.just-img.bg-12{
	background-image:url('/images/cantikbet88-bg-12.jpg');
	background-position:left;
}
.caption{
	position:absolute;
	top:auto;
	bottom:10%;
	margin-top:-125px;
	width:100%;
	height:250px;
	outline:0px blue solid;
	text-align:center;
}
.just-img.bg-02 .caption,
.just-img.bg-03 .caption,
.just-img.bg-04 .caption,
.just-img.bg-05 .caption,
.just-img.bg-06 .caption,
.just-img.bg-07 .caption,
.just-img.bg-08 .caption,
.just-img.bg-09 .caption,
.just-img.bg-10 .caption,
.just-img.bg-11 .caption,
.just-img.bg-12 .caption{
	width:80%;
	left:50%;
	margin-left:calc(80% / 2 * (-1));
	height:auto;
}
.just-img.bg-06 .caption{
	margin-top:-175px;
	height:350px;
}
.caption h1, .caption h2, .caption h3{
	background:#111;
	color:#fff;
	display:inline-block;
	padding:10px 30px;
}
.caption-02, .caption-03{
	padding-left:10px;
	padding-right:10px;
	color:#fff;
}
.caption-02{
	background-color:rgba(255,50,50,0.6);
}
.caption-02 h2{
	background:rgba(200,20,20,0.8);
}

.caption-03{
	background-color:rgba(190,15,15,0.6);
}
.caption-03 h2{
	background:rgba(140,10,10,0.8);
}
.just-img.bg-06 .caption{
	height:auto;
}


.just-img.promo-01{
	background-image:url('/images/cantikbet88-bg-06.jpg');
}
.just-img.promo-01 .caption{
	top:50%;
	Sbottom:auto;
	margin-top:-225px;
	height:auto;
}
@media(min-width:768px){
	.just-img.bg-04{
		background-position:center;
	}
	.just-img.bg-12{
		background-position:center;
	}
	.caption{
		position:absolute;
		top:50%;
		bottom:auto;
		margin-top:-125px;
		width:100%;
		height:250px;
		outline:0px blue solid;
		text-align:center;
	}
	.just-img.bg-02 .caption,
	.just-img.bg-03 .caption,
	.just-img.bg-04 .caption,
	.just-img.bg-05 .caption,
	.just-img.bg-06 .caption,
	.just-img.bg-07 .caption,
	.just-img.bg-08 .caption,
	.just-img.bg-09 .caption,
	.just-img.bg-10 .caption,
	.just-img.bg-11 .caption,
	.just-img.bg-12 .caption{
		width:80%;
		left:50%;
		margin-left:calc(80% / 2 * (-1));
		height:auto;
	}
	.just-img.bg-12 .caption{
		top:40%;
	}
	footer:after{
		content:'';
		position:absolute;
		z-index:1;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-image:url(/images/cantikbet-footer-bg-01.png);
		background-repeat:no-repeat;
		background-size:100%;
		background-position:right top;
	}
}
.just-img .w3-btn{
	background:#e88;
}
.just-img strong{
	color:#ffff2f;
}
.just-img a{
	color:#87ff98;
}

.just-for-about{
	position:relative;
	height:calc(50vh);
	overflow-y:hidden;
}
.just-for-about .img{
	width:calc(100vw / 4);
	min-height:100vh;
	position:absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	background-position:center -150px;
	transition:all ease-in 1s;
	z-index:2;
	overflow-x:hidden;
}
.just-for-about .img img{
	display:block;
	width:50vw;
	opacity:0;
	position:absolute;
	bottom:50vh;
	left:50%;
	margin-left:calc(50vw / 2 * (-1));
	transition:all ease-in 1s;
}
.just-for-about .img:hover{
	width:75%;
	z-index:3;
}
.just-for-about .img:hover img{
	opacity:1;
}
.just-for-about .img-01{
	left:calc(100% / 4 * 0);
	background-image:url('/images/cantikbet88-bg-01.jpg');
}
.just-for-about .img-02{
	left:calc(100% / 4 * 1);
	background-image:url('/images/cantikbet88-bg-02.jpg');
}
.just-for-about .img-03{
	left:calc(100% / 4 * 2);
	background-image:url('/images/cantikbet88-bg-03.jpg');
}
.just-for-about .img-04{
	left:calc(100% / 4 * 3);
	background-image:url('/images/cantikbet88-bg-04.jpg');
	background-position:left;
}
.just-for-about .img-05{
	display:none;
	left:calc(100% / 12 * 4);
	background-image:url('/images/cantikbet88-bg-05.jpg');
}
.just-for-about .img-06{
	display:none;
	left:calc(100% / 12 * 5);
	background-image:url('/images/cantikbet88-bg-06.jpg');
}
.just-for-about .img-07{
	display:none;
	left:calc(100% / 12 * 6);
	background-image:url('/images/cantikbet88-bg-07.jpg');
}
.just-for-about .img-08{
	display:none;
	left:calc(100% / 12 * 7);
	background-image:url('/images/cantikbet88-bg-08.jpg');
}
.just-for-about .img-09{
	display:none;
	left:calc(100% / 12 * 8);
	background-image:url('/images/cantikbet88-bg-09.jpg');
}
.just-for-about .img-10{
	display:none;
	left:calc(100% / 12 * 9);
	left:auto;
	right:calc(100% / 12 * 2);
	background-image:url('/images/cantikbet88-bg-10.jpg');
}
.just-for-about .img-11{
	display:none;
	left:calc(100% / 12 * 10);
	left:auto;
	right:calc(100% / 12 * 1);
	background-image:url('/images/cantikbet88-bg-11.jpg');
}
.just-for-about .img-12{
	display:none;
	left:calc(100% / 12 * 11);
	left:auto;
	right:calc(100% / 12 * 0);
	background-image:url('/images/cantikbet88-bg-12.jpg');
	background-position:left;
}
.just-for-about .img-02:hover{
	left:0;
}
.just-for-about .img-03:hover{
	left:calc(100% / 4 * 1);
	right:0;
}
.just-for-about .img-04:hover{
	left:calc(100% / 12 * 2);
	left:auto;
	right:0;
}
.just-for-about .img-05:hover{
	left:calc(100% / 12 * 3);
}
.just-for-about .img-06:hover{
	left:calc(100% / 12 * 4);
}
.just-for-about .img-07:hover{
	left:calc(100% / 12 * 5);
}
.just-for-about .img-10:hover{
	left:auto;
	right:0;
}
.just-for-about .img-11:hover{
	left:auto;
	right:0;
}
.just-for-about .img-12:hover{
	left:auto;
	right:0;
}

@media(min-width:768px){
	.just-for-about{
		height:calc(100vh - 25%);
	}
	.just-for-about .img{
		width:calc(100vw / 12);
		background-position:top;
	}
	.just-for-about .img img{
		width:70%;
		margin-left:calc(70% / 2 * (-1));
		bottom:1px;
	}
	.just-for-about .img:hover{
		width:33%;
	}
	.just-for-about .img:hover img{
		bottom:30%;
	}
	.just-for-about .img-01{
		left:calc(100% / 12 * 0);
	}
	.just-for-about .img-02{
		left:calc(100% / 12 * 1);
	}
	.just-for-about .img-03{
		left:calc(100% / 12 * 2);
		background-image:url('/images/cantikbet88-bg-03.jpg');
	}
	.just-for-about .img-04{
		left:calc(100% / 12 * 3);
		background-image:url('/images/cantikbet88-bg-04.jpg');
		background-position:left;
	}
	.just-for-about .img-05{display:block;}
	.just-for-about .img-06{display:block;}
	.just-for-about .img-07{display:block;}
	.just-for-about .img-08{display:block;}
	.just-for-about .img-09{display:block;}
	.just-for-about .img-10{display:block;}
	.just-for-about .img-11{display:block;}
	.just-for-about .img-12{display:block;}
	.just-for-about .img-02:hover{
		left:0;
	}
	.just-for-about .img-03:hover{
		left:0;
		right:auto;
	}
	.just-for-about .img-04:hover{
		left:calc(100% / 12 * 2);
	}
}