.login_register {
    background:#ff8100 url('../images/bg-login.png') no-repeat top left;
    width:900px;
    margin:20px auto 20px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	border:1px #ffc2bf solid;
	overflow:hidden;
}
.login_register
.login_register:before, .login_register:after {
  content: " ";
  display: table;
}
.login_register:after {
  clear: both;
}
.login_register .frame_large{
   
}
.login_register .wapper-content-page{
    padding-bottom: 15px;
}
.login_form label {
  color: #424242;
  margin-bottom: 0px;
}
.login_form .txtinput, .register_form .txtinput {
  width: 100%;
  border: 1px solid #999;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0px rgba(171, 171, 171, 0.15) inset;
  color: #2CA4D5;
  padding: 6px 15px 6px 5px;
  transition: all 0.7s ease 0s;
}
.register_form label.col-md-3 ,.login_form label.col-md-3 {
  line-height: 31px;
}
.label_error {
  color: #Fff810000;
  line-height: 31px;
}
.use_log {
    margin-bottom: 8px;
}
.forget_s {
    float: left;
    width: 200px;
    margin-left: 130px;
}
.button2 {
    float: left;
    margin-left: 130px;
    margin-top: 5px;
    width: 120px;
}
.submitbt {
  background: #00a737 url('../images/icon-bt-login.png') no-repeat 11px center;
  border-bottom: 2px solid ##00a737 !important;
  border: none;
  border-radius: 4px;
  color: #FFFFFF;
  float: left;
  font-size: 13px;
  padding: 8px 14px 8px 35px;
  margin-right: 10px;
  
}
.use_log label{
	font-weight:normal;
	line-height:20px;
	font-size:13px;
}
.save-pass {
  font-weight: normal;
  font-size:14px;
}
.forget-pass {
  color: #016098;
}
.login-face {
  background: url('../images/icon-loginface.png') no-repeat right center;
  line-height: 34px;
  padding: 8px 40px 8px 0px;
  color: #3f3f3f;
}
#login-form {
  
}
.frame_auto_head {
  font-size: 24px;
  color: #000;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
 text-align:center;
}
/*   ----------------------------------*/
.wapper-content-page {
 	width:58%;
	float:right;
}
.label {
    width: 198px;
    float: left;
    color: #424242;
    font-size: larger;
    text-shadow: 0 0 0;
}
.label_1{
    float: left;
    color: #424242;
    font-size: larger;
    text-shadow: 0 0 0;
    margin-left: 179px;
}
.frame_large_head > h1 {
    font-size: 20px;
    color: #73BF4E;
    font-weight: bold;
    margin-bottom: 35px;
}
.user_submit,#estore_register, .user_register{
	margin-bottom: 12px;
}
.register_rule{
	margin-left: 36px;
    width: 692px;
    height: 200px;
    background-color: #fff;
    border: 1px solid #AEAEAE;
    overflow: auto;
    padding: 10px;
}
.register_form h3{
	margin-bottom: 7px;
	margin-left: 30px;
}
#read_term{
	margin: 13px 0 13px 30px;
}
.fieldset_item {
	
	float: left;
	width: 100%;
}
.label,.value{
	line-height:25px;
}
.value select{
	margin-right:10px;
	text-align:center;
}
.label font{
	color:#Fff810000;
}
.label_1 font{
	color:#Fff810000;
}
#txtCaptcha {
    width: 148px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0px rgba(171, 171, 171, 0.15) inset;
    color: #2CA4D5;
    padding: 7px 15px 7px 5px;
    transition: all 0.7s ease 0s;
}
#is_newsletter{
	margin-right:5px;
}
.button_area {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.use_log .button{
    background: #ff8100;
    border-radius: 5px;
    color: #FFFFFF;
    float: left;
    font-size:16px;
    padding: 8px 50px;
    margin-right: 10px;
    border:none;
}
.use_log .button:hover{
    background: #da1f26;
	color:#fff;
}
.button-login{
	margin-bottom:150px;
}
legend {
    font-weight: bold;
}
#imgCaptcha {
    margin-left: 5px;
    border-radius: 4px;
}
.note-upload-avartar {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 5px;
}
.list-avartar-demo {
    text-align: center;
}
.list-avartar-demo li {
    display: inline-block;
    margin: 0px 5px 5px 0px;
}
.check-khongdongy{
	text-indent:24px;
	background:url('../images/icon-check.png') no-repeat 0px 3px;
	background-size:13px 13px;
	font-size:14px;
	cursor:pointer;
}
.check-khongdongy a{
	text-decoration:underline;
	font-style:italic;
}
.check-dongy{
	text-indent:24px;
	background:url('../images/icon-check-active.png') no-repeat 0px 3px;
	background-size:13px 13px;
	font-size:14px;
	cursor:pointer;
	display:none;
}
.check-dongy a{
	text-decoration:underline;
	font-style:italic;
}

.box-password{
	position:relative;
}
.show-hiden-pass{
	width:30px;
	height:30px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:0px;
	right:0px;
	z-index:20;
	background:url('../images/icon-eye.png') no-repeat 0px 0px;
}


@media only screen and (min-width: 768px){
   
}
@media only screen and (min-width: 992px){
    .register_form label.col-md-3, .login_form label.col-md-3{
        padding-right: 0px;
    }
    .login_register .frame_large {
      padding-right: 35px;
    }
    .login_register .wapper-content-page {
	      padding:5px 30px 5px 30px;
	      background: rgba(255,255,255, 0.9);
	      -webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
    
}
@media only screen and (min-width: 1200px){
    
}
@media only screen and (max-width: 767px){
    .login_form .txtinput, .register_form .txtinput {
       width: 100%;
    }
    .use_log .button ,.submitbt{
      width: 100%;
      margin-bottom: 10px;
      font-size: 16px;
    }
    .login_register{
        font-size: 14px;
    }
    #login-form{
        margin-bottom: 20px;
    }
    .wapper-content-page {
	width:90%;
	float:none;
	margin:auto;
    }
    .login_register {
    padding-top:0px;
    background:#fff!important;
    background-size: 100%;
    width:100%;
}
}