@charset "utf-8";
/* edited by bamboo 2010-2-25 */
body{ margin:0; padding:0; font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif;}
ul,h2,p,h4,dl,dt,dd{ margin:0; padding:0; list-style:none}
h2{ font-size:14px;}
img{ border:0}
.clear{height:0; width:100%; overflow:hidden; clear:both}

#top{ width:960px; margin:auto; background:url(../images/top_bg.gif) no-repeat right bottom; overflow:hidden; _padding-bottom:5px;height:82px;}
#logo{ width:199px; height:72px; float:left; margin:5px 0;_margin-bottom:10px;}
#logo a{ display:block; width:199px; height:72px; background:url(../images/logo.jpg) no-repeat}
#topnavi{background:url(../images/topnavi_bg.gif) repeat-x 0 -26px; height:26px; float:right; width:275px;}
.nav_c{ width:5px; height:26px; background:url(../images/topnavi_bg.gif) no-repeat}
.n_left{ float:left; background-position:0 0}
.n_right{ float:right; background-position:0 -52px}
#topnavi a{display:block; float:left; margin:6px 5px; color:#014ccc; text-decoration:none}
a#regbtn{ width:75px; height:18px; background:url(../images/reg_btn.gif) no-repeat; margin:3px 5px;}
#navi{width:100%; height:42px; background:url(../images/navi_bg.gif) repeat-x}
#navibox{ width:960px; height:42px; margin:auto; background:url(../images/navi_mid_bg.gif) repeat-x}
#mn_left{ float:left}
#main_navi{ margin-left:35px;}
#main_navi,#main_navi li{ float:left; font-size:14px; font-weight:bold; line-height:42px;}
#main_navi li a{ display:block; color:#fff; text-decoration:none; padding:0 20px;}
#main_navi li a:hover{ color:#ff0; text-decoration:none}
#main_navi li.active{ background:url(../images/navi_active.png) no-repeat 50% 100%;}
#main_navi li.active a,#main_navi li.active a:hover{ color:#c00; text-decoration:none}

#mn_right{ float:right; background:url(../images/navi_right_bg.gif) no-repeat; height:42px; line-height:42px; padding-left:40px; font-size:14px;}
#mn_right a{ display:block; color:#fff; text-decoration:none; padding:0 15px;_padding:0 10px; float:left}
#wrapper{ width:960px; margin: 10px auto 0 auto; clear:both}

#events{ width:275px; float:right;}
.side_title{ width:275px; height:38px; background:url(../images/sprite.gif) no-repeat 0 -42px; margin-top:10px;}
.sidefot{ width:275px; height:2px; background:url(../images/sprite.gif) no-repeat 0 -80px; clear:both; overflow:hidden}
.sidemain{ padding:5px 5px 0 5px; background:url(../images/gray_bg.gif) repeat-x left bottom; border:1px solid #d4d4d4; border-top:0; border-bottom:0; float:left; width:263px;}
.side_title h2{ font-size:14px; font-weight:bold; color:#c00; background:url(../images/title_ico.gif) no-repeat; padding:10px 0 10px 25px; margin-left:10px; float:left}
.etitle h2{ background-position:0 8px;}
.vtitle h2{ background-position:0 -38px;}
.ktitle h2{ background-position:0 -86px;}
.stitle h2{ background-position:0 -133px;}
.esingle{ background:url(../images/s_dot.gif) repeat-x left bottom; padding-bottom:5px; margin-bottom:10px;_margin-bottom:7px;}
.esingle p{ margin:0; padding:2px 0 0 20px;*+margin:-12px 0 0 0;_margin:-6px 0 0 0; clear:both; line-height:18px;}
.esingle a{ display:block; float:left; background:url(../images/deco_ico.gif) no-repeat 0 2px; padding:4px 0 4px 20px; color:#014ccc; text-decoration:none}
.esingle a:hover{ color:#ff4100;}
.esingle div label.etag{ float:left; width:21px; height:9px; background:url(../images/event_tag.gif) no-repeat; margin:6px 0 0 5px; overflow:hidden}
.esingle div label.new{ background-position:0 -9px}
.esingle div label.hot{ background-position:0 0}
.esingle div label.end{ background-position:0 -18px;}

#main{ width:675px; float:left;}
#sidebar{ width:275px; float:right;}
.m_title{ width:675px; height:38px; background:url(../images/sprite.gif) no-repeat 0 0; margin-top:10px;}
.m_title h2{ background:url(../images/sprite.gif) no-repeat 0 -84px; width:162px; height:26px; float:left; padding:12px 0 0 30px; color:#fff;}
span.more{ float:right; line-height:38px; margin-right:15px;}
span.more a{ display:block; background:url(../images/sprite.gif) no-repeat -630px -87px; padding-right:20px; color:#c00; text-decoration:none}
span.more a:hover{ color:#f00; text-decoration:underline}


.tab-class{ float:right; margin-right:15px}
.tab-class ul li{ float:left; line-height:37px; font-size:14px; padding:0 20px; cursor:pointer; font-weight:bold; white-space:nowrap}
.tab-class ul li.hover{ border:1px solid #d4d4d4; background:#fff; border-bottom:0; color:#c00}
.bot675{ width:675px; height:2px; background:url(../images/sprite.gif) no-repeat 0 -38px; overflow:hidden; clear:both}
.box675{ width:673px; border:1px solid #d4d4d4; border-bottom:0; border-top:0; background:url(../images/gray_bg.gif) repeat-x left bottom;float:left; }
.partbox{height:300px; overflow:auto;}
.partbox:hover{width:671px; border:2px solid #FF6600;background:#FFFFCC}
.s_partner{ width:630px; margin:10px 10px 0px 10px; float:left; /*height:75px;*/ overflow:hidden; display:inline}
.s_partner h2{ background:url(../images/sprite.gif) no-repeat -667px -60px; padding-left:12px;border-bottom:1px dotted #999;}
.s_partner h2 a{ color:#c00; text-decoration:none}
.s_partner h2 a:hover{ color:#f00; text-decoration:underline}
.s_partner p{ margin:5px 0 0 0; padding:0}
.s_partner p a{line-height:18px; color:#333; text-decoration:none; margin:0 5px 0 0; /*white-space:nowrap; */}
.s_partner p a:hover{ color:#c00; text-decoration:underline}

.h_event{ width:150px; float:left; margin:10px 8px; display:inline}
.h_event p{ margin-top:5px; line-height:18px;}
.h_event p a{ color:#333; text-decoration:none}
.h_event p a:hover{ color:#c00; text-decoration:underline}
.process_box{ width:670px; margin:10px auto; text-align:center}
#video{ margin:6px 0 4px 0; width:255px; clear:both; line-height:22px;}
#video li{ background:url(../images/deco_ico.gif) no-repeat 0 -33px; padding-left:20px;}
#video li a{ color:#333; text-decoration:none}
#video li a:hover{ color:#c00; text-decoration:underline}
.adver{ margin-bottom:5px;}
#toknow li{ line-height:22px; background:url(../images/s_dot_icon.gif) no-repeat 0 50%; padding-left:6px; white-space:nowrap}
#toknow li a{ color:#333; text-decoration:none}
#toknow li a:hover{ color:#c00; text-decoration:underline}

#sevice li{ font-size:14px; line-height:25px; background:url(../images/s_dot.gif) repeat-x left bottom; padding:5px 0; }
#sevice li span{ background:url(../images/deco_ico.gif) no-repeat; padding:5px 0 5px 20px}
#sevice li#qq span{ background-position:0 -68px;}
#sevice li#phone span{ background-position:0 -104px;}
#sevice li#group span{ background-position:0 -142px;}
#foot{ width:960px; text-align:center; margin-top:20px; line-height:20px;}

/*channel stylesheet*/
#topevent{ width:657px; border:4px solid #c00; float:left; margin-top:10px; height:255px; padding:5px;}
#topevent_jiadian{ width:657px; border:4px solid #808080; float:left; margin-top:10px; height:165px; padding:5px;}
#topevent_jiaju{ width:657px; border:4px solid #006699; float:left; margin-top:10px; height:165px; padding:5px;}
#topone{ width:360px; float:left; margin-left:20px;}
#topone h2{ padding:5px 0;}
#topone p{ font-size:14px; line-height:20px;}
#signup{ width:120px; height:36px; background:url(../images/signup.gif) no-repeat; border:0; float:left; margin-top:10px;}
#topone span{ margin-top:5px; float:left; margin-left:10px;}
#topone span em{ font-style:normal; font-weight:bold; color:#c00; font-size:22px;}
.dashline{ width:100%; clear:both; height:21px; overflow:hidden; background:url(../images/s_dot.gif) repeat-x 0 50%;}

.rollphotos {OVERFLOW: hidden;ZOOM: 1;POSITION: relative;width:655px; margin:auto}
.rollphotos .LeftBotton {BACKGROUND: url(../images/sprite.gif) no-repeat -318px -44px;LEFT:0;FLOAT: left;WIDTH: 24px;CURSOR: pointer;POSITION: absolute;TOP: 23px;HEIGHT: 37px}
.rollphotos .RightBotton {RIGHT:0;BACKGROUND: url(../images/sprite.gif) no-repeat -342px -44px;FLOAT: right;WIDTH: 24px;CURSOR: pointer;POSITION: absolute;TOP: 23px;HEIGHT: 37px}
.rollphotos .Cont {OVERFLOW: hidden;WIDTH:605px;PADDING-TOP: 10px;margin:0 25px; height:66px;position:relative;}
.rollphotos .Cont div{width:2010em;position:absolute;}
.rollphotos .Cont img{
    float:left;
    display:inline; /* 修复IE6双边距BUG */
	margin:0px 0 0 18px;
	padding:2px;
	border:1px solid #ccc;
	width:120px;
	height:60px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;}
.rollphotos .box {FLOAT: left;WIDTH: 150px;TEXT-ALIGN: center;}
.partC .PC_left {FLOAT: left}
.partC .PC_right {FLOAT: right}
.brand{ background:none; background-color:#f7f7f7}
.category .bd {background:#fff url(../images/cate-bg.gif) repeat-y top left; width:673px; overflow:hidden}
.category .virtual {padding:0 0 1px 0;FONT-FAMILY: Simsun;OVERFLOW: hidden; border:2px solid #fff; border-bottom:1px dashed #ccc;position:relative; float:left}
/*.hovers {width:669px; border:2px solid #3794d1; background:#f3f9ff; padding:0;padding:0;FONT-FAMILY: Simsun;OVERFLOW: hidden;position:relative; float:left}*/
.category h4{ width:15px; padding:5px; font-size:14px;}
#categoryList ul{ float:right; width:640px; padding:5px 0; display:inline;}
#categoryList ul li{ width:140px; float:left; display:inline; margin:2px 10px; line-height:20px;font-size:14px;}
#categoryList ul li a{ color:#014ccc; text-decoration:none}
#categoryList ul li a:hover{ color:#ff4e00; text-decoration:underline}

.h_single{ width:653px; margin:6px auto 0px auto; background:url(../images/s_dot.gif) repeat-x left bottom; padding-bottom:6px; overflow:hidden;}
.h_single img{ float:left; margin-right:10px;}
.h_single_right{ float:left; display:inline}
.h_single_right a.title2{ font-weight:normal; color:#014ccc; text-decoration:none; font-size:14px; background:url(../images/dot/dot-2.gif) no-repeat 0 4px; padding-left:14px;}
.h_single_right a.title1{ font-weight:normal; color:#000000; text-decoration:none; font-size:14px; background:url(../images/dot/dot-1.gif) no-repeat 0 4px; padding-left:14px;}
.h_single_right a.title2:hover{ color:#ff4100;}
.h_single_right a.title1:hover{ color:#ff4100;}
.h_single_right span{color:#999;}
a.join{ width:70px; height:22px; background:url(../images/sprite.gif) no-repeat -399px -55px; display:block; padding-left:10px; line-height:22px; font-weight:bold; color:#fff; text-decoration:none; margin-top:10px; float:left; margin-right:20px; display:inline;}
.h_single_right p{ line-height:20px;}

/*分页*/
DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 10px 0; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}
#photo-list{ width:640px; margin:auto; overflow:hidden}
#photo-list li{ float:left; width:160px; }
.divide-line{ height:5px; overflow:hidden; width:100%;}

/*baoming*/
#joinbox{ width:675px; float:left; margin-top:10px; height:255px;}
#Jointitle{ width:675px; height:34px; background:url(../images/join_title.gif) no-repeat; line-height:34px;}
#Jointitle h2{ font-size:14px; float:left; line-height:34px; margin-left:10px; color:#c00}
#Jointitle span{ float:right; margin-right:10px; font-size:14px; color:#c00}
#Jointitle span em{ background:#fff; font-weight:bold; padding:2px 5px; margin:0 5px; font-size:20px; border:1px solid #c00}
#Joinmain{ width:673px; border:1px solid #e6b972;}
#Joinform{ width:400px; float:left; background:#f1f1f1 url(../images/formbg.gif) no-repeat 100% 50%; height:230px;}
#Joinform ul{ margin:20px 10px; position:relative}
#Joinform ul>li{ margin:10px 0;}
#Joinform ul>li label{ float:left; width:90px; text-align:right; padding-top:3px; font-size:14px;}
#Joinform ul>li span{ color:#f00;}
#joinok{ width:120px; height:36px; background:url(../images/join_btn_bg.gif) no-repeat; border:0; float:left; margin:0 0 0 80px; font-weight:bold; color:#ff0; font-size:14px;}
#eventcheck{ position:absolute; top:0; right:-265px; width:250px;}
#eventcheck h2{ color:#c00; margin:0 0 10px 0; padding:0}
#eventcheck div{ width:200px; float:left; line-height:30px; margin-left:10px; font-size:14px;}
#eventcheck div input{ margin-top:5px; float:left}

.event_map{ width:662px; margin:10px auto;}
.event_map img{ border:1px solid #ccc;}
.tab-class-content table{ width:660px; background:#ccc; margin:auto; border-top:2px solid #c00;}
.tab-class-content table thead th{ background:#f2f2f2; line-height:30px;}
.tab-class-content table td{ background:#fff; padding:5px;}
.tab-class-content table a{ color:#c00; text-decoration:none}
.tab-class-content table a:hover{ color:#f00; text-decoration:underline}

#history-select{ width:960px; background:url(../images/sort_type.gif) no-repeat; height:40px;}
#history-select a{ display:block; float:right; width:133px; height:24px; margin:9px 10px 0 0}
#history-select a.type{ background:url(../images/his_type.gif) no-repeat}
#history-select a.years{ background:url(../images/his_year.gif) no-repeat}

/*焦点图*/
div#feature_list {width: 675px;height: 273px;overflow: hidden;position: relative;background:url(../images/focus_bg.jpg) no-repeat top right;float:left; margin-top:10px;}

div#feature_list ul#tabs {position: absolute;top:77px; right:3px;_right:2px;list-style: none;	padding: 0;margin: 0;}
ul#tabs {z-index: 2;width: 147px;}

ul#tabs li{background-image:url(../images/tabs-bg.gif); background-repeat:no-repeat; cursor:pointer;}
ul#tabs li{font-size: 12px; background-position:0 0; width:147px; height:46px; overflow:hidden;margin-bottom:2px;font-weight:bold}
		
ul#tabs li img {padding: 5px;border: none;float: left;margin: 10px 10px 0 0;}
ul#tabs li a {color:#fff; background:none; text-decoration: none;	display:block; padding:10px 15px 10px 10px; height:60px;}

ul#tabs li a:hover {text-decoration:none; color:#ff4100}

ul#tabs li.current{background-position:0 -46px;}
ul#tabs li.current a{color: #ff4100;}
ul#tabs li.current a:hover {text-decoration: none;}

ul#output {right: 0;width: 522px;height: 273px;position: relative;float:left;}
ul#output li {position:absolute;width: 522px;height: 273px;left:0}

ol#helplist{ width:620px; list-style-image:url(../images/s_dot_icon.gif); float:left; margin:20px 0 0 -5px!important; margin:20px 0 0 20px}
ol#helplist li{ margin:10px 0; width:620px; background:url(../images/s_dot.gif) repeat-x left bottom; padding-bottom:10px; clear:both; float:left}
ol#helplist li h2{ font-size:14px; font-weight:bold; color:#014ccc; margin:10px 0;}

#joinbtn{ float:left; margin-top:10px;}
#joinbtn a{ background:url(../images/joinbtn_left.gif) no-repeat top left; padding-left:10px; margin:0; height:36px; float:left; color:#FF0; font-size:14px; font-weight:bold; cursor:pointer}
#joinbtn a em{ height:36px; background:url(../images/joinbtn_right.gif) no-repeat top right; padding:10px 10px 0 0; font-style:normal; float:left}
.cluetip-default {
  background-color: #f2f2f2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #f2f2f2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size:14px;
  font-weight:bold;
  background-color: #dedede;
  color: #c00;
}
 
.cluetip-default #cluetip-inner {
  padding: 0px 5px 5px 5px;
  line-height:150%;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

#mapbox{z-index:1000; position:absolute; background:#CCCCCC; padding:10px; top:50px; left:140px;width:660px; display:none;}
#mapbox img{ clear:both;}
#mapbox img#close{ float:right; margin-top:5px; cursor:pointer}