@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
html, body {
	background-image: url(../img/bg_login.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #f3f3f3;
	font-family: Open Sans;
	margin: 0; padding: 0;
}
.login_wrapper { width: 30%; height: 400px; position: relative;margin: 0 auto;background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 5px; }

.login_wrapper .login_body { width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.login_wrapper .login_body h3 { text-align: center; }
/*.login_wrapper .login_body button { width: 100%; height: 35px; border-radius: 30px; background-color: #da5959; color: #fff; border:none; outline: none; }*/
.login_wrapper .login_body .title { color: #da5959; font-weight: 200; font-size: 24px; padding-bottom: 10px; }
.remember { display: block; margin: 10px auto; font-size: 12px; color: #aaa; }
.login_wrapper .login_body .forget_pw {  margin: 10px auto; text-align: center; }
.forget_pw a { text-decoration: none; color: #da5959; font-size: 12px; }
::placeholder { color: #ddd; font-weight: 200; }
.heading { }
header { height: 100px; width: 100%; padding: 50px 0px; display: inline-block; text-align: center;}
header ul { margin: 0 auto; margin-top: 40px; padding: 0; list-style-type: none; display: table}
header ul li { display: table-cell; vertical-align: top;}
header ul li label { padding-left: 20px; font-size: 40px; color: #4e4e4e; }
header ul li img { box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 50%; }
@media screen and (max-width:1000px) {
	.login_wrapper {
		width: 80%;
	}
	header ul li label { 
		font-size: 30px;
	}
}