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

.logo-in{
	margin:0;
	padding:0;
	padding: 10px;
	background:#fff;
	height:auto;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	font: 24px/32px 'THK2DJuly8', Arial, sans-serif;
	color:#333;
	margin-top: 40px;
	
	-webkit-box-shadow: 1px -15px 13px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 1px -15px 13px 0px rgba(0,0,0,0.15);
box-shadow: 1px -15px 13px 0px rgba(0,0,0,0.15);
}
.logo-mid{
	margin:0;
	padding:0;
	padding: 20px;
	background:url(../images/content-129-1/logo/bg.png) top center no-repeat;
	height:809px;
	
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
.logo-pic{
	width:100%;
	height:auto;
	text-align:center;
	margin-top: 50px;
	}
.logo-pic img{
	max-width:100%;
	}
.logo-text {
	width:100%;
	padding:0 30px;

	}	
.logo-text .tt-logo-1{
	font: 23px/24px 'Kanit', Arial, sans-serif;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
	color: #035995;
	}
.logo-text .tt-logo-2{
	font: 17px/24px 'Kanit', Arial, sans-serif;
	text-align:center;
	}	
	
.logo-mid  .text-1{
	width:100%;
	height:auto;
	background:url(../images/content-129-1/vision/bg1.png) top center no-repeat;
	padding:20px;
	position: relative;
}
.logo-mid .text-1  .text-1-1{
	width:100%;
	height:auto;
	font: 30px/24px 'THK2DJuly8', Arial, sans-serif;
	color:#000;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}
.logo-mid .text-1  .text-1-2{
	width:100%;
	height:auto;
	font: 36px/40px 'THK2DJuly8', Arial, sans-serif;
	color:#b16a2a;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}
.logo-mid .text-1  .text-1-3{
	width:100%;
	height:auto;
	font: 22px/24px 'THK2DJuly8', Arial, sans-serif;
	font-weight:bold;
	color:#000;
	text-align:center;
}
@media (max-width: 374px) { 
.logo-in{
	padding:10px;
	height: 1300px;	
}

.logo-mid {
    padding: 10px;
}
.logo-pic {
    margin-top: 0px;
}
 }
@media (min-width: 375px) and (max-width: 419px) { 
.logo-in{
	padding:10px;	
	height: 1300px;
}
.logo-mid {
    padding: 10px;
}
.logo-pic {
    margin-top: 0px;
}
 }
@media (min-width: 420px) and (max-width: 575px) { 
.logo-in{
	padding:10px;	
}
.logo-mid {
    padding: 10px;
}
.logo-pic {
    margin-top: 0px;
}
 }
@media (min-width: 576px) and (max-width: 767px) {
	.logo-in{
	padding:20px;	
}
.logo-pic {
    margin-top: 0px;
}
	 }
@media (min-width: 768px) and (max-width: 991px) {
	.logo-pic {
    margin-top: 0px;
}
	 }
@media (min-width: 992px) and (max-width: 1199px) {
.logo-pic {
    margin-top: 0px;
}
	 }
@media (min-width: 1200px) { ... }