.vision-h{
	background:url(../images/vision-h/vision-bg.png) top center no-repeat;
	}
	
.vision-h .los{
	padding-top:10px;
	
	}	
.vision-h .los img{
	max-width:100%;
	height:auto;
	}		
	
.vision-h .vi-block{
	width:220px;
	
	}		
.vision-h .vi-block img{
	max-width:100%;
	height:auto;
	}
	
	
	
.vision-h .leader{
	width:100%;
	position: relative;
	/* top: 134px; */
	/* left: 20px; */
	z-index: 2;
	}
.vision-h .leader .pic{
	width:100%;
	position: relative;
	/* top: -75px; */
	right: 0;
	z-index:1;
	text-align: center;
	}
.vision-h .text{
    width: 100%;
    /* height: 118px; */
    position: absolute;
    bottom: 0;
    left: 50px;
    text-align: center;
    z-index: 1;
    background: url(../images/vision-h/bg-n.png) top center no-repeat;
 }
.vision-h .text .name{
	/* width:100%; */
	/* position:absolute; */
	/* top: 15px; */
	/* left: 90px; */
	font: 20px/25px 'Kanit', Arial, sans-serif;
	padding-top: 7px;
	/* font-weight:lighter; */
	color: #000;
	}
.vision-h .text .tel{
	text-align:center;
	color:#fff;
	font: 16px/25px 'Kanit', Arial, sans-serif;
	}
.vision-h .text1 .tel{
	text-align:center;
	color:#fff;
	font: 16px/25px 'Kanit', Arial, sans-serif;
	}	
	
.vision-h .text .rack{
	width:100%;
	/* position:absolute; */
	/* top: 42px; */
	/* left: 91px; */
	font: 16px/20px 'Kanit', Arial, sans-serif;
	/* font-weight:lighter; */
	/* padding-top: 16px; */
	color: #000;
	}	
	
	
.vision-h .leader2{
	width:100%;
	position: relative;
	/* top: 105px; */
	/* left: 41px; */
	/* z-index: 33; */
	}
.vision-h .leader2 .pic{
	width:100%;
	position: relative;
	/* top: -52px; */
	/* right: 40px; */
	z-index: 1;
	text-align: center;
	}
.vision-h .text1{
	width: 350px;
	height: 80px;
	position: absolute;
	left: 80px;
	bottom: 20px;
	background: url(../images/vision-h/bg-p.png) top center no-repeat;
	z-index: 29;
	}
.vision-h .text1 .name{
	    font: 20px/25px 'Kanit', Arial, sans-serif;
	    color: #000;
	    padding-top: 4px;
	    text-align: center;
	}
.vision-h .text1 .rack{
	font: 16px/24px 'Kanit', Arial, sans-serif;
	/* padding-top: 12px; */
	color: #000;
	text-align: center;
	}	

			
@media (min-width: 320px) and (max-width: 767px) { 
.vision-h .vi-block{
	width:130px;
	
	}

.vision-h .text{
    left: 0px;

 }
	
.vision-h .text1{
	left: 0px;
	}		
}
	
@media (min-width: 1281px) and (max-width: 1366px) { 
.vision-h .vi-block{
	width:210px;
	
	}	
}