/* Reset css*/
body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 Microsoft Yahei,Arial,\5b8b\4f53}
body{_overflow:auto;_height:100%;margin:0 auto;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0}
html,body{ height: 100%; overflow: hidden;}
/*a*/
a{ text-decoration:none; color:#555;}

.loginbg{ background:url(/Content/page/images/body_bg.jpg) no-repeat center top; background-size:cover}
.login_area{ width: 100%; height: 100%; background: url(/Content/page/images/top_grey_bg.jpg) repeat-x; padding-top: 137px;}
.login_con{ width: 377px; margin: 0 auto; background: url(/Content/page/images/green_sm_bg.jpg) no-repeat left top #fff; height:425px; border:#fff solid 0px; position: relative;}
.login_con .top_logo{position: absolute; top: -80px; left: 110px;}
h2.login_tit{font-size:19px; color: #fff; padding-top:70px; text-align: center; font-weight: normal;}
h2.login_tit span{font-size: 32px;}
.login_form{ width:377px; text-align: center; float:left; margin-left:0px; height:214px; border-radius:10px; 
background:url(/Content/page/images/login_bg1.png) no-repeat left center; margin-top: 30px;}

.login_form .username{ margin-left:50px; display:block; height:40px; line-height:40px; border:#e0e0e0 solid 1px; 
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; width:250px; font-size:13px; padding-left:26px; 
color:#A1A1A1; font-family:"Microsoft Yahei"; 
background:url(/Content/page/images/user_ico.png) no-repeat 6px center #fff;}

.login_form .password{ margin-left:50px; display:block; height:40px; line-height:40px; border:#e0e0e0 solid 1px; 
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; width:250px; font-size:13px; padding-left:26px; 
color:#A1A1A1; font-family:"Microsoft Yahei"; background:url(/Content/page/images/pwd_ico.png) no-repeat 6px center #fff; margin-top:0px}

.login_form .txt_bg{ background-color: #fff; padding-top: 8px; padding-bottom: 8px; border-left:#ffffff solid 4px ;}
.login_form .txt_bg:hover{ background-color: #f3f3f3; border-left:#3ea95e solid 4px}

.bt_area{ border-top: #ededed solid 1px;}
.bt_area .btn_sub{ width:180px; margin:0 auto; background-color:#50bf72; height:40px; line-height:36px; 
color:#fff; font-family:"Microsoft Yahei"; font-size:14px; border-radius:40px;-moz-border-radius: 40px; 
-webkit-border-radius: 40px; border-radius: 40px; border:none; display:block; border:#3ea95e solid 1px; margin-top:15px;}
.bt_area .btn_sub:hover{ background-color: #3ea95e;}

.checkbox { position: relative; height: 30px; margin-left: 230px;}
.checkbox input[type='checkbox'] { position: absolute; left: 0; top: 0; width: 20px; height: 20px; opacity: 0; } 
.checkbox label { position: absolute; left: 30px; top: 0; height: 20px; line-height: 20px; color: #9d9d9d; }
.checkbox label:before{content: '';position: absolute;left: -30px;opacity: 0;top: 0;width: 20px;height: 20px;border: 1px solid #ddd;border-radius: 50%;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;} .checkbox label:after {content: '';position: absolute;left: -22px;top: 3px;width: 6px;opacity: 0;height: 12px;border: 0;border-right: 1px solid #fff;border-bottom: 1px solid #fff;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.checkbox input[type='checkbox']:checked + label:before { background: #3ea95e; border-color: #3ea95e; } 
.checkbox input[type='checkbox']:checked + label:after { background: #3ea95e; }
p.foot_rem{ color: #a1a1a1; text-align: center; width: 80%; margin: 10px auto;}