@font-face {
	font-family: 'ft';
	src: url('/games/css/fonts/9094.eot');
	src: local('O'), url('/games/css/fonts/9094.woff') format('woff'), url('/games/css/fonts/9094.ttf') format('truetype'), url('/games/css/fonts/9094.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body, html{
 height:100%;
 width:100%;
 margin:0;
 padding:0;
 font-family: 'Roboto', sans-serif;
}
*{box-sizing:border-box;}
a{
 cursor:pointer;
}
#main{
 width:960px;
 max-width:100%;
 margin:0 auto;
 min-height:100%;
 background-color:#244082;
 position:realtive;
}
#emain{
 width:960px;
 max-width:100%;
 margin:0 auto;
 min-height:100%;
 background-color:#244082;
 position:realtive;
}
#header{
 background:#FFF;
} 
#content{
 background:url("/games/img/bg.png") 0% 0 / 100% 100% no-repeat;
 padding-bottom:25px;
 float:left;
}
.footer{
  height:100%;
  width:960px;
  max-width:100%; 
  display: table-cell;
  vertical-align:middle;
}
.slider{
  width:960px;
  max-width:100%; 
  padding:15px;
}
.slider div{
 padding:0 20px;
}
.slider p{
 display:inline-block;
 padding-left:15px;
 padding-top:7px;
 font-weight:bold;
 color:#FFF;
}
.slider img{
  height:40px;
  width:auto;  
  float:left;
  //margin-top:20px;
  font-family:'Roboto';
}
.logo{
  display:table-cell;
  width:25%;
  float:left;
}
.logo img{
  height:100%;
  max-height:160px;
  width:auto;
}
.header{
  padding:20px 0 0;
}
.title{
  display:table-cell;
  margin:0;
  padding:0;
  vertical-align:middle;
  width:75%;
  font-size:60px;
  text-align:right;
  color:red;
  float:right;
  line-height:90%;
  font-family:'ft';
}
.blue{
 color:#244082;
}
.red{
  display:block;
  font-size:20px;
  margin-top:-50px;
}
.slogan{
 clear:both;
 background:#244082;
 padding:10px;
 font-size:40px;
 color:#FFF;
 text-align:center;
}
.content{
 padding:25px;
}
#footer{
 background:#244082;
 width:100%;
 max-width:100%;
 width:960px
}
#form{
 float:right;
 min-height:600px;
 background:#FFF;
 padding:25px;
 box-shadow:#CCCCCC 0 0 24px 1px;
 width:70%;
}
.g{
 float:left;
 width:30%;
}
.gift{
  color:#FFFFFF;
  float:left;
  font-family:ft;
  font-size:40px;
  margin:0;
  padding:15px;
  text-align:center;
  text-shadow:#244082 0 0 20px;
}
.tabs{
 width:100%;
 height:300px;
}
.p, .sp{
 padding:15px;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:5px;
 border-left:1px solid #DDDDDD;
 border-bottom:1px solid #DDDDDD;
 border-right:1px solid #DDDDDD; 
}
#form H3, .p H4{
 margin-top:0;
 padding-top:0;
}
#form h4{
 color:navy;
}
#eheader{
 max-width:100%;
 width:960px;
 font-size:20px;
 text-align:center;
 padding:15px;
 color:#FFF;
 font-family:'ft';
 position:absolute;
 top:0;
 z-index:100;
 background:#244082;
}
#econtent{
 position:absolute;
 min-height:100%;
 max-width:100%;
 width:960px;
 background:url("/games/img/bg.png") 0% 0 / 100% 100% no-repeat;
 padding:75px 25px;
}
.econtent{
 background:#FFF;
 padding:10px;
 box-shadow:#CCCCCC 0 0 24px 1px;
}
#efooter{
 background:#244082;
 width:100%;
 max-width:100%;
 width:960px;
 position:fixed;
 bottom:0;
}
.msg, .err{
 position:fixed;
 width:100%;
 left:0;
 top:0;
 padding:10px;
 color:#FFF;
 font-weight:bold;
 text-align:center;
}
.msg{
 background:green;
}
.err{
 background:red;
}
.help{
 padding:15px;
 border-radius:10px;
 border:2px solid green;
 margin-bottom:15px;
 position:relative;
}
.help-control{
 position:absolute;
 right:2px;
 top:2px;
 cursor:pointer;
}
.help-control:hover{
 color:navy;
}