@charset "utf-8";
/* CSS Document */
.box .Right .html_editer .history ul, .box .Right .html_editer .history ol{
	padding:0 ; margin:0; list-style:none}
.years_btns{
	display:block;
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:1px dashed #ccc;}

.years_btns a{
	display:inline-block;
	margin:5px 5px 5px 0;
	border-radius:20px;
	line-height:1;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background-color:#999;
	padding:5px 15px;}
	
.years_btns a.on{
	background: rgb(1,156,212);
    background: -moz-linear-gradient(left, rgba(1,156,212,1) 1%, rgba(79,188,188,1) 100%);
    background: -webkit-linear-gradient(left, rgba(1,156,212,1) 1%,rgba(79,188,188,1) 100%);
    background: linear-gradient(to right, rgba(1,156,212,1) 1%,rgba(79,188,188,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019cd4', endColorstr='#4fbcbc',GradientType=1 );}
	
	
/* history */


.yy{ color:#FC0 !important}
#history-context {
	width: 100%;
	margin:50px 0
}
.history {
	position: relative;
	margin: 0px;
	background: url(../images/history-line-1.gif) repeat-y 57px 0;
	overflow: hidden;
}
.history-date {
	position:relative;
	overflow:hidden;	
}
.history-date .history-Tit {
	padding-bottom:20px;
	 }
.history-date .history-Tit img {
	width: auto;
	height:auto;
	max-width:100%;
}
.history-date h2 {
	height: 59px;
	font-family: "微軟正黑體";
	font-size: 22px;
	font-weight: normal;
	padding-left: 0px;
	margin-bottom: 30px;
	margin-top:0	
}
.history-date h2.first {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:5;
	background: url(../images/com-icon-6.png) no-repeat 28px 0;
 	margin-top:0
}
.history-date h2 a {
	color: #C33 ;
	display:inline-block;
	*display:inline;
	zoom:1;
	padding-right:17px;
	margin:19px 0 0 100px;
}
.history-date h2 a:hover {
	text-decoration:none;
}
.history-date h2.date02 {
	height: 50px;
	background: url(../images/com-icon-6-1.png) no-repeat 43px 16px;
	color: #900;
    padding: 8px 0 0 79px;
}
.history-date h2.date02 a, .history-date h2.date02 span {
	margin:19px 0 0 85px;
	display:inline-block;
	color:#900;
	font-weight:bold;
	line-height:1
}
.history-date ul li {
	background:url(../images/com-icon-7.png) no-repeat 50px 0;
	margin:0 0 20px 0;
	zoom:1;
}
.history-date ul li:after {
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.history-date ul li h3 {
	float: left;
	width: 48px;
	text-align: right;
	padding-right:  0;
	color:#930;
	font: normal 18px/16px Arial;
	margin-top:0
}
.history-date ul li h3 span {
	display:block;
	color:#333;
	font-size:12px;
}
.history-date ul li dl {
	float:left;
	width:calc(100% - 74px);
	padding-left:25px ;
	margin-top:-5px;
	font-family:"微軟正黑體";
}
.history-date ul li dl dt {
	font-size:20px;
	color:#333;
	line-height:1.5;
	padding-top:13px;
	border-top:1px dotted #966;
	margin-top:12px;
}
.history-date ul li dl dd{ 
	margin-top:15px;   line-height:1.33; color:#666}
.history-date ul li dl dd p{
	margin:10px 0}

.history-date ul li dl dt .yy {
 	color: #c33;
	font-weight:normal
}
.history-date ul li dl dt span {
	display:block;
	color:#be2a5f;
	font-size:13px;
	line-height:1.4;
	margin:8px 0 0 0;
 
}
.history-date ul li.green h3 {
	color:#333;
}
.history-date ul li.green h3 span {
	color:#333;
}
.history-date ul li.green dl {
	margin-top:-8px;
}
.history-date ul li.green dl dt {
	font-size:25px;
	line-height:30px;
}
.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 {
	margin-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:#333;
}
.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 screen and (max-width: 560px) {
	.history-date ul li dl {
 		padding-left:20px;
 	}
	.history-date ul li dl dt{
		font-size:17px;}
}
@media screen and (max-width: 414px) {
	.years_btns{
		display:none}}
@media screen and (max-width: 380px) {
 
	.history-date ul li dl dt{
		font-size:16px;}
} 
@media screen and (min-width: 768px) {
	.history-date ul li dl {
 		padding-left:25px;
	}
}
@media screen and (min-width: 990px) {
	.history {
		background: url(../images/history-line-1.gif) repeat-y 113px 0;
	}
	.history-date .history-Tit {
		position:absolute;
		left:240px;
		top:7px;
		padding:0;
		z-index:9;
	}
	.history-date h2 {
		height: 59px;
 		padding-left:0px
	}
	.history-date h2 a {
		background:url(../images/com-icon-8.png) no-repeat right 50%;
		margin:19px 97px 0 0;
	}
	.history-date h2.first {		
		background: url(../images/com-icon-6.png) no-repeat 168px 0;
 		padding-left:70px
	}
	.history-date h2.date02 {
		background: url(../images/com-icon-6-1.png) no-repeat 99px 16px;
	}
	.history-date h2.date02 a, .history-date h2.date02 span {
		margin:19px 97px 0 15px;
	}
	.history-date h2.date02{ color: #900; padding:10px; font-weight:bold;}
	.history-date ul li {
		background:url(../images/com-icon-7.png) no-repeat 106px 0;
 	}
	.history-date ul li h3 {
		width: 92px;
		padding-right: 0px;
	}
	.history-date ul li dl {
		width:calc(100% - 150px);
		padding-left:40px;
		margin-top:-5px;
	}
}