
#menu {
	color: #fff;
	height:26px;
	display:block;
	width:130px;
	float:left;
	margin-top:5px;
}
#menu ul, #menu li {
	margin:0 auto;
	padding:0 0;
	list-style:none
}
#menu ul {
	height:45px;
	width:100%px
}
#menu li {
	float:left;
	display:inline;
	position:relative;
	width:100%;
		background:#26588b;

}


#menu li{}


#menu a {
	
	border-bottom:1PX solid #FFF;
	margin-left:10px; margin-right:10px;
	display: block;
	line-height:35px;
	text-decoration: none;
	color: #fff;
	font-size:15px;

}
#menu li a:hover {
	color: #fff;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
#menu input {
	display:none;
	margin:0 0;
	padding:0 0;
	width:80px;
	height:30px;
	opacity:0;
	cursor:pointer
}
#menu label {
	font:bold 30px Arial;
	display:none;
	width:35px;
	height:36px;
	line-height:36px;
	text-align:left;
	color:#fff;
}
#menu label span {
	font-size:15px;
	position:absolute;
	left:25px
}
#menu ul.menus {
	height: auto;
	overflow: hidden;
	width: 140px;
	position: absolute;
	z-index: 99;
	display: none;
}
#menu ul.menus li {
	display: block;
	width: 100%;
	font:normal 0.8em Arial;
	text-transform: none;
	text-shadow: none;
	border-bottom: 1px dashed #31AFDB;
}
#menu ul.menus a {
	color: #FFF;
	line-height: 35px;
}
#menu li:hover ul.menus {
	display:block
}
#menu ul.menus a:hover {
	background: #5FC6EB;
	color: #FFF;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
#menu ul li ul {
	display:none !important;
}
#menu ul li:hover ul {
	display:block !important;
}
#menu ul li:hover ul li ul {
	display:none !important;
}
#menu ul li:hover ul li:hover ul {
	display:block !important;
}
 @media screen and (max-width: 1024px) {
#menu {
	position:relative;
	width:100%;
	margin-bottom:20px;
	color:#fff;
}
#menu ul {
	position:absolute;
	top:38px;
	right:0;
	left:0;
	z-index:3;
	height:auto;
	width:95%;
	display:none;
}
#menu ul.menus {
	width:100%;
	position:static;
	padding-left:20px;
	color:#fff;
}
#menu li {
	display:block;
	float:none;
	width:100%;
	font-size:14px;
	color:#fff;
}
#menu input, #menu label {
	display: block;
	margin-left: 5px;
	position: absolute;
	right: 0;
	text-align: left;
	top:4px;
	color:#333;
	width: 97%;
}
#menu input {
	z-index:4;
}
#menu input:checked + label {
	color:#fff;
}
#menu input ul {
	display:block;
	width:100%;
}
}


#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.popupContainer{
	position:absolute;
	width:330px;
	height: auto;
	left:45%;
	top:80px;
	background: #FFF;
}
.border_login{ width:100%; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; float:left; height:168px; margin-top:20PX; }
.user_login h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; margin-left:65px; padding-top:20px;
    font-weight: bold;
    padding-bottom: 15px; color:#fff;
    text-align: left;}

#modal_trigger { display:block;}


.btn_red { background:url(../image/login_btn.png) no-repeat; width:94px; height:22px; float:right;}

/* User Login Form */
.user_login {width:60%; margin:auto;}
.user_login form{ float:left; width:80%;}
.user_login label {  float:left; color:#fff;
    font-size: 13px;
    margin-bottom: 0;
    margin-right: 8px;}
.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {display: block; width:81%; padding: 5px; 
border:1px solid #000; color:#666; margin-bottom:6px;}



