*{margin:0;padding:0;}
body{padding:14px 0 0 0;text-align:center;background: #fff;}
div,td,tr,li,input,select,dt,dd,textarea{font-size:12px;font-family:"宋体";color:#000;}
img{border:0px;}
ul{list-style:none;}

/* clearing hack */
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-table;}/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */
/* end clearing hack */

.fl{float: left;}
.flr{float: right;}

.gray{color: #999;}
.red{color: #f00}

a { color:#999; text-decoration: none;}
a:hover { color:#006600;}

.hide{display: none;}

/* button style*/
.inp01{ border: 1px solid #ccc; height: 16px; width: 100px; line-height: 16px; color: #000; padding: 0 0 0 5px; }
.but01{ display: block; width: 38px; height: 18px; border: 0; background: url(../images/but01_bg.gif); line-height: 19px; color: #fff; text-align: center; letter-spacing: 3px; }
a.but01:hover{color:#fff;}
.inp02{ border: 1px solid #ccc; height: 16px; width: 175px; line-height: 16px; color: #000; padding: 0 0 0 5px; }
.inp03{ border: 1px solid #ccc; height: 18px; width: 146px; line-height: 18px; color: #000; padding: 0 0 0 5px; }
.inp04{ border: 1px solid #ccc; height: 18px; line-height: 18px; color: #989898; padding: 0 0 0 5px;  }
.inp05{ border: 1px solid #ccc; height: 20px; line-height: 20px; color: #989898;  }

.but02{ display: block; width: 73px; height: 48px; line-height: 48px; border: 0;background: url(../images/but02_bg.gif); 
font-weight: bolder; margin-right: 10px;color: #fff; text-align: center; letter-spacing: 2px; cursor: pointer;}
a.but02:hover{color: #fff;}

.but03{display: block;text-align: center;border: 2px solid  #ccc;padding: 6px 0;font-size: 14px;font-weight: bolder;}
a.but03{color: #000;}
a.but03:hover{background: #ECF9F2;}

.but04{ display: block; width: 107px; height: 37px; line-height: 23px; border: 0;background: url(../images/but03_bg.gif); 
font-weight: bolder; margin-right: 10px;color: #fff; text-align: center; letter-spacing: 2px; cursor: pointer;}
a.but04:hover{color: #fff;}

/* header*/
#header{ position: relative; margin: 0 auto; width: 850px; text-align: left; }
#header h1 a{ display: block; width: 60px; height: 18px; background: url(../images/logo.gif); }
#header h1 a span{ display: none; }
#header form{ padding: 32px 0 0 0; }
#header p{ padding: 32px 0 0 0; }
#header form fieldset{ border: 0; }
#header form fieldset legend{ display: none; }
#header form ul li{ float: left; padding-right: 6px; }
#olympic_ico{ position: absolute; top: 0; right: 0; }
#nav{ width: 900px; margin: 7px auto 18px auto; height: 90px; background: #ECECED; border-bottom: 1px solid #B6B6B6; }

/* main nav */
#main_nav{background: url(../images/navbg.gif) no-repeat;height:66px;}
#main_nav li{float: left;position: relative; }
#main_nav li a{float: left;height:66px;background: url(../images/navbg.gif) no-repeat;text-indent:-9999em;overflow:hidden;}
#main_nav a#nav_01{background-position:0 0;width: 313px;}
#main_nav a#nav_02{background-position:-313px 0;width:202px;}
#main_nav a#nav_03{background-position:-515px 0;width:202px;}
#main_nav a#nav_04{background-position:-718px 0;width:183px;}

#main_nav a#nav_01:hover{background-position:0 -66px;}
#main_nav a#nav_02:hover{background-position:-313px -66px;}
#main_nav a#nav_03:hover{background-position:-515px -66px;}
#main_nav a#nav_04:hover{background-position:-718px -66px;}

/* 
#main_nav a#nav_01.on,
#products #main_nav a#nav_01{background-position:-44px -34px;}
#main_nav a#nav_02.on,
#service #main_nav a#nav_02{background-position:-169px -34px;}
#main_nav a#nav_03.on,
#olympic #main_nav a#nav_03{background-position:-294px -34px;}
#main_nav a#nav_04.on,
#recruit #main_nav a#nav_04{background-position:-419px -34px;}
#main_nav a#nav_05.on,
#news #main_nav a#nav_05{background-position:-544px -34px;}
#main_nav a#nav_06.on,*/



#main_nav li ul{display:none;position: absolute;top:60px;left:-30px; width:600px; }
#main_nav li ul li{padding:7px 0 0 0;float: left;background: none;}
#main_nav li ul li a{text-indent: 0;display: block;float: left;width:60px;background: url(../images/navbg_line.gif) no-repeat right 3px;
height:20px;color:#555;padding:3px 20px 0 20px;text-align: center;}
#main_nav li ul li a:hover{color:#009C29;}
#main_nav li:hover ul,
#main_nav li.iehover ul{display: block;}

#main_nav li.iehover a#nav_02{background-position:-313px -66px;}
#main_nav li.iehover a#nav_03{background-position:-515px -66px;}
#main_nav li.iehover a#nav_04{background-position:-718px -66px;}

#training #main_nav a#nav_03{background-position:-515px -66px;}
#training #main_nav li.nav_li02 ul.show{ display: block;}

#action #main_nav a#nav_04{background-position:-718px -66px;}
#action #main_nav li.nav_li04 ul.show{ display: block;}

/* 
#main_nav li ul#nav01_ul{position: absolute;left:-30px; width: 900px;}
#main_nav li ul#nav01_ul li a{width:70px;}
*/


#main_nav li ul#nav01_ul{position: absolute;left:-120px;}
/*#main_nav li ul#nav02_ul{position: absolute;left:-200px;}
*/
#main_nav li ul#nav02_ul{position: absolute;left:-275px;width:670px;}
#main_nav li ul#nav02_ul li a{width:70px;}
#main_nav li ul#nav04_ul{position: absolute;left:-400px;}
#main_nav li ul#nav04_ul li a{width:70px;}

#main_nav li ul#nav04_ul li a.wa01{width:90px;}

/* city */
#city{ position: relative; margin: 0 auto; width: 900px; background: url(../images/hr_line.gif) no-repeat bottom; padding: 0 0 30px 0; text-align: left; }
#link_but{ float: left; width: 262px; }
#link_but img{ padding: 0 0 0 14px; }
#city_list_wrapper{ float: left; width: 635px; }

/* city_list*/
#city_list{background: url(../images/city_list.gif) no-repeat;height:95px;}
#city_list li{float: left;position: relative; }
#city_list li a{display: block;float: left;height:95px;background: url(../images/city_list.gif) no-repeat;text-indent: -9999em;overflow:hidden;}
#city_list li#list1 a{background-position:0 0;width: 156px;}
#city_list li#list2 a{background-position:-157px 0;width: 157px;}
#city_list li#list3 a{background-position:-313px 0;width: 156px;}
#city_list li#list4 a{background-position:-468px 0;width: 156px;}

#city_list li#list1 a:hover{background-position:0 -95px;}
#city_list li#list2 a:hover{background-position:-157px -95px;}
#city_list li#list3 a:hover{background-position:-313px -95px;}
#city_list li#list4 a:hover{background-position:-468px -95px;}

#city_list li#list1 a#current{background-position:0 -95px;}
#city_list li#list2 a#current{background-position:-157px -95px;}
#city_list li#list3 a#current{background-position:-313px -95px;}
#city_list li#list4 a#current{background-position:-468px -95px;}

table.tab_list{ border-collapse: collapse; width: 600px; margin: 10px 0 0 0; }
.col_01{ width: 50px; }
.col_02{ width: 80px; }
.col_03{ width: 80px; }
.col_04{ width: 80px; }
table.show{ display: block; }
#shanghai,#zhuhai,#beijing,#all{ display: none; }
table.tab_list td{ line-height: 25px; text-align: left; padding: 0 0 0 10px; }
table.tab_list th{ font-weight: normal; padding: 0 0 0 10px; }
table.tab_list tr{ cursor: pointer;}
table.tab_list tr.row2{ background: #F5F5F5; }
table.tab_list tr.row3{ background:#E3F5EA; }
table.tab_list td a{ color: #999; }
table.tab_list td a:hover{ color: #006600; }
tr.curren_tr{
	background: #2E8B57; 
}
tr.curren_tr td,tr.curren_tr th{
	color: #fff;
	font-weight: bolder;
}

/* tabs */
#tabs{position: relative; margin: 16px auto 0 auto; width: 872px; text-align: center;background: url(../images/tabsbg.gif) no-repeat 0 30px;}
#tabs_bg{padding: 0 0 30px 0;background: url(../images/tabsbg02.gif) no-repeat bottom;}
#tabs_list{background: url(../images/tabs_nav.gif) no-repeat;height:34px;}
#tabs_list li{float:left;position: relative; }
#tabs_list li a{display: block;float: left;height:34px;background: url(../images/tabs_nav.gif) no-repeat;text-indent: -9999em;overflow:hidden;}
#tabs_list li.one a{width: 204px;background-position:0px 0;}
#tabs_list li.two a{width: 169px;background-position:-204px 0;}
#tabs_list li.there a{width: 171px;background-position:-373px 0;}
#tabs_list li.four a{width: 171px;background-position:-544px 0;}

#tabs_list li.t50_01 a{width: 204px;background-position:-0px -68px;}
#tabs_list li.t50_02 a{width: 171px;background-position:-204px -68px;}

#tabs_list li#one_on a{background-position:0px -34px;}
#tabs_list li#two_on a{background-position:-204px -34px;}
#tabs_list li#there_on a{background-position:-373px -34px;}
#tabs_list li#four_on a{background-position:-544px -34px;}

#tabs_list li#t50_01_on a{width: 204px;background-position:-0px -102px;}
#tabs_list li#t50_02_on a{width: 171px;background-position:-204px -102px;}

#search { padding: 0 0 0 470px; }
#search li{ float: left; padding: 24px 0 0 5px; }
#player_list li{ float: left; margin: 18px 0 0 15px; text-align: left;}
#player_list li a{ display: block; padding: 13px;  width: 122px !important; width /**/: 148px;   height: 200px !important; height /**/: 226px;overflow: hidden; background: #fff; border: 1px solid #ccc; cursor: pointer }
#player_list li a:hover{ background: #F5FCF5; }
#player_list li a img{ border: 1px solid #ccc; margin: 0 0 10px 0; }
#player_list li a p{ padding: 10px 0 0 0; word-break:break-all; overflow: auto; }
#player_list li a p.p01{ color: #009C29; padding: 2px 0 0 0; }

/* top */
#top{ clear: both; margin: 0px auto 0 auto; width: 805px; text-align: center; }
#top1{ margin: 15px 0 0 0; }
.top1_photo{ float: left; width: 210px; }
.top1_photo img{ border: 1px solid #ccc; padding: 3px; }
.top1_detail{ position: relative; float: right; width: 590px; height: 205px; border: 1px solid #ccc; text-align: left; }

.vote_but{
	position: absolute;
	top:10px;
	right:10px;
}
.top100{
	position: absolute;
	top:60px;
	left:40px;

}
.top100-2{
   padding: 20px 30px 0 0;
   text-align: right;

}
.top100 a,.top100-2 a{
	color: Green;
	font-size: 14px;
	font-weight: bolder;
   text-decoration: underline;
}
#top1_ico{ float: left; width: 84px !important; width /**/: 124px; padding: 20px; }
#top1_ico h3{ background: url(../images/top01.gif) no-repeat; width: 71px; height: 44px; }
#top1_ico h3 span{ display: none; }
.top1_detail p.t01{ color: #FF9600; padding: 10px 0 0 0; }
#top1_txt{ float: left; width: 400px; }
#top1_txt p{ line-height: 150%; }
#top1_txt p.t02{ padding: 15px 0 0 0; font-size: 14px; color: #4CB564; }
.top_wrapper{ clear: both; margin: 10px 0 0 0; }
.top_box{ float: left; width: 376px; border: 1px solid #ccc; padding: 10px; position: relative; }
.top_box2{ float: right; width: 376px; border: 1px solid #ccc; padding: 10px; position: relative; }
.top_info{ border-bottom: 1px dotted #ccc; padding: 0 0 10px 0; }
.top_info img{ float: left; border: 1px solid #ccc; margin: 0 10px 0 0; }
.top_info_txt{ float: left; width: 237px; text-align: left; }
.top_info_txt h3{ width: 56px; height: 37px; }
.top_info_txt h3#top2_ico{ background: url(../images/top02.gif); }
.top_info_txt h3#top3_ico{ background: url(../images/top03.gif); }
.top_info_txt h3#top4_ico{ background: url(../images/top04.gif); }
.top_info_txt h3#top5_ico{ background: url(../images/top05.gif); }
.top_info_txt h3 span{ display: none; }
.top_info_txt p{ padding: 3px 0 0 5px; }
.top_info_txt p.p01{ color: #0099CC; }
a.a01{ font-size: 14px; font-weight: bolder; color: #4CB564; }
.top_info_txt02{ padding: 10px 0 0 0; text-align: left; }
.top_info_txt02 p{ line-height: 150%; }
.top_info_txt02 p.p01{ font-size: 14px; font-weight: bolder; color: #4CB564; }
table.player_tab{ clear: both; margin: 11px auto 0 auto; border-collapse: collapse; width: 805px; }

table.player_tab th{ background: #CCC; line-height: 22px; color: #fff; font-weight: normal; }
table.player_tab caption{ font-size: 16px; color: Green; font-weight: bolder; padding: 10px;}
table.player_tab td{ border-bottom: 1px dotted #ccc; line-height: 27px; }
table.tab02{width:650px;}
table.tab02 a{color: #005B01;}
table.tab02 a:hover{color: #00D502;}
table.tab02 td,table.tab02 th{padding: 0 0 0 15px;}
.number{ padding: 0 5px; background: #90BAE8; color: #fff; }
.c01{ color: #90BAE8; }

/* focus_list */

.focus_list_t{text-align: left;margin:25px 0 0 30px; clear: both;}
.focus_list{padding: 0 0 0 30px;}
.focus_list li{ float: left; margin: 18px 94px 0 0; text-align: left;}
.focus_list li.end{margin: 18px 0px 0 0;}
.focus_list li a{ display: block; padding:2px;  width: 200px !important; width /**/: 200px;   height: 250px !important; height /**/: 246px;overflow: hidden; background: #fff; border: 1px solid #ccc; cursor: pointer }
.focus_list li a:hover{ background: #F5FCF5; }
.focus_list li a img{ border: 1px solid #ccc; margin: 0 0 5px 0; }
.focus_list li a p{ padding: 5px 0 0 10px; word-break:break-all; overflow: auto;color: #009C29;  }

#focus_list_02{padding: 0 0 0 30px;}
#focus_list_02 li{ float: left; margin: 18px 41px 0 0; text-align: left;}
#focus_list_02 li a{ display: block; padding: 1px;  width: 123px !important; width /**/: 125px;   height: 158px !important; height /**/: 160px;overflow: hidden; background: #fff; border: 1px solid #ccc; cursor: pointer }
#focus_list_02 li a:hover{ background: #F5FCF5; }
#focus_list_02 li a img{ border: 1px solid #ccc; margin:0; }
#focus_list_02 li a p{ padding: 5px 0 0 10px; word-break:break-all; overflow: auto;color: #009C29;  }

/* top_list */
#top_note{
  background: url(../images/top_conbg.gif) no-repeat ;
  text-align: left;
  width: 801px;
  height: 103px;
  margin: 40px auto 0 auto;
}
#top_note_p{
	float: left;
	width:150px; 
	padding: 20px 0 0 0;
}
#top_note_p img{
	padding: 0 0 0 20px;
}
#top_note_t{
	float: left;
   width: 640px;
	padding: 20px 0 0 0;
}
#top_note_t h3{
   font-size: 14px; color: #FF6600
}
#top_note_t p{
   color: #666; line-height: 150%; padding: 0.5em 0 0 0;}


/* pages */
#pages{ position: relative; height: 30px; }
#pages ul{ position: absolute; right: 50px; top: 20px; text-align: center; }
#pages a{ color: #009C29; }
#pages li{ float: left; padding: 0 0 0 8px; line-height: 20px; }

/* login */
#login{ position: relative; width: 650px; margin: 30px auto; padding: 30px 0 50px 0; border: 1px solid #ccc; background: url(../images/login_ico.gif) no-repeat 450px 113px; }
#login h2{ font-size: 20px; font-family: "黑体"; font-weight: normal; color: #298C2F; }
#login p{ padding: 1em 0 0 0; }
#login form{ padding: 40px 0 0 184px; text-align: left; }
#login form{ padding: 30px 0 0 184px; text-align: left; }
#login form div{ padding: 8px 0 0 0; }
#login form #rem{ padding-left: 154px; }
#login form #rem a{ color: #000; }
#login form .but{ padding: 10px 10px 10px 30px; }

/* step */
#step{ position: relative; width: 802px; margin: 40px auto; }
#step_list{ position: relative; height: 112px; background: url(../images/lc.gif); }
#step_list li{ float: left; height: 112px; }
#step_list li span{ display: none; }
#step_list li.li01{ width: 166px; }
#step_list li.li02{ width: 173px; }
#step_list li.li03{ width: 169px; }
#step_list li.li04{ width: 168px; }
#step_list li.li05{ width: 126px; }
#step_list li#step01{ background: url(../images/lc.gif) no-repeat 0px -112px; }
#step_list li#step02{ background: url(../images/lc.gif) no-repeat -166px -112px; }
#step_list li#step03{ background: url(../images/lc.gif) no-repeat -339px -112px; }
#step_list li#step04{ background: url(../images/lc.gif) no-repeat -508px -112px; }
#step_list li#step05{ background: url(../images/lc.gif) no-repeat -676px -112px; }

/* step1 */
#step1{ position: relative; margin: 27px auto 60px auto; width: 380px; }
#step1 h2{ float: left; width: 100px; height: 60px; background: url(../images/step1.gif) no-repeat; }
#step1 h2 span{ display: none; }
#step1 p.note{ float: left; width: 280px; padding: 25px 0 0 0; text-align: left; color: #999; }
#step1 form{ clear: both; padding: 30px 0 0 10px; }
#step1 form li{ text-align: left; padding: 10px 0 0 0; }

/* step2 */
#step2{ position: relative; margin: 27px auto 60px auto; width: 515px; }
#step2 h2{ height: 55px; background: url(../images/step2.gif) no-repeat 53px 0; }
#step2 h3{
	font-size: 20px; color: #0C7E3D; font-family: "黑体"; font-weight: normal;
}
#step2 p.pt{
	padding: 15px;
   background: #F8FDF9;
	border: 1px solid #41C05F;
	text-align: left;
	margin: 30px 0 0 0;
}
#step2 p.p05{
	text-align: left;
	padding: 15px;
	margin: 10px 0 0 0;
}
#step2 h2 span{ display: none; }
.step2_box{ clear: both; position: relative; height: 102px; margin: 15px 0 0 0; border: 1px solid #ccc; background: url(../images/ico_01.gif) no-repeat 10px center; }
.step2_box p{ text-align: left; padding: 41px 136px 0 98px; margin: 0; }
.step2_box a{ position: absolute; right: 10px; top: 30px; }

/* step3 */
#step3{ position: relative; margin: 27px auto 60px auto; width: 476px; }
#step3 h2{ height: 53px; background: url(../images/step3.gif) no-repeat; }
#step3 h2 span{ display: none; }
#step3 p.note02{ color: #999; text-align: left; padding: 10px 0 0 0; }
#step3 p.note03{ color: #f00; text-align: left; padding: 20px 0 0 0; }
#photo{ background: url(../images/step2_lingbg.gif) repeat-x bottom; padding: 20px 0 15px 0; text-align: left; }
#photo_box{ float: left; width: 230px; }
#photo_box img{ border: 1px solid #ccc; padding: 3px; }
#photo_right div{ padding:15px 0 0 0; }
.info{ padding: 20px; text-align: left; background: url(../images/step2_lingbg.gif) repeat-x bottom;}
.info span{color: #999;}
.info select,.info textarea{color: #999;}
.info textarea{vertical-align: top;}
.info span.red{color: #f00}
.info p{ color:#0C7E3D; line-height: 120%; }
.info li{ padding: 8px 0 0 0; }
.nobg{background: none;}
#show01,#show02{display: none;}


/* step4 */
#step4{ position: relative; margin: 27px auto 60px auto; width: 476px; text-align: left; }
#step4 h2{ height: 53px; background: url(../images/step5.gif) no-repeat; }
#step4 h2.s4{ height: 30px; background: url(../images/step4.gif) no-repeat; }
#step4 h2 span{ display: none; }
#step4 p.note04{ color: #999; padding: 10px 0 0 0; }
#step4 p.note05{ color: #999; padding: 20px 0 0 0; }
#step4 p.note06{ font-size: 14px; padding: 10px 0 10px 0; }
.question{ text-align: left; margin: 20px 0 0 0; }
.question h3{ font-family: Verdana; font-size: 24px; color: #0A8C22; font-weight: normal; }
.question p{ padding: 10px 0 10px 0; }
#step4 textarea{ padding: 5px; color: #989898; }
#step4_box{ border: 1px solid #ccc; height: 215px; margin: 30px 0 0 0; background: url(../images/ico_02.gif) no-repeat 22px 40px; }
#step4_box div{ padding: 25px 0 0 134px; }
#step4_box .p01{ color: #FF6600; font-size: 18px; padding: 0 0 20px 0; }
#step4_box .p02{ font-size: 14px; padding: 0 10px 15px 0;  line-height: 150%}
#step4_box .p03{ padding: 15px 0 0 70px; }

/* step5 */
#step5{ position: relative; margin: 27px auto 60px auto; width: 476px; text-align: left; }
#step5 h2{ height: 30px; background: url(../images/step4.gif) no-repeat; }
#step5 h2 span{ display: none; }
#step5 .p01{ padding: 30px 0 10px 60px; }
#step5 .p02{ }
#step5 .p03 a{ font-size: 14px; text-decoration: underline; }
/* ind_info */
#ind_info{ margin: 27px auto 100px auto; width: 515px; text-align: left; }
#ind_info_box{ position: relative; padding: 30px; margin: 0 0 60px 0; border: 1px solid #ccc; background: url(../images/ico_03.gif) no-repeat 30px 15px; }
#ind_info_box h4{ padding: 0 0 20px 140px; font-size: 20px; font-family: "黑体"; font-weight: normal; color: #298C2F; }
#ind_info_box p{ padding: 8px 0 0 140px; }
#ind_info_box a{ position: absolute; top: 90px; right: 50px; }
#ind_info_box a.mailto{ position: static;}
#ind_info p.p01{ padding: 0 26px; color: #999; line-height: 200%; }
#ind_info p.p01 strong{ font-size: 14px; color: #339138; }

/* com_info */
#com_info{ margin: 27px auto 60px auto; width: 600px; text-align: left; }
#com_info_box{ position: relative; padding: 0 0 10px 0; background: url(../images/step2_lingbg.gif) repeat-x bottom; }
#com_info_photo{ float: left; width: 210px; }
#com_info_photo h4{ padding: 0 0 10px 0; font-size: 20px; font-family: "黑体"; font-weight: normal; color: #298C2F; }
#com_info_photo img{ padding: 3px; border: 1px solid #ccc; }
#com_info_photo ul{
	background: #00AB2B;
}
#com_info_photo li{ float: left; padding: 5px 0 0 10px; width: 44%; background: url(../images/ico_04.gif) no-repeat 2px 8px; color: #fff; }
#com_info_photo #but{ padding: 0 0 0 30px; }
#com_info_photo #but2{ padding: 5px 0 5px 30px; clear: both; }
#com_info_txt{ float: left; width: 320px; padding: 50px 0 0 44px; }
.info_list{ clear: both; padding: 0 0 29px 0; }
.info_list p{ line-height: 180%; padding: 0 0 0 8px;word-wrap:break-word ; overflow: auto }
.info_list h4{ width: 140px; padding: 0 0 0 5px; margin: 0 0 10px 0; line-height: 20px; font-size: 14px; color: #fff; background: #00B930; }
#com_info_box2{ clear: both; margin: 22px 0 0 0; }
#canvass{ padding: 0 10px 10px 10px; }
#canvass ul{ padding: 0 25px; background: #F5F5F5; }
#canvass ul li{ float: left; width: 48%; padding: 10px 0 0 0; }
#canvass ul li.li01{ width: 100%; }
#canvass ul li.li02 input { margin: 0 0 0 180px; }
#canvass input{ vertical-align: middle; }
#canvass textarea{ vertical-align: top; }
#canvass_show{ padding: 20px 0 0 0; }
#back_list{ margin: 13px auto 0 auto; width: 870px; }
#back_list a{ display: block; width: 107px; height: 17px; float: right; background: url(../images/p_pic01.gif); }
#back_list a span{ display: none; }
#player{ margin: 15px auto 60px auto; width: 740px; text-align: left; }
#player_txt{ float: left; width: 480px; padding: 0px 0 0 44px; }

/* news */
#news{
	position: relative; margin: 30px auto 30px auto; width:700px; text-align: left; 
}
.news_list{
   padding: 8px 0 8px 20px ; border-bottom: 1px dotted #ccc;
	clear: both;
}

.news_list h4{
   font-size: 14px;
	color: #008921;
}
.news_list p{
   padding: 10px 0 0 0;
   line-height: 150%;
}
#news_detail{
   clear:both;
	padding: 40px 0 23px 0;
	border-bottom: 1px dotted #ccc;
}
#news_detail h4{
   text-align: center;
   font-size: 16px;
	color: #008921;
}
#news_detail p{
   line-height: 150%;
	text-indent: 2em;
	padding: 1em 0 0 0;
}
#news_detail .t1{
  text-align: right;
  padding: 10px 50px 10px 0;
  font-weight: bolder;
}
p.t2{
  text-align: center;
  padding: 20px 0 0 0;
}
p.t2 a{
  margin: 0 0 0 30px;
  font-size: 14px;
  color: #000;
  font-weight: bolder;
}
#news h3{ padding: 0 0 0 5px; margin: 0 0 10px 0; line-height: 24px; font-size: 14px; color: #fff; background: #00B930; }

/* explain */
#explain{
	position: relative; margin: 30px auto 30px auto; width:810px; text-align: left;  line-height: 150%;
}
#explain_list {
   padding: 0 0 30px 0px;
}
#explain_list li{
	float: left;
	padding:0 10px 0 0;
}
#explain h4{
   clear: both;
	text-indent: -9999px;
	overflow: hidden;
}
#title01{
   height: 40px;
	background: url(../images/explain_t01.gif) no-repeat;
}
#title02{
	margin: 20px 0 10px 0;
   height: 40px;
	background: url(../images/explain_t02.gif) no-repeat;
}
#title03{
	margin: 40px 0 0px 0;
    height: 30px;
	background: url(../images/explain_t04.gif) no-repeat;
}
#title04{
	margin: 30px 0 10px 0;
   height: 40px;
	background: url(../images/explain_t05.gif) no-repeat;
}
#title05{
	margin: 30px 0 10px 0;
   height: 40px;
	background: url(../images/explain_t06.gif) no-repeat;
}
#title06{
	margin: 30px 0 0px 0;
   height: 40px;
	background: url(../images/explain_t07.gif) no-repeat;
}
#title07{
	margin: 30px 0 0px 0;
   height: 40px;
	background: url(../images/explain_t03.gif) no-repeat;
}
#title08{
	margin: 30px 0 0px 0;
   height: 40px;
	background: url(../images/explain_t08.gif) no-repeat;
}
.t_style01{
	float: left;
   width: 98px;
}
.explain_p01{ 
   color: #666666;
	float: left;
	width: 670px;
}
.explain_p07{ 
   color: #666666;
	float: left;
	width: 670px;
	padding:30px 0 0 0; 
}
.explain_p01 dt{
	font-weight: bolder;
	padding: 30px 0 0 0;
}
#flow{
   clear:both
   height: 191px;
	background: url(../images/explain_conbg.gif) no-repeat;
}
#flow li{
	float: left;
	width: 113px;
   margin-right: 10px;
	padding: 42px 0 0 12px;
}
#flow li.end{
	margin: 0;
}
.explain_p02{
   height: 47px;
	background: url(../images/explain_t02_p01.gif) no-repeat 24px 19px;
	padding: 19px 0 0 92px;
	line-height: 190%;
}
.explain_p03{
  height: 47px;
	background: url(../images/explain_t02_p02.gif) no-repeat 24px 19px;
	padding: 19px 0 0 92px;
	line-height: 300%;
}
.explain_p032{
  height: 47px;
	background: url(../images/explain_t02_p03.gif) no-repeat 24px 19px;
	padding: 19px 0 0 92px;
	line-height: 190%;
}
.explain_p04{
	padding: 10px 0 0 10px;
	color: #028A1E;
}
.explain_p05{
	padding: 0px 0 0 100px;
}
#explain_tab{
	border-collapse: collapse;
   width: 100%;
}
#explain_tab th{
   background: #028A1E;
	line-height: 23px;
	color: #fff;
	text-align: center;
	font-weight: normal;
}
#explain_tab td{
  border-bottom:1px dotted #ccc; 
  line-height: 50px;
  text-align: center;
}

#other{	position: relative; margin: 30px auto 30px auto; width:700px; text-align: left;  line-height: 150%;}
#other h3{font-size: 20px; color: #0C7E3D; font-family: "黑体"; font-weight: normal;  line-height:220%;text-align: center;}
#other h4{font-size: 13px; color: #0C7E3D; padding:1em 0 0 0; }
#other p{text-indent: 2em; padding:1em 0 0 0; }
#other ol{margin:10px; 0 0 30px; padding: 0 0 0 30px;}
#other ol li{margin:10px; 0 0 30px;}
/* footer */
#footer{
  clear: both;
  padding: 25px 0 0 0;
  color: #999;
}
#footer p{
 padding:0 0 10px 0; 
}


/*download*/
#download{width: 900px;margin:0 auto;background: url(../images/bg_download.jpg) no-repeat 0 0;}
.video_p{height: 411px;position: relative; }
.video_p .t{position: absolute;top:16px;left:41px; }
.video_p .go{position: absolute;top:148px;left:668px; }
.video_p .vp{position: absolute;width: 393px;height: 282px;top:54px;left:173px;}
.v_lt{margin-left:78px;}
.v_lt li{float: left;width: 154px;text-align: left;}
.v_lt li .ib{border:1px solid #ccc;margin:5px 0 0 5px;display: block;}
.v_lt li h4{font:12px arial;padding:11px 9px;}
.v_lt li .bt_p{margin-left:9px;}
.v_lt li .bt_d{margin-left:9px;}
#download .d_pd{text-align: center;color:#888;clear:both;}
#download .d_pd a{text-decoration: underline; }

#winner{width: 640px;margin:0 auto;text-align: left;color:#666;}
.winner_nav{padding-left:20px;background: url(../images/bg_winner_nav.gif) repeat bottom;position: relative; }.winner_nav img{margin-top:3px;}
.winner_list{margin:0;padding:0;}
.winner_list dt{margin:16px 0 0;zoom:1;overflow:hidden;}
.winner_list dt span{float: right;background: #009933;color:#fff;padding:8px 10px 5px;font:bold 14px arial;}
.winner_list dd{margin:0;padding:0;}
.winner_list dd table{width:640px;}
.winner_list dd th{background: #f4f4f4;padding:8px 15px 6px 45px;text-align: left;color:#888;}
.winner_list dd td{padding:8px 15px 6px 45px;text-align: left;color:#666;border-bottom:1px solid #ddd;}
.winner_list dd .on{background: #fafafa;}
.winner_note{margin:0;padding:0;width: 640px;height: 235px;margin-top:30px;background: url(../images/bg_winner_note.gif) no-repeat;}
.winner_note li{padding:15px 0 0 196px;margin:0;}
.winner_note .f{padding:96px 0 0 196px;margin:0;}

/*game p*/
#game_p{width: 900px;height: 600px;margin:0 auto;background: url(../images/g_bg.jpg) no-repeat 0 0;position: relative; }
#game_p .go{position: absolute;top:345px;left:740px; }
#game_p .vp{position: absolute;width: 601px;height: 350px;top:95px;left:114px;background: #000;}


/* training */
#training{width: 800px;margin:0 auto;text-align: left;}
.fnews{zoom:1;overflow:hidden;}
.fnews dt.t{float: left;width: 246px;}
.fnews dd.d{float: left;width: 235px;height: 165px;}
.fnews dd.d a{color:#666;}
.fnews dd.d ul{background: #ebe9df;padding:20px 0;}
.fnews dd.d ul li{height: 25px;padding:0 15px 0 23px;background: url(../images/tra_ar.gif) no-repeat 10px 1px;}
.fnews dd.sd{float: right;width: 313px;}
.fnews dd.sd ul{margin-right:2px;padding:18px 15px 17px;background: url(../images/tra_tab_bbg.gif) repeat-x;color:#fff;}
.fnews dd.sd ul li{height: 18px;color:#454545;}
.tra_t{height: 21px;background: url(../images/tra_tab_bg.gif) no-repeat top right;}
.tra_t a{float: right;width: 76px;height: 21px;text-indent: -9999em;overflow:hidden;}
a#trat_01.on,
a#trat_01:hover{background: url(../images/tra_tab_bg.gif) no-repeat 2px -27px;}
a#trat_02.on,
a#trat_02:hover{background: url(../images/tra_tab_bg.gif) no-repeat -74px -27px;}
#tra_t_1{display: none;}
.tra_th{padding-top:10px;}
.tra_fw{width: 266px;float: left;}
.tra_fw dt{height:21px;background: url(../images/tra_tt_bg.gif) no-repeat;}
.tra_fw dt span{float: left;padding:1px 0 0 21px;font-weight: bold;}
.tra_fw dt a{float: right;padding:1px 6px 0 0;}
.tra_fw dd{width:264px;border-right: 1px solid #aaa;zoom:1;overflow:hidden;}
.tra_fw dd li{float: left;width: 132px;text-align: center;overflow:hidden;}
.tra_fw dd li .v{margin:5px 3px;padding-top:2px;text-align: center;border: 1px solid #ccc;height: 170px;color:#00811b;}
.tra_fw dd li .vn{text-align: left;padding:8px;color:#028422;}
.tra_vd{background: #f6f6f6;width:796px;clear:both;zoom:1;overflow:hidden;}
.tra_vd td{vertical-align: top;}
.tra_vd td.std{width: 370px;}
.tra_vd td.std dl{zoom:1;overflow:hidden;}
.tra_vd td.std dt{float: left;text-align: center;overflow:hidden;width: 140px;}
.tra_vd td.std dt img{margin-bottom:6px;}
.tra_vd td.std dd{float: right;width: 225px;overflow:hidden;}
.tra_vd td.std dd h4{font:14px arial;padding:0 25px 13px 0;}
.tra_vd td.std dd p{margin-right:25px;}
.std ul{padding-top:13px;}
.std ul li{height: 20px;padding:0 25px 0 15px;background: url(../images/tra_ar.gif) no-repeat 2px 1px;}
.std ul li span{float: right;color:#aaa;}
.recap{background: #e8e8e8;margin:5px 0 0 0;width:796px;}
.recap ul{zoom:1;overflow:hidden;}
.recap ul li{float: left;width: 199px;height: 154px;text-align: center;overflow:hidden;}
.recap ul li img{padding:2px;border: 1px solid #ccc;margin:8px auto 6px;}
.war{padding-top:7px;zoom:1;overflow:hidden;}
.war .tra_th .twr{float: left;}
.war .tra_th ul{float: right;}
.war .tra_th ul li{float: left;}
.vrl{float: right;padding-right:20px;}
.vrl li{text-align: center;}
.vr{padding-left:15px;}