@charset "utf-8";
/* frame&&global */
.wrap { width:100%; background:#141318 url(../logo50images/bg.jpg) no-repeat center 0; font:12px/18px "microsoft yahei";}
.header,.content { margin:0 auto; width:1000px; background-position:center 0; background-repeat:no-repeat;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
.mt5 { margin-top:5px;}
/* header */
.header { position:relative; height:540px; background-image:url(../logo50images/header.jpg)}
.h_nav { position:relative; margin:55px 0 0 200px; z-index:99;}
.h_nav li { font-size:16px;}
.h_nav li a { color:#03000C;}
.h_nav li span { margin:0 5px; font-family:SimSun;}
.h_swf {position:absolute;top: 0px;left: 565px;z-index:10;overflow:hidden;}
.header h1 { width:100%; height:12px;}
/*content*/
.content { background-image:url(../logo50images/main.jpg);}
/*server*/
.server .hd { width:132px; height:60px;}
.server .bd { position:relative; width:440px;}
.server .bd ul { padding:6px 0 0 0; width:340px;}
.server .bd li { display:inline; margin:0 0 0 10px; padding:3px 0 3px 18px; height:18px; font-size:14px; background:url(../logo50images/server_icon.jpg) no-repeat 0 6px;}
.server .bd li.none,.server .bd li.loading { display:block; background:none; color:#8A8A8A;}
.server .bd li a { display:inline-block; margin:0 4px 0 0; color:#8A8A8A;}
.server .bd li span { display:block; width:38px; height:18px; background:#1A1A18; border-radius:6px; text-align:center;}
.server_more { position:absolute; top:10px; right:10px; padding:0 0 0 18px; background:url(../logo50images/server_icon.jpg) no-repeat 0 -31px;}
.server_more a { font-size:14px; color:#888D94;}
/*sidebar*/
.sidebar { width:240px; overflow:hidden;}
/*gamestart*/
.gamestart { display:block; width:240px; height:118px; background:url(../logo50images/p.gif);}
/*usercard*/
.usercard { margin:2px 0 0; height:300px;}
/*sns*/
.sns { width:100%; height:285px; background:url(../logo50images/sns.jpg) no-repeat;}
.sns .hd { width:100%; height:49px;}
.sns .bd .weixin { padding:55px 0 0 140px; height:75px;}
.sns .bd .weixin p { margin:0 0 3px; color:#6F6F6F;}
.sns .bd a { display:block; margin:0 auto 8px; width:208px; height:38px; background:url(../logo50images/p.gif);}
/*service*/
.service { width:100%; height:285px; background:url(../logo50images/service.jpg) no-repeat;}
.service .hd { width:100%; height:56px;}
.service .bd { padding:25px 0 0 10px;}
.service .bd li { padding:5px 0; font-size:14px; color:#6F6F6F;}
.service .bd a { color:#6F6F6F;}
/*main*/
.main { width:755px;}
/*banner*/
.banner { position:relative; width:520px; height:308px; background:#FFF url(../logo50images/loading.gif) center center no-repeat; overflow:hidden;}
.banner .hd { position:absolute; right:5px; bottom:15px; z-index:10;}
.banner .hd li { display:inline-block; margin:0 5px 0 0; width:14px; height:14px; background-position:-19px 0; background-repeat:no-repeat; background-image:url(../logo50images/banner_nav.png); _background-image:url(../logo50images/banner_nav.gif); cursor:pointer;}
.banner .hd li.curr { background-position:0 0;}
.banner .bd { position:relative; z-index:9;}
.banner .bd li { position:absolute; top:0; left:0;}
.banner .bd img { display:block; width:520px; height:308px; vertical-align:middle;}
/*quicklinks*/
.quicklinks { width:231px;}
.quicklinks a { display:block; width:100%; background-repeat:no-repeat; background-image:url(../logo50images/quicklinks.jpg);}
.quicklinks .quicklinks_a { margin-bottom:3px; height:74px; background-position:0 0;}
.quicklinks .quicklinks_b { margin-bottom:3px; height:75px; background-position:0 -77px;}
.quicklinks .quicklinks_c { margin-bottom:3px; height:75px; background-position:0 -155px;}
.quicklinks .quicklinks_d { height:75px; background-position:0 -233px;}
/*gameabout*/
.gameabout a { display:inline-block; height:107px; background-repeat:no-repeat; background-image:url(../logo50images/gameabout.jpg);}
.gameabout_a { margin:0 5px 0 0; width:257px;}
.gameabout_b { margin:0 5px 0 0; width:257px; background-position:-262px 0;}
.gameabout_c { width:231px; background-position:-524px 0;}
/*article*/
.article { width:520px; height:280px; background:#202020 url(../logo50images/article.jpg) no-repeat;}
.article .hd { position:relative; padding:12px 15px 0 1px; height:31px; font-size:16px;}
.article .article_nav li { display:inline-block; margin:0 2px 0 0;}
.article .article_nav li a { display:block; width:63px; height:18px; color:#FBF5CA; text-align:center;}
.article .article_nav li a:hover { text-decoration:none;}
.article .article_nav .curr a { color:#FFF;}
.article .article_more {}
.article .article_more li { display:none;}
.article .article_more a { color:#FBF5CA;}
.article .bd .article_box { display:none;}
.article .bd h4 {padding: 23px 10px 0;height:40px;font:18px/20px "microsoft yahei";}
.article .bd h4 a { color:#BD9D60;}
.article .bd ul { margin:12px 0 0; padding:0 15px; height:143px; overflow:hidden;}
.article .bd li {padding: 5px 0 5px;border-bottom:1px dashed #49505A;color:#BAC0BF;vertical-align:middle;}
.article .bd li a { display:inline; margin:0 0 0 5px; color:#FFF;}
.article .bd li em { display:inline; margin:0 5px 0 0; color:#FFF}
.article .bd li a:hover { color:#99FF00; text-decoration:none;}
/*play*/
.play { width:231px; height:280px;}
.play .hd a { display:block; width:100%; height:60px; background-repeat:no-repeat; background-image:url(../logo50images/play.jpg);}
.play .play_a { background-position:0 0;}
.play .curr .play_a { background-position:-232px 0 ;}
.play .play_b { background-position:0 -61px;}
.play .curr .play_b { background-position:-232px -61px;}
.play .play_c { background-position:0 -122px;}
.play .curr .play_c { background-position:-232px -122px;}
.play .bd { display:none; padding:10px 0 0 0; height:90px;}
.play .bd a { display: inline; margin:0 0 0 16px; font-size:14px; line-height:26px; color:#606060;}
/*gamerole*/
.gamerole { position:relative; width:520px; height:280px; background:#202020;}
.gamerole .hd { position:absolute; top:20px; left:15px; padding:0 0 0 15px; width:295px; height:36px; border-bottom:1px solid #333333;}
.gamerole .hd a { display:block; padding:0 0 0 34px; width:48px; height:30px; background-image:url(../logo50images/gamerole_nav.jpg); background-repeat:no-repeat; font-size:16px; line-height:30px; color:#737373;}
.gamerole .hd a:hover { text-decoration:none;}
.gamerole_nav_a { background-position:0 0;}
.gamerole_nav_b { background-position:-83px 0;}
.gamerole_nav_c { background-position:-166px 0;}
.gamerole .hd .curr a { color:#A37833;}
.curr .gamerole_nav_a { background-position:0 -40px;}
.curr .gamerole_nav_b { background-position:-83px -40px;}
.curr .gamerole_nav_c { background-position:-166px -40px;}
.gamerole_box { width:520px; height:280px; background-repeat:no-repeat; background-position:right 0; font-family:Arial, SimSun;}
.gamerole_box_a { background-image:url(../logo50images/gamerole_box_a.jpg);}
.gamerole_box_b { background-image:url(../logo50images/gamerole_box_b.jpg);}
.gamerole_box_c { background-image:url(../logo50images/gamerole_box_c.jpg);}
.gamerole_box h3 { padding:95px 0 0 28px; color:#c59957; line-height:22px;}
.gamerole_box .info{ padding:0 0 0 28px; width:216px; height:80px; line-height:22px; color:#6f6f6f; overflow:hidden;}
.gamerole_box .progress { padding:0 0 0 28px; height:22px; color:#c59957;}
.gamerole_box .progress span { width:110px; height:22px; background:url(../logo50images/gamerole_star.jpg) 0 0 repeat-x; overflow:hidden;}
.gamerole_box .progress i { display:block; height:22px; background:url(../logo50images/gamerole_star.jpg) 0 -22px repeat-x;}
.gamerole_box .btn { display:block; margin:18px 0 0 28px; width:81px; height:30px; background:url(../logo50images/gamerole_btn.jpg) no-repeat; line-height:30px; color:#a48557; text-align:center;}
.gamerole_box .btn:hover { text-decoration:none; color:#f5bd6a;}
/*coordinates*/
.coordinates { width:231px; height:280px; background:url(../logo50images/coordinates_bg.jpg);}
.coordinates .hd { margin:0 0 0 22px; padding:18px 4px 12px; width:50px; height:18px; border-bottom:3px solid #A48557; color:#c59957;}
.coordinates .bd { margin:0 auto; padding:10px 0; width:190px; background:#000100; overflow:hidden;}
.coordinates_box_wrap { margin:0 0 0 -94px;width:190px;height: 197px;}
#coordinates_box { width:130px; height:197px; overflow:hidden; }
#coordinates_box .panel { display:none; }
#coordinates_box li { position:relative;}
#coordinates_box li img { position:absolute; top:0; left:0;}
/*friendlinks*/
.friendlinks { margin:30px auto 50px; padding:0 0 10px; width:1000px; border-bottom:1px dashed #565658; line-height:22px; font-family:Arial, SimSun;}
.friendlinks p { margin:0 22px 0 0; color:#565658;}
.friendlinks a { display:inline-block; margin:0 22px 0 0; color:#565658; white-space:nowrap;}
/*video_box*/
.video_box { display:none; width:640px; height:390px;}
.video_box p { width:100%; height:30px; text-align:right;}
.video_box p a { font:16px/30px "microsoft yahei"; color:#FFF;}
.video_box p a:hover { color:#DCDBDB; text-decoration:none;}