/*
  zm-巴速狗-登录页面
  2015-08-07
*/

* {margin: 0;padding: 0;}
body {font-size: 12px;font-family: "微软雅黑", "宋体", Verdana, Geneva, sans-serif;color: #767676;}


/*清除浮动*/
.clear {*zoom:1;}
.clear:after {display: block;height: 0;clear: both;content: '.';visibility: hidden;}
 
/*logo*/
.logo {width: 1190px;height: 100px;line-height: 100px;margin: 25px auto;}
.logo img{ border:0;}

/*mainMenu*/
.mainMenu {width: 100%;border-bottom: 2px solid #ff4400;}

/*content*/
.content {width: 100%;height: 380px;height:600px; background:#fdeed7;}
.main {width: 1190px;margin: 0 auto; overflow:hidden;background: url(../../webimage/loginPic.jpg)}
.main_Left {width: 750px;height: 320px;float: left;padding-top: 80px;}
.main_Right {width: 400px;height: 450px;float: left;padding:5px; margin:70px 0;background:#fff;color:#333;}
.main_Right .mt {width: 400px;height: 60px; line-height:60px;border-bottom: 2px solid #ff4400;}
.main_Right .mt h2 {width: 100px;height: 60px;line-height: 60px;float: left;margin-left: 35px;}
.main_Right .mt .registered {width: 50px;height: 60px;line-height: 60px;float: right;margin-right: 20px;}
.main_Right .mt .registered a {color: #ff4400;text-decoration: none;}
.main_Right .mc {width: 400px;height: 320px;}
.main_Right .mc .form {position: relative;padding-bottom: 80px; margin:10px 24px 0 24px;z-index: 101; padding-top:40px;}


/*form*/
.form .field {position: relative;padding: 11px 26px 11px 35px;border: 1px solid #ddd;}
.form .field i {left: 0px;top: 0px;position: absolute;height: 40px;width: 36px;color: #777777;text-align: center;line-height: 37px;}
.form .field .icon-user{ display: block;position: absolute;top:5px;left: 5px;width:30px;height: 30px;background:url(../../webimage/people.png)}
.form .field .icon-lock{ display: block;position: absolute;top: 5px;left: 5px;width: 30px;height: 30px;background: url(../../webimage/password.png)}
.field_input{width: 260px;height: 18px;background: #fff;color: #333;font-size: 14px;overflow: hidden;border: 0;outline: 0;}
.form input[type=text]:hover ~ i, .form-1 input[type=password]:hover ~ i {color: #52cfeb;}
.form input[type=text]:focus ~ i, .form-1 input[type=password]:focus ~ i {color: #42A2BC;}
.form input[type=text]:focus, .form-1 input[type=password]:focus, .form-1 button[type=submit]:focus {outline: none;}


.zc_name{position: absolute;left: 37px;top: 10px;font-size: 14px;color: #999;background: 0;cursor: text;}
.zc_text{ width:140px; height:32px; line-height:32px;border:1px solid #ccc;float:left;display:inline;margin:0 5px;padding-left:10px;}
.zc_tip{height:35px;width:300px;float:left;border:1px solid #fff;line-height:35px;display:inline;text-align:left;}
.zc_xz a{font-size:12px;color:#FF6600; text-decoration:none;}
.zc_xz{width:460px;float:left;height:18px;border:1px solid #fff;line-height:18px;display:inline;text-align:left;margin-left:5px;}
.zc_sel{height:18px;border:1px solid #7F9DB9;line-height:18px;float:left;font-size:12px;margin-right:3px;display:inline;}
.mb_20{ margin-bottom:20px;}

/*<!--err-msg-->*/
.form .err-msg{ position: absolute;top: 0;left: 0;line-height: 16px;padding: 5px 10px 5px 34px;overflow: hidden;width: 306px;background: #fef2f2;border: 1px solid #ffb4a8;}

/*field_code*/
.field_code{ position:relative;}
.field_code .code_lab{ position: relative;padding: 11px 26px 11px 35px;border: 1px solid #ddd;background: #fff;}
.field_code .code_text_box{float: left;width: 100px;}
.text_input{ width: 107px;}
.field_code .code_img{ float: left;margin-left: 10px;padding: 5px 0;height: 30px;width: 90px;text-align: center;border: 1px solid #ddd;background: #fff;cursor: pointer;}
.field_code .code_img .code {font-family: Arial;font-style: italic;color:#2f86d8;font-size: 24px;letter-spacing: 3px;font-weight: bolder;cursor: pointer;text-align: center;vertical-align: middle; display:block;}
.field_code .code_link{ float: right;padding: 12px 0;width: 46px;height: 18px;font-size: 14px; color:#2370b8; cursor:pointer;}

/*auto_login*/
.form .auto_login { position:relative;}
.auto_login a {color: #666;text-decoration: none; line-height:18px;}
.auto_login .login_Left {float: left;}
.auto_login .login_Right {float: right;}
.login_Left input {float: left;margin-top: 1px; margin-top: 2px\9;}
.login_Left span { float: left; margin-left: 5px;line-height: 14px;color: #666; margin-top: 0; margin-top: 2px\9;}
clearfix { zoom: 1;}

/*landing*/
.form .landing{}
.form .landing input { width:350px;height: 40px;background: #ff4400;text-align: center;color: #FFF;
font-size: 16px;border:none; cursor:pointer;}
.clear {clear:both;}

/*foot*/
.foot {width: 100%;height: 80px;line-height: 80px;padding-top: 20px;}
.foot p {text-align: center;height: 30px;line-height: 30px;}