@charset "UTF-8";
@import url("reset.css");
.wrapper{
width: 100%;
margin: 0 auto;
min-height: 100%;
position:absolute;

}
header.main{background:#1e3e57;border-bottom: 2px solid #193347;height:38px;width:100%;z-index:10;position: absolute;font:400 14px/1em 'BlissPro',Arial,Helvetica,sans-serif;}
.wrap{height:100%;margin:0 auto;padding:0 10px;width:1020px;}
.wrap_main{
line-height: 18px;
padding: 58px 10px 10px 10px;
width:1020px;
background:#fff;
position:absolute;
left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	min-height: 100%;
	
}
header .menu{float:left;height:100%;}
header .menu li{display:block;float:left;height:100%;position:relative;}
header .menu li a{color:#fff;display:block;float:left;height:100%;font-size:14px;padding: 0 20px 0 0;text-align:center;text-decoration:none;line-height: 38px;}
header .menu li a:hover{color:#ffffff;text-decoration:underline;}
header .auth{float:right;height:100%;}
header .auth li{display:block;float:left;height:100%;position:relative;padding-left: 28px;}
header .auth li a{color:#fff;display:block;float:left;height:100%;font-size:14px;text-align:center;text-decoration:none;line-height: 38px;}
header .auth li a:hover{color:#ffffff;text-decoration:underline;}
header .auth .reg {background:url(img/ico_reg.png) 0;background-repeat: no-repeat;}
header .auth .enter {background: url(img/ico_auth.png) 0% 59%;background-repeat: no-repeat;}
header .auth .exit {background:url(img/ico_exit.png) 0;background-repeat: no-repeat;}
header .auth .priv {color: #fff;
display: block;
float: left;
height: 100%;
font-size: 14px;
padding: 0 18px 0 0;
text-align: center;
text-decoration: none;
line-height: 38px;}
#flying-bubbles
{
position: fixed;
z-index: -1;
overflow:hidden;
}
.clear
{
clear:both;
height: 165px;
margin-bottom: -18px;
}
.q
{
padding-top:16px;
color:#27ae60;
}
.q:first-child
{
padding-top:0;
}
.ref
{
text-align:center;
color:#1e3e57;
padding-bottom: 18px;
}
.reg
{
height: 80px;
margin: 50px 0 15px;
overflow: hidden;
background-color: #27ae60;
border-radius: 4px;
line-height: 70px;
color: #fff;
text-align: center;
font-size: 50px;

}
.reg a
{
text-decoration:none;
color:#fff;
width: 100%;
height: 100%;
display: block;
}
.reg:hover
{
background-color: #57c585;
}
.game
{
display: block;
float: left;
margin: 22px 6.6px;
width: 320px;
background:#ccc;
border: 4px solid #ccc;
}
.game a
{
text-decoration:none;
}
.game:hover
{
border: 4px solid #57c585;
}
.game img
{
width:312px;
height:175px;
}
.getkey
{
height: 30px;
margin: 10px 10px 7px 10px;
overflow: hidden;
background-color: #27ae60;
border-radius: 4px;
line-height: 30px;
color: #fff;
text-align: center;
font-size: 16px;
}
.getkey:hover
{
background-color: #57c585;
}
.like
{
width:100%;
float:left;
display:block;
padding-bottom: 18px;
text-align:right;
}
.wrap_main h2
{
text-align: center;
color: #1e3e57;
padding-bottom: 18px;
}




.progress {
height: 50px;
margin: 30px 0 50px;
overflow: hidden;
background-color: #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.progress {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#ebebeb),to(#f5f5f5));
background-image: -webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
background-image: -moz-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
background-image: linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0);
}
.progress {
height: 50px;
background-color: #ccc;
background-image: none;
box-shadow: none;
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 20px;
line-height: 50px;
color: #fff;
text-align: center;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
-webkit-transition: width .6s ease;
transition: width .6s ease;
}
.progress-bar {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));
background-image: -webkit-linear-gradient(top,#428bca 0,#3071a9 100%);
background-image: -moz-linear-gradient(top,#428bca 0,#3071a9 100%);
background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);
}
.progress-bar {
box-shadow: none;
border-radius: 3px;
background-color: #0090D9;
background-image: none;
-webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-ms-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-o-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.progress-bar-success {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#449d44));
background-image: -webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);
background-image: -moz-linear-gradient(top,#5cb85c 0,#449d44 100%);
background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0);
}
.progress-bar-success {
background-color: #27ae60;
background-image: none;
}
.progerss_text
{
position: absolute;
width: 980px;
font:400 30px/1em 'BlissPro',Arial,Helvetica,sans-serif;
text-align: center;
line-height: 50px;
color: #fff;
}

#overlay{background:url(img/main_bg.png) 0 0;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}
a.close{background: url('img/modclose.png');color: #418ac2;font: 700 18px/1em Verdana;height: 20px;position: absolute;right: 6px;text-align: center;text-decoration: none;top: 6px;width: 21px;z-index: 20;}
a.closeord{background: url('img/modclose.png');color: #418ac2;font: 700 18px/1em Verdana;height: 20px;position: absolute;right: 6px;text-align: center;text-decoration: none;top: 6px;width: 21px;z-index: 20;}
#enter{background:#fff;border-radius:4px;display:none;margin:50px auto 0;padding:20px 30px 70px;position:relative;width:750px;height: 422px;}
#enter span h1{text-align:center;font-size:24px;color:#1e3e57;padding-bottom: 13px;}
#enter span{height:100%;position:relative;width:100%;display: block;}


.game_min
{
display: block;
float: left;
margin: 6px 6.6px;
width: 216px;
background:#ccc;
border: 4px solid #ccc;
}
.game_min a
{
text-decoration:none;
}
.game_min:hover
{
border: 4px solid #57c585;
}
.game_min img
{
width:208px;
height:117px;
}
.keys
{
height: 80px;
margin: 50px 0 15px;
overflow: hidden;
background-color: #27ae60;
border-radius: 4px;
line-height: 70px;
padding: 10px;
color: #fff;
text-align: center;
font-size: 50px;
}