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

.vision{
	margin:0;
	margin-bottom:30px;
	height:auto;
	
}

.vision .vision-pic{
	margin:0;
	text-align:center;
}
.vision .vision-pic img{
	max-width:100%;
}
.vision .vision-text-1{
	color:#303030;
	text-align:justify;
	font: 25px/25px 'thaisanslite', Arial, sans-serif;
	padding-bottom:20px;
	
}
.vision .vision-text-2{
	text-align:center;
	font: 19px/25px 'kanit', Arial, sans-serif;
	margin-bottom: 20px;
}
.vision .vision-text-2 .vision-left{
	margin:0 auto;
	text-align:left!important;
}
.vision .vision-text-3{
	text-align:left;
	font: 19px/30px 'kanit', Arial, sans-serif;
}
.vision  .title{
	font: 30px/25px 'thaisanslite', Arial, sans-serif;
	padding-top: 25px;
	text-align:center;
	height:87px;
	background: url(../../images/content/philosophy/bg-title.png) top center no-repeat;
	color:#fff;
}
.vision .title2{
	text-align:justify;
	font: 25px/25px 'thaisanslite', Arial, sans-serif;
	background:url(../images/content/director/icon.png) 0% 50% no-repeat;
	padding-left: 23px;
	color:#fa1b8f;
}
@media (max-width: 575px) {
	.vision{
	background:none;
	
}
}
@media (min-width: 576px) and (max-width: 991px) { 
	.vision{
	background:none;
	
}
}