@charset "utf-8";
html,body{ height: 100%;}
body{ min-height: 440px;overflow: hidden;}
#canvas{ position: absolute;width: 100%;height: 100%;left: 0;top: 0; background: url(../../images/member/login_bg_02.png); overflow: hidden;  }
.coverBg { background-position: center center; background-size: cover;background-repeat: no-repeat;}
#canvas .coverBg{ position: absolute;width: 100%;height: 100%;left: 0;top: 0; background: url(../../images/member/login_bg_02_pic.png) no-repeat center center; }

#login{ font-size: 14px; background: rgba(256,256,256,0.9); z-index: 10; position: absolute; width: 360px;height: 420px;left: 50%;top: 50%;margin: -210px 0 0 -180px;  box-shadow: 0 0px 10px #000;  }
#login h1{ text-align: center;padding: 25px 0 10px;color: #666;margin: 0;	}
#login h1 strong{ font-size: 25px;}
#login h1 em { 	display: block;	font-size: 16px;margin-top: 8px;}

#login .info{ margin: 0 30px;height: 40px;line-height: 40px;background: #f5f5f5;padding-left: 40px;position: relative;margin-top: 15px;}
#login .info label{ position: absolute;width:40px;line-height: 40px;height: 40px;left: 0;top: 0;text-align: center;color: #FF5722;font-size: 20px;}
#login .info input{ width: 96%;padding: 8px 2% ;height: 24px;line-height: 24px;margin: 0;border: 0;background: transparent;color: #666;font-size: 15px; }
#login .info span.vimg{ position: absolute;right: 0;bottom: 0;height: 100%;width: 45%;background: #fff;overflow: hidden;}
#login .info span.vimg img{ cursor: pointer;width: 100%;height: 100%;}

#login .sub{ margin: 0 30px;margin-top: 15px;}
#login .sub input{ height: 40px;line-height: 40px;background: #FF5722;margin: 0;padding: 0;width: 100%;border: 0;font-size: 16px;color: #f8f8f8;-webkit-transition: all .5s ease;transition: all .5s ease;} 
#login .sub input:hover{ background: #009688;color: #f4f4f4;}
#login .sub input:active{ position: relative;top: -1px;}

#login  .copy{ text-align: center; color: #999;margin-top: 25px;}
#login  .copy a{ color: #53c6b0;}