
/* login.css */

html {overflow:hidden;}

body.login_bg {
	background-image:url(../img/login_bg.jpg);
	background-size:110%;
	background-repeat: repeat;
}

#wrap {overflow:hidden;min-width:340px;}

header {margin:65px auto 0;width:100%;padding:15px 0 35px 0; border-bottom:1px solid #d7d7d7;}
header .login_head {margin:0 auto;width:98%;max-width:460px;text-align:center;}
header .login_head span {display:inline-block;}
header .login_head .login_logo {padding-right:15px;}
header .login_head .vp_title {font-size:34px;font-weight:600;}

.login_wrapper {margin:70px auto 0; width:92%; max-width:600px;}
.login_wrapper .login_top {padding:0 15px 20px 5px;font-size:42px;color:#0d5499;font-weight:600;background:url(../img/obl_line.png) right 25% no-repeat;}
.login_wrapper .login_box {width:100%;background-color:#edf1f7;border:1px solid #0d5499;}
.login_wrapper .login_box .login_inner {padding:35px 58px 22px;}
.login_wrapper .login_box .login_inner .login_form {}
.login_wrapper .login_box .login_inner .login_form:after {content:""; clear:both; visibility:hidden; display:block; height:0;}
.login_wrapper .login_box .login_inner .login_form dt {clear:both;float:left;width:20%;font-size:18px;font-weight:600;padding:14px 0;margin-bottom:12px;}
.login_wrapper .login_box .login_inner .login_form dd {float:left;width:80%;margin-bottom:12px;}
.login_wrapper .login_box .login_inner .login_form dd input {border:1px solid #c2c2c2;width:96%;height:45px;}
.login_wrapper .login_box .login_inner .login_form dd button {width:100%;padding:20px 0;text-align:center;color:#fff;font-size:22px;background-color:#0d5499;}
.login_wrapper .login_box .login_inner .find_pw {display:block;float:right;text-align:right;font-size:14px;font-weight:600;}
.login_wrapper .login_box .login_guide {margin-top:20px;padding:20px 25px;background:url(../img/dot_line.png)left top #fff repeat-x;}
.login_wrapper .login_box .login_guide ul {}
.login_wrapper .login_box .login_guide ul>li {background:url(../img/navy_bullet.png) 0 10px no-repeat;padding:4px 0 4px 12px;}

footer {position:absolute; text-align:center; bottom:0;margin-top:0;width:100%;padding:20px 0 10px;background:#f5f5f5;border-top:1px solid #d7d7d7;}
footer .footer_nav {margin:0 auto;width:100%;max-width:200px;}
footer .footer_nav li {display:inline-block;padding:0 4px;font-size:13px;}
footer .footer_nav li a {font-weight:600;}
footer .footer_nav li a:hover {color:#0072bc;}
footer .footer_txt {margin:0 auto;width:99%;padding:4px 0;text-align:center;font-size:12px;}
footer .footer_txt .tel {color:#0072bc;font-weight:600;}
footer .copyrights {font-size:12px;text-align:center;}








/*****************************************************************************************/
/************************************* ÀÛÀºÇØ»óµµ ****************************************/
/*****************************************************************************************/

@media only screen and (max-width: 1024px) {

	footer {position:relative;margin-top:80px;bottom:0;width:100%;padding:20px 0 10px;background:#f5f5f5;border-top:1px solid #d7d7d7;}

}

@media only screen and (max-width: 450px) {

	header {margin:30px auto 0;width:100%;padding:10px 0 15px 0;}
	header .login_head .login_logo {padding-right:10px;}
	header .login_head .login_logo img {width:120px;height:auto;}
	header .login_head .vp_title {font-size:24px;}
	.login_wrapper {margin:20px auto 0;}

	.login_wrapper .login_top {padding:0 0 20px 0;font-size:30px;text-align:center;font-weight:600;background:transparent;}
	.login_wrapper .login_box .login_inner {padding:20px 20px 15px;}
	.login_wrapper .login_box .login_inner .login_form dt {display:none;}
	.login_wrapper .login_box .login_inner .login_form dd {width:100%;}
	.login_wrapper .login_box .login_inner .login_form dd button {padding:12px 0;font-size:18px;}
	.login_wrapper .login_box .login_guide ul>li {font-size:12px;}


}



@media only screen and (max-width: 400px) {

	body.login_bg {background:url(../img/login_bg.jpg) 20% 10% no-repeat;}

	header {margin:20px auto 0;width:100%;padding:10px 0 15px 0;}
/*	header .login_head .login_logo {padding-right:10px;}
	header .login_head .login_logo img {width:120px;height:auto;}
	header .login_head .vp_title {font-size:24px;}
	.login_wrapper {margin:20px auto 0;}
	.login_wrapper .login_top {padding:0 0 20px 0;font-size:30px;text-align:center;font-weight:600;background:transparent;}
	.login_wrapper .login_box .login_inner {padding:20px 20px 15px;}
	.login_wrapper .login_box .login_inner .login_form dt {display:none;}
	.login_wrapper .login_box .login_inner .login_form dd {width:100%;}
	.login_wrapper .login_box .login_inner .login_form dd button {padding:12px 0;font-size:18px;}
	.login_wrapper .login_box .login_guide ul>li {font-size:12px;}
*/
	footer {margin-top:30px;}

}