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

.history{
	margin:0;
	padding:0;
	min-height:650px;
	/*background: url(../../images/contant-81-1/history/bg.png) top left no-repeat;*/
}
.history .h-text{
	font: 16px/26px 'anakotmai-medium', Arial, sans-serif;
	color:#333333;

}
.history strong{
	color: #2660b5;
	}
.history img{
	max-width:100%;
	height:auto;
	
}

.history .font-green{
	color:#2660b5;
	font-size:20px;
	line-height: 50px;
	}
.history .h-pic{
	margin:0;
	padding:0;
	position:relative;
}
.history .h-pic .pic{
	position:absolute;
	top: -39px;
	right:0;
}

.history .bg-left{
	background:#efffc5;	
	padding:15px;
	padding-top:30px;
	-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.history .bg-right{
	background:#efffc5;	
	padding:15px;
	padding-top:30px;
	-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}

@media (max-width: 374px) {
	.history{
		    min-height: 730px;	
			    background-size: 100%;
	}
	.history .h-text{
    width: 100%;		
}
.history .h-pic .pic{
	top:0;	
}
	.history .h-pic .pic img{
		max-width:100%;
		height:auto;
	}
	 }
@media (min-width: 375px) and (max-width: 419px) { 
	.history{
		    min-height: 730px;	
			    background-size: 100%;
	}
	.history .h-text{
    width: 100%;		
}
.history .h-pic .pic{
	top:0;	
}
	.history .h-pic .pic img{
		max-width:100%;
		height:auto;
	}
 }
@media (min-width: 420px) and (max-width: 575px) { 
	.history{
		    min-height: 730px;	
			    background-size: 100%;
	}
	.history .h-text{
    width: 100%;		
}
.history .h-pic .pic{
	top:0;	
}
	.history .h-pic .pic img{
		max-width:100%;
		height:auto;
	}
 }
@media (min-width: 576px) and (max-width: 767px) { 
	.history{
		    min-height: 730px;	
			    background-size: 100%;
	}
	.history .h-text{
    width: 100%;		
}
.history .h-pic .pic{
	top:0;	
}
	.history .h-pic .pic img{
		max-width:100%;
		height:auto;
	}
 }
@media (min-width: 768px) and (max-width: 991px) { 
	.history{
		       min-height: 870px;
			    background-size: 100%;
	}
	.history .h-text{
    width: 100%;		
}
.history .h-pic .pic{
	top:0;	
}
	.history .h-pic .pic img{
		max-width:100%;
		height:auto;
	}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
	.history{
		       min-height: 870px;
			    background-size: 100%;
	}
	.history .h-text{
    width: 100%;		
}
.history .h-pic .pic{
	    top: 120px;
    right: -30px;
    left: -200px;
}
	.history .h-pic .pic img{
		max-width:100%;
		height:auto;
	}

 }
@media (min-width: 1200px) and (max-width: 1280px) { ... }
@media (min-width: 1281px) and (max-width: 1366px) { 
.history .h-text{
    width: 540px;		
}
.history .h-pic .pic{
	    top: -23px;
    right: -10px;	
}
 }
@media (min-width: 1367px) and (max-width: 1440px) { 
.history .h-text{
    width: 540px;	
	font: 16px/24px 'anakotmai-medium', Arial, sans-serif;	
}
.history .h-pic .pic{
	    top: -23px;
    right: -10px;	
}
 }
@media (min-width: 1441px) and (max-width: 1600px) { ... }