.gmh{
	position:relative;
	background:#fff url(../images/kts/kts_0005.png) top center no-repeat;
	height: 450px;
	}


.gmh .po-banner{
	padding-bottom:10px;
	}	
.gmh .po-banner img{
	max-width:100%;
	height:auto;
	}		
	
.gmh .gm-list{
	
	}
.gmh .gm-list .top{
	padding-left:90px;
	padding-top:50px;
	padding-bottom:12px;
	background:url(../images/kts/kts_0021.png) top left no-repeat;
	font: 21px/24px 'Kanit', Arial, sans-serif;
	color:#f39400;
	font-weight:bold;
	
	}
.gmh .gm-list .top span{
	color:#16267d;
	
	}				
.gmh .gm-list .mid{
	padding-top:15px;
	padding-bottom:30px;
	
	}
.gmh .gm-list .mid ul{
	padding-left:39px;
	margin:0;
	
	}			
	
.gmh .gm-list .mid ul li{
	font: 17px/20px 'Kanit', Arial, sans-serif;
	padding:5px 0;
	padding-left:32px;
	background:url(../images/kts/kts_0020.png) 0 50% no-repeat;
	
	}		
.gmh .gm-list .mid ul li a{
	color:005be1;
	}	
	
.gmh .gm-vision{
	padding-top:54px;
	padding-left:30px;
	padding-bottom:20px;
	color: #000;
	}	
	
.gmh .gm-vision .top{
	font: 25px/19px 'Kanit', Arial, sans-serif;
	background: url("../images/kts/kts_1111.png") top left no-repeat;
	padding: 20px 75px;
	color: #ffff;
	}	
	
.gmh .gm-vision .mid{
	padding-top: 15px;
	font: 21px/36px 'Kanit', Arial, sans-serif;
	color: #119330;
	}			
.gmh .gm{
	margin-top: -44px;
	}
.gmh .gm .pic{
	text-align:center;
	
	}	

.gmh .gm .pic img{
	max-width:100%;
	height:auto;	
	
	}
.gmh .gm .text{
	padding: 15px 0px;
	/* color:#16267d; */
	/* background:url(../images/kts/kts_0035.png) top left no-repeat; */
	}
.gmh .gm .text .name{
	font: 25px/35px 'Kanit', Arial, sans-serif;
	text-align: center;
	color: #fa990e;
	}
.gmh .gm .text .rank{
	font: 18px/39px 'Kanit', Arial, sans-serif;
	color: #129330;
	}		
.gmh .gm .text .btn-a{
	text-align:right;
	
	}			

@media (min-width: 992px) and (max-width: 1199px) { 
.gmh{
	background: url(../images/kts/kts_0005.png) -447px 0 no-repeat;
	}	
.gmh .gm {
    margin-top: -44px;
}	
.gmh .gm .text .name {
    font: 22px/35px 'Kanit', Arial, sans-serif;
}
.gmh .gm .text .rank {
    font: 16px/25px 'Kanit', Arial, sans-serif;
}	
 }
@media (min-width: 768px) and (max-width: 991px) {
.gmh{
	background:#1d36b4 url(../images/kts/kts_0005.png) top left no-repeat;
	}	
.gmh .gm-vision {
    padding-top: 90px;

}	
.gmh .gm {
    margin-top: 0px;
}
.gmh .gm .text {
		text-align: center;
		padding: 17px 58px;
		color: #16267d;
		/* background: url(../images/kts/kts_0035.png) top center no-repeat; */
}
.gmh .gm .text .btn-a {
    text-align: center;
}	
}
@media (max-width: 374px) {
.gmh{
	background: url("../images/kts/kts_0031.png") 70% 0% no-repeat;
	height: 935px;
	}	
.gmh .gm-list .top{
	color:#fff;
	
	}

.gmh .gm-vision{
	padding-top:20px;
	}
	
.gmh .gm-list .top span{
	color:#fff;
	
	}		
.gmh .gm-list .mid ul li a{
	color:#fff;
	}	
		
.gmh .gm{
	margin-top: 39px;
	}
.gmh .gm-vision .mid{
	
font: 13px/36px 'Kanit', Arial, sans-serif;
}
.gmh .gm .text .rank{
	
font: 17px/27px 'Kanit', Arial, sans-serif;
	
text-align: center;
}	
}	

@media (min-width: 375px) and (max-width: 413px) {
.gmh{
	background: url("../images/kts/kts_0031.png") 70% 0% no-repeat;
	height: 935px;
	}	
.gmh .gm-list .top{
	color:#fff;
	
	}

.gmh .gm-vision{
	padding-top:20px;
	}
	
.gmh .gm-list .top span{
	color:#fff;
	
	}		
.gmh .gm-list .mid ul li a{
	color:#fff;
	}	
		
.gmh .gm{
	margin-top: 64px;
	}
.gmh .gm-vision .mid{
	
font: 13px/36px 'Kanit', Arial, sans-serif;
}
.gmh .gm .text .rank{
	
font: 19px/27px 'Kanit', Arial, sans-serif;
	
text-align: center;
}	
}

@media (min-width: 414px) and (max-width: 575px){
.gmh{
	background: url("../images/kts/kts_0031.png") 70% 0% no-repeat;
	height: 935px;
	}	
.gmh .gm-list .top{
	color:#fff;
	
	}

.gmh .gm-vision{
	padding-top:20px;
	}
	
.gmh .gm-list .top span{
	color:#fff;
	
	}		
.gmh .gm-list .mid ul li a{
	color:#fff;
	}	
		
.gmh .gm{
	margin-top: 55px;
	}
.gmh .gm-vision .mid{
	
font: 13px/36px 'Kanit', Arial, sans-serif;
}
.gmh .gm .text .rank{
	
font: 16px/35px 'Kanit', Arial, sans-serif;
	
text-align: center;
}	
}

@media (min-width: 576px) and (max-width: 991px) {
.gmh{
	background: url("../images/kts/kts_0031.png") 70% 0% no-repeat;
	height: 935px;
	}	
.gmh .gm-list .top{
	color:#fff;
	
	}

.gmh .gm-vision{
	padding-top:20px;
	}
	
.gmh .gm-list .top span{
	color:#fff;
	
	}		
.gmh .gm-list .mid ul li a{
	color:#fff;
	}	
		
.gmh .gm{
	margin-top: 28px;
	}
.gmh .gm-vision .mid{
	
font: 20px/36px 'Kanit', Arial, sans-serif;
}
.gmh .gm .text .rank{
	
font: 17px/27px 'Kanit', Arial, sans-serif;
	
text-align: center;
}	
}	
@media (min-width: 1200px) and (max-width: 1280px){
.gmh .gm .text .rank{
		
font: 15px/39px 'Kanit', Arial, sans-serif;
}	
}
@media (min-width: 1281px) and (max-width: 1366px){
.gmh .gm .text .rank{
		
font: 17px/39px 'Kanit', Arial, sans-serif;
}
}