/*
* CSS Name : login.css
* Directory: /layout/stj/_smp/assets/css/
* ver : 1.0
* Author:
* Author URL:


	1.Title
	2.Login info
	3.Login Form

*/


/*
	1.Title
*/
.page_title_ p:first-child{
	font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2em;
}
.page_title_ p.rubi_{
	font-size:10px;
}
.login_header_{
	text-align:center !important;
	margin-bottom:15%;
	font-size:16px;
}

/*
	2.Login info
*/
.login_info_{
	width: 100%;
	margin: 0 auto;
	background: #f7f7f7;
	padding: 5%;
}
.pinkfont_{
	color:#000000;
	font-weight:bold;
}
.login_detail_btn_{
	background:#333333;
	color:#fff;
	text-align:center;
	font-weight:bold;
  padding: 4% 0;
  width: 58%;
	margin:0 auto;
	display:block;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

/*
	3.Login Form
*/

.login_btn{
	background-color:#000000;
	color:#fff;
	text-align:center;
	padding:3% 0 !important;
	-webkit-appearance:none;
	border:none;
    border-radius: 6px;
    height: auto !important;
    width: 67% !important;
    margin:0 0 5%;
	background-image:url(../image/icon/icon_login.png);
	background-position:28% center;
	background-repeat:no-repeat;
    background-size: 7%;
	float:none !important;
}
.loginBox_{
	text-align:center;
	border:1px solid #e8e8e8;
	padding:4% 3%;
	margin:2% 0 0 0;
}
.loginBox_ input[type="text"]{
    width: 77%;
    margin: 0 0 5% 10%;
}
.loginBox_ form input{
	float:left;
}
.loginBox_ form span{
	color:#ff0000;
    margin: 3% 0 0% 4%;
	float:left;
}
.loginBox_ a{
	text-decoration:underline;
}
.new_member_btn_{
    border: 2px solid #ccc;
    padding: 4% 0 4% 4%;
    width: 67%;
    background: url(../../img/usr/online_stj/icon_plus.png) no-repeat 21% center;
    display: block;
    margin: 0 auto;
    text-decoration: none !important;
    font-weight: bold;
    background-size: 10%;
    font-size: 16px;
    border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.underline{
	text-decoration:underline;
}
/*--iPhone6--*/
@media screen and (max-width: 375px) {
}
.new_member_btn_ {
    padding: 4% 0 4% 6%;
}
/*--iPhone5--*/
@media screen and (max-width: 320px) {
	.loginBox_ p{
		font-size:10px;
	}
	.new_member_btn_ {
		background: url(../image/icon/icon_plus.png) no-repeat 14% center;
		background-size: 11%;
	}
	.login_btn {
	    background-position: 24% center;
	}
}