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

.type-home{
	margin:0;
	padding:0;
}
.type-home .type-top{
	margin:0;
	padding:0;
	    padding-bottom: 5px;
    border-bottom: 1px solid #d6d6d6;
    letter-spacing: 1px;
    font: 40px/35px 'thaisanslite', Arial, sans-serif;
    font-weight: bold;
	color: #bea75a;
}
.type-home .social-row{
	margin:0;
	padding:0;
	padding:20px 0px;
	padding-bottom:10px
}
.type-home .social-row img{
	max-width:100%;
	height:auto;
}
.type-home .type-mid{
	margin:0;
	padding:0;
}
.type-pic{
 margin:0;
 padding:0;
}
.type-pic img{
	max-width:100%;
	height:auto;	
}
.type-home .banner-download{
 margin:0;
 padding:0;
 margin-top:30px;
 padding-left: 60px;
 padding-top: 5px;
 width: 203px;
 height:54px;
 text-align:left;
 letter-spacing:1px;
 font: 18px/20px 'thaisanslite', Arial, sans-serif;
 font-weight:bold;
 background:url(../images/program/type-home/banner-1.png) top left no-repeat;
}

.type-home .banner-price{
	margin-top:30px;
	width:306px;
	height:75px;
	padding-top:15px;
	background-color:#bea75a;
	font: 24px/20px 'thaisanslite', Arial, sans-serif;
	text-align:center;
	color:#fff;
}
.type-home .banner-price:hover{
	color:#fff;
	cursor:pointer;
	background-color:#c5b379;
}
.type-home .feature{padding: 25px 0;}
.type-home .feature .col-lg-2{
	flex: 0 0 11.62%;
    max-width:11.62%;   
}
.type-home .feature .feature-block{    
background-color: #65a4c8;
    color: #fff;
  font: 24px/20px 'thaisanslite', Arial, sans-serif;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
	padding:10px;
	}	
	.type-home .feature .feature-block img{ 
	max-width:50%;
	height:auto;
	}
	
@media (max-width: 575px) { 
.type-home .feature .col-lg-2{
    flex: 0 0 30%;
    max-width:30%;
    margin: 0 1% 10px 1%;	
}
.type-home .feature .feature-block img{ 
	max-width:100%;
	height:auto;
	}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.type-home .feature .col-lg-2{
    flex: 0 0 30%;
    max-width:30%;
    margin: 0 1% 10px 1%;	
}
.type-home .feature .feature-block img{ 
	max-width:100%;
	height:auto;
	}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.type-home .feature .col-lg-2{
     flex: 0 0 20%;
    max-width:20%;
    margin: 0;	
}
.type-home .feature .feature-block img{ 
	max-width:100%;
	height:auto;
	}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.type-home .feature .col-lg-2{
     flex: 0 0 12%;
    max-width:12%;
    margin: 0;	
}
.type-home .feature .feature-block img{ 
	max-width:100%;
	height:auto;
	}
 }
@media (min-width: 1200px) { ... }	
	
	
.type-home .plan-pic{
	margin:0;
	padding:0;
}
.type-home .plan-pic .plan-top{
	margin:0;
	padding:0;	
	  font: 40px/35px 'thaisanslite', Arial, sans-serif;
    font-weight: bold;
	color: #bea75a;
	letter-spacing:1px;
}
.type-home .plan-pic .plan-mid{
	margin:0;
	padding:0;
}
.type-home .plan-pic .plan-mid .plan-pic{
	margin:0;
	padding:0;	
}
.type-home .plan-pic .plan-mid .plan-pic img{
	max-width:100%;
	height:auto;	
}
.type-home .plan-pic .plan-mid .plan-text{
	margin:0;
	padding:0;	
	text-align:center;
	 font: 30px/35px 'thaisanslite', Arial, sans-serif;
	 color:#333;
	 font-weight:bold;
}

.type-home .contact{
	margin:0;
	padding:0;
	margin:20px 0px;
	padding-bottom:20px;
	border-top: 1px solid #d6d6d6;
}

.type-home .contact .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-seblect: none;
    user-select: none;
    border: 1px solid transparent;
    width: 120px;
    height: 38px;
    font: 22px/24px 'thaisanslite', Arial, sans-serif;
    border-radius: 2px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.type-home .contact .btn-primary {
    color: #bea75a;
	background:none;
    border-color:#bea75a;
}
.type-home .contact .btn-primary:hover {
    color: #bea75a;
   background-color: #ece6d3;
	cursor:pointer;
   border-color: #bea75a;
}


.productNav{
	width: 100%;
	text-align:center;
	padding: 40px 0;
	margin: 0px 0;
	clear: both;
}
.productNav a{
	display: inline-block;
	height: 80px;
	margin: 0 10px;
}
.productNav a span{
	display: block;
	float: left;
}
.productNav a .txt{
	background-color:#70a3c8;
	font: 28px/79px 'thaisanslite', Arial, sans-serif;
	color: #fff;
	padding: 0 25px;
}
.productNav a .img{
	width: 105px;height: 100%;
	overflow: hidden;
}
.productNav a .img img{
	width:140%;
	height:auto;
}
.productNav .prev .txt{
	background-image:url(../images/arrow-left.png);
	background-position:5% 33px;
	background-repeat:no-repeat;
}
.productNav .next .txt{
	background-image:url(../images/arrow-right.png);
	background-position:95% 33px;
	background-repeat:no-repeat;
}


@media (max-width: 575px) { 
.productNav a{width: 40%;height: 125px;position: relative;margin:0 3%;}
	.productNav a .txt{line-height: 50px;height: 50px;position: absolute;bottom: 0;padding:0;width: 100%;z-index: 10;font-size: 30px;}
	.productNav .next .txt{background-position: 95% 17px;}
	.productNav .prev .txt{background-position: 5% 17px;}
	.productNav a .img{width:100%;height: auto;}
	.productNav a .img img{width:100%; height: auto;}
 }
@media (min-width: 576px) and (max-width: 767px) {
	.productNav a{width: 40%;height: 125px;position: relative;margin:0 3%;}
	.productNav a .txt{line-height: 50px;height: 50px;position: absolute;bottom: 0;padding:0;width: 100%;z-index: 10;font-size: 30px;}
	.productNav .next .txt{background-position: 95% 17px;}
	.productNav .prev .txt{background-position: 5% 17px;}
	.productNav a .img{width:100%;height: auto;}
	.productNav a .img img{width:100%; height: auto;}
	 }
@media (min-width: 768px) and (max-width: 991px) { 
.productNav a .txt{line-height: 78px}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
.productNav a .txt{line-height: 79px}
 }
@media (min-width: 1200px) { ... }