@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------
	Universal Reset
--------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,del,ins,em,img,hr,q,strong,sub,sup,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
}

h1,h2{
font-weight:lighter !important;
}


h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
}

ul,ol{
list-style:none;
}

table,th,td{
border:0 none;
}

th{
font-weight:normal;
text-align:left;
}

caption{
text-align:left;
}

strong{
font-weight:normal;
}

em{
font-style:normal;
}

img{
border:0;
vertical-align:top;
}

dt{
font-weight:normal;
}

fieldset{
border:0 none;
}

legend{
display:none;
}

textarea{
font-size:1em;
}

a {
text-decoration: none;
color:#000;
}

/* clear fix */

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

/*--------------------------------------------------
	Default Style
--------------------------------------------------*/
body{
font-size:100.01%;
background:#fff;
margin-bottom:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}


p {
}

em{
font-style:italic;
}

strong{
font-weight:bold;
}

a:hover,
a:active,
a:focus{
text-decoration: none;
color:#666;
}

sup{
vertical-align:top;
}

sub{
vertical-align:baseline;
}

/*--------------------------------------------------
	TOP PAGE
--------------------------------------------------*/
.loader  { position:absolute;z-index:9999;width:39px;height:39px;top:49%;left:49% }
.backback { display:none; }


img.bg {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
display:none;
}

@media screen and (max-width: 1024px){
img.bg {
  left: 50%;
  margin-left: -512px; }
}

@media screen and (max-width: 640px){
img.bg {
left:50%;
width:auto;
height:100%;
text-align:center;
margin-left:-960px;
min-width: 640px;
}
}




div#wrapper{
	height: 100%;
	width:100%;
	position: relative;
}

div#tips {
	z-index:1;
}

h1{
	text-align:center;
	margin-bottom:10px;
}


div#menu {
	position: absolute;
	margin-top:-55px;
	top: 50%;
	right: 0px;
	text-align: center;
	padding: 50px 20px 50px 20px;
	z-index:2;
	background-color: rgba( 255, 255, 255, 0.8 );
	border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
}

div.box{
	position: relative;
}

div.box ul{
	top: 50%;
	left: 50%;
	margin-left: 20px;
}
	

div.box ul li {
	float: left;
	padding: 5px 10px 5px 10px;
	font-weight: bold;

}

div.box ul li{
	border-right: 1px #999 solid;
}

div.box ul li:last-child{
	border-right:none;
}

.mb-05 {
	margin-bottom: 5px;
}