.history{
	width:100%;
	height:auto;
	background:url(../images/content-129-1/history/bg.png) bottom center no-repeat;
	margin-bottom:50px;
	}
.history strong{
	color: #1c98dc;
}
.history .pic-frame{
	width:100%;
	height:auto;
	position:relative;
/*	text-align:right;*/
	/* margin-top: 115px; */
	}
.history .pic-frame img{
	max-width:100%;
	height:auto;
	}
.history-mid {
    width: 100%;
    height: auto;
    padding: 0px 20px;
}
.history .top{
	width:100%;
	height:auto;
	position:relative;
	text-align:left;
	margin-top:50px;
	font: 30px/30px 'THK2DJuly8', Arial, sans-serif;
	color:#356d03;
	font-weight:bold;
	}
.history .text{
	position:relative;
	font: 17px/25px 'Kanit', Arial, sans-serif;
	color:#000;
	text-align:left;
	margin-top:20px;
	/* text-indent:50px; */
	}
.history .btn-download{
	padding:10px 20px;
	background: #0270d6;
	font: 15px/30px 'Kanit', Arial, sans-serif;
	color:#fff;
	text-align:center;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	width: max-content;
}
@media (max-width: 575px) {
	.history .top{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	    margin-top: 10px;
	}
	.history .pic-frame {
    margin-top: 15px;
}
	}
@media (min-width: 576px) and (max-width: 991px) {
	.history .pic-frame{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	margin-top:50px;
	}
	.history .top{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	margin-top:0px;
	}
	}
@media (min-width: 992px) and (max-width: 1199px) { 
.history .pic-frame {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    margin-top: 40px;
}
.history .pic-frame img {
    max-width: 55%;
    height: auto;
}
.history .top {
    margin-top: 0px;
}
}