@charset "UTF-8";

body{ background:#fbfbf7; font-size:12px;}
.ms{ background:url("sprite.jpg") no-repeat;}
.igims{ background:url("index_game_info_sprite.jpg") no-repeat;}

.cb6b6b6{ color:#b6b6b6;}
.c4c4c4c{ color:#4c4c4c;}
.c6e6e6e{ color:#6e6e6e;}
.c286083{ color:#286083;}
.cfbfbf7{ color:#fbfbf7;}
.c565656{ color:#565656;}
.c7b7b7b{ color:#7b7b7b;}
.c354853{ color:#354853;}

.wrap{ width:997px; margin-left:auto; margin-right:auto;}
.lColumn{ width:210px;}
.rColumn{ width:751px;}
	.mColumn{ width:510px;}
	.rColumnI{ width:210px;}

.header{ width:100%; background:#43494e url("header_bg.jpg") no-repeat center top;}
.header .wrap{ width: 997px; height:462px; background:url("header_bg.jpg") no-repeat center 0; overflow:hidden;}
	.flash{ width:777px; height:462px; overflow:hidden;}
	.start{ width:204px; height:301px; overflow:hidden;}

.login{ width:204px; height:185px;  position: relative; }
.loginBefore{ width:190px; height:150px; margin:05px auto 0;}
	.lb_inputBox{ width:115px;}
	* html .lb_inputBox{ width:110px;}
	.lb_inputBox p{ width:109px; height:21px; line-height:21px; color:#ffffff; border:1px solid; border-color:#000000 #dadada #dadada #000000; background:#c7c2b0;}
	.lb_inputBox label{ width:32px; height:21px; text-align:center; display:inline-block;}
	.form{ height:52px; border-bottom:1px solid #212025;}
	.form .text{ width:76px; height:21px; border:0; background:#c7c2b0;}
	.form .submit{ width:75px; height:48px; display:block; border:0;}

	.lb_registerBox{ height:45px; padding:5px 0; border-top:1px solid #a98e8b;}
		.lbr_box{ width:70px; height:37px; border-right:1px solid #212025; overflow:hidden;}
		.lbr_box p{ height:19px; line-height:19px; color:#b6b6b6; overflow:hidden;}
		.lbr_box p input{ vertical-align:middle;}
		.lbr_remember{ width:12px; height:12px; display:inline-block; background-position:-195px 0; vertical-align:middle;}
		.lbr_right{ width:118px; border-left:1px solid #a98e8b;}
		.lb_register{ width:112px; height:37px; display:block; background-position:-80px 0;}

	.lb_quicklogin{ height:31px; overflow:hidden;}
	.lb_quicklogin a{ margin-right:7px;}

.loginAfter{ width:190px; height:185px; position: absolute; left: 0; top: -33px; z-index: 4; }
	.la_account{ height:30px; line-height:30px; padding:0 10px; color:#fffecd; font-size:16px;}
    .userInfo{ width:196px; margin-left:8px; overflow:hidden;}
    .userInfo .avatar{ width:72px; height:72px; border:1px #000000 solid;}
    .ui_dd{ width:120px; height:24px; line-height:24px; text-align:center;}
    .ui_dd a{ color:#ffc6aa;}
    .ui_dd em{ width:13px; height:13px; display:inline-block; vertical-align:middle;}
	    .ui_member{ background-position:-514px -156px;}
	    .ui_member em{ background-position:-697px -50px;}
	    .ui_pay{ background-position:-514px -180px;}
	    .ui_pay em{ background-position:-697px -71px;}
	    .ui_logout{ height:26px; background-position:-514px -204px;}
	    .ui_logout em{ background-position:-697px -90px;}

    .history{ padding:0 10px; overflow:hidden;}
    .history dt{ height:25px; line-height:25px;}
    .history dd{ height:25px; line-height:25px;}
    .history dd.his_1{ background-position:-514px -106px;}
    .history dd.his_2{ background-position:-514px -131px;}

/* 標題 */
h2{ height:35px; position:relative;}
h2 .title{ width:88px; height:35px; display:block; text-indent:-300px; overflow:hidden;}
h2 .more{ width:38px; height:15px; background-position:-370px -36px; position:absolute; bottom:3px; right:0;}

/* 通用底部 */
.footer{ height:180px; border-top:1px solid #d7d7d7;}
	.copyright{ height:50px; line-height:50px; text-align:center;}
	.copyright img{ vertical-align:middle;}
	.game_rating_tips{ width:350px; height:45px; vertical-align:middle; text-align:left; *display:inline; zoom:1;}
	.game_rating_tips p { line-height:16px;}

/************* block *****************/

/* 按鈕 */
.bButton{ width:100%; height:280px; overflow:hidden;}
	.bb_butt{ width:205px; height:62px; display:block;}
	.bb_lqxb{ background-position:0 -50px;}
	.bb_pay{ background-position:0 -113px;}
	.bb_faq{ background-position:0 -176px;}
	.bb_vip{ background-position:0 -239px;}

/* 遊戲攻略 / 巴哈攻略 */
.bArticle{ width:100%; height:175px; overflow:hidden;}
	.ba_title{ width:100%; height:35px; background-position:-212px -1px;}
	.ba_title .more{ width:38px; height:15px; display:block; background-position:-370px -36px;}
	.ba_li{ width:79px; height:34px; text-indent:-300px; overflow:hidden;}
		.tabs_1 .ba_home{ background-position:-212px -36px;}
		.tabs_1 .ba_gamer{ background-position:-291px -36px;}
		.tabs_2 .ba_home{ background-position:-212px -71px;}
		.tabs_2 .ba_gamer{ background-position:-291px -71px;}
	.ba_list{}
	.bal_li{ padding:0 10px; height:26px; line-height:26px; overflow:hidden; background-position:-212px -106px;}
	.bal_li_icon{ width:15px; height:13px; display:inline-block; vertical-align:middle;}
		.bal_li_i0{ background-position:-408px -36px;}
		.bal_li_i1{ background-position:-370px -53px;}
		.bal_li_i2{ background-position:-390px -53px;}
		.bal_li_i3{ background-position:-408px -53px;}

/* 合作媒體 */
.bPartner{ width:100%; height:130px; overflow:hidden;}
	.bp_title{ background-position:-426px -35px;}
	.bp_box{ width:100%; height:65px; padding:10px 0; overflow:hidden;}
	.bp_box dl{ width:69px;}
	.bp_box dl dt{ height:40px; overflow:hidden;}
    .bp_box dl dt a{ width:69px; height:40px; display:block; }
    	.bp_split{ border-right:1px solid #d8d8d6;}
		.bp_facebook{ background-position:-212px -132px;}        
		.bp_gamer{ background-position:-282px -132px;}
		.bp_gamebase{ background-position:-352px -132px;}
	.bp_box dl dd{ height:21px; line-height:21px; text-align:center;}

/* 客服中心 */
.bService{ width:100%; height:160px; overflow:hidden;}
	.bs_title{ background-position:-426px -71px;}
	.bs_box{ margin:10px 0; height:110px; display:block; background-position:-212px -180px}

/* 輪播圖 */
.bSlide{ width:100%; height:210px; overflow:hidden;}

/* 遊戲列表 */
.bServerList{ width:100%; height:200px; overflow:hidden;}
.bServerList h2{ background-position:-212px -1px;}
.bServerList h2 .title{ height:34px; }
	.bsl_title{ background-position:-426px -141px;}
	.bsl_list{}
	.bsl_li{ padding:0 15px; height:26px; line-height:26px; overflow:hidden; background-position:-212px -106px;}
	.icon_hot{ width:23px; height:9px; display:inline-block; vertical-align:middle; background-position:-697px -36px;}

/* 粉絲頁 */
.bFacebook{ width:100%; height:328px; overflow:hidden;}
.bFacebook h2{ background-position:-212px 0;}
.bFacebook h2 .title{ width:110px;}
	.bf_title{ background-position:-514px -71px;}
	.bf_box{ width:100%; height:290px; overflow:hidden;}

/***************** index *****************/

.main{ overflow:hidden;}

/* 新聞Tabs */
.iNews{ width:100%; height:230px; overflow:hidden;}
	.in_title{ height:31px; padding-top:4px; background-position:-212px 0;}
	.in_title .more{ width:38px; height:15px; display:block; background-position:-370px -36px;}
	.in_li{ width:89px; height:31px; line-height:31px; color:#ffffff; text-align:center; background-position:-514px -36px;}
		.tabs_1 .in_news, .tabs_1 .in_event,
		.tabs_2 .in_all, .tabs_2 .in_event,
		.tabs_3 .in_all, .tabs_3 .in_news{ background-position:-603px -36px;}
	.in_list{ padding:10px 0;}
	.inl_li{ height:21px; line-height:21px;}
	.inl_icon{ width:36px; height:13px; display:inline-block; vertical-align:middle;}
		.inl_notice{ background-position:-370px -88px;}
		.inl_event{ background-position:-370px -71px;}

/* 遊戲資料 */
.iGameInfo{ width:100%; height:198px; overflow:hidden;}
.iGameInfo h2{ background-position:-212px 0;}
	.igi_title{ background-position:-426px -106px;}
	.igi_box{ width:497px; height:145px; border:#929292 solid; border-width:1px 0 1px 1px; overflow:hidden;}
	.igi_box dl{ float:left;}
	.igi_box .title, .igi_box .content{ height:145px; border-right:1px #929292 solid; float:left;}
    .igi_box .title{ width:47px;}
        .igi_title{ width:100%; height:100%; display:block;}
        .igi_xszn{ background-position:-352px -145px;}
        .igi_gsjj{ background-position:-399px -145px;}
        .igi_tsxt{ background-position:-446px -145px;}
    .igi_box .conList{ width:172px; height:65px; padding:80px 170px 0 10px;}
    .igi_box .conList p{ height:21px; line-height:21px;}
        .igic_xszn{ background-position:0 0;}
        .igic_gsjj{ background-position:-352px 0;}
        .igic_tsxt{ background-position:0 -145px;}


/* 角色介紹 */
.iRoleIntro{ width:100%; height:328px; overflow:hidden; position:relative;}
.iRoleIntro h2{ background-position:-212px 0;}
.iRoleIntro h2 .more{ z-index:10;}
	.iri_title{ background-position:-426px -176px;}
    .iri_box{ width:100%; height:252px; overflow:hidden; position:absolute; left:0; top:0; z-index:9;}


/**************** 文章 *****************/

/* Article */
.article{ overflow:hidden;}
.article .rColumn{ background:url("article_bg.jpg") repeat-y center top;}
.article .main{ min-height:665px; padding:30px 0 0 30px; background:url("article_top.jpg") no-repeat center top;}
	* html .article .main{ height:665px;}
	.vane{ height:28px; line-height:28px; color:#fbfbf7;}

	.art_list{ width:570px; margin-right:auto; margin-left:auto;}
	.art_li{ height:21px; line-height:21px; overflow:hidden;}

	.page{ width:570px; margin-right:auto; margin-left:auto; height:52px; line-height:52px; overflow:hidden; text-align:center; border-top:1px #aeaeae dotted;}
	.page a{ padding:2px 5px; /*border:1px #0096ff solid; background:#0096ff;*/ color:#ff7e00;}
	.page a:hover{ text-decoration:none;}
	.page a.curr{ color:#ff0000;}

	.artContent{ width:650px; color:#565656; margin-right:auto; margin-left:auto;}
	.artContent a{ color:#565656;}
	.caption{ height:40px; line-height:40px; font-weight:bold; font-size:16px; color:#1e1e1e; text-align:center;}
	.datetime{ height:28px; line-height:28px; border-bottom:1px #aeaeae dashed;}

	.nextpre, .nextpre a{ color:#7b7b7b;}
	.artseo{ border-top:1px #aeaeae dashed; color:#7b7b7b;}
	.artseo a{ color:#ff7e00;}