@charset "utf-8";

/*history*/
.history {
	/* background:url(../images/line04.gif) repeat-y 187px 0; */
	background: url(../images/lsline.jpg) repeat-y 179px 0;
	
	overflow:hidden;
	position:relative;
	width:850px;
	margin:auto;
	
	
}
.history-date {
	overflow:hidden;
	position:relative;
}
.history-date h2 {
	background: url(../images/icon06.png) no-repeat 155px 0;
	height:65px;
	font-size:25px;
	font-weight:normal;
	padding-left:45px;
	margin-bottom:74px;
}
.history-date h2.first {
	position:absolute;
	left:0;
	top:0;
	/* width:935px; */
	z-index:99;
}

.history-date h2 span {
	color:#2064a7;
	position:absolute;
	left:28%;
	top:15%;
    font-size: 30px;
}


.history-date h2 a {
	color:#00bbff;
	display:inline-block;
	*display:inline;
	zoom:1;
	background:url(../images/icon08.gif) no-repeat right 50%;
	padding-right:17px;
	margin:21px 97px 0 0;
}
.history-date h2 a:hover {
	text-decoration:none;
}
.history-date h2 img {
	vertical-align:-5px;
}
.history-date h2.date02 {
	background:none;
}
.history-date ul li {
	background:url(../images/icon07.png) no-repeat 180px 0;
	padding-bottom:50px;
	zoom:1;
}
.history-date ul li.last {
	padding-bottom:0;
}
.history-date ul li:after {
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.history-date ul li h3 {
	float:left;
	width:168px;
	text-align:right;
	padding-right:19px;
	color:#21b717;
	font:normal 18px/16px Arial;
	font-size:26px;
}
.history-date ul li h3 span {
	display:block;
	color:#d0d0d0;
	font-size:12px;
}
.history-date ul li dl {
	float:left;
	padding-left:45px;
	margin-top:-15px;
	
}
.history-date ul li dl dt {
	font-size:22px;
	color:#2064a7;
	max-width:600px;
}
.history-date ul li dl dt span {
	display:block;
	color:#333;
	font-size:15px;
}
.history-date ul li.green h3 {
	color:#1db702;
}
.history-date ul li.green h3 span {
	color:#a8dda3;
}
.history-date ul li.green dl {
	margin-top:-8px;
}
.history-date ul li.green dl dt {
	font-size:30px;
	line-height:28px;
}
.history-date ul li.green dl dt a {
	display:inline-block;
	*display:inline;
	zoom:1;
	overflow:hidden;
	vertical-align:middle;
	margin-left:12px;
}
.history-date ul li.green dl dd {
	padding-top:20px;
	display:none;
}
.history-date ul li.green dl dd img {
	float:left;
}
.history-date ul li.green dl dd p {
	overflow:hidden;
	zoom:1;
	line-height:21px;
	color:#787878;
}
.history-date h2.first .more-history {
	font-size:16px;
	background:transparent;
	margin-left:30px;
}
.history-date h2.first .more-history:hover {
	text-decoration:underline;
}
*body .history-date ul li dl dt {
	_font-size:12px!important;
	_font-weight:bold;
}
*body .history-date ul li dl dt span {
	_font-weight:normal!important;
}
*body .history-date ul li.green dl dt a {
	_background:transparent!important;
	*background:transparent!important;
	*font-size:12px!important;
	_font-weight:normal!important;
}


@media (max-width: 767.98px) {
	
	.history-date h2 {background: url(../images/icon06.png) no-repeat 0px 0;margin-bottom: 50px;}
	.history-date h2 span {    top: 20%;left: 22%;font-size: 26px;}
	.history {background: url(../images/lsline.jpg) no-repeat 10px 8px;width:100%;}
	
	.history-date ul li {background:url(../images/icon07.png) no-repeat 11px 0;padding-bottom:20px;}
	
	.history-date ul li h3 {  float: unset;  width: 100%;text-align: left; padding-right: 0; color: #21b717; font: normal 18px/16px Arial;  font-size: 20px; margin-left:50px;}
	.history-date ul li dl {margin-top: 0px;}
