@charset "utf-8";
html {
	height: 100%
}
body {
	background: #f1f1f1;
}
p {
	margin: 0;
	padding: 0
}
.body{
	box-shadow: 0 0 5px rgba(0,0,0,.10);
	border-radius: 6px;
	border: #ddd 1px solid;
	background: #fff;
	box-sizing: border-box;
	padding: 25px;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.container {
	max-width: 400px;
}
#login_inner{
	display: block;
	text-align: center;
}
#logo {
	width: 150px;
}
input {
	-webkit-appearance: none;
	background:none;
	border-radius: 0 4px 4px 0;
	border: #ddd 1px solid;
	width: 100%;
}
button {
	width: 100%;
	cursor: pointer;
}
input, button {
	
	padding: 10px !important;
	height: 45px;
	font-size: 1.4rem !important
}
.input {
	padding-left: 0
}

.icon {
	padding-right: 0
}
i{
	font-size: 1.4rem !important
}
.icon_body{
	border-radius: 4px 0 0 4px;
	border: #ddd 1px solid;
	border-right: none;
	background: #f1f1f1;
	height: 45px;
	width: 100%;
	line-height: 45px;
}
@media (max-width:768px) {
}
@media (max-width:576px) {
	.body {
		width: 90%;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.container {
	max-width: 100%;
				padding-left: 0px !important;
		padding-right: 0px !important;
}
}

/*------------------------------------------------------------------
*
* error_message
*
-------------------------------------------------------------------*/
.error_message{

	display: block;
}
.error_message p {
	color: #cc0000;
	font-size: 1.4rem;
	text-align: center;

}