body {
    overflow-x: hidden;
    font-family: "Tahoma";
}
h1 { font-size: 25px}
h2 { font-size: 20px}
h3 { font-size: 18px}
::placeholder{
    font-size: small; font-style: italic;
}
#img-captcha {width: 100%; height: 40px}
.top {
    color: white; background: #1f1d33;
}
.top img {
    width: 60px;
}
.top {
    font-size: small;
}
.top .btn { font-size: small }
.top  ul{ margin: auto}
.top .right {
    display: inline-block; text-align: right; width: 50%; 
}
.top .right ul {margin-right:30px; margin-top:15px;}
.top .right ul.login_success { margin-top: 15px}
.top .right ul li.level {
    font-weight: bold;color: #FF791F; position: relative;
}
.top .right ul.login_success .hello {
    cursor: pointer;position: relative; font-size:medium;
}
.top .right ul.login_success .hello .info_control_user {
    position: absolute; background: #4d525e; width: 200px; right: 0;
    display: none; z-index: 2; box-shadow: 0 2px 5px 0 black; text-align: left; font-size: small;
}
.top .right ul.login_success .info_control_user a {
     color: #eee; text-decoration: none; font-size: 14px; font-style: italic;
}

.top .right ul.login_success .info_control_user a h6:hover{
    background: #FF791F;
}
.top ul li {
    list-style: none; display: inline-block; padding: 10px;
}
.top .left{
    display: inline-block; text-align: left; width: 50%;
}
.top .left ul { display: inline-block}
.top .left ul li span.prt-menu {
    cursor: pointer;
}
.top .left ul li.dsmc .submenu {
    display: none; position: absolute; background: #4d525e; padding: 4px; z-index: 2; top: 55px;
    width: 40%;
}
.top .left ul li.dsmc .submenu a {
    color: white; text-decoration: none;
}
.top .left .icon-res-top{
    display: none;cursor: pointer;
}
.top .left .icon-res-top i {
    font-size: 12px;
}

.menu {
     height: 100px; line-height: 100px;
}
.menu ul.menu-item {
    margin: auto; display: inline-block; padding-left: 0;
}
.menu ul.menu-item li {
    list-style: none; display: inline-block; padding-left: 15px;
}
.menu ul.menu-item li a {
    text-decoration: none;color: #a5a2a5;
}
.menu .menu-item .brand {
    font-size: 18pt; color: #f1660a; font-style: italic;
}
.menu .icon-res-menu {
    display: none; cursor: pointer; text-align: right;
}
.menu .icon-res-menu i{
   font-size: 20px;
}
.banner img { width: 65%; height:400px; margin-left: 340px; }
.charge{
    margin-top: 20px; box-shadow: 0 2px 12px rgba(0,0,0,.5); border-radius: 5px;
}
.active {
    color: white;background: #FF791F; z-index: 4;
}
.charge .menu-charge {
    border: 1px solid #FF791F; margin-top: 10px; margin-bottom: 10px; color: #FF791F;
    cursor: pointer;
}
.charge .menu-charge div{
    text-align: center; padding: 5px;
}
.charge .menu-charge div:not(:first-child){
    border-top: 1px solid #FF791F;
}
.charge table {
    width: 100%;
}
.charge table tr {
    border-bottom: 1px solid #a5a2a5;
}
.charge table tr th {
    background: #517fa5; padding: 5px;
}
.form-charge {
    margin-top: 10px;
    margin-bottom: 10px;
}
.form-charge .phone-card {
    display: inline-block; width: 100%;
}
.form-charge .phone-card .input-form{
    margin-bottom: 10px;
}
.form-charge .phone-card .label {
    display: inline-block; width: 25%; text-align: center; padding: 5px;
}
.form-charge .phone-card .inputs {
    display: inline-block; width: calc(100% - 30%)
}
.form-charge .phone-card .submit {
    width: 70%;
}
.form-charge .banking, .helping,.info-history-charge {
    display: none;
}
.form-charge .banking .bank-list {
    color: #FF791F;
}
.form-charge .action-nap-the {
    text-align: center;
}
.footer {
    background: #1f1d33; margin-top: 50px; color: white; padding: 50px;
}
.footer ul { padding-left: 0}
.footer ul li {
    list-style: none;
}
.license {
    background: black;color: white;
}
.license p { padding: 20px}

/* register  */

.register {
    margin-top: 20px;
}
.register .new-acc {
    margin-bottom: 10px;
}
.register .new-acc input, select{
    margin-bottom: 10px;
}
.register .new-acc .inform-err {
    font-size: small; color: #e94b0b; background: #eee; margin: 10px;
}
.register .new-acc .inform-err p {
    margin-left: 20px;
}
.register .login .forget-pass {
    background: #eee;padding: 1px;
}
.register .login .inform-dn {
    font-size: small; color: rgba(240,71,14,0.94); font-style: italic;
}
.dk, .dn {
    background: #440000; padding: 5px; color: white; border-radius:5px; box-shadow: 0 1px 1px 1px #440000;
}
.captcha img {
    border-radius: 5px;
}
.register .new-acc .loading {
    font-weight: bold; color: #440000; text-align: right; padding-left: 50px;
}
/* reset password */
.reset_pass {
    margin-top: 20px;
}
.reset_pass .reset_input {margin-bottom: 10px}
.reset_pass .reset_input input {
    margin-bottom: 10px;
}
.reset_pass .reset_input .loading {
    color: #440000; font-weight: bold; font-size: small; font-style: italic;
}
/* Waiting charge phone card */
.wait-charge-bk {
display: none; }
.wait-charge {
background: rgba(179,189,199,0.8); width: 100%;z-index: 6; height: 100%;position: fixed;
    text-align: center;display: flex;justify-content: center; align-items: center; 

}
/* nhập mã điện thoại */
.background-total { display: none}
.background-phone-code {
    background: rgba(179,189,199,0.8); width: 100%;z-index: 5; height: 100%;position: fixed;
    text-align: center;display: flex;justify-content: center; align-items: center; 
}
.background-phone-code .phone-code h1 {
    background: #ffc107; padding: 5px; color: white;opacity: 0.8;
}
.background-phone-code .phone-code {
background-image: url("../pic/banner-phone.jpg"); background-position:center; border: 3px solid #23abc7;
    width: 650px; padding: 10px;  height: 400px; padding-top: 40px;box-shadow: 0px 6px 12px 0px ;
/*background: #23abc7; */
border-radius: 5px;
}
.background-phone-code .note-phone-code {
    font-size: 15px; font-style: italic; font-weight: bold; background:#23abc7;
}
.background-phone-code input {
    margin-top: 10px;
}
.background-phone-code button {
    margin-top: 10px;
}

.background-phone-code .captcha-group {
    width: 100%; display: inline-block;
}
.background-phone-code .captcha-group .captcha-phone-code {
    display: inline-block; width: 65%
}
.background-phone-code .captcha-group img { width: calc( 100% - 70%); border-radius: 5px; height: 40px}