/* html, body {height:100%;}
.login_con {width:100%; height:100%; background:url('../image/mainbg01.png') no-repeat; background-size:cover;}
h1.login_logo {text-align:center; padding-top:160px; margin-bottom:40px;}
p.login_title {text-align:center; color:#fff; text-transform:uppercase; font-size:28px; margin-bottom:30px;}
p.login_txt {text-align:center; color:#fff; font-size:18px; margin-bottom:30px;}
ul.login_input {width:600px; margin:0 auto; margin-bottom:20px;}
ul.login_input li {margin-bottom:10px;}
ul.login_input li input[type=number] {width:100%; text-indent:10px; font-size:1.25em; height:46px;}
ul.login_input li input[type=text] {width:100%; text-indent:10px; font-size:1.25em; height:46px;}
ul.login_input li input[type=password] {width:100%; text-indent:10px; font-size:1.25em; height:46px;}
ul.login_input li input[type=submit] {width:100%; background:#090523; border:1px solid #9c93d4; color:#fff; font-size:1.25em; height:46px;} */
html, body {height:100%;}
body {background:#f9f9f9}
.login-con {width:100%; height:100%; background:#f9f9f9; background-size:cover;position:absolute; top:50%; margin-top:-290px}
.login-logo {text-align:center; margin-bottom:20px;}
.login-logo img {width:250px}
.login-logo span {font-size:22px; color:#1e5f9b; margin-top:29px; display:inline-block}
.login-card {max-width:500px; margin:0 auto; background:#fff; box-shadow:1px 1px 1px 1px #ccc; box-sizing:border-box; padding:40px}
.login-card h2{font-size:30px; font-weight:400; margin-bottom:20px}
ul.login-input {overflow:hidden; margin-bottom:5px;}
ul.login-input li {margin-bottom:10px; color:#666}
ul.login-input li input[type=number] {width:100%; text-indent:10px; font-size:1.25em; height:46px;}
ul.login-input li input[type=text] {width:100%; text-indent:10px; font-size:1.25em; height:46px;}
ul.login-input li input[type=password] {width:100%; text-indent:10px; font-size:1.25em; height:46px;}
ul.login-input li input[type=submit] {width:100%; background:#090523; border:1px solid #9c93d4; color:#fff; font-size:1.25em; height:46px;}

input[type=checkbox].large {width:16px; height:16px}

.login-tail ul{overflow:hidden}
.login-tail ul li {float:left}
.login-tail ul li:first-child {width:70%}
.login-tail ul li:last-child {width:30%}
.login-tail ul li label{font-size:15px; display:inline-block; margin-top:5px}
.login-tail .login-btn {background:#0068b7; border:1px solid #0068b7; color:#fff; font-weight:bold}
.login-tail p {text-align:center; margin-top:20px; font-size:12px; line-height:20px; color:#666}

.login-txt {text-align:center; margin-top:20px; font-size:15px}

@media only screen and (max-width:600px){
	.login-con {padding:0 10px; box-sizing:border-box; overflow:hidden; height:auto; padding-bottom:30px}
	.login-logo {margin-bottom:10px}
	.login-logo img {width:200px}
	.login-logo span {display:none}
	.login-tail ul li.login-wrap {display:block; width:100%; margin-top:10px}
}

@media only screen and (max-width:330px){
	.login-con {margin-top:-270px}
}
