@media print, screen and (min-width:922px){
	.historyMenu{
		float:left;
		width:100%;
	}
	.historyMenu li{
		line-height:1.8;
		float:left;
		padding-right:30px;
	}
	.historyMenu li a:before{
		font-family: 'FontAwesome';
		content: "\f144";
		margin: 0 5px 0 0;
		color: #6eb92b;
	}
	.historyWrapper{
		width:100%;
		float:left;
	}
	#historyTitle{
		color:#6eb92b;
		font-size:27px;
	}
	.historyBox{
		width:75%;
		margin-top:40px;
		float:left;
	}
	.historyBox dl{
		padding-bottom:10px;
	}
	.historyBox dt{
		font-size:28px;
		border-bottom:1px solid #e5e5e5;
		font-weight: normal;
	}
	.historyBox dd{
		padding-top:10px;
		margin-left:20px;
	}
	.historyBox li{
		list-style: disc;
		line-height:1.8;
	}
	.historyImgBox{
		width:25%;
		padding-left:100px;
		float:left;
		margin-top:40px;
	}
	.historyImgBox img{
		width:100%;
	}
	.historyImgBox dd{
		padding:10px 0;
	}
	.eraBtn{
		float:left;
		width:100%;
		margin:20px 0;
		padding:10px 0;
	}
	.eraBtn li:first-child{
		border-left:1px solid #f0f0f0;
	}
	.eraBtn li{
		float:left;
		width:14.2%;
		text-align:center;
		border-right:1px solid #f0f0f0;
		font-size:16px;
		margin-bottom: 20px;
	}
	.eraBtn li i{
		padding-left:8%;
	}
}
@media only screen and (min-width:767px) and (max-width:992px) {
	.historyMenu{
		float:left;
		width:100%;
	}
	.historyMenu li{
		line-height:1.8;
		float:left;
		padding-right:30px;
	}
	.historyMenu li a:before{
		font-family: 'FontAwesome';
		content: "\f144";
		margin: 0 5px 0 0;
		color: #6eb92b;
	}
	.historyWrapper{
		width:100%;
		float:left;
	}
	#historyTitle{
		color:#6eb92b;
		font-size:27px;
	}
	.historyBox{
		width:70%;
		margin-top:40px;
		float:left;
	}
	.historyBox dl{
		padding-bottom:10px;
	}
	.historyBox dt{
		font-size:28px;
		border-bottom:1px solid #e5e5e5;
		font-weight: normal;
	}
	.historyBox dd{
		padding-top:10px;
		margin-left:20px;
	}
	.historyBox li{
		list-style: disc;
		line-height:1.8;
	}
	.historyImgBox{
		width:30%;
		padding-left:100px;
		float:left;
		margin-top:40px;
	}
	.historyImgBox img{
		width:100%;
	}
	.historyImgBox dd{
		padding:10px 0;
	}
	.eraBtn{
		float:left;
		width:100%;
		margin:20px 0;
		padding:10px 0;
	}
	.eraBtn li:first-child{
		border-left:1px solid #f0f0f0;
	}
	.eraBtn li{
		float:left;
		width:12.5%;
		text-align:center;
		border-right:1px solid #f0f0f0;
		font-size:16px;
	}
	.eraBtn li i{
		padding-left:8%;
	}
}
@media only screen and (max-width: 767px) {
	.historyMenu{
		float:left;
		width:100%;
	}
	.historyMenu li{
		line-height:1.8;
		float:left;
		padding-right:30px;
	}
	.historyMenu li a:before{
		font-family: 'FontAwesome';
		content: "\f144";
		margin: 0 5px 0 0;
		color: #6eb92b;
	}
	.historyWrapper{
		width:100%;
		float:left;
		margin-top:10px;
	}
	#historyTitle{
		color:#6eb92b;
		font-size:27px;
	}
	.historyBox{
		width:100%;
		margin-top:35px;
		float:left;
	}
	.historyBox dl{
		padding-bottom:10px;
	}
	.historyBox dt{
		font-size:28px;
		border-bottom:1px solid #e5e5e5;
		font-weight: normal;
	}
	.historyBox dd{
		padding-top:10px;
		margin-left:20px;
	}
	.historyBox li{
		list-style: disc;
		line-height:1.8;
	}
	.historyImgBox{
		width:100%;
		float:left;
		margin-top:30px;
		margin-left:-3%;
	}
	.historyImgBox dl{
		width:30%;
		display: inline-block;
		vertical-align: top;
		margin-left:3%;
	}
	.historyImgBox img{
		width:100%;
	}
	.historyImgBox dd{
		padding:10px 0;
	}
	.eraBtn{
		float:left;
		width:100%;
		margin-bottom:10px;
		padding:10px 0;
	}
	.eraBtn li{
		float:left;
		width:25%;
		text-align:center;
		font-size:16px;
		margin-top:10px;
	}
	.eraBtn li i{
		padding-left:8%;
	}
}