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

.history{
	width:100%;
	height:auto;
	background:url(../images/content/history/bg.jpg) top center no-repeat;
	}
.history .font-orange{
	font: 26px/30px 'kanit', Arial, sans-serif;
	}
.history a{
	font: 26px/30px 'kanit', Arial, sans-serif;
	color: #000;
	}
.history-top{
	width:100%;
	height:auto;
	font: 26px/30px 'kanit', Arial, sans-serif;
	text-align:left;
	color: #c425ff;
	}
.history-text{
	width:100%;
	height:auto;
	font: 16px/30px 'kanit', Arial, sans-serif;
	text-align:left;
	color:#000;
	}
.history-text2{
	width:100%;
	height:auto;
	font: 16px/30px 'kanit', Arial, sans-serif;
	text-align:left;
	color:#000;
	margin-top: 25px;
	}
.h-pic{
	width:100%;
	height:auto;
	/* margin-top: 29px; */
	text-align:center;
	}
.h-pic img{
	max-width:85%;
	height:auto;
	border:10px solid #fff;
	
	-webkit-box-shadow: 8px 7px 6px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 8px 7px 6px 0px rgba(0,0,0,0.08);
box-shadow: 8px 7px 6px 0px rgba(0,0,0,0.08);
	}

.h-b{
	/* width:100%; */
	height:auto;
	margin-top:20px;
	}
.h-bottom{
	width:400px;
	height:auto;
	border: 1px solid #7e74e4;
	font: 16px/30px 'kanit', Arial, sans-serif;
	color: #7e74e4;
	padding: 5px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.h-bottom:hover{
	border: 1px solid #d156ff;
	background: #d156ff;
	color:#fff;
	transition-duration: 0.4s;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
/***********************************************/
.history-3{
	
	}

	
.history .title{
	height:375px;
	background: url(../../images/content/history/history-title-bg.jpg) 50% 0% no-repeat fixed;
	padding-top: 150px;
	}	

.history .title .ctm-3{
	padding-top:10px;
	font: 31px/56px 'thaisanslite', Arial, sans-serif;
	color:#015ba4;
	
	font-weight:bold;
	background:url(../../images/content/history/alpha.png) bottom center no-repeat;
	}			

.history .csr-content{
	/* padding-bottom:250px !important; */
	}
		
.history .csr-content .detail{

	
	}	
	
	
.history .csr-content .detail .top{
	font: 31px/30px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	color:#0d4e9c;
	}
.history .csr-content .detail .mid{
	padding-top:5px;
	font: 23px/30px 'thaisanslite', Arial, sans-serif;
	color:#000;
	}	
.history strong{
	color: #ff7100;
	}

.history .csr-content .indent{
	text-indent:30px;
	}
	
.history .csr-content .pic-1{

	
	}		
	
.history .csr-content  .pic-2{

	
	}		
	
.history .csr-content .pic-1 img{
	max-width:100%;
	height:auto;
	}		
	
.history .csr-content  .pic-2 img{
	max-width:100%;
	height:auto;	
	}		
/***********************************************/	
@media (max-width: 374px) {
	.h-pic {
    margin-top: 35px;
}
.history {
    background: url(../images/content/history/bg.jpg) 100% 0% no-repeat;
}
.history-text2 {
    margin-top: 20px;
}
	}
@media (min-width: 375px) and (max-width: 413px) {
	.h-pic {
    margin-top: 35px;
}
.history {
    background: url(../images/content/history/bg.jpg) 100% 0% no-repeat;
}
.history-text2 {
    margin-top: 20px;
}
	}	
@media (min-width: 414px) and (max-width: 575px) {
	.h-pic {
    margin-top: 35px;
}
.history {
    background: url(../images/content/history/bg.jpg) 85% 0% no-repeat;
}
.history-text2 {
    margin-top: 20px;
}
	}
@media (min-width: 768px) and (max-width: 991px) { 
.history .container-cv-5{
	width:100%;
	}
	.history-text2 {
    margin-top: 20px;
}
.h-pic {
    margin-top: 35px;
}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.history .container-cv-5{
	width:100%;
	}
		.history-text2 {
    margin-top: 20px;
}
.h-pic {
    margin-top: 35px;
}
}
@media (min-width: 1281px) and (max-width: 1366px) { 
.history .container-cv-5{
	width:100%;
	}
		
}
@media (min-width: 1367px) and (max-width: 1440px) { 
.history-text2 {
    margin-top: 100px;
}
}
@media (min-width: 1441px) and (max-width: 1600px) { 
.history-text2 {
    margin-top: 100px;
}
}