/* CSS Document */
@charset "UTF-8";
/* CSS Initialization  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
body { background:#f5f5f5; color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; position:relative;padding-bottom: 100px;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a { color:#000; text-decoration:none;background-color: transparent }
a:hover { text-decoration:underline; }
img { border:none;}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
.clear{ clear:both;}
body,html{ height:100%; min-height:810px;min-width:1000px;}
/* END CSS Initialization */

.header{ height:90px; background:#FFF;}
.head{ width:960px; height:90px; margin:0 auto;}
.logo{ width:263px; height:90px; float:left;}
.nav{ float:right; color:#cccccc; margin-top:50px; margin-right:40px;}
.nav a{ color:#666666; font-size:16px;outline: none}

.main{ width:960px; height:auto; min-height:590px; margin:0 auto; overflow:hidden; zoom:1;}
.pic{ width:528px; height:590px; float:left;}
.box{ width:392px; height:auto; float:left; margin-top:50px;}
.boxbg1{ width:392px; height:5px; background:url(../../../../../upload/1513938210/homesite/images/boxbg1.png);}
.boxbg2{ width:392px; height:auto; background:url(../../../../../upload/1513938210/homesite/images/boxbg2.png) repeat-y; overflow:hidden;}
.boxbg3{ width:392px; height:5px; background:url(../../../../../upload/1513938210/homesite/images/boxbg3.png);}

.login{ width:330px; height:auto;  margin:0 auto;}
.login p{ width:330px; height:30px; line-height:30px; margin-top:15px;}
.login p span{ color:#d7002e;}

.inputbox{ width:328px; height:38px; border:1px solid #cccccc;}
.icon{ width:45px; height:38px; background:url(../../../../../upload/1513938210/homesite/images/anything.png); float:left;}
.inputbox input{ width:280px; height:38px; border:0; line-height:38px; padding-right:3px; float:left;}

.icon_account{ background-position:0px -126px;}
.icon_cipher{ background-position:-45px -126px;}
.icon_recipher{ background-position:-45px -126px;}

.msg{ width:330px; height:24px; margin-top:10px;}
.msg_left{ float:left; overflow:hidden;}
.msg_left input{ width:14px; height:14px; display:inline-block; margin-right:5px; float:left;}
.login.msg_left span{ float:left; line-height:14px;display:inline-block;font-size:12px;}
.regsiter.msg_left span{ float:left; line-height:14px;display:inline-block;font-size:12px;}
.msg_left span a{ color:#008ad1;}
.msg_right{ float:right;}
.msg_right a{ colo:#008ad1;}

.login_btn{ width:180px; height:44px; display:block; margin:0 auto; text-align:center; line-height:44px; font-size:20px; color:#FFF; background:url(../../../../../upload/1513938210/homesite/images/anything.png); background-position:-180px 0px; margin-top:14px; font-weight:bold;}
.login_btn:hover{ background-position:-180px -44px; text-decoration:none;}

.regsiter_btn{ width:180px; height:44px; display:block; margin:0 auto; text-align:center; line-height:44px; font-size:20px; color:#FFF; background:url(../../../../../upload/1513938210/homesite/images/anything.png); background-position:-0px 0px; margin-top:14px; font-weight:bold;}
.regsiter_btn:hover{ background-position:-0px -44px; text-decoration:none;}


.tab{ width:330px; height:20px; line-height:20px; margin-top:10px;}
.tab a{ float:right; color:#008ad1;}
 
.regsiter{ width:330px; height:auto;  margin:0 auto; display:none;}
.regsiter p{ width:330px; height:30px; line-height:30px; margin-top:15px;overflow: hidden;}
.regsiter p span{ color:#d7002e;}

.third{ width:330px; height:60px; margin:0 auto; text-align:center; padding-bottom:25px;}
.third p{ color:#444444; text-align:left; line-height:30px; height:30px;}
.third a{background:url(../../../../../upload/1513938210/homesite/images/anything.png); display:inline-block; width:75px; height:30px; margin-right:6px;}
.third .facebook{ background-position:0px -166px;}
.third .google{ background-position:0px -230px;}
.third .youtube{ background-position:0px -198px;}
.third .twitter{ background-position:0px -262px; margin-right:0px;}

.footer{ height:auto; padding:20px 0px; background:#000; position:absolute; bottom:0px; left:0px; width:100%;}

 
 
.footer_main {max-width:1000px;width:100%;margin: 0 auto;color: #a2a2a2;padding: 20px 0;font-family: 'arial';position: relative;height: 211px;}
.footer .games_company {position: absolute;left: 560px;top: 30px;width: 470px;height: 67px;*+width: 570px}
.footer .logo {background: url(../../../../../upload/1459159612.png) no-repeat;display: block;float: left;}
.footer .games_company {padding-top: 13px;}
.footer .games_company .logo_a {float: left;}
.footer .games_company .logo {width: 75px;height: 64px;background-position: -554px 0;}
.footer .oasgames_footer .logo {width: 86px;height: 68px;background-position: -662px 0;}
.footer ul {float: left;margin: 10px 0 0 6px;}
.footer ul li {line-height: 22px;}
.footer ul li a {color: #a2a2a2;}
.footer ul li a:hover {color: #fff;}
.footer ul li font {padding: 0 3px;font-size: 12px;}
.footer .games_company ul {padding: 0;}
.footer .oasgames_footer ul {padding: 6px 0 0 0;}
.footer .custom_footer {height: 80px;overflow: hidden;margin: 0 0 0 13px;}
.footer .oasgames_footer_center {margin: 0 auto;width: 612px;*+width: 712px;height: 80px;}
.footer_left, .footer_right, .center_border {display: inline-block;vertical-align: middle;}
.center_border {background: url(../../../../../upload/1484635839.png) no-repeat top center;width: 1px;height: 193px;margin-right: 3px}
.footer_left {width: 376px;}
.footer_left img {margin: 0 40px 0 0;float: right;}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}



.new_btn_color {background: url(../../../../../upload/1447840457.png);cursor: default;}