@charset "utf-8";
/* css 初始化 */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline; }
ol, ul { list-style:none; }
table { border-collapse: collapse;border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }

body { line-height:1; font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#4e4e4e; width:100%; }
.bg_1 { background:url("../images/body_1.jpg?v=201206271009") no-repeat scroll center 40px #01091e; }
.bg_2 { background:url("../images/body_2.jpg?v=201206061157") no-repeat scroll center 40px #CDEAF2; }
.bg_3 { background:url("../images/body_3.jpg") no-repeat scroll center 40px #0f0c07; }
.bg_4 { background:url("../images/body_4.jpg") no-repeat scroll center 40px #090909; }
.bg_5 { background:url("../images/body_5.jpg") no-repeat scroll center 40px #1f1f1f; }
.bg_6 { background:url("../images/body_6.jpg") no-repeat scroll center 40px #1f190b; }
.bg_7 { background:url("../images/body_7.jpg") no-repeat scroll center 10px #00081d; }
.bg_8 { background:url("../images/body_8.jpg") no-repeat scroll center 10px #1c1c1c; }
input { font-family:Arial,Helvetica,sans-serif; vertical-align:middle; }
a { color:#333; text-decoration: none; outline:medium none; }
a:hover { color:#ff6600; }
.fixed { clear:both; height:0; overflow:hidden; }

.test a span { display:none; }
/* top_link */
.top_link { background-color:#000; height:48px; }

.nav, .box, .w960 { margin:0 auto; width:960px; }
.banner_box, .test { background-image:url("../images/banner.png"); background-repeat:no-repeat; }
.wrapper_top, .wrapper_bottom, .nav, .t_l, .t_r, .b_l, .b_r, .login .top, .bottom, .login_title a, .text, .password, .main .title, .sidebar .title, .box_x, #menu .menu_top, #menu .menu_bottom, .login_top, .f_top { background-image:url('../images/bg.png?v=201206251725'); background-repeat:no-repeat; }
.t_l, .t_r, .b_l, .b_r { width:9px; height:10px; display:block; position:absolute; }
.t_l { top:0; left:0; background-position:-963px -51px; }
.t_r { top:0; right:0; background-position:-974px -51px; }
.b_l { bottom:0; left:0; background-position:-963px -63px; }
.b_r { bottom:0; right:0; background-position:-974px -63px; }

.test a, #con_one_1 input.button, .forum_button, .downloads_button, .start_button { background-image:url("../images/button.png"); background-repeat:no-repeat; }

.nav li, .news_icon, .news_list li, .videos_icon, .interact_icon, .interact a, .play_guide_icon, .shows_icon, .screenshots_icon,.end_list li,.pop_icon{ background-image:url("../images/icon.png"); background-repeat:no-repeat; }

.box .login .top, .bottom { width:300px; height:10px; background-position:left -83px; }
.bottom { background-position:left -94px; }
.center, .login_tab { background-image:url('../images/bg_y2.gif'); background-repeat:repeat-y; width:300px; margin:0 auto; }

/*wrapper*/
.wrapper_bottom { height:15px; background-position:0 -19px; }
.wrapper_top { margin-top:150px; height:15px; background-position:0 -3px; }
.wrapper { padding:0 10px; background:transparent url('../images/bg_y.png') repeat-y; width:968px; }
.wrapper, .wrapper_top, .wrapper_bottom { margin:0 auto; width:988px; background:none; }

/*nav*/
.nav { height:40px; background-position:0 -42px; margin-top:167px; position: relative; z-index:100;}
.nav li { float:left; background-position:right 17px; position: relative; }
.nav li.home { background:none; }
.nav a { color:#E2E2E2;float:left;font-size:14px;font-weight:bold;height:26px;padding:14px 15px 0;text-shadow:-1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; }
.nav a:hover, .nav a.this { color:#ff9000; }
.nav li.home a { color:#FFFFFF;height:26px;padding-left:27px;padding-top:14px;text-shadow:-1px 0 #E56F00, 0 1px #E56F00, 1px 0 #E56F00, 0 -1px #E56F00;width:51px; }

#menu li ul {left:-43px;margin-left:0.5em;margin-top:40px;position:absolute;top:-3px;z-index:1001; display:none; padding-top:5px; }
#menu ul li ul {margin-top:-3em;margin-left:7em;}
#menu li:hover ul, #menu li.over ul {display:block;}
#menu li:hover ul ul, #menu li.over ul ul {display:none;}
#menu ul li:hover ul, #menu ul li.over ul {display:block;}
#menu ul a {background-color:#111111;border-bottom:1px solid #2A2A2A;border-left:2px solid #000000;border-right:2px solid #000000;font-size:12px;font-weight:normal;height:auto;padding:6px 10px;width:138px; }
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }



#menu .menu_top, #menu .menu_bottom { height:20px; width:298px; }
#menu .menu_top { background-position:-462px -185px; }
#menu .menu_bottom { background-position:-462px -207px; }


.box { padding-top:10px; }
/*banner*/
#banner { position:relative; width:630px; padding-top:10px;background:url("../images/banner_bg.png") no-repeat left bottom; float:left; }
.banner_box {  height:284px;left:0;position:absolute;top:0px;width:630px;z-index:50;*z-index:-5; }

.slider, .slider li, .b_box { width:610px; height:264px; }
.slider li { position:relative; }

.b_box { overflow:hidden;position:relative; margin:0 10px 10px; *padding-top:0px; background-color:#000; }
.banner0 { background-image:url("../images/banner/banner1.jpg?v=201206061156"); }
.banner1 { background-image:url("../images/banner/banner3.jpg?v=201106161422"); *margin-top:-3px; }
.banner2 { background-image:url("../images/banner/banner6.jpg?v=201109071714"); *margin-top:-3px; }
.banner3 { background-image:url("../images/banner/banner7.jpg?v=201108311713"); *margin-top:-3px; }
.banner4 { background-image:url("../images/banner/banner8.jpg?v=201108311713"); *margin-top:-3px; }
.banner5 { background-image:url("../images/banner/banner9.jpg?v=201108311713"); *margin-top:-3px; }
.banner6 { background-image:url("../images/banner/banner10.jpg?v=201108311713"); *margin-top:-3px; }
.test { position:absolute; z-index:50; bottom:10px; left:10px; background-position: left -285px; height:73px; width:589px; color:#eee; font-size:12px;font-weight:bold; line-height:200%; }

.test p { padding:10px; width:500px; height:40px; overflow:hidden;}
.test a { display:block; position:absolute; right:10px; bottom:10px; width:53px; height:53px; }
.test a:hover { background-position:left -58px; z-index:50;  }

#b_r {  height:64px;margin:15px auto 5px;width:512px; }
#b_r li a { width:48px; height:48px;}
#b_r li.on a{  border:3px solid #FFF; float:left;}
#b_r li { float:left; width:54px; height:54px; margin-right:10px;}

#b_r #icon_0 { background-image:url("../images/banner/1.jpg?v=201106161422");  }
#b_r #icon_1 { background-image:url("../images/banner/3.jpg?v=201106161422");  }
#b_r #icon_2 { background-image:url("../images/banner/6.jpg?v=201109071714");  }
#b_r #icon_3 { background-image:url("../images/banner/7.jpg?v=201108311713");  }
#b_r #icon_4 { background-image:url("../images/banner/8.jpg?v=201108311713");  }
#b_r #icon_5 { background-image:url("../images/banner/9.png?v=2012006060957");  }
#b_r #icon_6 { background-image:url("../images/banner/10.jpg?v=2012006060957");  }
/**/
.box .login { background-color:#c7c7c7; float:right; width:320px; height:350px; position:relative; *padding-top:10px; *height:348px;  }
.login_tab { margin-top:3px; position:relative; }

.login_title { position:absolute; top:1px;  }
.login_title a { font-size:18px;  font-weight:bold; color:#8d8d8d; width:150px; float:left; text-align:center; height:37px; line-height:210%; }
.login_title a.hover { color:#333; }

.login_title #one1.hover { background-image:none; }
.login_title #one2.hover { background-image:none; }

.login_title #one2 { background-position:-452px -83px; }
.login_title #one1 { background-position:-301px -83px; }

.login_info { padding-top:28px; }
#con_one_1, #con_one_2 { padding:15px 15px 5px; font-size:12px; color:#999; }
#con_one_1 p { line-height:180%;margin-bottom:-6px;margin-top:12px;text-align:center;}
#con_one_1 a.forgot { color:#ff6600;  margin-left:39px; }
#con_one_1 input { border:0; font-family:Arial,Helvetica,sans-serif; color:#666; }
#con_one_1 input.button { background-position:0 -113px;height:66px;position:absolute;text-indent:-999em;top:53px;width:86px; background-color:transparent; cursor:pointer; right:15px; }
.text, .password { background-position:-603px -83px; height:18px;padding:5px;width:164px; margin-bottom:10px;  }

#con_one_2 { padding-top:10px; padding-bottom:0;}
#con_one_2 p { margin-bottom:6px;margin-top:0px;text-align:left; font-size:12px; }

.login_h p { font-size:14px; line-height:160%; color:#333; }
.login_h p a{ color:#ff6600; margin-right:20px; }
.ad_home { margin-left:10px;margin-top:10px; }

/**/
.content { background-color:#c7c7c7; width:940px; padding:10px; margin:0px auto;min-height:389px; position:relative;  }

.main { float:left; width:620px; }
.main .center { background-image:url('../images/bg_y3.gif'); background-repeat:repeat-y; width:620px; margin:0;  }
.main .bottom { background-position:-1px -175px; width:620px; }

.main .title { width:620px; height:44px; background-position:left -130px; position:relative; }
.main .title a, .box_x a.more,.interact .title a{ position:absolute;right:15px;top:19px; }
.main .title select{ position:absolute; right:15px; top:15px;}
.main .title h3, .sidebar .title h3, .box_x h3 { font-size:20px;height:27px;padding-left:48px;padding-top:16px; }

.news_icon { background-position:14px -14px;}
.videos_icon { background-position:11px -93px; }
.interact_icon { background-position:15px -136px; }
.play_guide_icon { background-position:15px -361px; }
.shows_icon { background-position:15px -402px; }
.screenshots_icon { background-position:16px -443px; }
.pop_icon{background-position:16px -478px;}

.news_list { padding-top:10px; margin:0 13px; padding-bottom:1px; }
.news_list li,.end_list li{ background-position:6px -66px;border-bottom:1px dashed #CCCCCC;height:25px;line-height:180%;margin-bottom:6px;overflow:hidden;padding:0 10px 0 18px; position:relative;}
.news_list li em { background-color:#FFFFFF;padding:2px 5px;position:absolute;right:0;top:-1px; color:#999; }

.videos, .play_guide, .screenshots, .ad { margin-top:20px; }
.videos_list li { float:left;padding:17px 17px 7px;text-align:center; height:130px; width:120px; }
.videos_list li a { display:block;font-weight:bold;margin-bottom:8px; }
.videos_list li a strong { display:block; width:120px; height:13px; overflow:hidden }
.videos_list li em { color:#999; }
.videos_list li img { width:120px; height:90px; }

a.pic_bg {  background:url('../images/pe.png') no-repeat; width:120px; height:90px; }

/*sidebar*/
.sidebar { width:310px; float:right; }
.sidebar .title { background-position:-621px -130px; width:310px; height:44px; position:relative; }
.sidebar .center { background-image:url('../images/bg_y4.gif'); background-repeat:repeat-y; width:310px;  }
.sidebar .bottom { background-position:-622px -175px; width:310px;}

.interact{margin:0 0 15px 0;}
.interact .center { padding:15px 15px 5px; width:280px; }
.interact a { float:left; width:32px; height:32px; text-indent:-999em; margin-right:7px; }
.interact .title a{float:none; width:auto; height:auto; text-indent:inherit; margin-right:0;}
.twitter { background-position:left -203px; }
.facebook { background-position:left -243px; }
.youtube { background-position:left -283px; }
.myspace { background-position:left -323px; }
.interact .os { background:url(../images/os.png) no-repeat center center; width:114px }
.play_guide .center { padding: 7px 10px; }

.end_list{}
.end_list li a{ background:none; text-indent:0; width:280px; height:25px; float:none; margin-right:0;}

/**/
.content_position { background-image:url("../images/position.gif"); background-position:left top; background-repeat:repeat-x; }
.position { font-size:14px;font-weight:bold;height:38px;padding-left:3px;}
.position a:hover { color:#000; }

/**/
.box_x { width:460px; height:210px; background-position:left -186px; position:relative; float:left; margin:5px; }
.box_x h3 { padding-left:13px;padding-top:14px; }
.pic { float:left;margin-top:15px;padding-left:15px; }
.pic img { width:160px; height:120px; }
.box_x p { height:65px;line-height:200%;margin-left:191px;margin-top:20px;overflow:hidden;width:255px; }
.forum_button, .downloads_button, .start_button { margin-left:191px; margin-top:20px; width:174px; height:46px; display:block; background-position:left -180px; text-indent:-999em; }
.downloads_button { width:252px; background-position:left -227px;  }
.start_button { background-position:-87px -133px; width:148px; }


.box_r { float:right; }

/**/
.navigation { text-align:center; padding:20px 0; }
.navigation a, .navigation span { color:#ff6600; font-weight:bold; padding:2px 5px; margin-right:3px; }
.navigation span, .navigation a:hover { background-color:#bbb;  color:#fff; }
.previous, .next { margin:0 15px; }
.navigation span.previous, .navigation span.next { background-color: transparent; color:#bbb; }

/**/
.main .news_info .center { line-height:180%; padding:20px; width:580px; }
.main .news_info .title { background-image:url("../images/news_info_title.png");background-position:0 0;background-repeat:no-repeat;height:120px; text-align:center; }
.main .news_info .center p { margin-top:5px; }
.main .news_info .title h2 { font-size:24px; padding:27px 20px 0; }
.main .news_info .title p { color:#999; margin-top:10px; }
.main .news_info .center strong { font-size:14px; font-weight:bold; }

.main .news_info .center table { background-color:#f5f5f5; }
.main .news_info .center table td { border:1px solid #555; padding:5px;  }
/**/
.right { text-align:right; border-top:1px dashed #CCCCCC; margin-top:10px; padding-top:10px; position:relative; }
.right a { -moz-border-radius:5px 5px 5px 5px;background-color:#BBBBBB;color:#FFFFFF;display:block;font-size:31px;font-weight:bold;padding:12px 13px;position:absolute; top:15px; left:0px; }
.right a:hover { background-color:#F60; }
/*footer*/
.footer { margin-top:20px; }
.w960 { width:960px; margin:0 auto; position:relative; }
.footer { background:url("../images/footer_bg.png") repeat-x;color:#333333;font-size:14px;height:66px;padding-top:17px; line-height:180%; } 
.footer_logo { background:url("../images/footer_logo.png") no-repeat;float:left;height:43px;margin-left:170px;margin-right:20px;width:143px;}
.footer a{ color:#FFFFFF;font-weight:normal;}
.footer a:hover { color:#ff6600; }

.w960 a.ap{   -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;	background-color: #333;	color: #fff;	display: block;	font-size: 12px;	line-height: 150%;	padding:5px 7px;	position: absolute;	right: 190px;	text-align: center;	top: 0; }

/**/
.text { background-position:-603px -83px; width:164px; margin-right:25px; }
.sel { font-size:11px;line-height:200%;position:absolute;right:111px;top:44px; }
.sel select { border:1px solid #CCCCCC;color:#666666;font-family:arial;font-size:11px;height:25px;padding:2px;vertical-align:top;width:70px;  }

.lo_list{ margin:41px 0 14px; float:left;}
.lo_list li{float:left; width:125px; margin-bottom:8px; text-align:center;}
.lo_list li.aleft{margin-right:9px;}
.lo_list li.aright{margin-left:9px;}
.login_h span { background-color:#F2F2F2;float:left;margin-right:10px;padding-right:10px;text-align:right;width:110px;}
.login_top { background-position:-460px -238px;float:right;height:8px;width:320px;}
.f_top { background-position:-14px -412px;height:8px;margin:10px auto 0;width:960px; }

.nav li ul { width:300px; }
.nav li ul li { width:136px; }