*{margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}#canvas{position:absolute;display:block;background-size:cover}.logo{width:198px;height:64px;text-align:center;position:absolute;top:30px;left:50%;margin-left:-99px}.logo>span{display:inline-block;width:50px;height:42px;background:url(images/logo.png) no-repeat}.logo .textName{font-size:20px}.login-box{background:#ffffff57;width:360px;min-height:200px;position:absolute;border-radius:3px;z-index:2}.content_login{margin-top:110px}.content_login .firmName,.content_login .loginId,.content_login .loginPassword,#u1,#p1{border:1px solid #bebebe;height:36px;line-height:36px;width:240px;padding-left:35px;margin:10px 40px;border-radius:3px}.Myinput{position:relative}.Myinput .span1,.Myinput .span2{display:inline-block;width:36px;height:36px;position:absolute;top:10px;left:42px}.Myinput .span1{background:url(images/img-login-01/user.png) 8px 10px no-repeat}.Myinput .span2{background:url(images/img-login-01/key.png) 8px 10px no-repeat}#rememberMe{margin-left:40px}.rember-me,.forget-key{display:inline-block;font-size:12px;color:#8d8d8d}.forget-key{float:right;margin-right:40px}.forget-key a{text-decoration:none;color:#349cf2}.forget-key a:hover{cursor:pointer;color:#0b7edc}.login-btn{width:277px;height:36px;line-height:36px;background:#349cf2;color:#fff;font-size:14px;border:antiquewhite;border-radius:3px;margin:30px 0 20px 0}.login-btn:hover{cursor:pointer;background:#0b7edc}h4{line-height:40px;font-weight:normal;text-align:center}h4 a{color:#0b7edc}.registerBox{width:600px;height:280px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;box-sizing:border-box;z-index:99;background:#fff;border-radius:6px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{box-shadow:0 0 0 60px #fff inset !important;-webkit-text-fill-color:#333 !important}