* { font: 13px/1.5 'Microsoft Yahei', Verdana, Helvetica, Arial, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -box-sizing: border-box; padding: 0; margin: 0; list-style: none; box-sizing: border-box; }

body, html { height: 100%; overflow: hidden; }

body { background: url(../images/web_login_bg.jpg) repeat center; background-size: cover; }

a { color: #27A9E3; text-decoration: none; cursor: pointer; }

.fun-login { width: 100%; height: 100%; position: relative; }

.fun-login h3 { position: absolute; left: 0; top: 50%; margin-top: -63px; width: 100%; text-align: center; font-size: 42px; font-weight: 800; color: #135f8a; text-shadow: 0 0 5px #fff; }

.fun-login .login-form { width: 563px; height: 80px; margin: 0 auto; position: relative; top: 53%; margin-top: -89px; border-radius: 18px; border: 1px solid #3e83b8; }

.fun-login .login-form label { color: #3e83b8; font-size: 16px; margin-left: 29px; }

.fun-login .login-form input { width: 168px; height: 23px; line-height: 23px; margin: 28px 0 0; padding-left: 8px; background: none; border: 0; border-bottom: 1px solid #3e83b8; outline: none; color: #3e83b8; font-size: 15px; }

.fun-login .login-form button { width: 50px; height: 50px; position: absolute; right: -25px; top: 50%; margin-top: -25px; border-radius: 50%; border: 1px solid #3e83b8; background: #135f8a; outline: none; color: #fff; cursor: pointer; }

.copyright { position: absolute; bottom: 13px; right: 15px; color: #fff; }



@media screen and (max-width: 980px) {



	.fun-login h3 { font-size: 280%; }

	.fun-login .login-form { width: 80%; height: auto; padding-bottom: 29px; }

	.fun-login .login-form label { width: 28%; margin-left: 0; display: inline-block; text-align: right; }

	.fun-login .login-form input { width: 60%; display: inline-block; text-align: left; }



}