.vision{
	width:100%;
	height:704px;
	padding-bottom: 386px;
	background:url(../images/content-129-1/vision/bg-v.png) top center no-repeat;
}
.vision-top {
    margin-top: 19px;
    width: 100%;
    height: 58px;
    text-align: center;
    font: 23px/61px 'Kanit', Arial, sans-serif;
    color: #fff;
    background:
    url(../images/content-129-1/vision/bg-top.png) top center no-repeat;
}

.vision .text-title{
	text-indent:50px;
	font: 17px/24px 'Kanit', Arial, sans-serif;

}

.vision .text{
	margin-top:5px;
	color:#000;
	font: 25px/30px 'Kanit', Arial, sans-serif;
	text-align:
	center;
	padding: 10px;
}
.vision .text1{
	margin-top:5px;
	color:#000;
	font: 17px/24px 'Kanit', Arial, sans-serif;
	text-align:left;
	padding: 20px;
}
.vision .pic{
	width:100%;	
	    margin-top: 10px;
		text-align:center;
}
.vision .pic img{
	max-width:100%;
	height:auto;	
}
.mission-top {
    margin-top: 33px;
    width: 100%;
    height: 111px;
    text-align: center;
    font: 27px/59px 'Kanit', Arial, sans-serif;
    color: #FFF;
    background:url(../images/content-129-1/vision/bg-top1.png) top center no-repeat;
}

.mission-mid {
    width: 100%;
    height: auto;
    text-align: left;
    font:20px/24px 'thaisanslite', Arial, sans-serif;
    color: #482a25;
	margin-top: -20px;
}
@media (max-width: 374px) { 
	.vision .pic{
	    margin-top: 0px;
}
	}
@media (min-width: 375px) and (max-width: 413px) {
	.vision .pic{
	    margin-top: 0px;
}
	}
@media (min-width: 414px) and (max-width: 575px) {
	.vision .pic{
	    margin-top: 0px;
}
	}
@media (min-width: 992px) and (max-width: 1199px) { 
	.vision .pic{
	    margin-top: 0px;
}
	}