/*#flashbg{ width:100%; height:700px; top:0; left:0;position:absolute; z-index:-999; text-align:center;}*/
#content{ width:1078px; _width:1080px;margin:0 auto; display:table; /*padding-left:72px*/}
#main{ float: right; width:867px;_width:872px; position:relative;}


	
	#IndexNewsList{ float:right; width:335px; height:312px; margin:4px 2px 0 6px; display:inline; padding-top:23px;
					background-image: url(indexNewbg.gif);
					background-repeat: no-repeat;
					position:relative;
					z-index:3;}
	#ActivityList{ float:right; width:165px; height:312px; padding-top:23px; margin: 4px 79px 0 0; _margin: 4px 42px 0 0;
					background-image: url(indexhdbg.gif);
					background-repeat: no-repeat;}
	#VocatCarousel{ position:absolute; width:500px; height:564px; top:128px; padding-left:-10px;/*ff*/ top:-141px\0; left:0px\0;/*ie8*/*top:-141px; *left:-10px;/*ie7*/_top:-80px; _left:-10px;/*ie6*/[;top:-141px;] [;left:-10px;]/*safari*/   z-index:1; }
	.photo{ float:left; width:766px; height:79px; margin-top:5px; padding:17px 10px 15px 10px;
					background-image: url(hdbg.png) !important;/* FF IE7 */
					background-repeat: no-repeat;
					_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hdbg.png'); /* IE6 */
					_ background-image:none; /* IE6 */}
					
	#main #fourlist .list{ float:left; width:306px; height:205px; margin:7px 6px 0 0; padding-top:17px;
					background-image: url(sjznbg.gif);
					background-repeat: no-repeat;}
					
	#UpgradeGuide{ float:left; width:161px; height:205px; margin-top:7px; padding-top:17px;
					background-image: url(upgradeGuide.png) !important;/* FF IE7 */
					background-repeat: no-repeat;
					_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='UpgradeGuide.png'); /* IE6 */
					_ background-image:none; /* IE6 */}
	#fourlist{ float:left; width:624px;display:table;}
					
	#fourlist .list2{ float:left; width:306px; height:180px; margin:7px 6px 0 0; padding-top:17px; position:relative;
					background-image: url(askbg1.gif);
					background-repeat: no-repeat;}
					
	#Questionnaire{ float:left; width:160px; height:382px; margin:5px 0 0 0; padding-top:17px;
					background-image: url(questionnaire.png) !important;/* FF IE7 */
					background-repeat: no-repeat;
}
					
/*--------news--------*/
#IndexNewsList ul.line,ul.mulitline{ background:url(indexscrollnewsbg.png) no-repeat;width:281px;height:24px;margin:0 auto;line-height:24px;overflow:hidden;padding-left:10px;}
#IndexNewsList ul.mulitline{height:24px;}
#IndexNewsList ul.line li { text-align:center; }

#IndexNewsList .newslist{ width:292px; margin:0 auto; min-height:195px;_height:195px; padding-top:5px}
#IndexNewsList .newslist li{ float:left; width:292px; background:url(indexnewsline.png) bottom no-repeat; height:24px; line-height:24px; color:#f8e6c2; position:relative;}
#IndexNewsList .newslist li a{ color:#f8e6c2; text-decoration:none;}
#IndexNewsList .newslist li a:hover{ color:#ff7326; text-decoration:none;}
#IndexNewsList .newslist span{ position:absolute; right:0; height:20px; line-height:20px; }
#IndexNewsList .newslist span.newstype { width:39px; display:block; text-align:center; float:left; position:relative; margin:2px 5px 0 0; _margin:0;}
/*#IndexNewsList .newslist span.newstype:hover { margin:2px 5px 0 10px;}*/
#IndexNewsList .newslist span.newstype a:hover { color:#f8e6c2;}
#IndexNewsList .newslist span.news{background:url(news.gif) no-repeat;}
#IndexNewsList .newslist span.news a:hover{background:url(news_hover.gif) no-repeat; display:block;}
#IndexNewsList .newslist span.updata{background:url(updata.gif) no-repeat;}
#IndexNewsList .newslist span.updata a:hover{background:url(updata_hover.gif) no-repeat; display:block;}
#IndexNewsList .newslist span.avtive{background:url(hd.gif) no-repeat;}
#IndexNewsList .newslist span.avtive a:hover{background:url(hd_hover.gif) no-repeat; display:block;}
#IndexNewsList .newslist span.bulletin{background:url(gg.gif) no-repeat;}
#IndexNewsList .newslist span.bulletin a:hover{background:url(gg_hover.gif) no-repeat; display:block;}
#IndexNewsList .newslist h3 {position:absolute; right:0; height:20px; line-height:20px; margin-right: 10px; font-weight:normal; font-size:12px; top: 0px}

#IndexNewsList .newstypetab{ background:url(tabline.png) bottom no-repeat; width:304px; height:25px; margin:0 auto; padding-top:5px; position:relative;}
#IndexNewsList .newstypetab span{width:51px; height:24px; position:absolute; right:0; top:4px;}
#IndexNewsList .newstypetab li{ background:url(indextabbg.png) no-repeat; width:47px; height:19px; padding-top:5px; float:left;text-align:center; margin:0 1px 0 0; }
#IndexNewsList .newstypetab li.hover , #IndexNewsList .newstypetab li.ted , #IndexNewsList .newstypetab li.current{ background:url(indextabbgb.png) no-repeat;}
#IndexNewsList .newstypetab li.first{ margin-left:10px; display:inline;}
#IndexNewsList .newstypetab li a{ padding-left:5px; padding-right:5px}


#IndexNewsList .searchBar{padding-top:7px; width:296px; margin-left:18px; _margin-left:12px;height:24px; z-index:9999; }
.searchBar .select {float: left; margin-top:1px; display:inline; margin-right:3px;}
.searchBar .text {float: left; }
.searchBar .text input{width:140px;height:24px; padding-left:5px; border:none; background:url(searchbg.gif) no-repeat; color:#e4ce9f; font-family:"寰蒋闆呴粦"; line-height:24px;}
.selectbox-wrapper {border: 1px #3a3a3a solid; margin-top: -3px; width: 63px; position:absolute; background:#000; color:#e4ce9f; text-align:left; z-index:99999;}
.selectbox-wrapper ul li.selected {background: #3a3a3a;}
.selectbox-wrapper ul li.current {color: #fff; background: #3a3a3a}
.selectbox-wrapper ul li {padding:3px; width:57px; cursor:pointer; line-height:24px;}
.selectbox { border:none; display: block; padding-left:4px; width: 82px; cursor:pointer;height:24px; line-height:24px; background:url(bg01.gif) no-repeat; color:#e4ce9f;}
.btn{ float:left; display:inline; margin-left:6px; _margin-left:2px;}


#ActivityList h1{ width:136px; height:23px; margin:0 auto;}

#Calendar{ width:136px; margin:10px auto; display:table; padding:0px; }
#Calendar h2{ width:136px; margin:0 auto; font-size:12px; text-align:center; font-weight:normal; height:25px; line-height:25px;}
#Calendar table{ width:136px; font-size:11px;}
#Calendar table td{ text-align:center; color:#fff;}
#Calendar table tr.rilititle{ background:url(rilititle.png) no-repeat; _background:#2C2A21; +background:#2C2A21;  color:#e1c792;}
#Calendar table .rilititle td{color:#e1c792; line-height: 18px;}
#Calendar table td.haveenent{ background:#1b1a15; border:1px #000 solid;cursor: pointer;}
#Calendar table td.haveenent a{ display:block; width:100%;}
#Calendar table td a div{ display:none}
#Calendar table td a:hover div{ display:block; width:121px; height: auto; background:url(showbg.jpg) repeat-y; padding:1px; position:absolute; text-align:left; border:1px #5f5f5f solid; z-index:9999;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
#Calendar table td a:hover div h1{ font-size:12px; text-align:center; color:#fff6e5; background:url(databg.jpg) no-repeat; width:121px; height:17px; line-height:17px; font-weight:inherit;}
#Calendar table td a:hover div ul{ width:121px;list-style:none; padding:10px 0; display:table; }
#Calendar table td a:hover div ul li{color:#bfb195;float:left;width:103px; height:14px; line-height:14px;cursor: pointer; background:url(showicon.gif) no-repeat; padding-left:18px; }
#Calendar table td a:hover div ul li:hover{ color:#f60;}

.atvpic{ width:136px; margin:0 auto; display:table; padding:5px 0 0 11px; }
.atvpic img{ margin-bottom:5px; }


.view, .photo {height:77px;width:756px; background:url(img/hdbg.gif) no-repeat; padding:17px 15px; position:relative; z-index: 2;  }
.view li, .photo li { float:left; width:137px; text-align:center; }
.photo li img {display:block; margin:0 3px 0 0;border:1px solid #36322d; }
.photo li img:hover {border:1px solid #97907c;}
/*rolling box*/
.rollcon {position:relative; width:720px; margin:0 auto; height:77px; padding-left:25px; }
.rollcon li { padding:0 1px; }
.rollcon dl { float:none; margin:0; }
.gol, .gor { position:absolute; top:0; width:19px; height:77px; text-indent:-500em; overflow:hidden; display:block; cursor:pointer;}
.gol { background-position:0 0; left:4px; }
.gor { background-position:-20px 0; right:4px; }
.photo .gol, .photo .gor { width:19px;}
.photo .gol { background:url(golr.gif) left no-repeat; }
.photo .gor { background:url(golr.gif) right no-repeat;}


#main .list h3{ background:url(indexredtitlebg.png) no-repeat; width:275px; height:23px; margin:0 auto; position:relative; }
#fourlist .list2 h4{ background:url(indexbluetitlebg.png) no-repeat; width:275px; height:23px; margin:0 auto; position:relative;}
#main .list h3 span,#fourlist .list2 h4 span{ position:absolute; top:5px; right:10px;}

#main .list ul,#fourlist .list2 ul{ width:275px; margin:0 auto; padding-top:10px;}
#main .list ul li,#fourlist .list2 ul li{ background:url(listline.png) bottom no-repeat; height:24px; line-height:24px; position:relative;}
#main .list ul li.last,#fourlist .list2 ul li.last{ background:none;}
#main .list ul li span,#fourlist .list2 ul li span{ position:absolute; right:5px; top:0;}
#main .list ul li.end,#fourlist .list2 ul li.end ,#main .list ul li.end a,#fourlist .list2 ul li.end a{ color:#695b3f;}


#fourlist .ask{ width:278px; margin:0 auto; padding-top:10px; height:30px;}
#fourlist .ask input{ background:url(askbg.gif) no-repeat; width:160px; height:22px; line-height:18px; border:none; float:left; color:#fff; padding-left:5px; font-family:"寰蒋闆呴粦";}
#fourlist .ask span{ background:url(askbtnbg.png) no-repeat; width:50px; height:21px; line-height:21px; display:block; color:#fff; float:left; text-align:center; margin-left:5px;}
#fourlist .list2 ul.asktype{ background:url(asktypeline.png) bottom no-repeat; width:276px; margin:0 auto; height:25px; position:relative; padding-top:5px; overflow:hidden;}
#fourlist .list2 ul.asktype li{ float:left; background:url(indextabbg.png) no-repeat; width:47px; height:24px; text-align:center; line-height:24px; margin-right:1px;}
#fourlist .list2 ul.asktype span{ position:absolute; right:5px; top:7px; display:block;}

#fourlist .list2 ul.asklist{padding-top:1px;}
#fourlist .list2 ul.asklist span{right:15px;}

#fourlist .list2 ul.wjjt{ background:url(asktypeline.png) bottom no-repeat; width:276px; margin:0 auto; height:25px; position:relative; padding-top:10px;}
#fourlist .list2 ul.wjjt li{ float:left; background:url(newstabbg1.gif) no-repeat; width:67px; height:24px; text-align:center; line-height:24px; margin-right:1px;}
#fourlist .list2 ul.wjjt li:hover{background:url(newstabbg2.gif) no-repeat;}

#fourlist .list2 ul.wjjtpiclist{width:276px; margin:0 auto; padding-top:5px;}
#fourlist .list2 ul.wjjtpiclist li{ float:left; width:85px;margin-right:7px; _margin-right:5px;}
#fourlist .list2 ul.wjjtpiclist li img { border: 1px solid #4B463D;}
#fourlist .list2 ul.wjjtpiclist li p{ text-align:center; line-height:16px; +line-height:24px; _line-height:24px;}

#fourlist .list2 ul.daos{ width:290px; margin:0 auto; height:auto; padding-top:10px;}
#fourlist .list2 ul.daos li{ float:left; width:129px; height:auto; margin-left:12px;  _margin-left:6px; margin-right:-7px; background:none;}
#fourlist .list2 ul.daos li span.name{ float:left; position:relative;width:129px; text-align:center; margin-left:6px; line-height:16px;}

#UpgradeGuide h4{ width:132px; height:23px; margin:0 auto;}
#UpgradeGuide .sjzn{ width:132px; padding-top:10px; margin:0 auto;}
#UpgradeGuide .sjzn img{ margin-bottom:4px; +margin-bottom:0px; _margin-bottom:0px;}


#Questionnaire h4{ width:132px; margin:0 auto; text-align:center; line-height:28px; font-size: 12px;}
#Questionnaire dl{ width:132px; margin:0 auto; }
#Questionnaire dl dt{ float:left; width:32px; height:25px; text-align:center;}
#Questionnaire dl dd{ float:left; width:100px; height:25px;}

#Questionnaire .submitbtn{ width:104px; height:21px; margin:0 auto; padding:2px 0 20px 0; clear:both;}
.submitbtn img {cursor:pointer;}
#Questionnaire p{ width:150px; margin:0 auto; padding-top:5px; padding-left:10px; height:135px; overflow:hidden; font-size:11px; line-height:18px; text-align: left;}


#carousel {	width:794px;height:524px;margin:0 auto;	overflow:hidden; position:relative;}
#slides {overflow:hidden;position:relative;	width:794px;height:524px;}
/* remove the list styles, width : item width * total items */	
#slides ul {position:relative;left:0;top:0;list-style:none;	margin:0;padding:0;width:2379px;}
/* width of the item, in this case I put 250x250x gif */
#slides li {width:794px;height:524px;float:left;}
/* Styling for prev and next buttons */
#buttons { position:absolute; left:420px; top:450px; z-index:-999; width:92px; height:64px;}
#buttons a {display:block; 	width:46px;height:32px;	text-indent:-999em;	float:left;	outline:0;}
a#prev {background:url(arrow.png) left no-repeat; }
a#prev:hover {background:url(arrow.png) left no-repeat;}
a#next {background:url(arrow.png) right  no-repeat; }
a#next:hover {background:url(arrow.png) right no-repeat;}
.clear {clear:both}

.dFocus {float:left;width: 290px; height: 427px; overflow:hidden;}
.dFpic {position:relative;width: 290px; height: 427px; }
.dFpic a {display:none;position:absolute;width: 290px; height: 427px; overflow:hidden;}
.dFpic_b {float:right;position:relative;height:20px;margin:-20px 0 0;z-index:5;}
.dFpic_b a {float:left;display:block;width:13px;height:13px;overflow:hidden;margin:0 2px 0 0;background:url('images.png') no-repeat -900px 0;
border:1px solid #333;text-align:center;line-height:14px;color:#fff;cursor:pointer;
}
.dFpic_b a.current {background-position:-950px 0; background-color:maroon}
.down-list-title table td{
	border:1px gray solid;
}