@charset "utf-8";
/* CSS Document */
*{ 
   margin:0; 
   padding:0; }
html {
   width:100%; 
   min-width:1000px;
   background:#000 }
body { 
   color:#000; 
   font-size:14px; 
   font-family:Arial, Helvetica, sans-serif; 
   width:100%; 
   height:1080px;
   background:#000 
   }
td,th,caption { 
   font-size:14px; }
h1, h2, h3, h4, h5, h6 { 
   font-weight:normal; 
   font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { 
   font-style:normal; 
   font-weight:normal;}
a { 
   color:#000; 
   text-decoration:underline; }
img { 
   border:none;}
ol,ul,li { 
   list-style:none; }
a {
	blr:expression(this.onFocus=this.blur());
	outline:none; 
	text-decoration:none;}
area {
	blr:expression(this.onFocus=this.blur());
	outline:none;}

.obody{ 
   width:100%; 
   position:relative;
   background:#000 url(img/indexbg.jpg) top center no-repeat;   }
.box{
   width:100%;}
.content{ 
   width:1000px; 
   position:absolute; 
   left:50%; 
   margin-left:-520px; 
   top:0px; 
   min-height:1080px;}
.video{
   width:0px; 
   height:0px; 
   margin:0px 0px 0 0px; 
   float:left; 
   display:none;}
.logo{ 
   margin-top:5px;}
.logo a{ 
   background:url(img/logo.png) no-repeat; 
   width:271px; 
   height:162px; 
   display:block; 
   margin:0px auto; 
   cursor:default; 
   position:absolute;
   top:60px;
   left:50%;
   margin-left:-135px;
   z-index:999}


.main{ 
   width:464px; 
   height:370px; 
   margin:222px auto 0px auto; 
   position:relative; 
   z-index:9; 
   }
.link{ 
   height:32px; 
   width:350px; 
   overflow:hidden; 
   zoom:1; 
   position:absolute; 
   left:60px;
   top:35px;
   }
.link h3{ 
   float:left; 
   font-size:16px; 
   color:#000; 
   line-height:32px; 
   padding-right:8px; 
   padding-left:14px;}
.link a{
   display:inline-block; 
   width:33px; 
   height:42px; 
   float:left; 
   margin-right:5px;}
   
.login .link{ left:80px; top:35px;}

.link .oas_login{ display:block }

.oas_login_div{ 
   display:none;
   margin-top:130px;
   margin-left:30px;
   color:#fff}
   
   
.oas_login_div .oas_login{ 
  display:block;
  color:#fff;
  text-decoration:underline;}

.facebook{
   background:url(img/facebook.png) no-repeat;}
.google{
   background:url(img/google.png) no-repeat;}
a.twitter{
   background:url(img/twitter.png) no-repeat;}
a.oas{
   background:url(img/oas.png) no-repeat;
   }
.reg{}
.login,.reg{ 
   height:375px; 
   padding:78px 78px 0px 78px;
   /*background:url(img/login_bg.png) no-repeat;*/}
.reg .link{ 
   margin-left:21px;}
.input_bg{ 
   width:255px; 
   height:23px; 
   background:url(img/btn.png) 0px -122px; 
   position:relative;
   margin:10px 0 16px 15px;
   }/*gai*/
.icon{ 
    width:14px; 
	height:10px; 
	float:left; 
	background:url(img/btn.png) no-repeat 0 -99px; 
	margin:7px 9px 8px 5px;}
.icon2{
	width:11px;
	height:15px; 
    background-position:-23px -93px;
	margin:4px 12px 4px 6px;}

.icon3{width:10px;
	height:15px; 
    background-position:-45px -94px;
	margin:5px 12px 4px 6px;}	

.input{ 
    width:215px; 
	height:21px;
	line-height:21px; 
	float:left; 
	margin-top:1px; 
	background:none; 
	color:#fff; 
	border:none; 
	font-size:12px; 
	outline:none;}
.warning_msg{ 
   line-height:13px; 
   clear:both; 
   width:300px; 
   color:red;  
   font-size:12px;
   position:absolute;  
   top:24px;
   left:0; }
.my-email{ 
   display:block;}
.chose{ 
   overflow:hidden; 
   zoom:1; 
   margin-left:21px;}
.chose_l,.user_l{ 
   float:left;}
.user_l{ 
   color:#fff;
   margin-top:15px;}
.chose_l label{ 
   cursor:pointer; 
   text-decoration:underline; 
   color:#fff}
.chose_l label a{
   color:#fff; 
   text-decoration:none;}
.chose_r{ 
   display:none;}
.chose_r a{
	color:#053330; 
	display:inline-block;
	*+padding-top:4px; 
	text-decoration:underline;}
.chose_r a:hover{ 
    color:#977150}
.out{ 
	margin-top:30px;
	+margin-top:32px;} 
.out a{ 
    color:#D0B099}
.red_nav{ 
   color:#fff;
   text-align:center;
   position:absolute;
   bottom:160px;
   left:116px;
   text-decoration:underline;
   cursor:pointer;
   }
.btn { 
    display:block; 
	background:url(img/btn.png) no-repeat; 
	width:248px; 
	height:81px; 
	position:absolute; 
	bottom:40px; 
	left:95px;}
.btn:hover{ 
    background-position:-267px 0px;}
/*server*/
.server{ 
    
	height:374px; 
	padding:0px 93px 0px 73px;
	/*background:url(img/server.png) top center no-repeat;*/
	}
.server_title{ 
    height:60px; 
	line-height:60px; 
	font-size:24px; 
	color:#ffffff; 
	padding-left:20px;
	}
.server_bg{
	width:284px; 
	height:95px; 
	padding:5px 5px 0px 0px;
	background:url(img/list.png) top center no-repeat;
	margin-top:-15px;
	}
.serverlist{ 
    height:95px; 
	width:275px; 
	overflow-y:auto;
	margin-top:8px;}
.serverlist li{ width:240px;}
.serverlist li a{ 
    display:block; 
	line-height:24px; 
	font-size:14px; 
	color:#fff; 
	overflow:hidden; 
	width:230px; 
	height:24px; 
	background:url(img/btn.png) 0px -122px;  
	margin-bottom:10px; 
	margin-left:10px;
	text-decoration:underline;
	padding-left:10px;}
.serverlist li a:hover{ 
    color:#ff5400;}
.user_intr{ 
    overflow:hidden; 
	zoom:1; 
	margin-left:20px;}
.user_intr a{ 
    color:#fff; 
	padding-top:3px; 
	font-weight:normal}
#logout{ 
    color:#fff; 
	float:right;
	margin:-20px 30px 0 0 }
.user_intr a:hover{ 
   color:#FF2626}
.user_server{
   padding:3px 0px; 
   width:270px; 
   margin-left:20px; 
   color:#fff}
.user_server a{
   color:#fff; 
   display:block;}
.user_server a:hover{ 
   color:#FF2626}
.fun_box{ 
   left: 50%; 
   margin-left:-125px;
   position:absolute; 
   bottom:300px; 
   width: 430px; 
   z-index:9;}
.lp_foot_share_facebook,.lp_foot_share_twitter { 
   float: left;
   width: 150px;}
.lp_foot_share_google{ 
   float: left; 
   margin-bottom:5px; 
   width:95px;}

.bgbox{ 
   position: relative; 
   width:100%;}
.footer_seo_text{ 
   display:none;}
#lp_footer{ 
   position:absolute; 
   top:-250px; 
   width:100%;  
   text-align:center; 
   color:#fff; }
a:hover,.red_nav:hover { 
   text-decoration:underline; 
   color:#fff; }
.lp_foot_share_twitter{ 
   display:none;}