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

.container-1{
	margin:0;
	padding:0;
	min-height:1002px;
	background:url(../images/container-1/bg.jpg) top center no-repeat;	
}

.circle-slide{
	margin:0;
	padding:0;
}
.circle-slide .top{
	margin:0;
	padding:0;
	padding-top: 40px;
	text-align:center;
	font: 30px/50px 'Kanit', Arial, sans-serif;
	color:#323590;
}
.circle-slide .pink{
	color:#e40988;
}
.circle-slide .mid{
	margin:0;
	padding:0;
	margin-top:10px;
}
.circle-slide .c-block{
	margin:0;
	padding:0;
	width:260px;
	height:auto;
}
.circle-slide .c-block .icon{
	margin:0;
	padding:0;
	text-align:center;
}
.circle-slide .c-block .icon img{
	max-width:100%;
	height:auto;
}
.circle-slide .c-block .text{
	margin:0;
	padding:0;
	margin-top:10px;
	font: 18px/24px 'Kanit', Arial, sans-serif;
	color:#323590;
	text-align:center;
}


.promote{
	margin:0;
	padding:0;
	margin-top:30px;
}
.promote .p-top{
	margin:0;
	padding:0;
	font: 26px/40px 'Kanit', Arial, sans-serif;
	color:#333333;
	margin-bottom:10px;
	font-weight:bold;
}
.promote .p-mid{
	margin:0;
	padding:0;
}
.promote .p-mid .pic{
	margin:0;
	padding:0;
}
.promote .p-mid .pic img{
	max-width:100%;
	height:auto;
}
.promote .p-mid .bullet{
	margin:0;
	padding:0;
	margin-top:15px;
	text-align:center;
}


.banner-blue{
	margin:0;
	padding:0;
	margin-top:80px;
}
.banner-blue img{
	max-width:100%;
	height:auto;
}

.banner-pink{
	margin:0;
	padding:0;
	margin-top:80px;
}
.banner-pink img{
	max-width:100%;
	height:auto;
}

@media (max-width: 374px) { 
.container-1{
	min-height: 902px;
}
.circle-slide .top{
	font: 23px/34px 'Kanit', Arial, sans-serif;
}
.circle-slide .c-block{
	width: 194px;
}
.circle-slide .c-block .icon img{
	    max-width: 65%;
	    height: auto;
}
.circle-slide .c-block .text{
	    font: 16px/22px 'Kanit', Arial, sans-serif;	
}
.banner-blue{
	    margin-top: 20px;	
}
.banner-pink{
	    margin-top: 20px;	
}
 }
@media (min-width: 375px) and (max-width: 419px) { 
.container-1{
	min-height: 912px;
}
.circle-slide .top{
	font: 24px/34px 'Kanit', Arial, sans-serif;
}
.circle-slide .c-block{
	width: 194px;
}
.circle-slide .c-block .icon img{
	    /* max-width: 65%; */
		max-width: 94%;
	    height: auto;
}
.circle-slide .c-block .text{
	    font: 16px/22px 'Kanit', Arial, sans-serif;	
}
.banner-blue{
	    margin-top: 20px;	
}
.banner-pink{
	    margin-top: 20px;	
}
 }
@media (min-width: 420px) and (max-width: 575px) { 
.circle-slide .top{
	font: 27px/38px 'Kanit', Arial, sans-serif;
}
.circle-slide .c-block{
	width: 199px;	
}
.circle-slide .c-block .icon img{
	    max-width: 70%;
    height: auto;	
}
.banner-blue{
	    margin-top: 20px;	
}
.banner-pink{
	    margin-top: 20px;	
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.container-1{
	        min-height: 1342px;
		    background: #f7f7f7 url(../images/container-1/bg.jpg) top center no-repeat;
}
.circle-slide .top{
	font: 34px/50px 'Kanit', Arial, sans-serif;	
}
}
@media (min-width: 768px) and (max-width: 991px) { 
.container-1{
	    min-height: 1492px;	
		    background: #f7f7f7 url(../images/container-1/bg.jpg) top center no-repeat;
}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
.container-1{
	min-height: 802px;	
}
.circle-slide .c-block{
	width: 188px;
    height: auto;	
}
.circle-slide .c-block .text{
	font: 16px/23px 'Kanit', Arial, sans-serif;	
}
.circle-slide .c-block .icon img{
	    max-width: 80%;
    height: auto;	
}
 }
@media (min-width: 1200px) and (max-width: 1280px) { ... }
@media (min-width: 1281px) and (max-width: 1366px) { ... }
@media (min-width: 1367px) and (max-width: 1440px) { ... }
@media (min-width: 1441px) and (max-width: 1600px) { ... }