@charset "utf-8";

body { background: #fff;}

.login { margin-top: 40px; margin-bottom: 50px; }
.login .logo { margin: 20px 0; }
.login .content { border: 1px solid #e8e8e8; background: #fff;}
.login .content .img-container { padding: 0; border-right: 1px solid #e8e8e8; background: #fff; }
.login .content .img-container .img { width: 400px; height: 300px;  background-size: 100% 100%; margin: 40px; }
.login .content .form-container { background: #f5f5f5; padding: 32px 40px 20px; }
.login .content .form-container label { display: block; color: #555; font-size: 18px;  margin-bottom: 10px; font-weight: normal; }
.login .content .form-container input { height: 40px;  border: 1px solid #ccc; border-radius: 0;}
.login .content .form-container .form-group { margin-bottom: 20px; }
.login .content .form-container .submit { background: #e64545; color: #fff; border: solid 1px #e64545; margin-top: 30px; height: 44px; font-size: 18px; }
.login .content .form-container .identifyingCode { width: 50%; }
.login .content .form-container .img { width: 128px; height: 40px; margin-left: 10px; border: solid 1px #e5e5e5; }
.login .content .form-container .img span { margin-top: 5px; margin-left: 5px; color: #666; cursor: pointer; }
.login .content .form-container .code-img { width: 100px; height: 100%;  } 
.login .content .form-container .code-txt {  height: 40px; display: inline-block; margin-left: 10px; width:90px; line-height: 40px; }
.login .content .form-container a { color: #246bb3; }
.login .content .form-container a:hover { color: #fba30a; }
.login .content .form-container label:last-child { color: #e64552; background: #ffdbdb; font-size: 12px; padding: 10px; height: auto; line-height: normal; float: left; width: 100%; margin-bottom: 0px; }
.login .content .form-container input.error { border: 1px solid #e64552;  }

.footer {background: #f0f1f2 none repeat scroll 0 0;clear: both;color: #777;font-family: Arial,Helvetica,sans-serif;width: 100%;padding:0;border-top: 1px solid #dae0e6;}
.footer-top{}
.footer .footerArea {width:auto;*width:990px;max-width:1440px;margin:0 auto;padding:10px 0 30px 0;}
.footer .footerArea h1{font-size:14px;}
.footer ul li{ text-align:center; color:#777; line-height:30px;}
.footer ul li a{ color:#888; margin-left:5px; margin-right:5px;font-size:14px;}
.footer ul li a:hover{ color:#f73;text-decoration:underline;} 

@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}


@media (max-width: 768px) {
	.login { margin-top: 0; padding-bottom: 15px;}
	.footer { margin-top: 15px; }
	.footer ul li a { font-size: 12px; }
	.footer ul { padding-left: 0; }
	.footer ul li { line-height: 20px; }
	.footer .footerArea { padding: 15px 0; }
	.footer ul>li:first-child { display: none; }
}