@charset "UTF-8";

body{ background:#ffffff; font-size:12px; }
ol{ list-style:none;}
.bg{ background:url("/ranger/images/bg.jpg") center top no-repeat;}
.ms{ background:url("/ranger/images/index_sprite.png") no-repeat;}
.msB{ background:url("/ranger/images/block_bg_sprite.jpg") no-repeat;}
.wrap, .mwrap, .awrap, .swrap{ width:960px; margin-left:auto; margin-right:auto;}

.mt2{ margin-top:2px;}
.ml8{ margin-left:8px;}
.c947c68{ color:#947c68;}
.mwhite{ color:#e9e9e9;}
.mgray{ color:#a5a5a5;}
.myellow{ color:#cfc575;}
.cb3b3b3{ color:#b3b3b3;}
.c85220b{ color:#85220b;}
.cd7d7d7{ color:#d7d7d7;}

/* 通用頭部 */
/*.header{ width:100%; height:560px; padding-top:29px;}*/
.header{ width:100%; height:588px; }
.msH{ background:url("/ranger/images/header_sprite.png") no-repeat;}
	* html .msH{ background-image:url("/ranger/images/header_sprite.gif");}
	.nav{ height:47px; padding:12px 12px 44px;}
	.hn_li{ width:125px; height:47px; line-height:47px; text-indent:-300%; display:block; overflow:hidden;}
	.hlll{ border-left:1px solid #ebe6e8;}
	.hllr{ border-right:1px solid #c3b5b0;}
		.hn_home{ }
		.hn_news{ background-position:-125px 0;}
		.hn_games{ background-position:-258px 0;}
		.hn_bbs{ background-position:0 -47px;}
		.hn_pay{ background-position:-125px -47px;}
		.hn_service{ background-position:-258px -47px;}
	.logo{ width:270px; height:126px; display:block; position:absolute; top:30px; left:50%; margin-left:-146px;
		background-position:0 -94px; z-index:10;}

    /*.flashBox{ width:100%; height:480px; overflow:hidden; position:absolute; top:110px; z-index:1;}*/
    /*.flash{ width:1423px; height:480px; margin:0 auto;}*/
    .flashBox{ width:100%; height:589px; overflow:hidden; }
    .flash{ width:1423px; height:589px; position: absolute; top:0; left: 50%; margin-left: -712px; }

/* 通用底部 */
.footer{ width:100%; height:156px; position:relative;}
	.footerBg{ width:100%; height:260px; position:absolute; bottom:0; background-position:center -1341px; z-index:-1; }
	.copyright{ height:50px; line-height:50px; padding-top:45px; text-align:center;}
	.copyright img{ vertical-align:middle;}

/* 佈局框架 */
h2{ height:48px; line-height:48px; text-indent:35px; font-weight:bold; color:#d7cec7; font-size:18px;}
h2 .more{ font-size:12px; float:right; color:#ffffff; font-weight:normal; text-indent:0; margin-right:20px;}
.main{ width:100%; overflow:hidden; position:relative; z-index: 1; }
	.mwrap{ width:958px; padding-bottom:3px; background:#2f4756; border:1px #533913 solid; overflow:hidden;}
    .mainbg{ width: 100%; height: 270px; overflow: hidden; background-position: center -590px; position: absolute; z-index: -1; }
	.awrap{ width:958px; border-top:1px #533913 solid; overflow:hidden;}
.lColumn{ width:224px; overflow:hidden;}
.cColumn{ width:531px; overflow:hidden;}
.rColumn{ width:194px; overflow:hidden;}

/* 塊 box */
.bLogin{ height:150px; padding:2px 2px 6px 5px; background-position:-1068px -290px;}
	.inputBox{ width:158px; overflow:hidden;}
	.inputBox p{ height:22px; line-height:22px; color:#d7cac3; text-align:right;}
	.bLogin .text{ width:112px; height:16px; line-height:16px; color:#333333; background:#d7cac3; border:#8d837f solid;
		border-width:0 1px 0 0; vertical-align:middle;}
	.bLogin .submit{ width:51px; height:47px; display:block; border:0; background-position:0 0;}
	.l_butBox{ width:100%; height:32px; padding-top:5px; text-align:right;}
	.lb_register, .lb_forget{ width:80px; height:32px; display:block;}
	.lb_register{ background-position:-51px 0;}
	.lb_forget{ background-position:-134px 0;}
	.quicklogin{ width:100%; height:31px; padding:2px 0; margin:5px 0; background:#2b1812; border-bottom:1px #1e1c1b solid;
		border-top:1px #48413c solid;}
	.quicklogin a{ margin-left:4px;}
.loginAfter{}
	.userInfo{ height:102px; padding:3px; overflow:hidden;}
	.userInfo dt{ width:110px;}
	.avatar{ width:100px; height:100px; border:1px #f2f2f2 solid;}
	.userInfo dd{ width:99px; height:17px; line-height:17px; margin-top:3px; text-align:center; overflow:hidden;
		background-position:-219px -19px;}
	.userInfo dd.ui_account{ background-position:-219px 0;}
	.history{ padding:0 3px; overflow:hidden;}
	.history dt{ width:38px; height:40px; padding:0 5px; line-height:20px; background:#642613; color:#ffffff;
		border:1px #e4dac6 solid; margin-right:5px; float:left;}
	.history dd{ width:150px; height:18px; line-height:18px; border:1px #78634d solid; overflow:hidden;}

.bServerList{ height:204px; background-position:-643px 0;}
	.bsl_list{ width:170px; height:130px; padding:10px 18px; margin-right:auto; margin-left:auto;}
	.bsll{ height:21px; line-height:21px; padding:0 5px; background-position:-334px 0;}

.bService{ height:148px; background-position:-1068px -130px;}
	.bsBox{ width:205px; height:80px; margin:10px; display:block;}

.bFacebook{ height:244px; background-position:-200px 0;}
	.bfBox{ width:208px; height:180px; padding:5px 8px; overflow:hidden;}

.bPartner{ height:111px; background-position:-1068px 0;}
	.bpBox{ height:36px; padding:10px; overflow:hidden;}
	.bpBox a{ margin-left:2px;}

.bButton{ height:185px; overflow:hidden; padding:5px 7px;}
	.bb_faq, .bb_lqxb, .bb_pays, .bb_vip{ width:182px; height:48px; display:block; text-indent:-300%; overflow:hidden; background:url("/ranger/images/index_button_sprite.jpg") center top no-repeat;}
	.bb_lqxb{ background-position:0 0;}
	.bb_vip{ background-position:0 -50px;}
	.bb_faq{ background-position:0 -100px;}
	.bb_pays{ background-position:0 -150px;}

.bPlayerRank{ height:188px; padding:27px 20px; background-position:-438px 0; overflow:hidden;}
	.bpr_select{ width:75px;}
	.bpr_list{ width:153px; height:130px; padding-top:30px; overflow:hidden;}
	.bpr_list li{ width:100%; height:13px; line-height:13px; float:left; overflow:hidden;}
	.bpr_rank, .bpr_role, .bpr_level{ width:51px; display:block; text-align:center; float:left;}

.bArticleList{ height:240px; padding:0 7px; background-position:5px 0;}
	.bal_list{ padding:15px;}
	.bal_li{ height:18px; line-height:18px; overflow:hidden;}

.bBanner{ height:161px; margin:0 7px 0 5px; padding:15px 15px 12px 12px; background-position:-878px 0;}



/* 首頁box */
.iSlide{ padding:5px; height:205px; overflow:hidden;}
	.isBox{ width:520px; height:186px; padding:1px; border:1px #62554d solid; background:#32251b; }

.iTabsNews{ width:521px; padding:0 5px; height:260px;}
	.itn_title{ height:44px; padding:1px 1px 0; line-height:45px; background-position:0 -47px;}
	.itnt_zhzx, .itnt_xw, .itnt_jchd{ width:91px; text-align:center; color:#faeada; font-weight:bold; font-size:14px;}
	.tabs_1 .itnt_zhzx, .tabs_2 .itnt_xw, .tabs_3 .itnt_jchd{ color:#4b3830; background:#d4d4d4;}
	.itn_list{ height:186px; padding:10px 20px 10px 12px; color:#321f18; background:#d4d4d4; border:#1e1e1e solid; border-width:0 1px 1px;}
	.itn_list a{ color:#321f18;}
	.itn_list li{ margin:0 25px 0 12px; height:21px; line-height:21px; border-bottom:1px #666666 dashed;}

.iGameInfo{ height:192px; padding:5px; background-position:0 -255px;}
	.ig_xszn, .ig_gsjj, .ig_tswf{ width:95px; height:100%; display:block;}
	.igBox{ width:235px; height:120px; padding:28px 0; overflow:hidden; }
	.igb_li{ height:21px; line-height:21px; overflow:hidden; color:#b3b3b3;}
	.igb_li a{ color:#b3b3b3;}

.iGamePic{ height:188px; padding:0 5px; background-position:-535px -255px;}
	.iGamePic h2{ height:45px; line-height:45px;}
	.igpBox{ padding:5px 12px; overflow:hidden;}
	.igp_li{ padding:3px; background:#ffffff; border:1px #13100f solid;}
	.igp_li img{ width:150px; height:120px; border:1px #676162 solid;}


/* 文章內頁 */
.articleTop{ height:205px; width:100%;}
	.awrap .rColumn{ width:727px; padding-left:5px; padding-bottom:5px; background:#2f4756; border:#533913 solid; border-width:0 1px 1px;}
	.awrap .iSlide{ width:520px; height:195px; float:left;}
	.awrap .bButton{ width:183px; float:left;}
.msA{ background:url("/ranger/images/article_sprite.jpg") no-repeat;}
.article{ width:726px; background-position:-726px 0; background-repeat:repeat-y;}
	.artTitle{ height:128px; padding:0 60px; background-position:0 0;}
	.artVane{ height:45px; line-height:40px; color:#faeada;}
	.artVane a{ color:#faeada;}
	.caption{ margin-top:35px; font-size:16px; color:#fff7bc; text-align:center;}
	.datetime{ color:#ffffff; text-align:right;}
	.artSplite{ height:18px; background-position:0 -209px;}
.article .content{ padding:0 60px; color:#cfcfcf;}
.article .content a{ color:#cfcfcf;}
	.artBottom{ height:71px; padding:10px 60px 0; color:#555555; background-position:0 -128px;}
	.artBottom a{ color:#555555;}
.article_list{}
	.article_list .artTitle{ height:85px;}
	.artlist_list{ min-height:244px; padding:0 45px; }
	.artlist_list li{ height:21px; line-height:21px; margin:5px 0; padding:0 45px; background-position:0 -234px; overflow:hidden;}

.page{ height:24px; line-height:24px; overflow:hidden; text-align:center;}
.page a{ padding:2px 5px; border:1px #727272 solid; background:#3a3028; color:#e68700;}
.page a:hover{ text-decoration:none;}
.page a.curr{ color:#ffffff;}


/* 伺服器列表頁 */
.swrap{ width:932px; height:399px; padding:94px 0 0 20px; background:url("/ranger/images/server_list_bg.jpg") center top no-repeat;}
.listBox{ width:520px;}
.recList{ height:110px; overflow:hidden;}
	.rl_li{ width:218px; height:56px; padding:28px 10px 0 0; margin:0 15px; font-size:20px; text-align:right;
		background-position:-536px 0; display:inline-block; *display:inline; zoom:1;}
.sl_menuBox{ width: 450px; height:41px; padding-top:1px;}
.sl_menu{ width:90px; line-height:42px; color:#faeada; font-size:15px;}
.curr{ color:#4b3830; background:#cccccc;}
.prev, .next{ width: 70px; height: 21px; line-height: 21px; display: inline-block; color: #faeada;}
.sl_box{ width:100%; padding:15px 0; text-align:center; overflow:hidden;}
.sl_pli{ width:226px; height:34px; line-height:34px; background-position:-771px 0; *display:inline; zoom:1;}
.slLogin{ width:223px; margin-left:102px; padding-top:89px;}
	.sl_inputBox{ width:165px; text-align:right;}
	.sl_inputBox p{ height:23px; line-height:23px; color:#d7cac3;}
	.sl_inputBox .text{ width:110px; height:16px; vertical-align:middle; border-right:#ad8a89 solid; border-width:0 1px 0 0; background:#d7cac3;}
	.slLogin .submit{ width:44px; height:46px; background-position:-771px -37px; border:0;}
	.sl_butBox{ width:100%; height:20px; padding:10px;}
	.sl_forget, .sl_register{ width:73px; height:20px; vertical-align:middle;}
	.sl_register{ background-position:-830px -37px;}
	.sl_forget{ width:60px; background-position:-910px -37px;}
	.sl_quickLogin{ width:215px; height:31px; padding:3px; background-position:0 -98px;}
	.sl_quickLogin a{ margin-left:4px;}
.slAfterLogin{ width:223px; margin-left:102px; padding-top:89px;}
	.sla_list{ width:180px; line-height:24px; margin:0 auto;}
	.sla_dt{ }
	.sla_dd{ height:24px; margin:3px 0; text-align:center; background-position:-228px -98px; overflow:hidden;}