@charset "utf-8";


/*-------------------------------------------------
	LOGIN
-------------------------------------------------*/
#loginForm {
	width: 360px;
	margin: 0px auto;
	position: relative;
}
#loginForm h1 {
	font-size: 1.6em;
	padding: 0px;
	margin: 0px;
	position: relative;
	font-weight: normal;
	line-height: 1.3em;
	letter-spacing: 1px;
	border-bottom: 3px solid #333;
}
#loginForm h1:before {
    content: "";
    position: absolute;
    background: #960000;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 30px;
}
#loginForm article {
	background: #fff;
	padding: 30px;
}
#loginForm article form > div {
	margin-bottom: 15px;
}
#loginForm article form > div input {
	width: 100%;
	font-size: 0.9em;
	padding: 8px 8px 8px 36px;
	border: 1px solid #999;
}
#loginForm article form > div input#yourid {
	background: url(/pc/images/common/icon_id.svg) 2% 50% no-repeat;
	background-size: auto 65%;
}
#loginForm article form > div input#yourpasswd {
	background: url(/pc/images/common/icon_password.svg) 2% 50% no-repeat;
	background-size: auto 65%;
}


/*-------------------------------------------------
	MISCELLANEOUS
-------------------------------------------------*/
#btnLogin {
}
#btnLogin a {
	margin: 0px auto;
	display: block;
	font-size: 1em;
	border-radius: 4px;
	padding: 10px 0px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#btnLogin a {
	background: #960000;
	color: #fff;
}
#btnLogin a:hover {
	background: #700;
}
#btnPasswordReminder {
	margin-top: 15px;
	text-align: center;
	font-size: 0.9em;
}
#btnPasswordReminder a {
	color: #666;
	text-decoration: underline;
}
#btnPasswordReminder a:hover {
	text-decoration: none;
}