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

.vision-1{
	padding: 0;
	margin: 0;
	min-height: 170px;
	background: #102078 url("../images/vision-1/bg.jpg") top center no-repeat;
}
.text-vision{
	font: 23px/33px 'Kanit', Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 28px;
}
.button-more{
	padding-top: 28px;
	text-align: center;
	-webkit-animation: pin-2 1.5s linear infinite;
}

@-webkit-keyframes pin-2 {
    0% {
        -webkit-transform: translateY(-5px);
    }
    50% {
        -webkit-transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(-5px);
    }
}	
@media (max-width: 374px) { .vision-1{
	padding: 0;
	margin: 0;
	min-height: 170px;
	background: #363a81 url(../images/vision-1/bg.jpg) top center no-repeat;
}
.text-vision{
	font: 21px/33px 'Kanit', Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 28px;
}
.button-more{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}}
@media (min-width: 375px) and (max-width: 419px) { .vision-1{
	padding: 0;
	margin: 0;
	min-height: 170px;
	background: #373b82 url(../images/vision-1/bg.jpg) top center no-repeat;
}
.text-vision{
	font: 24px/33px 'Kanit', Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 28px;
}
.button-more{
	padding-top: 28px;
	text-align: center;
	padding-bottom: 20px;
}}
@media (min-width: 420px) and (max-width: 575px) { .vision-1{
	padding: 0;
	margin: 0;
	min-height: 170px;
	background: #353c82 url(../images/vision-1/bg.jpg) top center no-repeat;
}
.text-vision{
	font: 27px/33px 'Kanit', Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 28px;
}
.button-more{
	padding-top: 28px;
	text-align: center;
	padding-bottom: 20px;
} }
@media (min-width: 768px) and (max-width: 991px) { .vision-1{
	padding: 0;
	margin: 0;
	min-height: 170px;
	background: #102078 url("../images/vision-1/bg.jpg") top center no-repeat;
}
.text-vision{
	font: 23px/33px 'Kanit', Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 28px;
}
.button-more{
	padding-top: 28px;
	text-align: center;
} }
@media (min-width: 992px) and (max-width: 1199px) {.vision-1{
	padding: 0;
	margin: 0;
	min-height: 170px;
	background: #102078 url("../images/vision-1/bg.jpg") top center no-repeat;
}
.text-vision{
	font: 23px/33px 'Kanit', Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 28px;
}
.button-more{
	padding-top: 28px;
	text-align: center;
}}
@media (min-width: 1281px) and (max-width: 1366px) {.vision-1{
	padding: 0;
	margin: 0;
	min-height: 170px;
	background: #102078 url("../images/vision-1/bg.jpg") top center no-repeat;
}
.text-vision{
	font: 23px/33px 'Kanit', Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 28px;
}
.button-more{
	padding-top: 28px;
	text-align: center;
}}
@media (min-width: 1367px) and (max-width: 1440px) {.vision-1{
	padding: 0;
	margin: 0;
	min-height: 170px;
	background: #102078 url("../images/vision-1/bg.jpg") top center no-repeat;
}
.text-vision{
	font: 23px/33px 'Kanit', Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 28px;
}
.button-more{
	padding-top: 28px;
	text-align: center;
}}
@media (min-width: 1441px) and (max-width: 1600px) {.vision-1{
	padding: 0;
	margin: 0;
	min-height: 170px;
	background: #102078 url("../images/vision-1/bg.jpg") top center no-repeat;
}
.text-vision{
	font: 23px/33px 'Kanit', Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 28px;
}
.button-more{
	padding-top: 28px;
	text-align: center;
}}