@charset "utf-8";
/*------common css S------*/
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:14px; font-family:Verdana,Arial,Helvetica,sans-serif; width:100%; background:#8adffd;min-width:960px;}
a {  text-decoration: none; outline:medium none; color:#333;}
a:link { text-decoration: none; outline:medium none;}
a:hover { color:#db1e00; }
.fixed { clear:both; height:0; overflow:hidden; }
.none { display:none; }
/* clearfix */
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; }
.clearfix { *zoom: 1; }
/* top_link */
.top_link{ height:40px; background-color:#000; }
/* w960 */
.w960{ margin:0 auto; width:960px;}
/*------common css E------*/
/* box */
.frame_bg_t{margin-top:10px; background: url("../images/box_bg.png") repeat;}
.frame_bg_t h2{ line-height:36px;color:#083b59; padding-left:11px; background:url(../images/btn02_bg.png) repeat; text-shadow:1px 0 0 #cae0e9;}
.frame_bg_t h2 span{ display:block; float:left; width:30px; height:34px; margin-left:-6px; }
.box_wrap_right{overflow:hidden;background:#fff;position:relative;}
.box_wrap_right .list_nav{ height:54px; background-color:#f4f4f4;position:relative;border-bottom:1px solid #d6d6d6;}
.box_wrap_right .list_nav li{ float:left; position:relative;}
.box_wrap_right .list_nav li a{ height:54px; display:block; width: 175px; color:#222; text-align:center; line-height:54px; position:relative; text-shadow: 0 1px 0 rgba(255,255,255,0.8); font-size:18px;border-left:1px solid transparent;border-right:1px solid transparent; text-transform: uppercase;}
.box_wrap_right .list_nav li a.now{background-color:#fff;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;height:55px;}
.box_wrap_right .list_nav .news_actili{margin-right:0;}
.box_wrap_right .list_nav .news_actili .news_acti{width: 178px;}
.box_wrap_right .box_tit,.box_wrap_right .box_cate{line-height:84px;font-size:50px;color:#fff;text-transform:uppercase;text-indent:20px;}
.box_wrap_right .box_cate {height:84px;}
.box_wrap_right .box_tit{font-size:18px;line-height:40px;font-weight:normal; height:40px; background: url("../images/box_tit_bg.png") repeat;}
.list_con_wraper{ background:#fff; padding:0 18px 20px;min-height:350px;}
.box_wrap_right .list_nav li .news_all,.box_wrap_right .list_nav li .news_all.now,.box_wrap_right .list_nav li .media_video.now{border-left:none; width:176px;}
.box_wrap_right .list_nav li .news_acti,.box_wrap_right .list_nav li .news_acti.now{border-right:none;}

/* content head */
.header{overflow:hidden;height:363px;position:relative;background:url(../images/nav.png) center top no-repeat;width:960px;margin:0 auto;}

/* nav */
.nav{width:960px;height:58px;}
.nav li{float:left; position:relative;margin-right:1px;}
.nav li a{display:block;width:137px; height:60px;}
.nav li:hover{background:url(../images/nav_hover02.png) repeat-x;}
.nav li .nav_home{width:135px;}
.nav li .nav_forum{width:132px;}
.nav li .nav_support{width:138px;}
.nav li .nav_show li{background:none;}
.nav li .nav_show{position:absolute;display:none;top:58px;background:url(../images/nav_hover.png);width:137px;padding:20px 0;}
.nav li .nav_show a{text-align:center;height:26px;line-height:26px;color:#000;}
.nav li .nav_show a:hover{color:#d12d01;;text-decoration:underline;}

/* logo */
.logo{ background: url("../images/logo.png?v=201405261423") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: block;height: 206px;left: 234px;position: absolute;top: 121px;width: 492px;}
/* main */
.content_wraper{background:url(../images/bg.jpg) no-repeat center top;}
.main{padding-bottom: 71px;}
.main_left{ width:240px; float:left; position:relative; }
.main_right{ float:right;margin-left:10px;width:710px;}
.main_right_index{ background: url("../images/box_bg.png") repeat;}

/*--------main_left--------- */
/* left btns */
.play_btn,.play_btn span{ background:url(../images/start.jpg) no-repeat; width:240px; height:124px; display:block; cursor:pointer;}
.play_btn span{ background-position:-240px 0; }
.rc_btn{ width:240px; height:50px; background:url(../images/start.jpg) no-repeat 0 -124px; margin-top: 1px;}
.register_btn,.charge_btn,.register_btn span,.charge_btn span{ width:120px; height:50px; display:block; float:left; background:url(../images/start.jpg) no-repeat;cursor:pointer;}
.register_btn{background-position:0 -125px;}
.charge_btn{background-position:-120px -125px;}
.register_btn span{ background-position:-240px -125px; }
.charge_btn span{ background-position:-360px -125px; }
.cfln_btn{ margin-top:10px; width:240px; position:relative;background:url(../images/btn02_bg.png) repeat;}
.cfln_btn a,.cfln_btn a span{ display:block; width:240px; height:51px;cursor:pointer;background:url(../images/btn02.png?v=1) no-repeat;}
.cfln_btn a{background:none;}
.cfln_btn .l_support{height:52px;}
.cfln_btn a:hover{background:url(../images/btn02_bg_hover.png) repeat;}
.cfln_btn .c_gift_box span{ background-position:0 18px }
.cfln_btn .l_support span{ background-position:0 -33px; height:52px;}
.cfln_btn .n_guide span{ background-position:0 -85px;}

/*footer*/
#footer { background:#08090a url("../images/footer/footer_bg.png") left top repeat-x; height: 108px;}
#footer .footer_logo { background: url("../images/footer/footer_logo.png") no-repeat scroll 30px 24px transparent; font-size: 14px; height: 70px; padding-left: 430px; padding-top: 30px; width: 610px; margin: 0 auto; position: relative; z-index: 1; }
#footer .footer_logo p { padding-left:50px; color: #595959; line-height:180%; }
#footer .footer_logo a { color: #fff; }
#footer .footer_logo a:hover { color:#c41212; }
#footer .footer_bg_box { background: url("../images/footer/footer_bg_box.png") no-repeat scroll center top transparent; height: 100px; margin: -98px auto 0; width: 1079px; min-width:1079; }
#footer .footer_p { float: left; }
#footer a.footer_boost{ color:#aaa; font-weight:bold; background-color: #222222; border: 1px solid #575757; display: inline-block; float: left; margin-left: 10px; padding: 16px 5px 0; height:30px; text-align: center; width: 60px; }
#footer a.footer_boost:hover { color:#fff; background-color: #202020; border: 1px solid #999; text-decoration:none; }

/*selectserver*/
.selectserver{ position:absolute; margin:auto; top:500px; z-index:999; width:879px; }
.selectserver .title{ color:#0f202a; height:121px; background:url(../images/selectaserver/i_bg.png) top left no-repeat; padding:15px; text-shadow: 0 1px 0 #a4d6f4; }
.selectserver .title .close{ height: 43px; position: absolute; right: 0px; top: 0px; width: 46px; }
.selectserver .title .close:hover { background-position:right 0; }
.selectserver .title span, .i_icloud{ background-position: -26px -4px; display: inline-block; height: 18px; vertical-align: middle; width: 17px; margin-right:5px; }
.server .i_icloud { background-position:-43px -4px; }
.selectserver .title img { margin-top: 15px; }
.selectserver .bg{ background:#fff url(../images/selectaserver/i_y.png) repeat-y; padding:0 2px 10px; }
.selectserver .bg img{ margin-top: -8px; }
.selectserver .bottom{ height:85px; background:url(../images/selectaserver/i_bg.png)  0 bottom  no-repeat; }
.selectserver .title span, .i_icloud, .server_icon1, .server_icon2, .server_icon3, .server_icon4, .server_user, .server_new, .server_rcmd, .selectserver .title .close:hover { background-image:url("../images/selectaserver/i.png"); background-repeat:no-repeat; }
.server ol li a, .server ol li.server_maintain a { background-image:url("../images/selectaserver/i_button.png"); background-repeat:no-repeat; }
.server_m30 { margin-top:25px; }
.server .server_country,.server h3{ background:url("../images/selectaserver/i_x.png") repeat-x; color: #0f202a; height: 25px; padding-top:8px; padding-left: 12px; text-shadow: 0 1px 0 #f4f9fb; }
.server .server_country{padding-top:3px;height:30px;}
.server .server_country li{float:left;font-weight: bold;cursor:pointer;height:30px;line-height:30px;padding:0 11px;}
.server .server_country .current{background:#fff;}
.server ol li, .server ol li a { color: #FFFFFF; float: left; font-size: 12px; height: 40px; width: 197px; text-shadow: 0 -1px 0 #1f468d; line-height: 240%; }
.server ol li { position:relative; margin:13px 6px 2px 12px; }
.server ol li a { height: 36px; padding-left: 12px; padding-top: 6px; width: 189px; position:relative; z-index:1; }
.server ol li a span { color: #0072C1; display: inline-block; font-size: 11px; height: 22px; margin-right: 2px; text-align: center; text-shadow: none; width: 22px; #line-height: 190%; #width: 21px; }
.server ol li a:hover { background-position:0 -50px; }
.server ol li a:active { background-position:0 -100px; }
.server ol li a:hover span { color:#e13915; }
.server_area .server_area{display:none;}
.server_new, .server_rcmd { height: 17px; left: 8px; position: absolute; top: -8px; width: 30px; z-index: 2; }
.server_new { background-position: 3px -25px; }
.server_rcmd { background-position: -25px -25px; }
.server ol li.server_maintain a { background-position:0 -150px; cursor: default; text-shadow: 0 -1px 0 #6f6f6f; }
.server ol li.server_maintain span, .server ol li.server_maintain a:hover span { color:#919191; }
.server_user { background-position: -104px -4px; height: 39px; position: absolute; right: 2px; top: 3px; width: 27px; z-index: 2; }
.server_maintain .server_user { background-position: -104px -4px; }
.server_icon1, .server_icon2, .server_icon3, .server_icon4 { height: 40px; position: absolute; right: -7px; top: 0; width: 12px; }
.server_icon1 { background-position: -156px -1px; }
.server_icon2 { background-position: -168px -1px; }
.server_icon3 { background-position: -180px -1px; }
.server ol li.server_maintain i, .server_icon4 { background-position: -192px -1px; }
#BOX_overlay{ position: fixed; z-index: 300; top: 0px; left: 0px; background-color:#000; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; width:100%;height:100%}

/*newbie*/
#messdiv2 .title{ color:#0f202a; height:121px; background:url(../images/newbie/i_bg.png) top left no-repeat; padding:15px; text-shadow: 0 1px 0 #a4d6f4; }
#messdiv2 .title .close{ height: 43px; position: absolute; right: 0px; top: 0px; width: 46px; }
#messdiv2 .title .close:hover { background:url(../images/newbie/x.png) top left no-repeat; }
#messdiv2 .title span{ display: inline-block; height: 18px; vertical-align: middle; width: 17px; margin-right:5px; background:url("../images/selectaserver/i.png") -27px -4px no-repeat; }
#messdiv2 .title img { margin-top: 15px; }
#messdiv2 { width:879px; position:relative; }
.newbie_center { position:relative; background-image: url("../images/newbie/i_y.png"); background-repeat:repeat-y; padding:10px; }
.newbie_bottom { background-image: url("../images/newbie/bottom_bg.png"); height:26px; }
.newbie_rw { background: url("../images/newbie/rw.png?v=201405270948") 55px 10px no-repeat; height:265px; padding-left: 300px; width: 510px; line-height:26px; padding-top:25px;}
.newbie_rw h2 { margin-bottom: 20px; color:#0072c1; font-size: 28px; font-weight: normal; line-height:30px; }
.newbie_rw .inp01{ position:relative; width:316px; height:27px; border:solid 1px #b9b7c0; vertical-align:middle; }
.newbie_rw .inp02{ position:relative; width:316px; height:27px; border:solid 1px #ff0000; background:#ffffcb; margin-top:10px; color:#ff0000; }
.newbie_rw label,.newbie_rw .inp02 span{ font-size: 12px; font-weight: bold; color:#555; line-height:26px; width:120px; text-align:center; display:inline-block; background:#f3f3f3; border-right:solid 1px #b9b7c0; }
.newbie_rw .inp02 span{ color:#ff0000; border-right:solid 1px #ff0000; margin-right:10px; }
.newbie_rw select{ font-family: arial; border:none; width:185px; *position:absolute; *top:3px; *left:127px; }
.newbie_rw p { color: #aaa; font-size:12px; position:absolute; width:175px; right:-190px; top:0; line-height:12px; }
.newbie_rw a { background-image: url("../images/newbie/button.png"); width:245px; height:42px; display:block; margin-top:20px; text-indent: -999em; margin-bottom:10px; }
.newbie_btn{ background:url(../images/newbie/newbie_span.png) left -58px no-repeat; height:29px; padding:0 10px 0 10px; line-height:29px; color:#fff; margin:5px 0 5px 5px; font-size:12px; font-weight:bold; position:relative; float:left; }
.newbie_btn span{ width:7px; height:29px; position:absolute; right:0; top:0; background:url(../images/newbie/newbie_span.png) right -87px no-repeat; }
.newbie_btn.hover{ background:url(../images/newbie/newbie_span.png) left top no-repeat; }
.newbie_btn.hover span{ background:url(../images/newbie/newbie_span.png) right -29px no-repeat; }
.newbie_nr { margin:0 15px 0px; padding:10px; }
.newbie_box{ border:solid 1px #d4d4d4; margin-top:10px; }
.newbie_box strong { font-weight:bold; }
.newbie_box h3 { border-bottom:1px solid #e4e4e4; line-height:22px; font-size:14px; font-weight:bold; color:#555; padding-left:10px; background:#f4f4f4; }
.newbie_box ol { color: #0072C1; font-size: 12px; line-height: 20px; margin: 5px; }
.newbie_box ol li span { background-color:#a4a4a4; color:#fff; margin-right: 10px; padding: 0px 6px; -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.newbie_span span.cowc { color:#118dd6; }
.like_box2 { background: url("../images/newbie/like_gift.jpg") no-repeat scroll 55px 15px transparent; height: 210px; line-height: 26px; padding-left: 300px; width: 510px; }
.like_box { margin-top:45px; }
.like_box .newbie_nr { margin-top:30px; }
.like_box .inp01 { margin-top:10px; }
.like_box h2 { color:#f2740e; }
.li_hover { color:#FFFFF}
/*----------------page comm E----------------*/