body{ background-color:#030406; font-family:"Arial"; font-size:14px;}
*{margin: 0;padding: 0;border: 0;}
a,a:hover{text-decoration: none;-webkit-transition: all 0.35s ease;
		-o-transition: all 0.35s ease;
		transition: all 0.35s ease;}
img{border:0;}
.allclear{ clear:both;}
ul,li{ list-style-type:none; padding:0px; margin:0px;}
.bold{ font-weight:bold;}

.blue{ color:#0d5eda;}
.all{ width:100%; background:url("../images/bg2.jpg") top center no-repeat; min-width:1180px; position:relative; overflow:hidden;}
.main{ width:1180px; margin:0 auto; position:relative; padding:153px 0 0 0;}
.right{ width:880px; float:right; position:relative;}
.top{ width:880px; height:100px; background:url("../images/top_bg.png") no-repeat; z-index:2; padding: 20px 0 0 0;}
.main_y{ width:880px; min-height:651px; margin:0 auto; background:url("../images/main_y.png") repeat-y; position:relative; z-index:1;}
.main_bot{ width:880px; height: 134px; background:url("../images/main_bot.png") center no-repeat; z-index:2;}



/*顶部导航条*/
.nav{position: absolute;top: 0;left: 0;z-index: 5; width: 100%;height: 90px; background: url("../images/nav_bg.jpg") center no-repeat;}
.nav_main{ width: 1180px; height: 90px; margin: 0 auto; position: relative;}
.nav_tool{ width: 100%; height: 30px; zoom: 1;position: relative;}
.bar_btn{position: absolute;top: 29px;width: 180px;height: 32px;}
.bar_news{left: 100px; background: url("../images/nav_news.png") center no-repeat;border-right: 1px solid #525050;}
.bar_news:hover,.bar_news.on{background: url("../images/nav_news2.png") center no-repeat;}
.bar_media{left: 280px;background: url("../images/nav_media.png") center no-repeat;}
.bar_media:hover,.bar_media.on{background: url("../images/nav_media2.png") center no-repeat;}
.bar_fb{right: 280px;background: url("../images/nav_fb.png") center no-repeat;border-right: 1px solid #525050;}
.bar_fb:hover{background: url("../images/nav_fb2.png") center no-repeat;}
.bar_support{right: 100px;background: url("../images/nav_support.png") center no-repeat;}
.bar_support:hover{background: url("../images/nav_support2.png") center no-repeat;}
.logo a{position: absolute; width: 190px;height: 129px; top:0; left: 50%; margin-left: -95px; display: block; background:url("../images/logo.png") no-repeat;}
.logo a:hover{ background:url("../images/logo2.png") no-repeat;}



/*登录框*/
.login{ width: 232px; height: 479px; background:url("../images/login_bg.png") no-repeat; position:absolute; left:0; top:137px; z-index:3; padding:15px 35px 0;}
.logbtn{width:224px; margin:0 auto;padding-top: 28px;border-bottom: 1px solid #aa9990;overflow: hidden;}
.log1,.log2,.log11,.log22{width:112px; height:46px; cursor:pointer; float:left;}
.log1{background:url(../images/login1.png) center no-repeat;}
.log2{background:url(../images/register2.png) center no-repeat;}
.log11{background:url(../images/login2.png) center no-repeat;}
.log22{background:url(../images/register1.png) center no-repeat;}
.logline{ width:100%; border-bottom:1px solid #4d4d4d;}
.logfont{ width:100%; text-align:left; color:#e4cd92; line-height:25px; margin-top:13px;}
.shuru{width:232px; height:27px; font-size:14px; line-height:27px;  background:url("../images/shu.png") no-repeat;color:#1b1b1b; text-indent: 5px;}
.forgot{width:224px; margin:5px auto 15px; text-align:right;padding-bottom: 10px; line-height:25px; font-size:12px;border-bottom: 1px solid #aa9990;overflow: hidden;}
.forgot a{ color:#b09f96;}
.regfont{ width:100%; height: 30px;color:#e4cd92; line-height:30px;}
.account,.account2,.account3{ width:220px; margin:0 auto; text-align:center; color:#f0e6d2;}
.account p{ font-weight:bold; margin-bottom:8px; font-size:13px;}
.account{ margin-top: 45px;}
.account2{ padding:15px 0; color: #c3ad7b;}
.account3{ padding:8px 0 20px 0; font-size:12px;}
.account3 a{color: #fff;}
.serverbtn2 a{ width: 215px; height: 42px; display:block; background:url("../images/server_btn21.png") no-repeat; margin:0 auto 12px; font-size:12px; text-align:center; color:#fff; line-height:19px;}
.serverbtn2 a:hover{ background:url("../images/server_btn22.png") no-repeat; color:#f99507;}
.playbtn,.mini{ width:231px; height:64px; margin:5px auto;}
.log_out{width: 224px;height: 49px;margin: 5px auto;}
.name{ color: #3db043;}


/*gotop*/
.gotop{ width: 39px; height: 51px; position:fixed; left:49%; top:76%;  margin-left:617px; z-index:3; text-align:center; cursor:pointer; display:none}
.gotop a{ width: 39px; height: 51px; background:url(../images/gotop.png) no-repeat; display:block;}
.gotop a:hover{ background: url(../images/gotop2.png) no-repeat;}


/*尾部*/
.copyright{ width:100%; text-align:center; line-height:20px; display:block; color:#a4a4a4; z-index:3; margin:0 auto; padding:30px 0;}
.copyright a{ color:#969696;}
.copyright a:hover{ color:#e4cd92; }




/*news*/
.title{ width:100%; text-align:center;}
.newsbox{ width:700px; height:620px; margin:0 auto; overflow:hidden;}
.newsbox a{ color:#e4cd92;}
.newsbox a:hover{ color:#3db043;}
.newsbox p,.head a{ color:#cb7903; line-height:30px;}
.text1,.text2,.text3{ line-height:27px;}
.text1{ width:75px; float:left; text-align:left;}
.text2{ width:615px; float:left; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.text3{ width:85px; float:right; text-align:right;}
.line{ width:100%; height:1px; border-bottom:1px dotted #959595; clear:both;}
.black{ padding:20px 3px 0 3px; font-size:80%; color:#79818e; text-align:center; width:100%;}
.black a,.black span.disabled{ border:#e4cd92 1px solid; padding:2px 5px; background-position:50% bottom; color:#111111; margin-right:3px; text-decoration:none; background-color:#e4cd92; font-size:12px;}
.black a:hover { border:#cb7903 1px solid; background-color:#cb7903;}
.black span.current{ border:#cb7903 1px solid; padding:4px 5px 2px 5px; font-weight:bold; margin-right:3px; background-color:#cb7903; color:#fff;}


/*serverlist*/
.serverbox{ width:720px; min-height:650px; margin:0 auto;}
.recommend{ width:100%; height:60px; background:url("../images/recommend.png") center no-repeat;}
.hotbtn a{ width: 195px; height: 42px; display:block; background: url("../images/server_btn.png") no-repeat; margin:0 auto; text-align:center; color:#fbf3e0; line-height:46px; position: relative;}
.hotbtn a:hover,.serverbtn a:hover{ background:url("../images/server_btn2.png") center no-repeat; color:#f99507;}
.allserver{ width:100%; height:80px; background:url("../images/all_server.png") center no-repeat;}
.serverbtn a{width: 195px; height: 42px;display:block;background: url("../images/server_btn.png") center no-repeat;margin: 0 22px 20px;;color:#fbf3e0;  text-align:center; line-height:46px; float:left;}
.hot{ width: 29px; height: 29px; background: url(../images/hot.png) no-repeat; position: absolute; left: 0; top: 0;}


/*newsin*/
.newsinbox{ width:760px; min-height:650px; margin:0 auto;}
.head{ color:#cb7903; line-height:30px;}
.newsinbox a:hover{ color:#16e30c;}
.font1{ width:100%; text-align:center; color:#16e30c; font-size:20px; line-height:30px;margin-top: 25px;}
.font2{ color:#e4cd92; text-align:center;}
.font3{ color:#feffff; text-align:left; line-height:22px; margin: 20px 0 0 0;}
.pic{ width:100%; text-align:center; margin: 20px 0;}



/*artwork*/
.artbox{ width:800px; min-height:730px; margin:0 auto;}
.video{ width:44px; height:45px; background:url("../images/video.png") center no-repeat;}
.video_pic{position: relative; width:228px; height:174px; position:relative; margin: 0 19px 40px 19px; float: left;}
.wallpaper{ width:148px; height:60px;background:url("../images/wallpaper.png") center no-repeat;}
.banner{position: relative; width: 746px; height: 360px;padding-top: 10px; background: url("../images/media/large_bg.png") center no-repeat;margin: 0 auto;}
.large_box{ width: 728px; height: 262px;overflow:hidden; margin: 0 auto 5px;}
.large_box img{ display:block; cursor:pointer;}
.small_box{position: relative; width:696px; height:85px; overflow:hidden; margin: 0 auto;}
.small_list{ position:relative;width:657px;margin-left: 30px; height:85px; overflow:hidden;}
.small_list ul{ width:678px; height:85px;}
.small_list ul li{position:relative; float:left; width:165px; height: 85px; cursor:pointer;margin-right: -7px;}
.small_list .thum1{background: url("../images/media/thum1.png") center no-repeat;}
.small_list .thum1:hover,.small_list .thum1.on{background: url("../images/media/thum12.png") center no-repeat;}
.small_list .thum2{background: url("../images/media/thum2.png") center no-repeat;}
.small_list .thum2:hover,.small_list .thum2.on{background: url("../images/media/thum22.png") center no-repeat;}
.small_list .thum3{background: url("../images/media/thum3.png") center no-repeat;}
.small_list .thum3:hover,.small_list .thum3.on{background: url("../images/media/thum32.png") center no-repeat;}
.small_list .thum4{background: url("../images/media/thum4.png") center no-repeat;}
.small_list .thum4:hover,.small_list .thum4.on{background: url("../images/media/thum42.png") center no-repeat;}
.btn{position: absolute;top: 31px;width:21px;height:23px;}
.left_btn{left: 0; background:url(../images/left_btn.png) center no-repeat;}
.left_btn:hover{ background:url(../images/left_btn2.png) center no-repeat;}
.right_btn{right: 0; background:url(../images/right_btn.png) center no-repeat;}
.right_btn:hover{ background:url(../images/right_btn2.png) center no-repeat;}

.mask{ width:100%; height:100%; background:#000; opacity:.8; position:fixed; left:0; top:0; z-index:99;}
.videoBox{position: absolute;left: 50%;top: 50%;margin-left: -22.5px;margin-top: -22.5px;height: 45px; cursor: pointer;width: 45px;}
.videoBox img{ position:absolute; left:0; top:0}
.videoBox img.img1{ transition:.5s; -webkit-animation:zhuan 2s infinite linear; z-index:1;}
.videoBox img.img2{ z-index:2;}
.video-btn{ position:absolute; right:-45px;top:0; background:url(../images/video-btn.png) no-repeat; width:36px; height:36px; display:block; text-indent:-30000px; overflow:hidden; -webkit-transition:all .4s ease; transition:all .4s ease; z-index:4; cursor:pointer;}
.video-btn:hover{-webkit-transform: rotate(270deg);transform: rotate(270deg);}
.video-box{ width:750px; height:422px; z-index:100; background:#000000; position:relative; border:1px solid #e4cd92;

margin-left:-375px!important;/*FF IE7 half of its width */
margin-top:-168px!important;/*FF IE7 half of its height*/

left:50%;/*FF IE7*/
top:40%;/*FF IE7*/

margin-top:0px;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/

_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}


@keyframes zhuan{
    0%{
      -webkit-transform:rotate(-360deg);
      -o-transform:rotate(-360deg);
      -moz-transform:rotate(-360deg);
      -ms-transform:rotate(-360deg);
      transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-webkit-keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-moz-keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-o-keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}


/*forgot*/
.forgot_shuru,.forgot_shuru2{ height:27px; background:url("../images/shu.png") no-repeat;background-size: 100% 100%; font-size:14px; line-height:27px; color:#1b1b1b; overflow:hidden; margin-top:20px; text-indent:5px;}
.forgot_shuru{width:500px;}
.forgot_shuru2{width:300px; float:left;}
.reset{ float:right; margin-top:30px;}
.start,.find{ float:left; margin-top:30px;}
.forgot_left{ float:left;}
.forgot_right{ width:500px; float:left;}
.forgot_font{ line-height:27px; margin-top:20px; text-align:right; padding:0 5px;}
.forgot_font2{ line-height:27px; text-align:left; padding:5px 5px;}
.forgot_font,.forgot_font2{ color:#e4cd92; font-size:15px; font-weight:bold;}
.code{ width:170px; height:27px; background:#fff;float:left; margin:20px 0 0 28px;}