@CHARSET "UTF-8";

#form .login-form-area {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 200px;
	left: 0;
	margin: auto;
	height: 240px
}

#form * {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

#form .form-wrapper {
	background: #fafafa;
	padding: 40px 25px 10px 25px;
	max-width: 370px
}

#form h2 {
	text-align: center;
	padding: 15px 0px 50px 0px;
	color: #006400;
}

#form form {
	padding: 0 1.5em
}

#form .logo {
	display: inline-block;
	margin-top: -5px
}

#form .form-item {
	margin-bottom: 0.75em;
	width: 100%
}

#form .form-item input {
	background: #fafafa;
	border: none;
	border-bottom: 2px solid #e9e9e9;
	color: #666;
	font-size: 1em;
	height: 50px;
	transition: border-color 0.3s;
	width: 100%
}

#form .button-panel {
	padding-top: 45px;
	width: 100%
}

#form .button-panel .button {
	background: #FFA500;
	border: none;
	color: #fff;
	cursor: pointer;
	height: 50px;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	transition: background 0.3s ease-in-out;
	width: 100%
}

#form .button:hover {
	background: #FF8C00
}

#form .form-footer {
	font-size: 1em;
	padding: 2em 0;
	text-align: center
}

#form .form-footer a {
	color: #8c8c8c;
	text-decoration: none;
	transition: border-color 0.3s
}

#form .form-footer a:hover {
	border-bottom: 1px dotted #8c8c8c
}

/* */
.login-image {
}