@charset "utf-8";
/* CSS Document */
#main{
	width:968px;
	margin:0 auto;
	margin-bottom:30px;
}
/*********************************************************/
/*********************************************************/
#inews_box {
	width: 100%;
	height: 40px;
	background:#5D5D5D;
}
#inews {
	width: 320px;
	float: left;
	margin-left: 32px;
	position: relative;
	padding: 50px 0 0px 0;
	background: url(../data/wrapper/news_title.png) 0 0 no-repeat;
}
#inews ul{
}
#inews li{
	list-style:none;
	height: 30px;
	color: #FF9999;
	font-size:14px;
	position: relative;
	text-decoration: none;
	line-height: 30px;
	padding:0 0 0 20px;
	border-bottom:#DDDDDD 1px solid;
	background:url(../data/wrapper/news_dot.png) 5px center no-repeat;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#inews .photo{
	width:320px;
	height:240px;
	text-align:center;
	position:relative;
}
#inews .photo span{
	width:310px;
	height:36px;
	display:block;
	background:rgba(0,0,0,0.5);
	color:#CCCCCC;
	line-height:18px;
	text-align:left;
	padding:5px;
	position:absolute;
	bottom:0px;
}
#inews .photo span a{
	color:#CCCCCC;
	text-decoration:none;
}
#inews .photo span a:visited{
	color:#CCCCCC;
	text-decoration:none;
}
#inews .photo span a:hover{
	color:#FFEEBF;
	text-decoration:none;
}
#inews .photo img{
	max-width:320px;
	max-height:240px;
	vertical-align:middle;
}
#inews li a{
	color:#888888;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#inews li a:visited{
	color:#888888;
	text-decoration:none;
}
#inews li a:hover{
	color:#086AB8;
	text-decoration:none;
}
#inews .more {
	width: 9px;
	height: 9px;
	position: absolute;
	right: 0px;
	top: 12px;
	z-index: 50;
}
#inews .more a {
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: block;
	text-indent:-9999px;
	background: url(../data/wrapper/more.png) no-repeat;
	background-position: 100% 0;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#inews .more a:hover {
	background: url(../data/wrapper/more_.png) no-repeat;
}
/*********************************************************/
/*********************************************************/
#ievent_box {
	width: 100%;
	height: 40px;
	background:#5D5D5D;
}
#ievent {
	width: 345px;
	float: left;
	margin-left: 35px;
	position: relative;
	padding: 35px 0 0px 0;
	background: url(../data/wrapper/event_title.png) 0 0 no-repeat;
}
#ievent ul{
}
#ievent li{
	height:131px;
	padding-top:15px;
	list-style:none;
	position: relative;
	border-bottom:#E5E4E5 1px solid;
}
#ievent li .date{
	width:43px;
	height:43px;
	font-size:14px;
	padding:5px;
	line-height:21px;
	color:#FFFFFF;
	background:url(../data/wrapper/event_bg.jpg) no-repeat;
	position:absolute;
	text-align:center;
}
#ievent li .date span{
	display:block;
	border-bottom:#7BB8EA 1px solid;
	font-weight:bold;
	font-size:16px;
	font-family:"Arial Black";
}
#ievent li .name{
	height: 45px;
	color: #FF9999;
	font-size:14px;
	text-decoration: none;
	line-height: 18px;
	padding:8px 10px 0 63px;
	border-bottom:#DDDDDD 1px solid;
	background: url(../data/wrapper/bg.jpg) repeat;display: -webkit-box;
	-webkit-line-clamp: 2; /*超出第5行時截斷*/
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#ievent li a{
	color:#888888;
	text-decoration:none;
}
#ievent li a:visited{
	color:#888888;
	text-decoration:none;
}
#ievent li a:hover{
	color: #F24D6E;
	text-decoration: none;
}
#ievent li .con{
	padding:10px 0 0 0;
	height:51px;
	font-size:13px;
	line-height:17px;
	display: -webkit-box;
	-webkit-line-clamp: 3; /*超出第5行時截斷*/
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#ievent .more {
	width: 9px;
	height: 9px;
	position: absolute;
	right: 0px;
	top: 12px;
	z-index: 50;
}
#ievent .more a {
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: block;
	text-indent:-9999px;
	background: url(../data/wrapper/more.png) no-repeat;
	background-position: 100% 0;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#ievent .more a:hover {
	background: url(../data/wrapper/more_.png) no-repeat;
}
/*********************************************************/
/*********************************************************/
/*********************************************************/
/*********************************************************/
#article{
	padding-top:30px;
	position:relative;
	background:url(../data/wrapper/article_title.png) 0 0 no-repeat;
}
#article .center{
	border:#D2EAAC 1px solid;
	padding:15px;
}
#article .center li{
	list-style:none;
	height:90px;
}
#article .center li:first-child{
	list-style:none;
	padding-bottom:8px;
	margin-bottom:10px;
	border-bottom:#CCCCCC 1px dashed;
}
#article .center li .name{
	color:#666666;
	text-decoration:none;
	line-height:20px;
	display: -webkit-box;
	-webkit-line-clamp: 3; /*超出第5行時截斷*/
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#article .center li .name a{
	color:#19939D;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	margin-bottom:5px;
	display:block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#article .center li .name a:visited{
	color:#19939D;
	text-decoration:none;
}
#article .center li .name a:hover{
	color:#FF7F00;
	text-decoration:none;
}
#article .more {
	width: 42px;
	height: 42px;
	position: absolute;
	right: 1px;
	bottom:1px;
	z-index: 50;
}
#article .more a {
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: block;
	text-indent:-9999px;
	background: url(../data/wrapper/article_more.png) no-repeat;
	background-position: 100% 0;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#article .more a:hover {
	background: url(../data/wrapper/article_more_.png) no-repeat;
}
/*********************************************************/
/*********************************************************/
#dvocacy{
	min-width:968px;
	height:187px;
	background:#F8F8F8;
	border-bottom:#E4E4E4 1px solid;
	border-top:#E4E4E4 1px solid;
}
#dvocacy ul{
	width:908px;
	height:162px;
	margin:0 auto;
	display:block;
	padding:25px 0 0 60px;
	background: url(../data/wrapper/dvocacy_bg.jpg) center no-repeat;
}
#dvocacy li{
	width:139px;
	list-style:none;
	height:136px;
	display:block;
	margin-right:12px;
	float:left;
}
#dvocacy li:hover .photo{
	background:#4DB7F0;
	border:#4DB7F0 1px solid;
}
#dvocacy li:hover .name{
	color:#0E78B0;
}
#dvocacy li .photo{
	width:133px;
	height:100px;
	text-align:center;
	padding:2px;
	border:#DDDDDD 1px solid;
	margin-bottom:10px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#dvocacy li .photo img{
	max-width:133px;
	max-height:100px;
	vertical-align:middle;
}
#dvocacy li .name{
	height:20px;
	color:#666666;
	text-align:center;
	text-decoration:none;
	line-height:20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
/*********************************************************/
/*********************************************************/
#iprogram {
	width:100%;
	min-width: 968px;
	position: relative;
	margin-bottom:20px;
	background: url(../data/wrapper/program_title.jpg) center top no-repeat;
}
#iprogram ul{
}
#iprogram li {
	float:left;
	margin:0 15px;
	list-style:none;
}
#iprogram .list {
	width: 198px;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #9ac1e4; /* Old browsers */
	background: -moz-linear-gradient(top,  #9ac1e4 0%, #3784ca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ac1e4), color-stop(100%,#3784ca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9ac1e4 0%,#3784ca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9ac1e4 0%,#3784ca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9ac1e4 0%,#3784ca 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9ac1e4 0%,#3784ca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ac1e4', endColorstr='#3784ca',GradientType=0 ); /* IE6-9 */
}
#iprogram .list:hover .name {
	color:#FFFFBF;
}
#iprogram .photo {
	width: 196px;
	height: 147px;
	text-align: center;
	background: #FFF;
	text-align:center;
	border:#FFF 1px solid;
	margin-bottom:5px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#iprogram .photo img {
	max-width: 196px;
	max-height: 147px;
	vertical-align:middle;
}
#iprogram .name {
	height: 20px;
	font-size: 13px;
	line-height: 20px;
	text-align:center;
	color:#FFFFFF;
	margin-bottom:5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;

}
#iprogram .name a{
	color:#FFFFFF;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#iprogram .name a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#iprogram .name a:hover{
	color: #017FBE
];
	text-decoration: none;
	color: #017FBE;
}
#iprogram .price {
	height: 20px;
	padding: 0px 0 0 10px;
	line-height: 20px;
	color: #212121;
	overflow: hidden;
}
#iprogram .price span{
	color:#8C008C;
}
/*********************************************************/
/*********************************************************/
#iprogram .prev, #iprogram .next {
	width: 32px;
	height: 59px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	top:135px;
	z-index:99;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#iprogram .prev {
	background: url(../data/wrapper/program_prev.png) no-repeat;
	left: -40px;
}
#iprogram .next {
	background: url(../data/wrapper/program_next.png) no-repeat;
	right: -40px;
}
#iprogram_box{
	width: 950px;
	height:190px;
	margin: 0 auto;
	padding: 70px 0 0px 0;
	position:relative;
}
#iprogram_box .more {
	width: 9px;
	height: 9px;
	position: absolute;
	right: 343px;
	top: 32px;
	z-index: 50;
}
#iprogram_box .more a {
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: block;
	text-indent:-9999px;
	background: url(../data/wrapper/more.png) no-repeat;
	background-position: 100% 0;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#iprogram_box .more a:hover {
	background: url(../data/wrapper/more_.png) no-repeat;
}
/*********************************************************/
/*********************************************************/
/*********************************************************/
/*********************************************************/
.box{
	width: 236px;
	padding: 0px 0 0px 0;
	position: relative;
	float: left;
	margin-left: 0px;
}