@charset "UTF-8";
@import "common.css";
html,.login_body{height: 100%;}
#login_bg{position:fixed;top:0;right:0;left:0;bottom:0;background:-webkit-linear-gradient(90deg,#fcfffb,#a3d090);background:-o-linear-gradient(90deg,#fcfffb,#a3d090);background:-moz-linear-gradient(90deg,#fcfffb,#a3d090);background:linear-gradient(90deg,#fcfffb,#a3d090);}
#login_box .logo{width:290px;height:200px;background:url('../images/logo_login.png') center no-repeat;background-size:contain;}
.login_form{width:720px;height:420px;box-shadow:0 0 20px rgba(45,125,10,0.2);padding-top:30px;}
#login_box h3,#login_box h4{color:#30611b;text-align:center;}
#login_box h3{font-size:34px;margin-bottom:10px;}
#login_box h4{font-size:18px;margin-bottom:40px;}
#login_box dl{padding-top:10px;width:375px;margin:0 auto;}
#login_box dl dt{font-size:18px;color:#333;line-height:36px;margin-bottom:30px}
#login_box .input_txt{width:260px;margin-left:20px;background:none;height:36px;line-height:50px;font-size:16px;color:#333;border:2px solid #6a6a6a;padding:0 10px;outline:none}
#login_box .btn_line{text-align:center;padding-top:25px;}
#login_box .login_btn{width:180px;height:40px;color:#fff;font-size:20px;border:none;cursor:pointer;background-color:#30611b;}
.logo{text-align:center;margin-bottom:20px;}
.footer{position:fixed;left:0;right:0;bottom:0;text-align:center;margin-bottom:10px;}
@media screen and (min-width:1200px){
	body{padding-top:0px}
	#login_box{position:absolute;z-index:1;top:50%;left:50%;width:1170px;margin-top:-230px;margin-left:-585px;padding-left:450px;}
	#login_box .logo{position:absolute;left:0;top:40px;}
	#login_box .line{position:absolute;left:350px;top:-100px;width:1px;height:620px;background:-webkit-linear-gradient(#e9e9e9,#6fc14d,#e9e9e9);background:-o-linear-gradient(#e9e9e9,#6fc14d,#e9e9e9);background:-moz-linear-gradient(#e9e9e9,#6fc14d,#e9e9e9);background:linear-gradient(#e9e9e9,#6fc14d,#e9e9e9);}
}
@media screen and (min-width:481px)and (max-width:1199px){
	body{padding-top:0px}
	.login_form{margin:0 auto 20px}
	#login_box{position:absolute;z-index:1;top:100px;left:50%;margin-left:-375px;width:750px;padding-top:280px}
	#login_box .logo{position:absolute;left:50%;top:0;margin-left:-145px;}
	#login_box .line{position:absolute;left:0;top:240px;width:750px;height:1px;background:-webkit-linear-gradient(90deg,#e9e9e9,#6fc14d);background:-o-linear-gradient(90deg,#e9e9e9,#6fc14d);background:-moz-linear-gradient(90deg,#e9e9e9,#6fc14d);background:linear-gradient(90deg,#e9e9e9,#6fc14d);}
}
@media only screen and (max-width:480px){
	body{padding-top:0px}
	#login_box .input_txt{border-width: 1px}
	#login_bg{position:fixed;top:0;right:0;left:0;bottom:0;background:-webkit-linear-gradient(#fcfffb,#a3d090);background:-o-linear-gradient(#fcfffb,#a3d090);background:-moz-linear-gradient(#fcfffb,#a3d090);background:linear-gradient(#fcfffb,#a3d090);}
	#login_box .logo{margin:0 auto;width:40%;height:145px}
	#login_box{width:100%;position:relative;height: calc(100% - 55px);min-height: 600px;}
	#login_box .line{height:1px;width:90%;margin:0 auto 15px;background:-webkit-linear-gradient(90deg,#e9e9e9,#6fc14d,#e9e9e9);background:-o-linear-gradient(90deg,#e9e9e9,#6fc14d,#e9e9e9);background:-moz-linear-gradient(90deg,#e9e9e9,#6fc14d,#e9e9e9);background:linear-gradient(90deg,#e9e9e9,#6fc14d,#e9e9e9);}
	.login_form{width:90%;margin:0 auto 50px;box-shadow:none}
	#login_box h3{font-size:24px;}
	#login_box h4{font-size:14px;}
	#login_box .input_txt{margin-left:0;width:252px}
	#login_box dl{width:335px;}
	#login_box dl dt{margin-bottom: 25px}
	html,body{height:100%}.footer{position: static;left: unset;right: unset;bottom: unset;}
}
@media only screen and (max-width:400px){

/*#login_box{transform:scale(0.7);}*/}
@media only screen and (max-width:320px){
	#login_box .input_txt{width:210px}
}