@charset "utf-8";
.box{
    margin-bottom: 20px;
}
.box .register-title,.box .title2{
    float:left;
    text-align:left;
    width: 130px;
    font-size:16px;
    margin-right: 10px;
}
.box .title2{
    
    width:85px;
    line-height: 39px;
}
.box .text{
    border:0px;
}
.register_container p, .login_container p{
    text-align:left;
}
.register_container .title-login, .login_container .title-login{
    margin:20px 0;
    color: #E30613;
    font-size: 18px;
}
.btn-form{
    text-align:right;
    margin-right: 30px;
}
.btn-form2{
    text-align:right;
    margin-right: 60px !important;
}
.btn-form button{
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid;
    background: #2d2d2d;
    color: #FFF;
}
.btn-form button:hover{
    background: #efb10f;
}
.error, .error_login{
    color:red;
    font-size: 13px;
    text-align:center;
    margin:10px 10px 10px 0;
}
.btn-form button:focus {
    border: 1px solid;
    outline: 0;
}
.user-inf label{
    text-align:right;
    width: 125px;
    font-weight:500;
    margin-right:10px;
}
.user-inf label span{
    color:red;
}
.cont-user-account{
    /* padding-left:50px; */
}
.user-inf .row-inf{
    margin-top:20px;
}
.row-inf .bt-save, .row-inf .btn_editpwd{
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid;
    background: #2d2d2d;
    color: #FFF;
    cursor:pointer;
}
.row-inf .bt-save:hover, .row-inf .btn_editpwd:hover{
    background: #E30613;
}
.row-inf .bt-save:focus, .row-inf .btn_editpwd:focus {
    border: 1px solid;
    outline: 0;
}
.cont-user-account .user-inf label{
    text-align:right;
    width: 190px;
    display: inline-block;
    font-weight:500;
    margin-right:10px;
  /*  font-family: myNamepage;*/
    font-size: 14px;
}
.cont-user-account p {
    font-weight: 600;
    color: #E30613;
    font-size: 18px;
    margin: 10px;
}
.bot-member{
    border: 1px dashed #ccc;
    height:1px;
    margin:20px 10px;
}
.validation-failed {
    border: #FF0000 1px dashed !important;
}
.row input:focus {
    background-color: transparent;
    border: 1px solid #ccc;
    outline: 0;
}
.row input {
border: 1px solid #ccc;
outline: 0;
}
.error{
    font-style: italic;
}
.login-register input[type="text"],.login-register input[type="password"],.cont-user-account input[type="text"], .cont-user-account input[type="password"]{
    height:25px;
    text-indent: 10px;
    width:200px;
    border:1px solid #ccc;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    transition:0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
}
.login-register input[type="text"]:focus,.login-register input[type="password"]:focus,.cont-user-account input[type="text"]:focus,.cont-user-account input[type="password"]:focus{
    box-shadow:0px 0px 10px #7979F3;
    -moz-box-shadow:0px 0px 10px #7979F3;
    -webkit-box-shadow:0px 0px 10px #7979F3;
    -o-box-shadow:0px 0px 10px #7979F3;
    transition:0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
}

.login-content{
    overflow: hidden;
    width: 1150px;
    margin: 10px auto;
    background: #fff;
}
.login_container{
    width:45%;
    padding:10px;
    float:left;
}
.register_container{
    overflow:hidden;
    padding:10px;
}
.login_container, .register_container{
    border: 1px solid #ccc;
    margin: 10px;
    box-shadow: 2px 2px 7px rgba(243, 146, 0, 0.6);
    -moz-box-shadow: 2px 2px 7px rgba(243, 146, 0, 0.6);
    -webkit-box-shadow: 2px 2px 7px rgba(243, 146, 0, 0.6);
    -o-box-shadow: 2px 2px 7px rgba(243, 146, 0, 0.6);  
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    height: 430px;
}
.login-register{
    border: 1px solid #ccc;
border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
}
.btn-form{text-align: center;}
.loginfacebook{
    margin-bottom:30px;
}
input#code_cap {
float: left;
width: 115px;
}
.img-captcha img{
    margin-top: 2px;
margin-left: 6px;
float: left;
}
#getcodecaptcha{
    display: inline-block;
    margin-left:4px;
    cursor:pointer;
    font-weight:bold;
    font-size: 16px;
height: 35px;
line-height: 35px;
    color:red;
}
.member-content{
    width: 1150px;
    margin: 10px auto;
}
.home-product{
    border:1px solid #ccc;
    padding:20px 0px;
    border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
}
.cont-user-account input[type="text"], .cont-user-account input[type="password"]{
    width:550px;
    height:35px;
    font-size:16px;
}
.login-register input[type="text"], .login-register input[type="password"]{
     height:35px;
    font-size:16px;
    width:320px;
}
.name-member{
    font-weight:bold;
}
.historybuymember{
    margin-top:20px;
}
.historybuymember td, .historybuymember th{
    border:1px solid #ccc;
    vertical-align: middle;
    text-align: center;
}

.td-price{
    color:red;
    font-weight:bold;
}
.historybuy{
    margin:10px;
}
.login-active{
    text-align:center;
    font-size:16px;
}
.login-active-success{
    padding-left:10px;
    padding-right:10px;
}

@media(max-width: 767px){
    .login-content{
        width: 100%;
    }
    .login_container, .register_container{
        width: 100%;
        margin: 0px;
        padding: 0px;
        margin-bottom: 5px;
    }
}




/*add thêm*/
.dk-tit{
    font-size: 24px;
    color: #337ab7;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 15px;
}
.dk-tit:before{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 50px;
    height: 3px;
    background-color: #337ab7;
    content: "";
}
.ng-pristine,
.frmlogin,
.frmregister{
    padding: 15px;
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}
.frmlogin{
    background-color: #eee;
}
.frmlogin .form-control,
.frmregister .form-control,
.ng-pristine .form-control{
    border-radius: 0px;
}
.mes-success{
    font-size: 22px;
    font-weight: normal;
    color: #f00;
    padding: 30px 0px;
}