html, body{
	background:#e6e6e6;
	font-family:Arial, Helvetica;
	font-size:14px;
	margin:0;
	padding:0;
}
a{
	color:#00f;
	text-decoration:none;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
}
.btn{
	background: #5196bf;
	border:none;
	color:#fff;
	margin:0;
	padding:5px 10px;
}
.btn:active{
	background:#0f5c92;
}
.clearfix{
	clear:both;
	display:block;
	height:0;
	width:0;
}
.error{
	color:#F00;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
}
.msg{
	color:#090;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
}
#wrapper{
	margin:0 auto;
	min-height:400px;
	position:relative;
	width:100%;
}
header{
	background:url(../images/header_bg.jpg) top center repeat-x;
	height:78px;
	position:relative;
}
#vine{
	background:url(../images/vine.png) -10px 0 no-repeat;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	left:50px;
	padding:57px 0 0 30px;
	position:absolute;
}
#gto{
	background:url(../images/gto.png) 0 0 no-repeat;
	height:53px;
	left:50%;
	position:absolute;
	width:228px;
}
#logout{
	color:#fff;
	font-weight:bold;
	margin:10px 20px;
	position:absolute;
	right:0;
	top:0;
}
#menu_closer{
	background:rgba(0,0,0,.3);
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:98;
}
#menu_btn{
	background:url(../images/menu.jpg) 0 0 no-repeat;
	cursor:pointer;
	height:78px;
	left:0;
	position:absolute;
	top:0;
	width:49px;
	z-index:99;
}
nav{
	background:#218cba;
	color:#fff;
	height:0px;
	left:0;
	max-width:100%;
	overflow:hidden;
	position:absolute;
	top:78px;
	transition:all .3s ease;
	z-index:100;
}
#menu{
	max-width:100%;
	width:280px;
}
#menu_btn:hover ~ nav, nav:hover{
	/*height:auto;*/
}
#menu > li{
	overflow:hidden;
	width:100%;
}
#menu > li span{
	display:block;
	height:20px;
	padding:12px 10px 8px 20px;
}
#menu > li > ul{
	width:100%;
}
#menu > li > ul > li a{
	box-sizing:border-box;
	color:#fff;
	display:inline-block;
	padding:3px 10px 3px 60px;
	width:100%;
}
#menu > li span{
	height:100%;
}
#menu > li > ul >li a:hover, #menu > li > ul >li a:active{
	background:#0f5c92;
}
section{
	color:#333;
	margin:0 auto;
	max-width:1240px;
	padding:30px;
}
#title{
	color:#0f5c92;
	font-size:28px;
}
.popup{
	min-height:200px;
	min-width:300px;
}
.popup_title{
	background:#5196bf;
	color:#fff;
	padding:10px;
}
.popup a{
	color:#5196bf;
	float:left;
	margin-bottom:5px;
	width:100%;
}

@media screen and (max-width:480px){
	label{
		display:block;
	}
	input[type=text]{
		display:block;
		margin-bottom:10px;
	}
}