@charset "utf-8";
/**
 * About
 * @date Oct 26th 2009
 * @author Ivan SunShine Hsu
 * @mail ivan.x@ixce.cn
 */
@import url("resets.css");
@import url("styles.css");
@import url("constructions.css");
#archive{
	background:url('../images/bg_wrapper_400.jpg') repeat-x center top;
}
#archive #wrapper{
	background:url('../images/archive/bg_main_archive.jpg') no-repeat center top;
}
#archive #pageContent{
	padding:272px 0 0;
}
.news-view{
	margin:35px 0 20px;
}
.news-view h2{
	margin:25px 0;
	text-align:center;
	color:#FF464B;
	font-size:14px;
}
.news-view .t{
	text-align:center;
	height:18px;
	line-height:18px;
	color:#BDBDBD;
	background:url('../images/archive/bg_news_timebar.jpg') no-repeat;
}
.news-view .t a{
	color:#BDBDBD;
}
.news-view .con{
	font-size:12px;
	padding:15px;
	color:#333333;
}
.news-view .con p{
	margin:10px 0;
}
#eventRecList{
	width:811px;
	height:122px;
	padding:20px 0 0;
	position:relative;
	background:#fff url('../images/archive/bg_event_reclist.jpg') no-repeat left 20px;
}
#eventRecList .mask{
	width:752px;
	height:105px;
	overflow:hidden;
	margin:17px 0 0 29px;
	float:left;
	position:relative;
	display:inline;
}
#eventRecListCon{
	position:absolute;
}
#eventRecListCon li{
	width:177px;
	display:inline;
	float:left;
	margin:0 6px 0 5px;
}
#eventRecListCon .n{
	padding:0 0 0 10px;
	background:url('../images/icon_arrow_lb_right.gif') no-repeat left center;
}
#eventRecListCon .n a{
	color:#40C2F3;
}

#eventRecListPrev{
	width:25px;
	height:50px;
	text-indent:-99999px;
	background:url('../images/archive/icon_arrow_l_lb_left.gif') no-repeat center center;
	position:absolute;
	top:56px;
	left:0;
	cursor:pointer;
}
#eventRecListNext{
	width:25px;
	height:50px;
	text-indent:-99999px;
	background:url('../images/archive/icon_arrow_l_lb_right.gif') no-repeat center center;
	position:absolute;
	top:56px;
	right:0;
	cursor:pointer;
}

#eventRecListCon p{
	margin:0;
}


/**2010.11.17 edit start by shan**/
#eventCalendarZone{
	width:811px;
	margin:20px 0;
}

#eventCalendarMonth{
	display:inline;
	float:left;
	width:424px;
	padding-bottom:5px;
	background:url('../images/archive/eventCalendarMonth_b.jpg') no-repeat 0 bottom;
}
#eventCalendarMonth-title{
	padding:3px 0 0 6px;
	width:418px;
	height:30px;
	background:url('../images/archive/eventCalendarMonth_t.jpg') no-repeat 0 0;
}
#eventCalendarMonth-title h3 {
	color:#FD514F;
	font-size:14px;
	height:33px;
	line-height:33px;
	margin:0;
	padding:0 18px;
}
#eventCalendarMonth-c{
	border:1px #D3D3D3 solid;
	border-style:none solid none solid;
	width:422px;
	padding:5px 0;
}

#eventCalendarMonth-c ul{
}

#eventCalendarMonth-c li{
	padding:5px 10px;
}

#eventCalendarMonth-c li .i{
	display:inline;
	float:left;
	width:185px;
}

#eventCalendarMonth-c li .n{
	display:inline;
	float:left;
	padding-top:3px;
	width:215px;
}

#eventCalendarMonth-c li .n p{
	margin:3px 0;
}


#eventCalendarMonth-c li.line {
	border-top:1px #E5E5E5 dotted;
	clear:both;
	display:block;
	float:none;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
	width:auto;
}

#eventCalendarCon{
	display:inline;
	float:right;
	width:375px;
	position:relative;
	overflow:hidden;
	background:url('../images/archive/bg_event_top_1117.jpg') no-repeat scroll left top;
}
.event-tsel{
	float:left;
	display:inline;
	margin:19px 0 0 0;
}
.event-tsel select{
	width:125px;
}
#eventCalendarHead{
	height:54px;
}
#eventCalendarDaySel{
	float:left;
	display:inline;
	margin:13px 0 0 25px;
	width:200px;
}
#eventCalendarDaySel li{
	float:left;
	display:inline;
	padding:0 5px 0 0;
}
#eventCalendarDaySel #prevMonth{
	padding:7px 5px 0 0;
	cursor:pointer;
}
#eventCalendarDaySel #nextMonth{
	padding:7px 5px 0 0;
	cursor:pointer;
}
#eventCalendarDaySel p{
	margin:0;
	float:left;
}

#eventCalendarTB{
	background:url('../images/archive/bg_event_1117.jpg') no-repeat scroll left bottom;
	padding:0 0 10px 2px;
	overflow:hidden;
	min-height:214px;
	_height:auto;
}
#eventCalendarTB table{
	width:100%;
	border-collapse:collapse;
}
#eventCalendarTB thead td{
	height:27px;
	line-height:27px;
	padding:0 0 3px 0;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}
#eventCalendarTB tbody td{
	width:51px;
	height:41px;
}
#eventCalendarTB tbody p{
	background:url('../images/archive/bg_calendar_1117.jpg') no-repeat;
	padding:6px 0 0 6px;
	width:47px;
	height:40px;
	margin:0;
}
#eventCalendarTB tbody p span.d{
	display:block;
	height:35px;
}
#eventCalendarTB tbody p.today{
	background:url('../images/archive/bg_calendar_h_1117.jpg') no-repeat;
	padding:6px 0 0 6px;
	width:47px;
	height:40px;
}
#eventCalendarTB tbody p.today span.d{
	height:18px;
}

#eventCalendarTB tbody td#today p,#eventCalendarTB tbody td#today p.today{
	background:url('../images/archive/bg_calendar_n_1117.jpg') no-repeat;
}


#eventRevList{
	background:url('../images/archive/bg_event_revlist.jpg') no-repeat;
	width:811px;
	height:653px;
	margin:20px 0;
}
#eventRevList h3{
	height:33px;
	line-height:33px;
	padding:0 18px;
	margin:0;
	font-size:14px;
	color:#FD514F;
}
#eventRevList ul{
	padding:0 0 0 15px;
}
#eventRevList p{
	margin:0;
}
#eventRevList li{
	height:111px;
	width:183px;
	padding:13px 7px 0 6px;
	display:inline;
	float:left;
}
#eventRevList .n{
	padding:0 0 0 12px;
	background:url('../images/icon_arrow_right.gif') no-repeat left center;
}

#mediaplayerCon{
	height:500px;
	padding:20px 0 0 145px;
}

#blog{
}
#blog #wrapper{
	background:url('../images/archive/bg_blog.jpg') no-repeat center 85px;
}
.blog-con{
	height:619px;
	width:1004px;
	margin:0 auto;
	position:relative;
	z-index:0;
}
.blog-linklist{
	width:480px;
	position:absolute;
	top:367px;
	left:478px;
}
.blog-con .vlink{
	display:block;
	position:absolute;
	top:596px;
	left:882px;
}
.blog-linklist li{
	float:left;
	display:inline;
	margin:0 12px 0 0;
}


.Scor_box{ width:810px; height:173px; margin:0 auto;  background:url(../images/archive/media/body_bg.jpg) repeat-x left top;}
.Score_right{ width:810px; height:173px; margin:0 auto; background:url(../images/archive/media/right_bg.jpg) no-repeat right top;}
.score_body{ width:810px; height:173px; margin:0 auto;background:url(../images/archive/media/left_bg.jpg) no-repeat left top; position:relative;}
.topSelect{ height:26px;margin-left:26px; width:300px; position:relative;}
.content-s .topSelect h1{ margin:0;}
.content-s .topSelect h1 img{ cursor:pointer; }
#hideList{ position:absolute; top:36px; border:1px solid #ccc; border-top:none; left:30px; z-index:999999; background:#fff; width:110px; text-align:left; text-indent:8px;}
#hideList img{ cursor:pointer;}
#hideList a{ display:block; text-decoration:none; line-height:20px; color:#B7B7B7; font-size:12px; font-family:Arial, Helvetica, sans-serif,"宋体";}
.space16{ line-height:16px; height:16px; clear:both;}
#Scroller-1{position:absolute; width:773px; height:96px; left:16px; top:45px; overflow:hidden; z-index:999}
#Scrollbar-Container{ position:absolute; width:780px; height:12px; left:14px; background:url(images/contrbarBg.jpg) repeat-x; top:151px;}
.scrollbar_top{ width:780px; height:12px; background:url(../images/archive/media/barTopBg.jpg) no-repeat left top;}
.scrollbar_bottom{ width:780px; height:12px; background:url(../images/archive/media/barBottomBg.jpg) no-repeat right top;}
.Scrollbar-Track{ width:780px;position: absolute; left:0; top:0;}
.Scrollbar-Handle{position: absolute; left:1px;}
.Scroller-Container {position: absolute;top: 0px;left: 0px; height:96px; overflow:hidden; width:780px; }
#content2  ul{ list-style:none; padding:0; margin:0;}
#content2 ul li{ float:left ; display:inline; height:96px; width:145px; border-right:1px solid #c8edfb; font-size:12px; font-family:Arial, Helvetica, sans-serif,"宋体"; color:#4ac6f4;}
#content2 ul li img{ display:block; margin-bottom:5px; margin-left:12px;}
#content2 ul li p{width:118px; margin:0 auto; height:40px; line-height:18px;}
#content2 ul li a{ color:#4ac6f4; font-size:12px; text-decoration:none;}

#content2 {WIDTH: 780px; FLOAT: left; HEIGHT: 206px; OVERFLOW: hidden}
.scrollbar-vert {BACKGROUND-COLOR: #d2e8ff; WIDTH: 20px; FLOAT: left; HEIGHT: 206px}
.handle-vert {WIDTH: 20px; BACKGROUND: url(styles/img/handle.gif) no-repeat; HEIGHT: 12px}
#content2 ul {WIDTH: 1400px}
.handle-hor {WIDTH: 50px; no-repeat; HEIGHT: 12px; background:url(../images/archive/media/controlBar.gif) no-repeat left top;}
.crollbar-hor{ width:780px; height:12px; margin:0 auto; margin-top:107px; background:url(../images/archive/media/contrbarBg.jpg) repeat-x left top;}

.flashBox{ width:520px; height:460px; margin:0 auto; margin-bottom:20px;}
#hideList{ display:none; padding-top:8px; padding-bottom:8px; margin:0;font-weight:normal;}
#hideList a:hover{ color:#9EA3A7;}
#scrollbar2{ position:absolute; left:20px;}
.scrollbar-hor { FLOAT: left; HEIGHT: 12px}