@charset "UTF-8";

body{ background:#000000; font-size:12px; }
.wrap{ width:951px; margin-left:auto; margin-right:auto; overflow:hidden;}

/* background */
.ms{ background:url("/long/images/four/index_sprite.png") no-repeat;}
    * html .ms{ background-image:url("/long/images/four/index_sprite.gif");}
.msBox{ background:url("/long/images/four/index_box_sprite.jpg") no-repeat;}
.mcBg{ background:url("/long/images/four/index_mc_bg.jpg") no-repeat;}
.msTB{ background:url("/long/images/four/main_tb.jpg") no-repeat;}
.msArt{ background:url("/long/images/four/article_sprite.jpg") no-repeat;}

/* color */
.ccfc575{ color:#cfc575;}
.ca5a5a5{ color:#a5a5a5;}
.c888888{ color:#888888;}

/* header */
.header{ width:100%; height:650px; position:relative; background-position:center top; overflow:hidden;}
.msH{ background:url("/long/images/four/header_sprite.png") no-repeat;}
    * html .msH{ background-image:url("/long/images/four/header_sprite.gif");}

.logo{ width:246px; height:188px; position:absolute; left:50%; top:0; margin-left:-123px; background-position:0 0;}
.navigation{ height:68px; overflow:hidden;}
    .navigation li, .navigation li a{ width:126px; height:68px; overflow:hidden;}
    .navigation li a{ display:block; text-indent:-100%;}
    .nav1{ background-position:-260px 0;}
    .nav2{ background-position:-386px 0;}
    .nav3{ background-position:-512px 0;}
    .nav4{ background-position:-260px -68px;}
    .nav5{ background-position:-386px -68px;}
    .nav6{ background-position:-512px -68px;}
    .navSplit{ background-position:-680px 0;}

.topFlash{ height:628px; overflow:hidden;}

.topButton{ height:50px; overflow:hidden;}
    .topButton a{ width:160px; height:50px; display:block; float:left;}
    .tb_a1{ margin-left:112px;}
    .tb_a2{ margin-left:45px;}

/* 佈局 */
.main{ width:100%; min-height:1072px; background:url("/long/images/four/main_bg.jpg") no-repeat center top;}
    * html .main{ height:1072px; overflow:visible;}
.smallCloumn{ width:221px; /*overflow:hidden;*/}
.middleCloumn{ width:522px; overflow:hidden;}
.microCloumn{ width:183px; overflow:visible; position:relative;}
    * html .microCloumn{ overflow:hidden;}

h2{ height:31px; line-height:31px;}
h2 span{ display:none;}
h2 .more{ color:#c0c0c0; margin-right:10px;}

/* Index - smallCloumn */
#login{position: relative;}
.scLogin{ height:197px; overflow:hidden;}
    .register{ width:100%; height:40px; padding:5px 0; display:block;}
    .loginForm{ width:100%; height:92px; padding-top:20px; color:#959594; text-align:center;}
    .loginForm .text{ width:120px; height:20px; line-height:20px; border:0; background:#4a4a4a; color:#cccccc;}
    .loginForm p{ width:100%; height:25px; line-height:25px;}
    .loginForm .submit, .loginForm .button{ width:57px; height:22px; border:0; overflow:hidden; cursor:pointer;}
    .loginForm .submit{ margin-left:39px;}
    .loginForm .button{ background-position:-63px 0; margin-left:26px;}
    .otherLogin{ width:210px; height:30px; margin:0 auto; overflow:hidden;}
    .otherLogin a{ margin-left:4px;}
.scLoginAfter{ height:266px; overflow:hidden; background-position:-225px 0;}
    .userInfo{ width:170px; height:105px; padding:35px 0 45px 0; margin:0 auto;}
    .userInfo dt{ width:105px; height:105px; float:left;}
    .userInfo dd{ width:65px; height:20px; line-height:20px; float:left; overflow:hidden;}
    .ui_but{ width:60px; height:20px; text-align:center; display:block; background-position:-416px 0;}
    .playhistory{ width:154px; height:60px; margin:0 auto; overflow:hidden;}
    .playhistory li{ width:152px; height:26px; line-height:26px; margin-top:3px; text-align:center; background-position:-519px -24px;}

.scServerList{ height:168px; background-position:-450px -190px; overflow:hidden;}
    .scServerList ul{ height:132px; padding:0 8px;}
    .scServerList ul li{ height:18px; line-height:18px; padding:0 8px; margin-top:4px; background-position:-125px 0;}

.sc_service{ height:186px; background-position:-450px 0; overflow:hidden;}
    .scs_box{ width:100%; height:102px; display:block;}

.sc_partner{ height:88px; background-position:-225px -275px; overflow:hidden;}
    .scp_box{ width:208px; height:38px; margin:0 auto; padding:8px 0;}
    .scp_box a{ width:38px; height:38px; display:block; margin-left:3px; float:left;}
        .scp_facebook{ background-position:0 -24px;}
        .scp_gamer{ background-position:-42px -24px;}
        .scp_yahootw{ background-position:-84px -24px;}
        .scp_gamebase{ background-position:-124px -24px;}
        .scp_more{ background-position:-164px -24px;}

/* Index - middleCloumn */
.mc_slide{ height:202px; padding:8px; overflow:hidden;}
    .mc_slide img{ width:508px; height:202px;}

.mc_tabsNews{ height:237px; background-position:0 -223px; overflow:hidden;}
    .mct_title{ height:38px; line-height:38px; overflow:hidden;}
    .mct_title li{ width:103px; height:38px;}
    .mctt_zhzx{ background-position:0 -68px;}
        .tabs_1 .mctt_zhzx{ background-position:0 -106px;}
    .mctt_xwzx{ background-position:-103px -68px;}
        .tabs_2 .mctt_xwzx{ background-position:-103px -106px;}
    .mctt_hdzx{ background-position:-206px -68px;}
        .tabs_3 .mctt_hdzx{ background-position:-206px -106px;}
    .mct_list{ padding:10px 25px; overflow:hidden;}
    .mct_list li{ height:20px; line-height:20px; border-bottom:1px #412a18 dashed; color:#909090; overflow:hidden;}
    .mct_list li a{ color:#909090;}

.mc_gameInfo{ height:236px; background-position:0 -470px; overflow:hidden;}
    .mc_gameInfo dl{ width:500px; margin-left:auto; margin-right:auto; overflow:hidden;}
    .mc_gameInfo dl dt{ width:70px; height:23px; line-height:23px; text-align:center; color:#edcab4; background-position:-340px 0;}
    .mc_gameInfo dl dd{ width:415px;}
    .mc_gameInfo dl dd, .mc_gameInfo dl dd a{ line-height:22px; color:#978b84; }

.mc_gamePicture{ height:146px; background-position:0 -715px; overflow:hidden; /*margin-bottom:180px;*/}
    .mcgp_title{ height:31px; line-height:31px; overflow:hidden;}
    .mcgp_title li{ width:110px; height:31px;}
    .mcgp_list{ width:504px; padding:8px 0; margin:0 auto; overflow:hidden;}
    .mcgp_list li{ width:162px; height:98px; margin-right:5px; float:left; background-position:-340px -45px;}
    .mcgp_list li img{ width:156px; height:89px; padding:3px;}

/* Index - microCloumn */
.mcr_button{ width:203px; height:202px; padding-top:19px; background:url("/long/images/four/index_button.png") no-repeat center top; margin-left:-10px;}
    * html .mcr_button{ background-image:url("/long/images/four/index_button.gif");}
    .mcrb_but{ height:39px; display:block;}
.mcr_butFacebook{ width:100%; height:75px; display:block; background-position:-680px -275px; text-indent:-100%; overflow:hidden;}

.mcr_article{ height:169px; overflow:hidden; background-position:0 -210px;}
    .mcra_title{ height:31px; line-height:31px; overflow:hidden;}
    .mcra_title li{ width:60px; text-align:center; color:#be9635;}
    .mcra_list{ padding:0 15px;}
    .mcra_list li{ height:21px; line-height:21px; border-bottom:1px #3e3e3e dashed; overflow:hidden;}

.mcr_facebook{ height:196px; overflow:hidden; background-position:-680px 0;}
    .mcrf_box{ height:157px;}

/* footer */
.footer{ width:100%; height:98px; overflow:hidden; background-position:center -772px;}
    .f_list{ width:78px; height:98px; padding:0 20px; overflow:hidden; float:left;}
    .f_list dt{ margin-top:15px;}
    .f_list dt, .f_list dd{ height:20px; line-height:20px; color:#8f8f8e; overflow:hidden;}
    .f_list dd a{ color:#8f8f8e;}
    .f_lsplit{ border-left:1px #1e201d solid;}
    .f_rsplit{ border-right:1px #090201 solid;}
    .copyright{ width:154px; height:98px; position:relative;}
	.copyright img{ height:50px; position:absolute; right:0; bottom:10%;}
    .pu, .pu dd/*, .pu img*/{ width:56px; height:56px; padding:0;}


/* Article && ArticleList */
.vane{ background-position:-495px -2px; padding-left:20px; text-indent:20px; color:#e68700;}
.article, .articleList{ width:717px; overflow:hidden;}
    .article h2, .articleList h2{ height:42px; line-height:30px; font-size:14px; font-weight:bold; color:#e68700;}
    .al_list{ width:100%; padding:20px 0; overflow:hidden; background:url("/long/images/four/article_list_bg.jpg") repeat-y;}
    .al_list li{ width:552px; height:21px; line-height:21px; padding:0 25px; margin:8px auto 0; overflow:hidden; background-position:0 -148px;}
    .al_bottom{ height:38px; margin-bottom:20px; background-position:center -167px;}
    .al_bottom .nextpre{ width:578px; margin:0 auto; 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;}

.article, .article .content, .article .content a, .nextpre a{ color:#797768;}
.article .title{ height:51px; padding:18px 0; overflow:hidden; background-position:center -41px;}
    .article .datetime{ height:24px; line-height:24px; position:relative;}
    .article .share{ position:absolute; right:100px; top:-2px;}
.article .caption{ font-size:16px; line-height:32px; font-weight:bold; color:#e37100;}
.article .content{ width:587px; padding:0 65px; overflow:hidden; background:url("/long/images/four/article_content_bg.jpg") repeat-y;}
.art_bottom{ height:38px; background-position:center -129px;}