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:157px 0 0 0;}
.right{ width:880px; float:right; position:relative;}
.top{ width:880px; height:75px; background:url("../images/top_bg.png") no-repeat; z-index:2; padding: 45px 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:81px; 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: 81px; background: #000000;}
.nav_main{ width: 1180px; height: 81px; margin: 0 auto; position: relative;}
.nav_tool{ width: 880px; float: right; zoom: 1;position: relative;}
.bar_btn{ width: 100px; height: 81px; line-height: 81px; float: left; text-align: center; font-size: 18px; color: #f0e6d2; margin: 0 30px;}
.bar_btn:hover{ height: 78px; color: #ebc86b; border-bottom: 2px #ebc86b solid;}
.logo a{position: absolute; width: 224px;height: 103px; top:18px; left: 28px; display: block; background:url("../images/logo.png") no-repeat;}
.logo a:hover{ background:url("../images/logo2.png") no-repeat;}



/*登录框*/
.login{ width:224px; height:422px; background:url("../images/login_bg.jpg") no-repeat; position:absolute; left:0; top:157px; z-index:3; padding:15px 28px 0 28px;}
.logbtn{width:220px; margin:0 auto;}
.log1,.log2,.log11,.log22{width:110px; 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:#f0e6d2; line-height:25px; margin-top:13px;}
.shuru{width:220px; height:27px; font-size:14px; line-height:27px;  background:url("../images/shu.png") no-repeat; float:left; color:#f0e6d2; text-indent: 5px;}
.forgot{ float:right; text-align:right; line-height:25px; margin:5px 0; font-size:12px;}
.forgot a,.account3 a{ color:#4d4d4d;}
.regfont{ width:100%; height: 30px; text-align:left; color:#f0e6d2; line-height:35px;}
.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: 25px;}
.account2{ padding:15px 0; color: #4d4d4d;}
.account3{ padding:8px 0 20px 0; font-size:12px;}
.serverbtn2 a{ width:220px; height:33px; display:block; background:#262626; margin:0 auto; font-size:12px; margin-bottom:12px; text-align:center; color:#f0e6d2; line-height:16px;}
.serverbtn2 a:hover{ background:#ebc86b; color:#111111;}
.playbtn{ width:220px; height:32px; margin:0 auto;}
.mini{ width:220px; height:46px; margin:10px auto 0 auto;}
.name{ color: #ebc86b;}


/*gotop*/
.gotop{width:62px; height:68px; position:fixed; left:49%; top:76%;  margin-left:617px; z-index:3; text-align:center; cursor:pointer; display:none}
.gotop a{ width:62px; height:68px; 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:#969696; z-index:3; margin:0 auto; padding:30px 0;}
.copyright a{ color:#969696;}
.copyright a:hover{ color:#ebc86b;}


/*news*/
.title{ width:100%; text-align:center;}
.newsbox{ width:700px; height:620px; margin:0 auto; overflow:hidden;}
.newsbox a{ color:#afafaf;}
.newsbox a:hover{ color:#ebc86b;}
.newsbox p,.head a{ color:#ebc86b; 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 #535353; clear:both;}
.black{ padding:20px 3px 0 3px; font-size:80%; color:#79818e; text-align:center; width:100%;}
.black a,.black span.disabled{ border:#f0e6d2 1px solid; padding:2px 5px; background-position:50% bottom; color:#111111; margin-right:3px; text-decoration:none; background-color:#f0e6d2; font-size:12px;}
.black a:hover { border:#ebc86b 1px solid; background-color:#ebc86b;}
.black span.current{ border:#ebc86b 1px solid; padding:4px 5px 2px 5px; font-weight:bold; margin-right:3px; background-color:#ebc86b; color:#111111;}


/*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:221px; height:33px; display:block; background:#262626; margin:0 auto; text-align:center; color:#f0e6d2; line-height:30px; position: relative;}
.hotbtn a:hover{ background:#ebc86b; color:#111111;}
.allserver{ width:100%; height:80px; background:url("../images/all_server.png") center no-repeat;}
.serverbtn a{ width:221px; height:33px; display:block; background:#262626; margin:0 9px; margin-bottom:20px; text-align:center; color:#f0e6d2; line-height:33px; float:left;}
.serverbtn a:hover{ background:#ebc86b; color:#111111;}
.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:#ebc86b; line-height:30px;}
.newsinbox a:hover{ color:#eb0a15;}
.font1{ width:100%; text-align:center; color:#ff9c00; font-size:20px; line-height:30px;}
.font2{ color:#ebc86b; text-align:center;}
.font3{ color:#afafaf; text-align:left; line-height:22px; margin: 20px 0 0 0;}
.pic{ width:100%; text-align:center;}



/*artwork*/
.artbox{ width:760px; min-height:730px; margin:0 auto;}
.video{ width:56px; height:45px; float:left; background:url("../images/video.png") center no-repeat;}
.video_pic{ width:213px; height:140px; position:relative; margin: 0 19px 40px 19px; float: left;}
.wallpaper{ width:111px; height:60px; float:left; background:url("../images/wallpaper.png") center no-repeat;}
.banner{ width:718px; margin: 0 21px;}
.large_box{ width:718px; height:372px; overflow:hidden; border: 1px solid #c2a45c; margin-bottom:10px;}
.large_box img{ display:block; cursor:pointer;}
.small_box{ width:718px; height:79px; overflow:hidden;}
.small_list{ position:relative; float:left; width:678px; height:79px; overflow:hidden;}
.small_list ul{ width:678px; height:79px;}
.small_list ul li{ position:relative; float:left; width:152px; cursor:pointer; margin: 0 8px;}
.small_list ul li img{display:block;}
.small_list ul li .bun_bg{ display:none; position:absolute; top:0; left:0; width:150px; height:77px; border: 1px solid #c2a45c; background:#000000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}
.small_list ul li.on .bun_bg{display:block;}
.btn{display:block;width:20px;height:79px; background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.left_btn{ float:left; background-image:url(../images/left_btn.png);}
.left_btn:hover{ background-image:url(../images/left_btn2.png);}
.right_btn{ float:right; background-image:url(../images/right_btn.png);}
.right_btn:hover{ background-image:url(../images/right_btn2.png);}

.mask{ width:100%; height:100%; background:#000; opacity:.8; position:fixed; left:0; top:0; z-index:99;}
.vadeo{
	position: absolute;
	left: 81px;
	top: 42px;
	cursor: pointer;
	width: 45px;
}
.vadeo a{ display:block; width:44px; height:44px; position:relative;}
.vadeo a img{ position:absolute; left:0; top:0}
.vadeo a img.img1{ transition:.5s; -webkit-animation:zhuan 2s infinite linear; z-index:1;}
.vadeo a 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 .5s ease; transition:all .5s ease; z-index:4; cursor:pointer;}
.video-box{ width:720px; height:460px; z-index:100; background:#000000; position:relative; border:1px solid #ebc86b;

margin-left:-360px!important;/*FF IE7 half of its width */
margin-top:-185px!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:25px; background:#262626; font-size:14px; line-height:25px; color:#6b7382; overflow:hidden; margin-top:20px; text-indent:5px; border:1px #573f1d solid;}	
.forgot_shuru{width:300px;}	
.forgot_shuru2{width:150px; float:left;}
.reset{ float:right; margin-top:20px;}			
.start,.find{ float:left; margin-top:20px;}			
.forgot_left{ float:left;}
.forgot_right{ width:300px; float:left;}
.forgot_font{ line-height:27px; margin-top:20px; text-align:right; padding:0 5px;}
.forgot_font2{ line-height:25px; text-align:left; padding:5px 5px;}
.forgot_font,.forgot_font2{ color:#f0e6d2; font-size:15px; font-weight:bold;}
.code{ width:120px; height:27px; background:#ffffff; float:left; margin:20px 0 0 28px;}


.coming{ width: 280px; height: 437px; position: absolute; left: 0; top: 0; background:url("../images/coming.jpg") no-repeat; z-index: 1;}