@charset "utf-8";
/* CSS Document */

.btn-lightblue{background-color:#20bac8;color:white;}
.draw-main{padding-bottom:0px;}
.desktop{display:block;}
.mob{display:none;}

.hometop{width:100%; min-height:717px;background-image: url("../images/bg.jpg"); background-size: cover;background-repeat: no-repeat; background-position: top center;}

.home-bottle img{position: relative;}

.hometop-content{/*border:1px solid red;*/position: relative;min-height:717px;}
.hometop-content p{position: absolute;top: 210px;z-index: 1;width: 400px;left: 90px;}

.hometop-content .home-prize{position: relative;left:-150px;width:auto;}

.hometop-content .btn-tnc{position: absolute;bottom: 10px;left:400px;right:auto;border:2px solid white;}
.hometop-content .btn-tnc.en{left:350px;}

.hometop-content .remarks {font-size:9px;position: absolute;top: 610px;left: -60px;}
.hometop-content .samsung {position: absolute;bottom: 0px;right:35px;}
.hometop-content .samsung img{width:100%;}
.banner { width:640px; margin-top: 20px; margin-bottom: 20px; }
/* =========== 1200 ========== */
@media (max-width: 1200px){
	
	.home-bottle img{left:-50px;}
	.hometop-content .home-prize{left:-200px;}
	
	.hometop-content p{left: 40px;}
	.hometop-content .remarks {left: -110px;}
	.hometop-content .btn-tnc{left: 380px;}
	.hometop-content .btn-tnc.en{left:300px;}
	.hometop-content .samsung {right:-20px;}
}

@media (max-width: 991px){
	/*.hometop-content{background-image:url("../images/mob-bg.png"); }*/
	.desktop{display:none;}
	.mob{display:block;}
	
	.hometop{min-height:0px;}
	.hometop-content{min-height:0px;}
	
	.hometop-content .home-prize{left:0px;width:100%;}
	.hometop-content p{top: 52%;width: 61%;left: 30%;}
	
	.hometop-content .remarks {top: 90%;left: 6%;}
	.hometop-content .btn-tnc{position: relative;left:2%;top:auto;/*top: 85%;left:auto;right:2%;*/}
	.hometop-content .btn-tnc.en{left:2%;}
	
	.hometop-content .samsung {right:-15px;width:50%;}
	.banner { width:100%; }	
}
@media (max-width: 768px){
	/*.hometop-content .btn-tnc{position: relative;top:auto;}
	.hometop-content .remarks {position: relative;}*/
		
	.hometop-content p{top: 52%;}
	.hometop{background-image: url("../images/bg-m.jpg"); background-size: contain;background-repeat: repeat-x;}
}
@media (max-width: 572px){ /*mobile*/
	.hometop-content .btn-tnc{/*top: 92%;left:2%;right:auto;*/position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:10px 0px;}
	
	.hometop-content .remarks {position: relative;left:3%;}
	.hometop-content p{top: 43%;}
	.hometop-content p{width: 65%;font-size:12px;}
}