﻿.user_login_body { margin:auto; width: 360px; margin-right: auto; margin-left: auto; margin-top:25px; height: 335px; position:relative; background:#FFFFFF;border:1px solid #e0e0e0;border-radius:3px;}
.user_login_left { float: left;  margin-top:50px;}
.user_login_form { float: left; width: 310px; margin-left: 25px; margin-top: 15px; color: #8a8a8a; line-height: 30px; border:0px solid #0000FF }
.user_login_tit { text-align: center; line-height: 35px; height: 35px; font-weight:normal; padding-bottom:15px; font-size:18px; color:#F78536;}
 
   
.log-in .content .log-account {
  width: 310px;
  padding: 0px 0 0px;
  background-color: #FFF;
  margin-top: 0px;
  float: right;
}
.log-in .content .log-account span {
  float: left;
}
.log-in .content .log-account h2 {
  font-size: 20px;
  line-height: 78px;
  color: #F78536;
  text-align: center;
  font-weight: bold;
}
.log-in .content .log-account .pad49 {
  padding: 0px;
}
.log-in .content .log-account .purchase {
  background-color: #f3f3f3;
  height: 28px;
  line-height: 28px;
  color: #9b9b9b;
  font-size: 12px;
  margin-bottom: 30px;
}
.log-in .content .log-account .purchase a {
  color: #F78536;
  margin-left: 7px;
  font-size: 12px;
  line-height: 28px;
  display: inline-block;
}
.log-in .content .log-account .purchase span {
  background-position: -32px 0;
  width: 14px;
  height: 14px;
  margin: 7px 5px 0 0;
}
.log-in .content .log-account .landing-content .clearfix div, .log-in .content .log-account .landing-content .clearfix input {
  float: left;
}
.log-in .content .log-account .landing-content .clearfix .forget {
  float: right;
}
.log-in .content .log-account .landing-content .clearfix .forget span {
  width: 16px;
  height: 16px;
  background-position: 0 0;
  margin-right: 5px;
}
.log-in .content .log-account .landing-content .autologin a{ font-size:13px; text-decoration:none}

.log-in .content .log-account .landing-content .autologin {
  height: 30px;
  line-height:30px;
  border:0px solid #FF0000;
  margin-bottom: 8px;
  margin-top: -8px;
}
.log-in .content .log-account .landing-content .account, .log-in .content .log-account .landing-content .imgverifycode, .log-in .content .log-account .landing-content .phoneverifycode, .log-in .content .log-account .landing-content .password, .log-in .content .log-account .landing-content .confirmpassword {margin-bottom: 15px; height: 40px;}
.log-in .content .log-account .landing-content .account input, .log-in .content .log-account .landing-content .password input, .log-in .content .log-account .landing-content .confirmpassword input {
  font-size: 14px;
  width: 300px;
  height: 38px;
  line-height: 38px;
  padding: 0 0 0 8px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  color: #333;
}
.log-in .content .log-account .landing-content .imgverifycode input, .log-in .content .log-account .landing-content .phoneverifycode input {
  font-size: 14px;
  width: 200px;
  height: 38px;
  line-height: 38px;
  padding: 0 0 0 8px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  color: #333;
}
.log-in .content .log-account .landing-content .smsyzm input {
  display: inline-block;
  position: relative;
  width: 100px;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #F78536;
  border: 1px solid #F78536;
  color:#FFFFFF;
  cursor:pointer;
}
.log-in .content .log-account .landing-content .smstime input {
  display: inline-block;
  position: relative;
  width: 100px;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #CCC;
  border: 0px solid #F78536;
  color:#FFFFFF;
}

.log-in .content .log-account .landing-content .immediately {
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #F78536;
  border: 1px solid #F78536;
  display: inline-block;
  padding: 0 30px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  margin-bottom: 24px;
  outline: none;
  font-size:16px;
}
.log-in .content .log-account .landing-content .immediately:hover {
  background: #fb6a06;
  border: 1px solid #fb6a06;
}
.log-in .content .log-account .landing-content .functionality a {
  line-height: 16px;
  height: 16px;
  font-size: 12px;
  color: #b5b5b5;
  float: left;
}
.log-in .content .log-account .landing-content .functionality .register a {
  color: #F78536;
}
.log-in .content .log-account .landing-content .functionality .register span {
  width: 16px;
  height: 16px;
  background-position: -16px 0;
  margin-right: 6px;
}
.menu-cell {
  height: 60px;
  line-height: 60px;
}
.menu-cell a{
  padding: 0 9px;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  display: inline-block;
}
.menu-cell .retun{
  border-right: 1px solid #fff;
}
.drak-footer .list{
  margin-bottom: 16px;
}
.drak-footer .copyright{
  font-size: 12px;
  line-height: 26px;
}
	.error_message {
	  display: inline-block;
	  color: red;
	  float:right;
	  text-align: right;
	  margin-top:-36px;
	  vertical-align: middle;
	  position: relative;
	  font-size: 12px;
	  left: -1px;
	  padding: 0px 5px 0px 0px;
	}
	.error_message_short {
	  display: inline-block;
	  color: red;
	  float:right;
	  margin-top:-36px;
	  text-align: right;
	  vertical-align: middle;
	  position: relative;
	  font-size: 12px;
	  left: -1px;
	  padding: 0px 105px 0px 0px;
	   clear:both;
	}
	.declaration {
	  z-index: 1;
	  position: absolute;
	  margin-top: 166px;
	  margin-left: 200px;
	}
	
	
@media only screen and (max-width: 768px) {
	.user_login_body { margin:auto; width: 100%;}
	.user_login_form { float: left; width: 94%; margin-left: 3%; margin-top: 5%; }
	.log-in .content .log-account {
	  width: 100%;
	}
}