html认证登录页面,登录页面的表单验证（登录+密码 ）

*{margin:0;padding:0;

}body,html{font-family:"Microsoft YaHei";background:url("../images/bg.png");background-repeat:no-repeat;background-attachment:fixed;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;

}.container{position:relative;min-width:1200px;

}.logo{width:1200px;height:104px;margin:0 auto;

}.logo img{width:142px;height:72px;float:left;margin-top:32px;

}.login_box_wrap{position:absolute;left:50%;margin-left:-267px;margin-top:30px;width:534px;height:394px;background-color:#252525;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;border-radius:12px;

}.login_box_wrap .login_title{height:30px;line-height:30px;font-size:26px;color:#FFFFFF;text-align:center;margin-top:28px;margin-bottom:32px;

}.login_form_box .field{position:relative;margin-bottom:20px;

}.field label{display:block;width:50px;height:56px;background-color:#fe9b31;margin-left:60px;

}.field label img{padding:10px 10px;

}.field input{position:absolute;left:110px;top:0;width:328px;height:20px;line-height:20px;padding:18px 20px;background-color:#e2e2e2;border:0px;outline:none;font-size:18px;color:#898989;

}.rember_pwd{color:#58bbee;height:15px;line-height:15px;font-size:16px;margin-bottom:40px;

}.rember_pwd input{width:16px;height:16px;margin:0px 14px 0 60px;outline:none;

}.rember_pwd span{vertical-align:top;

}.rember_pwd a{text-decoration:none;color:#de3837;float:right;margin-right:57px;

}.login_bt{text-align:center;

}.login_bt a{display:inline-block;text-decoration:none;width:418px;height:56px;line-height:56px;font-size:22px;color:#FFFFFF;background-color:#fe9b31;

}.Error_prompt{display:none;position:absolute;left:50%;margin-left:-267px;margin-top:442px;width:534px;height:56px;line-height:56px;background-color:#feeba5;color:#ff0f0f;text-align:center;border-radius:6px;

}.footer{position:absolute;margin-bottom:48px;color:#FFFFFF;font-size:18px;left:50%;margin-left:-321px;margin-top:775px;

}