/* CSS Document */

/*--------------------------
  Index
--------------------------*/
.Index {
	position:relative;
	clear:both;
	width:90%;
	height:auto;
	margin:25px auto 50px auto;
	padding:13px 25px 0 25px;
	font-size:0.9rem;
}
.Index:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
	overflow:hidden;
}
.Index .inr {
	position:relative;
	clear: both;
	width: 100%;
	max-width:600px;
	height: auto;
	margin: 0 auto 50px auto;
	padding:25px 25px;
	background:#fff;
	box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);
}
.Index .inr:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
	overflow:hidden;
}
.Index .inr h1{
	font-size:1rem;
	margin: 0 0 15px 0;
	padding:8px 0;
	background:#1c2b36;
	box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);
	color:#fff;
	text-align:center;
	font-size:1.2rem;
	line-height:1.5;
}
.Index .inr .error{
	padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.Index .inr dl{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
	font-size:0.9rem;
}
.Index .inr dl dt,
.Index .inr dl dd{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.Index .inr dl dd{
	margin-bottom:20px;
}
.Index .inr dl dd input{
	padding:8px 10px;	
}
.Index .inr .btneria{
	position:relative;
	width:100%;
	margin:25px auto 25px auto;
	padding:0;
	font-size:1rem;
}
.Index .inr .login_button{
	display:block;
	width:100%;
	margin:0 auto;
	padding:10px 0;
	font-size:1rem;
	color:#fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
	border-radius: 5px;
	background: #428bca;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}
.Index .inr .login_button:hover{
	background:#13698A;
}
.Index .inr .line{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto 25px auto;
	padding:0;
	background:url(../images/icon/line.png) repeat-x 50% 50%;
	text-align:center;
	font-size:0.9rem;
}
.Index .inr .line span{
	padding:5px 8px;
	background:#FFFFFF;
}
.Index .inr .create_button{
	display:block;
	width:50%;
	margin:0 auto;
	padding:10px 0;
	font-size:1rem;
	color:#fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
	border-radius: 5px;
	background:#139762;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}
.Index .inr .create_button:hover{
	background:#125837;
}
.Index .inr .create_button a{
	color:#fff;
	text-decoration:none;
}
.Index .inr .forget{
	position:relative;
	width:100%;
	height:auto;
	margin:15px auto 0 auto;
	text-align:center;
}
.Index .inr .forget a{
	color:#428bca;
	text-align:none;
}
.Index .inr .forget a:hover{
	color:#13698A;
}
@media screen and (min-width:320px) and ( max-width:767px) {

/*--------------------------
  Index
--------------------------*/
.Index {
	position:relative;
	clear:both;
	width:100%;
	height:auto;
	margin:2.5% auto;
	padding:2.5% 2.5% 0 2.5%;
	font-size:0.9rem;
}
.Index .inr {
	clear: both;
	width: 100%;
	max-width:100%;
	height: auto;
	margin: 0 auto 10% auto;
	padding:5% 5%;
}
.Index .inr h1{
	font-size:1rem;
	margin: 0 0 3% 0;
	padding:3% 0;
	font-size:1rem;
}
.Index .inr .error{
	padding: 3%;
    margin-bottom: 5%;
}

.Index .inr dl dd{
	margin-bottom:4%;
}
.Index .inr dl dd input{
	padding:3% 5%;	
}
.Index .inr .btneria{
	position:relative;
	width:100%;
	margin:5% auto 5% auto;
	padding:0;
}
.Index .inr .login_button{
	font-size:1rem;
}
.Index .inr .line{
	margin:0 auto 5% auto;
	font-size:0.9rem;
}
.Index .inr .create_button{
	display:block;
	width:80%;
	font-size:1rem;
}
.Index .inr .forget{
	margin:4% auto 0 auto;
}
	
}