#bgMask{ position:fixed; width:100%; height:100%; top:0; background:#000; z-index:998; display:none; }
#userLgoin, #userRegister{ position:fixed; top:-400px; left:50%; margin-left:-160px; width:320px; height:400px; z-index:999; background:#fff; }
#userLgoin h3, #userRegister h3{ margin:50px 0 0px; height:30px; line-height:30px; border-left:4px solid #ef6d5b; padding-left:36px; color:#444; font-size:24px;}
.layerClose { position:absolute; top:10px; right:10px; width:45px; height:45px; background:url(../images/sprites.png) no-repeat -160px 0;}
.loginform{ margin:0 40px;}
.loginform p{ margin-bottom:20px; position:relative; }
.loginform .col-tip{ line-height:40px; height:40px; color:#F30; padding-left:2px;}
.loginform .col-name input,.loginform .col-pwd input{ width:210px; border-radius:5px; box-sizing: content-box; background:#eee; line-height:20px; padding:10px 15px; border:none;vertical-align: middle}
.loginform .col-submit input{ margin-right:3px; vertical-align:text-bottom;}
.loginform .col-submit .link-forget{ margin-left:15px; color:#666;}
.loginform .col-submit .link-forget:hover{ color:#222; text-decoration:underline;}
.loginform .btn-submit{ margin-right:10px; width:210px; height:40px; color:#fff; font-weight:bold; cursor:pointer; background-color:#ef6d5b; border:0; border-radius:5px; box-sizing:content-box; font-size:16px; }
.reg-link{ margin:30px 40px; padding:30px 0; border-top:1px solid #eee; text-align:center; font-size:16px;}
.reg-link a{ font-weight:bold; color:#ef6d5b;}

#userRegister { top:-600px; height:600px; }