@import url("https://fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");

@font-face {
    font-family: "Brandon Text Bold";
    src: url("//cdn.gzone.tech/id/assets/font/Fonts-BrandonText-Bold.otf");
}

@font-face {
    font-family: "Brandon Text Regular";
    src: url("//cdn.gzone.tech/id/assets/font/Fonts-BrandonText-Regular.otf");
}

@font-face {
    font-family: "Brandon Text Medium";
    src: url("//cdn.gzone.tech/id/assets/font/Fonts-BrandonText-Medium.otf");
}
#loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin: 50px auto;
  display: none; /* Ẩn mặc định */
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/*loading*/

#error-fullname {}

#date_birthday {}

#error-gender {}

#error-province {}

#error-address {}

#error-peopleId {}

#date_peopleid {}

#error-peopleId-place-get {}

#error-fullname.show {
    border-bottom-width: 1px !important;
    border-bottom-color: red !important;
    border-bottom-style: solid !important;
}

#date_birthday.show {
    border-bottom-width: 1px !important;
    border-bottom-color: red !important;
    border-bottom-style: solid !important;
}

#error-gender.show {
    border-bottom-width: 1px !important;
    border-bottom-color: red !important;
    border-bottom-style: solid !important;
}

#error-province.show {
    border-bottom-width: 1px !important;
    border-bottom-color: red !important;
    border-bottom-style: solid !important;
}

#error-address.show {
    border-bottom-width: 1px !important;
    border-bottom-color: red !important;
    border-bottom-style: solid !important;
}

#error-peopleId.show {
    border-bottom-width: 1px !important;
    border-bottom-color: red !important;
    border-bottom-style: solid !important;
}

#date_peopleid.show {
    border-bottom-width: 1px !important;
    border-bottom-color: red !important;
    border-bottom-style: solid !important;
}

#error-peopleId-place-get.show {
    border-bottom-width: 1px !important;
    border-bottom-color: red !important;
    border-bottom-style: solid !important;
}

#input-error {}

#input-error-second {}

#login-id-border {}

#login-pass-border {}

#login-re-pass-border {}

#input-error.show {
    border-bottom: 1px solid red;
}

#input-error-second.show {
    border-bottom: 1px solid red;
}

#login-re-pass-border.error-login {
    border: 1px solid #cc1d20 !important;
}

#login-id-border.error-login {
    border: 1px solid #cc1d20 !important;
}

#login-pass-border.error-login {
    border: 1px solid #cc1d20 !important;
}

#login-pass-border.show {
    border-bottom: 1px solid red;
}

.field-icon {
    margin-top: -53px;
}

.vertify-forgot-pass {
    width: 64%;
}

.hidden-password {
    float: right;
    margin-right: -4px;
    margin-top: -53px;
    position: relative;
    z-index: 2;
    width: 40px;
    height: 40px;
    padding-top: 10px;
}

#spinner-front,
#spinner-back {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    transition: all 1s;
}

#spinner-front {
    z-index: 999;
    margin-top: 35vh;
    color: #fff;
    text-align: center;
}

#getOtp.changeColor {
    background-image: linear-gradient(#808080, #808080) !important;
}

#getOtpVoice.changeColor {
    background-image: linear-gradient(#808080, #808080) !important;
}

#getOtpSMS.changeColor {
    background-image: linear-gradient(#808080, #808080) !important;
}


/* #getOtp.defaultColor {
  background-color: #28a745 !important;
} */

#status_cutdown_get_otp.hidden {
    display: none;
}

#status_cutdown_get_otp_sms.hidden {
    display: none;
}

#status_cutdown_get_otp_voice.hidden {
    display: none;
}

#spinner-back {
    z-index: 998;
    height: 100vh;
    background: #000;
}

#spinner-front.show {
    visibility: visible;
    opacity: 1;
}

#spinner-back.show {
    visibility: visible;
    opacity: 0.7;
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.loading-container,
.loading {
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 100%;
}

.loading-container {
    margin: 40px auto;
    margin-top: 0;
    background-image: url(../img/login.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.loading {
    border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loading-container:hover .loading {
    border-color: transparent #E45635 transparent #E45635;
}

.loading-container:hover .loading,
.loading-container .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #ffffff;
    font-family: "Helvetica Neue, "Helvetica ", ""arial";
    font-size: 10px;
    font-weight: bold;
    margin-top: 45px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px;
}

.swal2-popup{
    font-size: 1rem !important;
}


/*endloading*/

.full {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 57px;
    left: 0;
    z-index: -9;
    opacity: 0;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
}

.full.active {
    z-index: 99;
    opacity: 1;
}

a,
button,
input {
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

a:focus,
button:focus,
input:focus {
    outline: none;
}

.mainpage {
    opacity: 0.9;
}

.wrapper-pay {
    position: relative;
    width: 100%;
    /* overflow: hidden; */
    z-index: 2;
}

.wrapper-pay {
    padding-top: 22px;
	padding-bottom: 58px; 
    font-family: 'Exo 2', sans-serif;
    font-size: 17px;
    color: #777777;
    width: 100%;
    height: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
}

.wrapper-pay .menu-list li .logOut {
    color: red;
    font-size: 15px;
}

.wrapper-pay .menu-list {
    position: fixed;
    min-width: 246px;
    top: -290px;
    right: 50%;
    margin-right: -330px;
    z-index: 9999;
    padding: 10px 15px;
    background-color: #ffffff;
    -webkit-transition: top .5s linear;
    -o-transition: top .5s linear;
    -moz-transition: top .5s linear;
    transition: top .5s linear;
}

.wrapper-pay .menu-list.active {
    top: 57px;
}

.wrapper-pay .menu-list li {
    font-family: "Brandon Text Regular";
    list-style: none;
    font-size: 17px;
    color: #585858;
    margin: 12px 0;
}

.wrapper-pay .menu-list li:hover {
    color: #d31f21;
}

.wrapper-pay .menu-list li span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    /* background-color: #d31f21; */
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 9px;
}

.wrapper-pay .menu-list li span:before {
    content: '';
}

.wrapper-pay .menu-list li a {
    text-decoration: none;
    color: #585858;
}

.wrapper-pay .menu-list li a:hover {
    color: red;
    text-decoration: none;
}

.wrapper-pay header {
    width: 100%;
    height: 57px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

.wrapper-pay header .top-fix-header {
    width: 660px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.wrapper-pay header .top-fix-header .box-user {
    width: 33px;
    height: 33px;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    margin-left: 90px;
}

.wrapper-pay header .top-fix-header .box-user .icon-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: url("../img/icon-avatar.png") no-repeat;
    width: 21px;
    height: 24px;
}

.wrapper-pay header .top-fix-header .box-user .box-info-user {
    display: none;
}

.wrapper-pay header .top-fix-header .box-user .sub-info-user {
    display: none;
}

.wrapper-pay header .top-fix-header .box-user.active {
    background: #f39426;
}

.wrapper-pay header .top-fix-header .box-user.active:hover .sub-info-user {
    display: block;
}

.wrapper-pay header .top-fix-header .box-user.active .icon-user {
    display: none;
}

.wrapper-pay header .top-fix-header .box-user.active .box-info-user {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.wrapper-pay header .top-fix-header .box-user.active .box-info-user span {
    color: #ffffff;
    font-family: "Brandon Text Bold";
    font-size: 18px;
}

.wrapper-pay header .top-fix-header .box-user.active .box-info-user img {
    width: 100%;
    vertical-align: top;
}

.wrapper-pay header .top-fix-header .box-user.active .sub-info-user {
    position: absolute;
    top: 100%;
    left: 100%;
    margin-left: -19px;
    width: 142px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 2px 1px #d0d0d0;
    -moz-box-shadow: 0 0 2px 1px #d0d0d0;
    box-shadow: 0 0 2px 1px #d0d0d0;
    padding: 0 9px;
}

.wrapper-pay header .top-fix-header .box-user.active .sub-info-user .line-sub {
    height: 34px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 17px;
    color: #777777;
    font-family: "Brandon Text Regular";
}

.wrapper-pay header .top-fix-header .box-user.active .sub-info-user .line-sub a {
    color: #777777;
    text-decoration: none;
    font-size: 17px;
}

.wrapper-pay header .top-fix-header .box-user.active .sub-info-user .line-sub a img {
    margin-right: 6px;
}

.wrapper-pay header .top-fix-header .box-user.active .sub-info-user .line-sub .nickname-us {
    width: 96px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.wrapper-pay header .top-fix-header .box-user.active .sub-info-user .line-sub:last-child {
    border-bottom: none;
}

.wrapper-pay header .top-fix-header .box-user.active .sub-info-user .line-sub .img-user {
    width: 22px;
    height: 22px;
    background-color: #f39426;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    font-size: 12px;
    margin-right: 5px;
}

.wrapper-pay header .top-fix-header .logo-ui {
    display: block;
    width: 71px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 40%;
    /* margin-top: -10px; */
    /* margin-left: -10px; */
}

.wrapper-pay header .top-fix-header .logo-ui img {
    width: 100%;
    vertical-align: top;
    /* margin-left: -25px; */
}

.wrapper-pay header .top-fix-header .box-menu {
    position: relative;
}

.wrapper-pay header .top-fix-header .box-menu .icon-menu {
    display: block;
    background: url("../img/icon-menu.png") no-repeat;
    width: 33px;
    height: 20px;
    /* margin-right: 12px; */
}

.wrapper-pay header .top-fix-header .box-info-sub {
    font-family: 'Exo 2', sans-serif;
    font-size: 18px;
    color: #ffffff;
    margin-left: 0;
}

.wrapper-pay header .top-fix-header .box-info-sub .btn-back {
    display: inline-block;
    background: url("../img/btn-back.png") no-repeat;
    width: 27px;
    height: 21px;
    margin-right: 9px;
}

.wrapper-pay .main-wrapper {
    width: 660px;
    margin: 0 auto;
    min-height: -webkit-calc(100vh - 57px - 58px - 212px);
    min-height: -moz-calc(100vh - 57px - 58px - 212px);
    min-height: calc(100vh - 57px - 58px - 212px);
}

.wrapper-pay .main-wrapper .box-item .content-hdnap .lst-guid p img {
    width: 100%;
    height: auto;
}

.wrapper-pay .main-wrapper .box-item .content-hdnap .lst-guid div img {
    width: 100%;
    height: auto;
}

.wrapper-pay .main-wrapper .box-item {
    background-color: #ffffff;
    min-height: 100px;
    width: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 8px;
    padding: 13px 16px;
    -webkit-box-shadow: 1px 3px 6px 2px #9f3851;
    -moz-box-shadow: 1px 3px 6px 2px #9f3851;
    box-shadow: 1px 3px 6px 2px #9f3851;
}

.wrapper-pay .main-wrapper .box-item:last-child {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 30px;
}

.wrapper-pay .main-wrapper .box-item .title {
    font-size: 17px;
    color: #212124;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 600;
}

.wrapper-pay .main-wrapper .box-item .lst-game h5 {
    font-size: 15px;
    color: #212124;
    text-transform: uppercase;
    font-weight: 600;
}

.wrapper-pay .main-wrapper .box-item .lst-game .list-game {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

.wrapper-pay .main-wrapper .box-item .lst-game .list-game a {
    width: 25%;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #212124;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-top: 0;
    border-left: 0;
}

.wrapper-pay .main-wrapper .box-item .lst-game .list-game a img {
    width: 100%;
    vertical-align: top;
}

.wrapper-pay .main-wrapper .box-item .lst-game .list-game a span {
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.wrapper-pay .main-wrapper .box-item .lst-game .list-game a:hover span {
    color: #e13638;
}

.wrapper-pay .main-wrapper .box-slide {
    background-color: #ffffff;
    width: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 40px;
    -webkit-box-shadow: 1px 3px 6px 2px #9f3851;
    -moz-box-shadow: 1px 3px 6px 2px #9f3851;
    box-shadow: 1px 3px 6px 2px #9f3851;
    overflow: hidden;
}

.wrapper-pay .main-wrapper .box-slide .carousel {
    width: 100%;
    height: 100%;
}

.wrapper-pay .main-wrapper .box-slide .carousel .carousel-control-prev,
.wrapper-pay .main-wrapper .box-slide .carousel .carousel-control-next {
    display: none;
}

.wrapper-pay .main-wrapper .box-slide .carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 4px;
    background-color: #ffffff;
}

.wrapper-pay .main-wrapper .box-slide .carousel .carousel-indicators li.active {
    width: 66px;
    height: 10px;
    background-color: #d31f21;
}

.wrapper-pay .main-wrapper .box-news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrapper-pay .main-wrapper .box-news .sub-item {
    width: 47%;
}

.wrapper-pay .main-wrapper .box-news .sub-item .item-news .set-item-title {
    display: flex;
    justify-content: space-between;
}

.wrapper-pay .main-wrapper .box-news .sub-item .item-news .set-item-title {
    border-bottom: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
}

.wrapper-pay .main-wrapper .box-news .sub-item .item-news:nth-child(2) {
    display: block;
    /* padding: 0 0 10px 0; */
}

.wrapper-pay .main-wrapper .box-news .sub-item .item-news:nth-child(2) .img-thumbnews {
    display: block;
    width: 295px;
    height: 172px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.wrapper-pay .main-wrapper .box-news .sub-item .item-news:nth-child(2) .img-thumbnews img {
    width: 100%;
    vertical-align: top;
}

.wrapper-pay .main-wrapper .box-news .sub-item .item-news:nth-child(2) .title-first {
    text-transform: inherit;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    height: 48px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-decoration: none;
    color: #212124;
}

.wrapper-pay .main-wrapper .box-news .sub-item .item-news:nth-child(2) .title-first:hover {
    color: #e13638;
}

.wrapper-pay .main-wrapper .box-news .sub-item .item-news:last-child {
    border-bottom: none;
}

.wrapper-pay .main-wrapper .box-news .sub-item .item-news:hover .date-time,
.wrapper-pay .main-wrapper .box-news .sub-item .item-news:hover .title {
    color: #e13638;
}

.wrapper-pay .main-wrapper .box-news .sub-item .item-news .date-time {
    font-weight: normal;
    font-size: 14px;
    /* line-height: 1; */
    color: #3d3d3d;
}

.wrapper-pay .main-wrapper .box-news .sub-item .item-news .title {
    font-weight: 600;
    text-transform: inherit;
    width: -moz-calc(100% - 100px);
    border-bottom: none;
    padding: 0;
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #212124;
    font-size: 14px;
}

.wrapper-pay .main-wrapper .box-news .btn-xemthem {
    width: 317px;
    height: 37px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px auto;
    background-color: #dedede;
    color: #3d3d3d;
    font-size: 17px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.wrapper-pay .main-wrapper .box-napcoin {
    color: #2b2b2b;
}

.wrapper-pay .main-wrapper .box-napcoin h6 {
    font-size: 19px;
    font-weight: 500;
    color: #2b2b2b;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment {
    padding: 0;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment li {
    border-bottom: 1px solid #e1e1e1;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    text-decoration: none;
    font-size: 17px;
    color: #2b2b2b;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment li a:hover {
    color: #e02124;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment li a .icon {
    width: 107px;
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 9px;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment li a .icon:before {
    content: '';
    display: block;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment li a .icon.icon-gcard:before {
    background: url("../img/icon-pay1.png") no-repeat;
    width: 24px;
    height: 24px;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment li a .icon.icon-atm:before {
    background: url("../img/icon-pay2.png") no-repeat;
    width: 25px;
    height: 23px;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment li a .icon.icon-visa:before {
    background: url("../img/icon-pay3.png") no-repeat;
    width: 27px;
    height: 24px;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment li a .icon.icon-momo:before {
    background: url("../img/icon-momo.png") no-repeat;
    width: 28px;
    height: 27px;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment li a .icon.icon-gao:before {
    background: url("../img/icongao.png") no-repeat;
    width: 25px;
    height: 25px;
}

.wrapper-pay .main-wrapper .box-napcoin .top-step-2 {
    font-size: 19px;
    color: #2b2b2b;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .box-napcoin .top-step-2 .icon-gcoin {
    width: 34px;
    height: 34px;
    border: 2px solid #e12224;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 9px;
}

.wrapper-pay .main-wrapper .box-napcoin .acc-name {
    padding: 10px 0;
}

.wrapper-pay .main-wrapper .box-napcoin .acc-name .name-acc {
    color: #e12224;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2 {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2.no-borderd {
    border: 0;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2 h4 {
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 15px;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2 .sub-step-2 h4 {
    margin-bottom: 0;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2 .sub-step-2 .icon-gcoin {
    width: 31px;
    height: 31px;
    margin-right: 7px;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2 .sub-step-2 .icon-gcoin img {
    width: 100%;
    vertical-align: middle;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2 .sub-step-2 a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #dd2123;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2 .sub-step-2 a.btn-change:before {
    content: '';
    display: inline-block;
    background: url("../img/iconchange.png") no-repeat;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2 .sub-step-2 a.icon-usd:before {
    content: '';
    display: inline-block;
    background: url("../img/icon-usd.png") no-repeat;
    width: 28px;
    height: 23px;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2-input {
    padding: 10px 0;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2-input h4 {
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 15px;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2-input form {
    width: 480px;
    margin: 0 auto;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2-input form input {
    border: none;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    /* margin-bottom: 15px; */
    font-weight: 300;
    font-style: italic;
    color: #525252;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2-input form .bottom-input {
    width: 100%;
    margin: 15px 0;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2-input form .bottom-input span {
    color: #d92022;
    font-style: italic;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2-input form .form-control-feedback span.error {
    color: #d92022;
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
}

.wrapper-pay .main-wrapper .box-napcoin .box-step-2-input form .bottom-input button {
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    color: #ffffff;
    font-size: 17px;
    text-transform: uppercase;
    border: none;
    height: 37px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 5px;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin table tr td {
    padding: 10px 55px;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin table tr td .icon-coin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin table tr td .icon-coin:before {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    content: '';
    background: url("../img/icon-pay1.png") no-repeat;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    background-size: 22px 22px;
    width: 30px;
    height: 22px;
    margin-right: 5px;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 2px solid #e12224;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    width: 24.25%;
    margin: 0 1% 1% 0;
    font-size: 17px;
    text-decoration: none;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item:nth-child(4n) {
    margin-right: 0;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item .gcoin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 0px 15px 0px;
    color: #e12224;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item .gcoin:before {
    /* content: '';
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/icon-pay1.png") no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 4px; */
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item .price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 34px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #e12224;
    color: #ffffff;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item .gold {
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 0px 15px 0px;
    color: #e12224;
    text-align: center;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item .gold:before {
    /* content: '';
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: url("https://i.imgur.com/TjumNHB.png") no-repeat;
  width: 35px;
  height: 30px;
  margin-right: auto;
  margin-left: auto; */
}

.wrapper-pay .main-wrapper .main-sub-wrapper {
    padding: 10px 10px;
    /*background-color: #f2f1f1;*/
    min-height: -webkit-calc(100vh - 57px - 58px - 212px);
    min-height: -moz-calc(100vh - 57px - 58px - 212px);
    min-height: calc(100vh - 57px - 58px - 212px);
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item:last-child {
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-bottomright: 25px;
    border-bottom-right-radius: 25px;
    padding-bottom: 30px;
    /* margin-bottom: 30px; */
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news {
    border-bottom: 1px solid #dfdfdf;
    position: relative;
    padding: 25px 0 25px 235px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news:last-child {
    border-bottom: none;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news .img-thumbs-news {
    position: absolute;
    top: 25px;
    left: 0;
    /* width: 215px; */
    height: 147px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news .content-list-new {
    margin-left: 10%;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news .title-news {
    margin-bottom: 15px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news .title-news a {
    color: #2b2b2b;
    font-size: 19px;
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
    text-decoration: none;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news .title-news a:hover {
    color: #e13638;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news p {
    margin-bottom: 10px;
    color: #2b2b2b;
    height: 75px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news span {
    color: #2b2b2b;
    font-size: 14px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .btn-xemtiep {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 139px;
    height: 40px;
    border: 1px solid #000000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0 auto;
    color: #2b2b2b;
    text-decoration: none;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .btn-xemtiep:after {
    content: '';
    background: url("../img/icon-arr-news.png") no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 5px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .btn-xemtiep:hover {
    color: #d52a2c;
    border: 1px solid #d52a2c;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .btn-xemtiep:hover:after {
    background: url("../img/icon-arr-news-hover.png") no-repeat;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .detail-news {
    padding: 15px 0;
    font-family: sans-serif;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .detail-news .title-detail {
    margin: 0;
    padding: 0;
    color: #2b2b2b;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .detail-news .date {
    font-size: 14px;
    color: #2b2b2b;
    line-height: 1;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .detail-news hr {
    width: 85%;
    margin: 10px auto;
    background-color: #e2e2e2;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .detail-news .content {
    font-size: 14px;
    color: #2b2b2b;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .detail-news .content img {
    max-width: 100%;
    margin: 15px auto;
    display: block;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .detail-news .content h4 {
    text-transform: uppercase;
    color: #2b2b2b;
    font-size: 17px;
    font-weight: 600;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .detail-news .content p {
    margin-bottom: 15px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-newsother h4 {
    text-transform: uppercase;
    color: #e12224;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-newsother h4:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 26px;
    background-color: #d31f21;
    margin-right: 7px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-newsother .lst-others {
    margin: 0;
    padding-left: 17px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-newsother .lst-others li {
    list-style-type: disc;
    color: #000000;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-newsother .lst-others li a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 0;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-newsother .lst-others li a .date {
    color: #b6b6b6;
    font-style: italic;
    margin-right: 5px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-newsother .lst-others li a .name {
    color: #2b2b2b;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-newsother .lst-others li a:hover .name {
    color: #d31f21;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-change-ss {
    padding: 15px 0;
    color: #b0b0b0;
    line-height: 1.7;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-change-ss img {
    margin-bottom: 10px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-change-ss .text-ss {
    color: #0fd173;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .info-nap-game {
    margin-bottom: 20px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .info-nap-game p {
    margin-bottom: 5px;
    color: #323232;
    font-size: 14px;
    font-weight: 600;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-form-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-form-action a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    width: 49.5%;
    height: 37px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 17px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .info-confirm {
    font-size: 14px;
    font-weight: 600;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .info-confirm:before {
    content: '';
    display: inline-block;
    background: url("../img/icon-check.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 17px;
    height: 16px;
    margin-right: 5px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .style-number {
    color: #00a131;
}

.wrapper-pay .main-wrapper.box-login {
    min-height: -webkit-calc(100vh - 57px - 58px);
    min-height: -moz-calc(100vh - 57px - 58px);
    min-height: calc(100vh - 57px - 58px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -30px;
    margin-bottom: 30px;
}

.wrapper-pay .main-wrapper.box-login .box-item {
    height: 620px;
    padding: 30px 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrapper-pay .main-wrapper.box-login .box-item:last-child {
    -webkit-border--radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* padding-bottom: 30px; */
}

.wrapper-pay .main-wrapper.box-login .box-item .logo-login {
    background: url("../img/logo-login.png") no-repeat center center;
    background-size: cover;
    width: 329px;
    height: 89px;
    margin: 0 auto 20px auto;
    display: block;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.wrapper-pay .main-wrapper.box-login .box-item h5 {
    font-weight: 600;
    color: #909090;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.wrapper-pay .main-wrapper.box-login .box-item form {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
}

.wrapper-pay .main-wrapper.box-login .box-item form input {
    max-width: 100%;
    height: 46px;
    padding: 8px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-style: italic;
    color: #909090;
    border: none;
    background-color: #f4f4f4;
}

.wrapper-pay .main-wrapper.box-login .box-item {
    height: auto;
    padding: 50px 20px;
}

.wrapper-pay .main-wrapper.box-login .box-item .logo-login {
    background: url("../img/logo-login.png") no-repeat center center;
    background-size: contain;
    width: 219px;
    height: 59px;
    margin: 0 auto 20px auto;
    display: block;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.wrapper-pay .main-wrapper.box-login .box-item h5 {
    font-weight: 600;
    color: #909090;
    font-size: 24px;
    text-transform: uppercase;
}

.wrapper-pay .main-wrapper.box-login .box-item form {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    max-width: 100%;
}

.wrapper-pay .main-wrapper.box-login .box-item form input {
    max-width: 100%;
    height: 46px;
    padding: 8px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-style: italic;
    color: #909090;
    border: none;
    background-color: #f4f4f4;
}

.wrapper-pay .main-wrapper.box-login .box-item form button {
    border: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    width: 395px;
    max-width: 100%;
    height: 46px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* margin-bottom: 10px; */
    text-transform: uppercase;
    color: #ffffff;
}

.wrapper-pay .main-wrapper.box-login .box-item form .item-bottom {
    width: 395px;
    max-width: 100%;
    margin: 0 auto;
}

.wrapper-pay .main-wrapper.box-login .box-item form .item-bottom a {
    text-decoration: none;
    color: #cc1d20;
}

.wrapper-pay .main-wrapper.box-login .box-item form input:focus {
    outline: none;
}

.wrapper-pay .main-wrapper.box-login .box-item form button {
    border: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    width: 100%;
    max-width: 100%;
    height: 46px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* margin-bottom: 10px; */
    text-transform: uppercase;
    color: #ffffff;
}

.wrapper-pay .main-wrapper.box-login .box-item form button:focus {
    outline: none;
}

.wrapper-pay .main-wrapper.box-login .box-item form .item-bottom {
    width: 395px;
    max-width: 100%;
    margin: 0 auto;
}

.wrapper-pay .main-wrapper.box-login .box-item form .item-bottom.box-info-ss {
    width: 507px;
}

.wrapper-pay .main-wrapper.box-login .box-item form .item-bottom a {
    text-decoration: none;
    color: #cc1d20;
}

.wrapper-pay .main-wrapper.box-login .box-item form .item-bottom .top-info {
    border-top: 1px solid #e5e5e5;
    color: #b6b6b6;
    padding: 15px;
    font-size: 14px;
    text-align: center;
}

.wrapper-pay .main-wrapper.box-login .box-item form .item-bottom .box-dk {
    color: #b6b6b6;
    padding: 15px;
    font-size: 14px;
    text-align: center;
}

.wrapper-pay .main-wrapper.box-login .box-item form .item-bottom .box-dk s .text-ss {
    color: #0fd173;
}

.wrapper-pay .main-wrapper.box-login .box-item form .item-bottom .btn-login {
    background-color: #898989;
    background-image: none;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-form-action a.btn-back-home {
    background-color: #b5b5b5;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-form-action a.btn-continue {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-info-pay {
    padding: 15px;
    font-size: 17px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-info-pay .item {
    padding: 3px 15px;
    font-weight: 500;
    color: #e02123;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-info-pay .item .label-title {
    width: 150px;
    color: #313131;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .form-save-info-pay {
    padding: 10px;
    border-top: 1px solid #e1e1e1;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .form-save-info-pay .box-check {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    margin-top: 3px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .form-save-info-pay .box-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .form-save-info-pay .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 1px solid #e12224;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .form-save-info-pay .box-check input:checked ~ .checkmark {
    background-color: #ffffff;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .form-save-info-pay .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .form-save-info-pay .box-check input:checked ~ .checkmark:after {
    display: block;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .form-save-info-pay .box-check .checkmark:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #e12426;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .form-save-info-pay .info-des h5 {
    margin-bottom: 10px;
    color: #2e2e2e;
    font-size: 17px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .form-save-info-pay .info-des p {
    font-size: 14px;
    color: #2e2e2e;
    font-style: italic;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .avatar-game {
    /* width: 125px; */
    /* height: 125px; */
    overflow: hidden;
    /* -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
          border-radius: 30px; */
    margin-right: -5px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .info-game {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 125px;
    border-bottom: 1px solid #e1e1e1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 2;
    /*align-items: center;*/
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .info-game h4 {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #2b2b2b;
    font-size: 19px;
    font-weight: 700;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .info-game .item-info {
    color: #2b2b2b;
    font-size: 17px;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .info-game .item-info span {
    color: #e12426;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .info-game .item-info .gcoin {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .info-game .item-info .gcoin:after {
    content: '';
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: url("../img/icon-pay1.png") no-repeat;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    margin-left: 5px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info.napgame5 h4 {
    font-size: 16px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info.napgame5 .info-game {
    line-height: 1.3;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info.napgame5 .info-game .item-info.info-bottom-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info.napgame5 .info-game .item-info.info-bottom-5 .gcoin {
    margin: 5px 0;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info.napgame5 .info-game .item-info.info-bottom-5 .grice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info.napgame5 .info-game .item-info.info-bottom-5 .grice:after {
    content: '';
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: url("../img/icongao.png") no-repeat;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px;
    background-size: 22px;
    width: 22px;
    height: 22px;
    margin-left: 5px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .title-nv {
    color: #2b2b2b;
    font-size: 17px;
    margin-top: 30px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv {
    width: 49%;
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 0;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv .icon-server {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #e12426;
    margin-bottom: 10px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv .icon-server:before {
    content: '';
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: url("../img/icon-server.png") no-repeat;
    width: 25px;
    height: 20px;
    margin-right: 17px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv .icon-server span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv .icon-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2b2b2b;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv .icon-user span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv .icon-user:before {
    content: '';
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: url("../img/icon-us-nv.png") no-repeat;
    width: 24px;
    height: 23px;
    margin-right: 18px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .option-back-usd {
    margin-top: 30px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .option-back-usd a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2b2b2b;
    font-size: 17px;
    padding-bottom: 25px;
    font-weight: 500;
    text-decoration: none;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .option-back-usd a.back-usd {
    border-bottom: 1px solid #e1e1e1;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .option-back-usd a.back-usd:before {
    content: '';
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: url("../img/icon-ruttien.png") no-repeat;
    width: 32px;
    height: 31px;
    margin-right: 15px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .option-back-usd a.method-pay {
    padding-top: 25px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .option-back-usd a.method-pay:before {
    content: '';
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: url("../img/icon-method.png") no-repeat;
    width: 31px;
    height: 20px;
    margin-right: 15px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-napgame5 .lst-info-pay {
    padding: 15px 0;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-napgame5 .lst-info-pay .item {
    padding: 3px 0;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-napgame5 .btn-change {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #dd2123;
    height: 14px;
    margin-top: 22px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-napgame5 .btn-change:before {
    content: '';
    display: inline-block;
    background: url("../img/iconchange.png") no-repeat;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .option-goinap {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 20px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .option-goinap select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
    color: #7d7d7d;
    font-size: 16px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .option-goinap select:focus {
    outline: none;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-lsnap ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 13px 0 30px;
    border: 1px solid #c9000c;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-lsnap ul li {
    width: 50%;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-lsnap ul li a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #c9000c;
    background-color: #ffffff;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 0 5px;
    font-size: 18px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-lsnap ul li a:hover,
.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-lsnap ul li a.active {
    background-color: #c9000c;
    color: #ffffff;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-lsnap .list-item table {
    min-width: 400px;
    color: #2b2b2b;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-lsnap .list-item table a {
    color: #2b2b2b;
    text-decoration: none;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-lsnap .list-item table thead th,
.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-lsnap .list-item table thead td {
    border-bottom-width: 1px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search .title-search {
    font-size: 18px;
    color: #2b2b2b;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form {
    margin: 25px 0 40px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item-box-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item-box-search .item {
    width: 49%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item-box-search .item span {
    font-size: 12px;
    color: #7d7d7d;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item-box-search .item input {
    color: #2b2b2b;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item-box-search .item input::-webkit-input-placeholder {
    color: #2b2b2b;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item-box-search .item input::-moz-placeholder {
    color: #2b2b2b;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item-box-search .item input:-ms-input-placeholder {
    color: #2b2b2b;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item-box-search .item input::placeholder {
    color: #2b2b2b;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item {
    border-bottom: 1px solid #e1e1e1;
    padding: 0;
    margin-bottom: 15px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item input {
    border: none;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item input:focus {
    outline: none;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item select {
    width: 100%;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #7d7d7d;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-search form .item select:focus {
    outline: none;
}

.wrapper-pay .main-wrapper.huongdannap .box-item:last-child {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 30px;
}

.wrapper-pay .main-wrapper.huongdannap .box-list-waypay {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
}

.wrapper-pay .main-wrapper.huongdannap .box-list-waypay .lst-coin-visa .item {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.wrapper-pay .main-wrapper.huongdannap .box-list-waypay .lst-coin-visa .item .img {
    width: 100%;
    height: 81px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wrapper-pay .main-wrapper .top-info-protect {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .top-info-protect .title-18 {
    font-size: 18px;
}

.wrapper-pay .main-wrapper .lst-info-protect {
    margin-top: 15px;
}

.wrapper-pay .main-wrapper .lst-info-protect .item {
    border-top: 1px solid #e5e5e5;
    padding: 10px 0 10px;
    font-size: 14px;
    color: #b0b0b0;
    font-weight: 500;
}

.wrapper-pay .main-wrapper .lst-info-protect .item .icon-check {
    display: block;
    background: url("../img/icon-check.png") no-repeat;
    width: 17px;
    height: 16px;
    margin: 5px 7px 0 0;
}

.wrapper-pay .main-wrapper .lst-info-protect .item .icon-warning {
    display: block;
    background: url("../img/icon-warn.png") no-repeat;
    width: 17px;
    height: 15px;
    margin: 5px 7px 0 0;
}

.wrapper-pay .main-wrapper .lst-info-protect .item .btn-more {
    display: block;
    font-size: 15px;
    color: #c11b1e;
    margin-top: 25px;
}

.wrapper-pay .main-wrapper .lst-info-protect .item .btn-more:after {
    content: '';
    display: inline-block;
    background: url("../img/arr-more.png") no-repeat;
    width: 8px;
    height: 11px;
    margin-left: 10px;
}

.wrapper-pay .main-wrapper .lst-info-protect .item .info-center {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.wrapper-pay .main-wrapper .lst-info-protect .item p {
    padding: 0;
    margin: 0;
}

.wrapper-pay .main-wrapper .lst-info-protect .item .line-top {
    color: #2b2b2b;
    font-size: 16px;
}

.wrapper-pay .main-wrapper .lst-info-protect .item .line-top span {
    color: #f39426;
}

.wrapper-pay .main-wrapper .box-infous .btn-change {
    border: none;
    width: 100%;
    height: 37px;
    color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    margin-top: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

.wrapper-pay .main-wrapper .box-infous .item {
    width: 100%;
    height: 47px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.wrapper-pay .main-wrapper .box-infous .item.item-bold input {
    color: #2b2b2b;
}

.wrapper-pay .main-wrapper .box-infous .item.item-bold input::-webkit-input-placeholder {
    color: #2b2b2b;
}

.wrapper-pay .main-wrapper .box-infous .item.item-bold input::-moz-placeholder {
    color: #2b2b2b;
}

.wrapper-pay .main-wrapper .box-infous .item.item-bold input:-ms-input-placeholder {
    color: #2b2b2b;
}

.wrapper-pay .main-wrapper .box-infous .item.item-bold input::placeholder {
    color: #2b2b2b;
}

.wrapper-pay .main-wrapper .box-infous .item .sub-item {
    width: 49%;
}

.wrapper-pay .main-wrapper .box-infous .item .sub-item:first-child {
    margin-right: 2%;
}

.wrapper-pay .main-wrapper .box-infous .item label {
    font-size: 12px !important;
    margin-bottom: 0;
}

.wrapper-pay .main-wrapper .box-infous .item input,
.wrapper-pay .main-wrapper .box-infous .item select {
    border-bottom: 1px solid #e5e5e5 !important;
}

.wrapper-pay .main-wrapper .box-infous .item input,
.wrapper-pay .main-wrapper .box-infous .item button,
.wrapper-pay .main-wrapper .box-infous .item select,
.wrapper-pay .main-wrapper .box-infous .item label {
    width: 100%;
    border: none;
    font-size: 17px;
	font-weight: 300;
    font-style: italic;
    color: #525252;
}

.wrapper-pay .main-wrapper .box-infous .item input:focus,
.wrapper-pay .main-wrapper .box-infous .item button:focus,
.wrapper-pay .main-wrapper .box-infous .item select:focus,
.wrapper-pay .main-wrapper .box-infous .item label:focus {
    outline: none;
}

.wrapper-pay .main-wrapper .box-setting {
    padding: 0 22px;
}

.wrapper-pay .main-wrapper .box-setting input {
    width: 100%;
    border: none;
    padding: 0 5px;
    font-size: 17px;
    font-weight: 300;
    font-style: italic;
    border-bottom: 1px solid #e5e5e5;
}

.wrapper-pay .main-wrapper .box-setting input:focus {
    outline: none;
}

.wrapper-pay .main-wrapper .box-setting .btn-update {
    height: 37px;
    color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

.wrapper-pay .main-wrapper .box-setting .btn-re-action {
    height: 37px;
    color: #2b2b2b;
    background-color: #e5e5e5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc {
    font-size: 14px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc .title-18 {
    font-size: 16px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc table {
    font-size: 13px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc {
    padding: 25px 0;
    font-size: 16px;
    color: #2b2b2b;
    font-weight: 600;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc .top-acc-tb {
    padding: 10px 22px 15px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc .title-18 {
    font-size: 18px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc table {
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}

.wrapper-pay .main-wrapper .text-red {
    color: #db2023;
}

.wrapper-pay .main-wrapper .box-warning {
    color: #db2023;
    font-size: 14px;
    margin: 10px 0;
}

.wrapper-pay .main-wrapper .box-warning:before {
    content: "";
    display: inline-block;
    background: url("../img/icon-warning.png") no-repeat;
    width: 12px;
    height: 11px;
    margin-right: 5px;
}

.wrapper-pay .main-wrapper .box-setting {
    padding: 0 22px;
}

.wrapper-pay .main-wrapper .box-setting input {
    width: 100%;
    border: none;
    padding: 0 5px;
    font-size: 17px;
    font-weight: 300;
    font-style: italic;
    border-bottom: 1px solid #e5e5e5;
}

.wrapper-pay .main-wrapper .box-setting input:focus {
    outline: none;
}

.wrapper-pay .main-wrapper .box-setting .btn-update {
    height: 37px;
    color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

.wrapper-pay .main-wrapper .box-setting .btn-re-action {
    height: 37px;
    color: #2b2b2b;
    background-color: #e5e5e5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

.wrapper-pay .main-wrapper .text-red {
    color: #db2023;
}

.wrapper-pay .main-wrapper .box-warning {
    color: #db2023;
    font-size: 14px;
    margin: 10px 0;
}

.wrapper-pay .main-wrapper .box-warning:before {
    content: "";
    display: inline-block;
    background: url("../img/icon-warning.png") no-repeat;
    width: 12px;
    height: 11px;
    margin-right: 5px;
}

.wrapper-pay .main-wrapper.huongdannap .box-list-waypay .lst-coin-visa .item .img img {
    vertical-align: middle;
}

.wrapper-pay .main-wrapper.huongdannap .box-list-waypay .lst-coin-visa .item .name {
    width: 100%;
    height: 40px;
    color: #e12224;
    font-size: 14px;
    padding: 0 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
}

.wrapper-pay .main-wrapper.huongdannap .box-list-waypay .lst-coin-visa .item.item-gim .name {
    background-color: #e12224;
    color: #ffffff;
}

.wrapper-pay .main-wrapper.huongdannap .content-hdnap {
    color: #464646;
    font-weight: 500;
    font-size: 17px;
}

.wrapper-pay .main-wrapper.huongdannap .content-hdnap h4 {
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}

.wrapper-pay .main-wrapper.huongdannap .content-hdnap .lst-guid {
    padding: 30px;
}

.wrapper-pay .main-wrapper.huongdannap .content-hdnap .lst-guid .item h5 {
    margin-bottom: 0;
    font-size: 17px;
}

.wrapper-pay .main-wrapper.huongdannap .content-hdnap .lst-guid .item span {
    margin: 0 0 0 30px;
    display: block;
}

.wrapper-pay .main-wrapper.huongdannap .content-hdnap .box-video {
    width: 560px;
    height: 317px;
    margin: 15px 0 20px;
}

.wrapper-pay .main-wrapper.huongdannap .content-hdnap .cont-des p {
    margin-bottom: 0;
}

.wrapper-pay .main-wrapper.huongdannap .content-hdnap .cont-des a {
    color: #464646;
    text-decoration: none;
}

.wrapper-pay .main-wrapper.huongdannap .content-hdnap .bottom-line {
    margin-top: 65px;
}

.wrapper-pay .main-wrapper.huongdannap .content-hdnap .bottom-line p {
    margin-bottom: 0;
}

.wrapper-pay .main-wrapper .daily {
    font-size: 17px;
}

.wrapper-pay .main-wrapper .daily .cont-daily {
    color: #252525;
    padding-top: 15px;
    border-top: 1px solid #e1e1e1;
}

.wrapper-pay .main-wrapper .daily .cont-daily .title-top {
    margin-bottom: 10px;
}

.wrapper-pay .main-wrapper .daily .cont-daily a {
    color: #252525;
}

.wrapper-pay .main-wrapper .daily .cont-daily img {
    max-width: 100%;
}

.wrapper-pay .main-wrapper .daily .cont-daily .lst-bottom {
    margin-top: 15px;
}

.wrapper-pay .main-wrapper .daily .cont-daily .lst-bottom p {
    margin-bottom: 0;
}

.wrapper-pay .main-wrapper .daily ul {
    border: none !important;
    margin-bottom: 15px !important;
}

.wrapper-pay .main-wrapper .daily ul li {
    width: auto !important;
}

.wrapper-pay .main-wrapper .daily ul li a {
    font-size: 17px !important;
    color: #252525 !important;
}

.wrapper-pay .main-wrapper .daily ul li a:hover,
.wrapper-pay .main-wrapper .daily ul li a.active {
    background-color: transparent !important;
    color: #e12224 !important;
}

.wrapper-pay .main-wrapper .daily table {
    font-size: 15px;
}

.wrapper-pay .main-wrapper .daily table thead tr th {
    color: #e12224;
}

.wrapper-pay footer .main-footer {
    width: 660px;
    margin: 0 auto;
    background: url("../img/bg-ft.jpg") repeat-y;
    padding: 30px 0 40px;
    border-top: 2px solid #e12224;
}

.wrapper-pay footer .main-footer .logo-ft {
    display: block;
    background: url("../img/logo-ft.png") no-repeat;
    -webkit-background-size: 134px 36px;
    -moz-background-size: 134px 36px;
    background-size: 134px 36px;
    width: 134px;
    height: 36px;
    margin-right: 25px;
}

.wrapper-pay footer .main-footer .ft-content {
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 2;
}

.wrapper-pay footer .main-footer .ft-content .ft-top a {
    display: inline-block;
}

.wrapper-pay footer .main-footer .ft-content .ft-top a:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: #ffffff;
    margin: -4px 10px;
}

.wrapper-pay footer .main-footer .ft-content .ft-top a:last-child:after {
    display: none;
}

.wrapper-pay footer .main-footer .ft-content a {
    color: #ffffff;
    font-size: 14px;
}

.wrapper-pay footer .main-footer .ft-content a:hover {
    color: red;
}

.wrapper-pay .fix-bottom-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 58px;
    z-index: 9;
    background-color: #ffffff;
}

.wrapper-pay .fix-bottom-footer .main-fixbottom {
    width: 660px;
    height: 100%;
    margin: 0 auto;
}

.wrapper-pay .fix-bottom-footer .main-fixbottom a {
    color: #989898;
    font-size: 15px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    margin-right: 20px;
}

.wrapper-pay .fix-bottom-footer .main-fixbottom a:last-child {
    margin-right: 0;
}

.wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 8px;
    width: 26px;
    height: 26px;
    /* background-color: #818181; */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* overflow: hidden; */
}

.wrapper-pay .fix-bottom-footer .main-fixbottom a:hover {
    color: #d31f21;
}

.wrapper-pay .fix-bottom-footer .main-fixbottom a:hover .icon-ft {
    /* background-color: #d31f21; */
}



.pay-gcoin-lv {
    margin-top: 15px;
    padding: 0 100px;
}

@media screen and (max-width: 480px) {
    .pay-gcoin-lv {
        padding: 0 30px;
    }
}

.pay-gcoin-lv ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    position: relative;
    transform: scale(0.8);
}

.pay-gcoin-lv li {
    list-style: none;
}

.pay-gcoin-lv li::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 7px;
    background: #baccd4;
    top: 50%;
    transform: translateY(-50%);
}

.pay-gcoin-lv li:nth-child(1)::after {
    display: none;
}

.pay-gcoin-lv li:nth-child(2)::after {
    left: 0;
}

.pay-gcoin-lv li:nth-child(3)::after {
    left: 50%;
}

.pay-gcoin-lv a {
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    display: flex;
    width: 40px;
    height: 40px;
    background: #baccd4;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    position: relative;
    z-index: 2;
}

.pay-gcoin-lv li.active a,
.pay-gcoin-lv li.active::after {
    background: #d21f21;
}

.pay-gcoin-lv a {
    width: 30px;
    height: 30px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv {
    margin-left: -10px;
    margin-right: -10px;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv .icon-user span,
.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv .icon-server span {
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}


@media screen and (max-width: 480px) {
    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv {
        margin-left: -5px;
        margin-right: -5px;
        margin-top: 20px;
        font-size: 12px;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv {
        margin-top: 0;
        margin-bottom: 10px;
        padding: 0 5px;
        width: 50%;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv>a {
        padding: 5px;
        border-radius: 5px;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv>a::after {
        top: 2.5px;
        right: 2.5px;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv .icon-server:before,
    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv .icon-user:before {
        width: 15px;
        height: 15px;
        margin-right: 5px;
        background-size: 100% auto;
        background-position: center;
    }
    .check-server .form-control {
        width: 60%;
    }
    .check-server .submit-pay {
        width: calc(40% - 10px);
        margin-left: 10px;
        font-size: 14px;
    }
}

@media screen and (max-width: 360px) {
    .wrapper-pay footer .main-footer .ft-content a {
        font-size: 10px;
    }
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment li a:nth-child(2) {
    background: red;
    text-decoration: none;
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-payment li a:nth-child(2):hover {
    opacity: 0.7;
}


@media (max-width: 374.98px) {
    .wrapper-pay .main-wrapper .box-napcoin .lst-payment li a {
        font-size: 14px;
    }
    .wrapper-pay .main-wrapper .box-napcoin .lst-payment {
        margin: 0 -10px;
    }
}

.c-hoTro {
    position: relative;
    background-color: #fbf0c2;
    min-height: 100px;
    width: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 8px;
    padding: 13px 16px;
    -webkit-box-shadow: 1px 3px 6px 2px #9f3851;
    -moz-box-shadow: 1px 3px 6px 2px #9f3851;
    box-shadow: 1px 3px 6px 2px #9f3851;
}

.c-hoTro img {
    position: absolute;
    height: 60px;
    left: 0;
    top: 16px;
}

.c-hoTro .info {
    min-height: 60px;
    padding-left: 47px;
}
.c-hoTro .info .title {
    font-size: 16px;
    font-weight: 700;
    color: #d2854d;
}
.c-hoTro .info .content {
    font-size: 14px;
}
.c-hoTro .info .content a {
    font-weight: 700;
    text-decoration: none;
    color: #de5447;
}

.wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .info-game .item-info .icon-grice:after {
  background-size: contain;
  background-position: bottom left;
}
.wrapper-pay .main-wrapper .box-napcoin .lst-payment li {
    border-bottom: none;
    border-radius: 8px;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 30%);
    margin-top: 10px;
    padding: 5px 10px;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin table tr td .icon-coin:before {
    background-size: contain !important;
}

.wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item img {
    border-radius: 50%;
}

@media screen and (max-width: 660px) {
    .wrapper-pay .main-wrapper .box-item .lst-game .list-game a {
        width: 33.3333%;
    }
}

.method-pay {
    padding-top: 80px;
}

.method-pay h5 {
    font-size: 20px;
}

.method-pay .lst-payment {
    padding: 0;
}

.method-pay .lst-payment li {
    border-bottom: 1px solid #e1e1e1;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.method-pay .lst-payment li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    text-decoration: none;
    font-size: 17px;
    color: #2b2b2b;
    font-weight: 500;
}

.method-pay .lst-payment li a:hover {
    color: #e02124;
}

.method-pay .lst-payment li a .icon {
    width: 27px;
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 9px;
}

.method-pay .lst-payment li a .icon:before {
    content: '';
    display: block;
}

.method-pay .lst-payment li a .icon.icon-gcard:before {
    background: url("../img/icon-pay1.png") no-repeat;
    width: 24px;
    height: 24px;
}

.method-pay .lst-payment li a .icon.icon-atm:before {
    background: url("../img/icon-pay2.png") no-repeat;
    width: 25px;
    height: 23px;
}

.method-pay .lst-payment li a .icon.icon-visa:before {
    background: url("../img/icon-pay3.png") no-repeat;
    width: 27px;
    height: 24px;
}

.method-pay .lst-payment li a .icon.icon-momo:before {
    background: url("../img/icon-momo.png") no-repeat;
    width: 28px;
    height: 27px;
}

.method-pay .lst-payment li a .icon.icon-gao:before {
    background: url("../img/icongao.png") no-repeat;
    width: 25px;
    height: 25px;
}

@media screen and (max-width: 660px) {
    .wrapper-pay .main-wrapper .box-item:last-child {
        padding: 10px 10px;
    }

    .wrapper-pay .menu-list li .logOut {
        font-size: 13px;
    }

    .top-fix-header .box-menu .icon-menu {
        width: 5vw;
        height: 3.0303030303vw;
        margin-right: 1.8181818182vw;
    }

    .wrapper-pay .main-wrapper.huongdannap .content-hdnap {
        font-size: 15px;
    }

    .wrapper-pay {
        font-size: 14px;
    }

    .wrapper-pay .menu-list {
        right: 0;
        margin-right: 0;
    }

    .wrapper-pay header .top-fix-header {
        width: 98%;
    }

    .wrapper-pay header .top-fix-header .box-info-sub {
        margin-left: 0;
        text-indent: -999em;
    }

    .wrapper-pay .main-wrapper {
        width: 98%;
    }

    .wrapper-pay .main-wrapper .box-item {
        width: 100%;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        padding: 15px;
    }

    .wrapper-pay .main-wrapper .box-item .lst-game .list-game a {
        width: 50%;
    }

    .wrapper-pay .main-wrapper .box-news .sub-item {
        width: 100%;
        margin-bottom: 30px;
    }

    .wrapper-pay .main-wrapper .box-news .sub-item .item-news:nth-child(2) .img-thumbnews {
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .wrapper-pay .main-wrapper .box-napcoin .lst-coin table {
        width: 100%;
    }

    .wrapper-pay .main-wrapper .box-napcoin .lst-coin table tr td {
        padding: 10px 30px;
    }

    .wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item {
        width: 32.5%;
    }

    .wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item:nth-child(4n) {
        margin-right: 1%;
    }

    .wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item:nth-child(3n) {
        margin-right: 0;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper {
        padding: 5px 5px;
        /*background-color: #f2f1f1;*/
        min-height: -webkit-calc(100vh - 57px - 58px - 212px);
        min-height: -moz-calc(100vh - 57px - 58px - 212px);
        min-height: calc(100vh - 57px - 58px - 212px);
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item:last-child {
        -webkit-border-bottom-left-radius: 25px;
        -moz-border-radius-bottomleft: 25px;
        border-bottom-left-radius: 25px;
        -webkit-border-bottom-right-radius: 25px;
        -moz-border-radius-bottomright: 25px;
        border-bottom-right-radius: 25px;
        padding-bottom: 30px;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news {
        padding: 25px 0 25px 235px;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news p {
        height: 62px;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .avatar-game {
        margin-right: 0;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .info-game {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -moz-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .wrapper-pay .main-wrapper .daily {
        font-size: 15px;
    }

    .wrapper-pay .main-wrapper .daily ul li a {
        font-size: 15px !important;
    }

    .wrapper-pay .main-wrapper .daily table {
        font-size: 14px;
    }

    .wrapper-pay footer .main-footer {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .wrapper-pay footer .main-footer .logo-ft {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .wrapper-pay footer .main-footer .ft-content {
        width: 100%;
        font-size: 12px;
    }

    .wrapper-pay footer .main-footer .ft-content .ft-top a {
        display: inline-block;
    }

    .wrapper-pay footer .main-footer .ft-content .ft-top a:after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 12px;
        background-color: #ffffff;
        margin: -2px 10px;
    }

    .wrapper-pay footer .main-footer .ft-content a {
        font-size: 12px;
    }

    .wrapper-pay .fix-bottom-footer {
        height: 8.7878787879vw;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom {
        width: 100%;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a {
        font-size: 2.7272727273vw;
        margin-right: 2.2727272727vw;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft {
        margin: 0 1.2121212121vw;
        width: 3.9393939394vw;
        height: 3.9393939394vw;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft.icon-1:before {
        content: '';
        display: block;
        background: url("../img/icons/home.png") no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        width: 25px;
        height: 25px;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft.icon-2:before {
        content: '';
        display: block;
        background: url("../img/icons/gift.png") no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        width: 25px;
        height: 25px;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft.icon-3:before {
        content: '';
        display: block;
        background: url("../img/icons/user.png") no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        width: 25px;
        height: 25px;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft.icon-4:before {
        content: '';
        display: block;
        background: url("../img/icons/suport.png") no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        width: 25px;
        height: 25px;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft.icon-5:before {
        content: '';
        display: block;
        background: url("../img/icons/coin.png") no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        width: 25px;
        height: 25px;
    }
}

@media screen and (max-width: 480px) {
    .wrapper-pay header .top-fix-header .logo-ui img {
        margin-left: 0;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news .content-list-new {
        margin-left: 0;
    }

    .wrapper-pay .menu-list li .logOut {
        font-size: 11px;
    }

    .method-pay h5 {
        font-size: 18px;
    }

    .method-pay .lst-payment li a {
        font-size: 15px;
    }

    .box-napgame5 {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .box-napgame5 .btn-change {
        margin-top: 0 !important;
        margin-bottom: 15px !important;
    }

    .wrapper-pay {
        padding-top: 4.6060606061vw;
        /* padding-bottom: 13.6363636364vw; */
    }

    .wrapper-pay .menu-list.active {
        top: 10.6060606061vw;
    }

    .wrapper-pay .menu-list li {
        font-size: 3.3333333333vw;
    }

    .wrapper-pay header {
        height: 10.6060606061vw;
    }

    .wrapper-pay header .top-fix-header .box-user {
        width: 5.4545454545vw;
        height: 5.4545454545vw;
        margin: 0;
    }

    .wrapper-pay header .top-fix-header .box-user.active .box-info-user span {
        font-size: 3.3333333333vw;
    }

    .wrapper-pay header .top-fix-header .box-user.active .sub-info-user {
        width: 30.303030303vw;
    }

    .wrapper-pay header .top-fix-header .box-user.active .sub-info-user .line-sub {
        height: 6.3636363636vw;
        font-size: 3.0303030303vw;
    }

    .wrapper-pay header .top-fix-header .box-user.active .sub-info-user .line-sub a {
        font-size: 3.0303030303vw;
    }

    .wrapper-pay header .top-fix-header .box-user.active .sub-info-user .line-sub a.btn-exit img {
        width: 4.5454545455vw;
    }

    .wrapper-pay header .top-fix-header .box-user.active .sub-info-user .line-sub .nickname-us {
        width: 18.1818181818vw;
    }

    .wrapper-pay header .top-fix-header .box-user.active .sub-info-user .line-sub .img-user {
        width: 4.5454545455vw;
        height: 4.5454545455vw;
        font-size: 2.4242424242vw;
    }

    .wrapper-pay header .top-fix-header .logo-ui {
        width: 13vw;
        height: 3.4848484848vw;
        left: 43%;
    }

    .wrapper-pay header .top-fix-header .box-info-sub {
        font-size: 3.3333333333vw;
    }

    .wrapper-pay .fix-bottom-footer {
        height: 13.6363636364vw;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom {
        width: 100%;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 3.0303030303vw;
        margin-right: 0;
        width: 18.1818181818vw;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft {
        width: 5.4545454545vw;
        height: 5.4545454545vw;
        margin-bottom: 0.7575757576vw;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft.icon-1:before {
        width: 4.5454545455vw;
        height: 4.5454545455vw;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft.icon-2:before {
        width: 4.5454545455vw;
        height: 4.5454545455vw;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft.icon-3:before {
        width: 20px;
        height: 20px;
        background-size: contain;
    }

    .wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft.icon-4:before {
        width: 4.5454545455vw;
        height: 4.5454545455vw;
    }
	
	.wrapper-pay .fix-bottom-footer .main-fixbottom a .icon-ft.icon-5:before {
        width: 4.5454545455vw;
        height: 4.5454545455vw;
    }

    .wrapper-pay .main-wrapper .box-napcoin .box-step-2-input form {
        width: 100%;
    }

    .wrapper-pay .main-wrapper .box-napcoin .lst-coin table tr td {
        padding: 10px 15px;
    }

    .wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item {
        width: 49%;
        margin: 0 2% 2% 0;
    }

    .wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item:nth-child(4n) {
        margin-right: 2%;
    }

    .wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item:nth-child(3n) {
        margin-right: 2%;
    }

    .wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item:nth-child(2n) {
        margin-right: 0;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news {
        padding: 25px 0 25px;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news .img-thumbs-news {
        position: static;
        width: 295px;
        height: 100%;
        display: block;
        margin: 0 auto 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden;
        margin-left: 0;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news .content-list-new {
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-news .item-news p {
        height: 62px;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-info-pay {
        padding: 10px 0;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-info-pay .item {
        padding: 3px 0;
        font-weight: 500;
        color: #e02123;
        font-size: 16px;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .lst-info-pay .item .label-title {
        width: 120px;
        color: #313131;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .avatar-game {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .info-game {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -moz-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .top-info .info-game .item-info {
        text-align: center;
    }

    .wrapper-pay .main-wrapper .main-sub-wrapper .box-item .box-chonnv .lst-chonnv .item-nv {
        width: 100%;
        padding: 20px 20px;
    }

    .wrapper-pay .main-wrapper.huongdannap .box-list-waypay {
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 15px;
    }

    .wrapper-pay .main-wrapper.huongdannap .box-list-waypay .lst-coin-visa .item {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .wrapper-pay .main-wrapper.huongdannap .box-list-waypay .lst-coin-visa .item .img {
        width: 100%;
        height: 81px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wrapper-pay .main-wrapper.huongdannap .box-list-waypay .lst-coin-visa .item .img img {
        vertical-align: middle;
    }

    .wrapper-pay .main-wrapper.huongdannap .box-list-waypay .lst-coin-visa .item .name {
        width: 100%;
        height: 40px;
        color: #e12224;
        font-size: 14px;
        padding: 0 5px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        line-height: 1;
    }

    .wrapper-pay .main-wrapper.huongdannap .box-list-waypay .lst-coin-visa .item.item-gim .name {
        background-color: #e12224;
        color: #ffffff;
    }

    .wrapper-pay .main-wrapper.huongdannap .content-hdnap {
        font-size: 14px;
    }

    .wrapper-pay .main-wrapper.huongdannap .content-hdnap h4 {
        font-size: 15px;
    }

    .wrapper-pay .main-wrapper.huongdannap .content-hdnap .lst-guid {
        padding: 20px;
    }

    .wrapper-pay .main-wrapper.huongdannap .content-hdnap .lst-guid .item h5 {
        margin-bottom: 0;
        font-size: 15px;
    }

    .wrapper-pay .main-wrapper.huongdannap .content-hdnap .box-video {
        width: 100%;
        height: 300px;
    }

    .wrapper-pay .main-wrapper.huongdannap .content-hdnap .bottom-line {
        margin-top: 45px;
    }
}

@media screen and (max-width: 359px) {
    .wrapper-pay .main-wrapper .box-napcoin .lst-coin-visa .item {
        font-size: 14px;
    }
}

.wrp-uid {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 2;
}

.wrapper-uid {
    background: url("../img/bg-main.png") center center no-repeat;
    background-size: cover;
    padding-top: 57px;
    /*padding-bottom: 58px;*/
    font-family: 'Exo 2', sans-serif;
    font-size: 17px;
    color: #777777;
    width: 100%;
    height: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
}

.wrapper-uid .menu-list li .logout {
    color: red;
    font-size: 15px;
}

.wrapper-uid .menu-list {
    position: fixed;
    min-width: 246px;
    top: -290px;
    right: 50%;
    margin-right: -330px;
    z-index: 999;
    padding: 10px 15px;
    background-color: #ffffff;
    -webkit-transition: top .5s linear;
    -o-transition: top .5s linear;
    -moz-transition: top .5s linear;
    transition: top .5s linear;
}

.wrapper-uid .menu-list.active {
    top: 57px;
}

.wrapper-uid .menu-list li {
    font-family: "Brandon Text Regular";
    list-style: none;
    font-size: 17px;
    color: #585858;
    margin: 12px 0;
    align-items: center;
}

.wrapper-uid .menu-list li a {
    text-decoration: none;
    color: #585858;
}

.wrapper-uid .menu-list li a:hover {
    color: red;
    text-decoration: none;
}

.wrapper-uid .menu-list li a .icon-6:hover:before {
    background: url("../img/icons/trade hover.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}
.wrapper-uid .menu-list li a .icon-2:hover:before {
    background: url("../img/icons/coin hover.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}
.wrapper-uid .menu-list li a .icon-5:hover:before {
    background: url("../img/icons/history hover.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}
.wrapper-uid .menu-list li a .icon-8:hover:before {
    background: url("../img/icons/user hover.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .menu-list li:hover {
    color: #d31f21;
}

.wrapper-uid .menu-list li span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    /* background-color: #d31f21; */
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 9px;
}

.wrapper-uid .menu-list li span:before {
    content: '';
}

.wrapper-uid .menu-list li span.icon-1:before {
    background: url("../img/icon-1.png") no-repeat;
    width: 18px;
    height: 14px;
}

.wrapper-uid .menu-list li span.icon-8:before {
    background: url("../img/icons/user.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .menu-list li span.icon-9:before {
    background: url("../img/icon-exit.png") no-repeat;
    width: 18px;
    height: 14px;
}

.wrapper-uid .menu-list li span.icon-2:before {
    background: url("../img/icons/coin.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .menu-list li span.icon-3:before {
    background: url("../img/icon-3.png") no-repeat;
    width: 17px;
    height: 17px;
}

.wrapper-uid .menu-list li span.icon-4:before {
    background: url("../img/icon-4.png") no-repeat;
    width: 19px;
    height: 17px;
}

.wrapper-uid .menu-list li span.icon-5:before {
    background: url("../img/icons/history.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .menu-list li span.icon-6:before {
    background: url("../img/icons/trade.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .menu-list li span.icon-7:before {
    background: url("../img/icon-7.png") no-repeat;
    width: 15px;
    height: 18px;
}

.wrapper-uid header {
    width: 100%;
    height: 57px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.wrapper-uid header .top-fix-header {
    width: 660px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.wrapper-uid header .top-fix-header .box-user {
    width: 33px;
    height: 33px;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    margin-left: 90px;
}

.wrapper-uid header .top-fix-header .box-user .icon-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: url("../img/icon-avatar.png") no-repeat;
    width: 21px;
    height: 24px;
}

.wrapper-uid header .top-fix-header .box-user .box-info-user {
    display: none;
}

.wrapper-uid header .top-fix-header .box-user .sub-info-user {
    display: none;
}

.wrapper-uid header .top-fix-header .box-user.active {
    background: #f39426;
}

.wrapper-uid header .top-fix-header .box-user.active:hover .sub-info-user {
    display: block;
}

.wrapper-uid header .top-fix-header .box-user.active .icon-user {
    display: none;
}

.wrapper-uid header .top-fix-header .box-user.active .box-info-user {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.wrapper-uid header .top-fix-header .box-user.active .box-info-user span {
    color: #ffffff;
    font-family: "Brandon Text Bold";
    font-size: 18px;
}

.wrapper-uid header .top-fix-header .box-user.active .box-info-user img {
    width: 100%;
    vertical-align: top;
}

.wrapper-uid header .top-fix-header .box-user.active .sub-info-user {
    position: absolute;
    top: 100%;
    left: 100%;
    margin-left: -19px;
    width: 142px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 2px 1px #d0d0d0;
    -moz-box-shadow: 0 0 2px 1px #d0d0d0;
    box-shadow: 0 0 2px 1px #d0d0d0;
    padding: 0 9px;
}

.wrapper-uid header .top-fix-header .box-user.active .sub-info-user .line-sub {
    height: 34px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 17px;
    color: #777777;
    font-family: "Brandon Text Regular";
}

.wrapper-uid header .top-fix-header .box-user.active .sub-info-user .line-sub a {
    color: #777777;
    text-decoration: none;
    font-size: 17px;
}

.wrapper-uid header .top-fix-header .box-user.active .sub-info-user .line-sub a img {
    margin-right: 6px;
}

.wrapper-uid header .top-fix-header .box-user.active .sub-info-user .line-sub .nickname-us {
    width: 96px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action .button-check .check-info {
    width: 100%;
}

.wrapper-uid header .top-fix-header .box-user.active .sub-info-user .line-sub:last-child {
    border-bottom: none;
}

.wrapper-uid header .top-fix-header .box-user.active .sub-info-user .line-sub .img-user {
    width: 22px;
    height: 22px;
    background-color: #f39426;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    font-size: 12px;
    margin-right: 5px;
}

.wrapper-uid header .top-fix-header .logo-ui {
    display: block;
    width: 71px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 40%;
    margin-top: -10px;
    /* margin-left: -10px; */
}

.wrapper-uid header .top-fix-header .logo-ui img {
    width: 100%;
    vertical-align: top;
    margin-left: -25px;
}

.wrapper-uid header .top-fix-header .box-menu {
    position: relative;
}

.wrapper-uid header .top-fix-header .box-menu .icon-menu {
    display: block;
    background: url("../img/icon-menu.png") no-repeat;
    width: 33px;
    height: 20px;
    /* margin-right: 12px; */
}

.wrapper-uid header .top-fix-header .box-info-sub {
    font-family: 'Exo 2', sans-serif;
    font-size: 18px;
    color: #ffffff;
    margin-left: -36px;
}

.wrapper-uid header .top-fix-header .box-info-sub .btn-back {
    display: inline-block;
    background: url("../img/btn-back.png") no-repeat;
    width: 27px;
    height: 21px;
    margin-right: 9px;
    margin-left: 35px;
}

.wrapper-uid .main-wrapper {
    width: 660px;
    margin: 0 auto;
}

.wrapper-uid .main-wrapper .box-item {
    background-color: #ffffff;
    min-height: 100px;
    width: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 8px;
    padding: 13px 16px;
}

/*.wrapper-uid .main-wrapper .box-item:last-child {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 30px;
}*/

.wrapper-uid .main-wrapper .box-item .info-user-1 .box-thumb-avatar {
    width: 89px;
    height: 89px;
    background-color: #f39426;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    margin-right: 11px;
}

.wrapper-uid .main-wrapper .box-item .info-user-1 .box-thumb-avatar img {
    width: 100%;
    vertical-align: top;
}

.wrapper-uid .main-wrapper .box-item .info-user-1 .box-thumb-avatar span {
    color: #ffffff;
    font-family: "Brandon Text Bold";
    font-size: 61px;
    text-transform: uppercase;
}


/* .wrapper-uid .main-wrapper .box-item .info-user-1 .box-thumb-avatar:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 28px;
  bottom: 0;
  background: url("../img/icon-camera.png") 50% 50% no-repeat #0000009e;
} */

.wrapper-uid .main-wrapper .box-item .info-user-1 .box-thumb-avatar:after {
    content: "";
}

.wrapper-uid .main-wrapper .box-item .info-user-1 .info-user-content {
    color: #777777;
    font-weight: 500;
    font-size: 14px;
}

.wrapper-uid .main-wrapper .box-item .info-user-1 .info-user-content .info-name {
    color: #1d1d1d;
    font-size: 17px;
}

.wrapper-uid .main-wrapper .box-item .info-user-1 .info-user-content .info-level span {
    color: #cc1d20;
}

.wrapper-uid .main-wrapper .box-item .bar-user-progress {
    height: 100px;
    margin: 24px 0 19px;
}

.wrapper-uid .main-wrapper .box-item .bar-user-progress .box-progress {
    width: 100%;
    height: 100%;
    border: 1px solid #782844;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.wrapper-uid .main-wrapper .box-item .bar-user-progress .box-progress .main-bar {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 9px;
	align-self: center;
	position: relative;
}

.wrapper-uid .main-wrapper .box-item .bar-user-progress .box-progress .main-bar .top {
    color: #cc1d20;
    font-size: 14px;
    font-weight: 600;
	width: 80%;
    margin: auto;
}

.wrapper-uid .main-wrapper .box-item .bar-user-progress .box-progress .main-bar .top span {
    color: #000000;
}

.wrapper-uid .main-wrapper .box-item .bar-user-progress .box-progress .main-bar .bar-progress {
    width: 93%;
    height: 10px;
    background-color: #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
	margin: auto;
    z-index: 0;
}

.wrapper-uid .main-wrapper .box-item .bar-user-progress .box-progress .main-bar .main-bar-before {
    content: "";
    /* background: url(../img/vip4.png) no-repeat; */
    width: 60px;
    height: 60px;
    position: absolute;
    background-size: contain;
    background-position: center;
    top: 0;
    bottom: 0;
    margin: auto 0;
	z-index: 1;
	left: 2px;
}
.wrapper-uid .main-wrapper .box-item .bar-user-progress .box-progress .main-bar .main-bar-after {
    content: "";
    /* background: url(../img/vip5.png) no-repeat; */
    width: 60px;
    height: 60px;
    position: absolute;
    background-size: contain;
    background-position: center;
    top: 0;
    bottom: 0;
    margin: auto 0;
	right: 2px;
	z-index: 1;
}
@media screen and (max-width: 480px){
	.wrapper-uid .main-wrapper .box-item .bar-user-progress .box-progress .main-bar .main-bar-before {
		width: 40px;
		height: 40px;
	}
	.wrapper-uid .main-wrapper .box-item .bar-user-progress .box-progress .main-bar .main-bar-after {
		width: 40px;
		height: 40px;
	}
}
.wrapper-uid .main-wrapper .box-item .bar-user-progress .box-progress .main-bar .bar-progress span {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #cc1d20;
}

.wrapper-uid .main-wrapper .box-item .bar-user-progress .btn-naptien {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    border: none;
    width: 113px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
}

.wrapper-uid .main-wrapper .box-item .info-user-2 .item-gcoin {
    margin-right: 30px;
    font-weight: 500;
}

.wrapper-uid .main-wrapper .box-item .info-user-2 .item-gcoin:last-child {
    margin-right: 0;
}

.wrapper-uid .main-wrapper .box-item .info-user-2 .item-gcoin .icon-gcoin {
    background: url("../img/icon-gcoin.png") no-repeat;
    width: 19px;
    height: 19px;
    margin-right: 5px;
}

.wrapper-uid .main-wrapper .box-item .info-user-2 .item-gcoin .icon-grice {
    background: url("../img/icon-gao.png") no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 5px;
}

.wrapper-uid .main-wrapper .box-item .info-user-2 .item-gcoin .icon-points {
    background: url("../img/points.png") no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 5px;
}

.wrapper-uid .main-wrapper .box-item .info-user-2 .item-gcoin .number-coin {
    color: #c40000;
    margin-left: 20px;
}

.wrapper-uid .main-wrapper .box-item .box-capvip {
    width: 100%;
    height: 320px;
    margin-top: 10px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .icon-capvip {
    background: url("../img/icon-capvip.png") no-repeat;
    width: 170px;
    height: 167px;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip {
    width: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    padding-bottom: 10px;
    line-height: 1;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip div {
    width: 40px;
    height: 14px;
    background: #ffffff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    color: #de2123;
    margin-bottom: 2px;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip:nth-child(odd) {
    background: url("../img/bar-1.png") no-repeat;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip:nth-child(even) {
    background: url("../img/bar-2.png") no-repeat;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip.level-1 {
    height: 42px;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip.level-2 {
    height: 57px;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip.level-3 {
    height: 78px;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip.level-4 {
    height: 102px;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip.level-5 {
    height: 123px;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip.level-6 {
    height: 146px;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip.level-7 {
    height: 168px;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip.level-8 {
    height: 188px;
}

.wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip.level-9 {
    height: 210px;
}

.wrapper-uid .main-wrapper .box-item .title-item {
    color: #212124;
    font-size: 17px;
    padding-bottom: 9px;
    border-bottom: 1px solid #e5e5e5;
    text-transform: uppercase;
    margin-bottom: 21px;
    font-weight: 500;
}

.wrapper-uid .main-wrapper .box-item .box-percent {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrapper-uid .main-wrapper .box-item .content-progress {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.wrapper-uid .main-wrapper .box-item .content-progress .item-pg {
    margin-bottom: 10px;
    color: #514b45;
    font-weight: 500;
}

.wrapper-uid .main-wrapper .box-item .content-progress .item-pg:before {
    content: "";
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 12px;
    background: url("../img/icon-progress.png") no-repeat;
    width: 17px;
    height: 17px;
    margin-top: 5px;
}

.wrapper-uid .main-wrapper .box-item .content-progress .item-pg span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.wrapper-uid .main-wrapper .box-item .content-progress .home-success {
    border-radius: 15px;
    width: 99px;
    height: 30px;
    padding: 1px;
    font-size: 15px;
}

.wrapper-uid .main-wrapper .box-item .content-progress .item-pg button {
    width: 99px;
    height: 30px;
    font-size: 14px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #ffffff;
    border: 1px solid #ff0010;
    color: #ff0010;
}

.wrapper-uid .main-wrapper .box-item .content-progress .item-pg button:hover {
    background-color: #ff0010;
    border: 1px solid #ff0010;
    color: #ffffff;
}

.wrapper-uid .main-wrapper .box-item .main-action {
    font-size: 14px;
    font-weight: 500;
    color: #212124;
}

.wrapper-uid .main-wrapper .box-item .main-action .top-action {
    margin-bottom: 20px;
}

.wrapper-uid .main-wrapper .box-item .main-action .top-action a {
    color: #4c98ff;
    font-style: italic;
}

.wrapper-uid .main-wrapper .box-item .main-action table {
    text-align: center;
    margin-bottom: 10px;
}

.wrapper-uid .main-wrapper .box-item .main-action table th,
.wrapper-uid .main-wrapper .box-item .main-action table td {
    border: 1px solid #e5e5e5;
    padding: 7px 8px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper {
    padding: 10px 16px;
    /*background-color: #f2f1f1;*/
    min-height: -webkit-calc(100vh - 57px - 58px - 212px);
    min-height: -moz-calc(100vh - 57px - 58px - 212px);
    min-height: calc(100vh - 57px - 58px - 212px);
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub {
    width: 100%;
    background-color: #ffffff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    min-height: 100px;
    -webkit-box-shadow: 1px 3px 6px 2px #9f3851;
    -moz-box-shadow: 1px 3px 6px 2px #9f3851;
    box-shadow: 1px 3px 6px 2px #9f3851;
    padding: 25px 22px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .title {
    font-size: 18px;
    font-weight: 600;
    color: #2b2b2b;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .title .icon-lock {
    display: inline-block;
    background: url("../img/icon-lock.png") no-repeat;
    width: 21px;
    height: 30px;
    margin-right: 15px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .style-number {
    color: #00a131;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .info-content {
    font-weight: 600;
    color: #2b2b2b;
    font-size: 16px;
    margin: 15px 0;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .info-content p {
    margin: 0;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .info-confirm {
    font-size: 14px;
    font-weight: 600;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .info-confirm:before {
    content: '';
    display: inline-block;
    background: url("../img/icon-check.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 17px;
    height: 16px;
    margin-right: 5px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action {
    margin: 10px 0;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action input {
    border: none;
    border-bottom: 1px solid #e5e5e5;
    font-size: 17px;
    font-weight: 300;
    font-style: italic;
    color: #7d7d7d;
    padding: 13px 5px 7px;
    margin-bottom: 2px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action input:focus {
    outline: none;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action button,
.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 37px;
    font-size: 17px;
    font-weight: 600;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action button.btn-action,
.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action a.btn-action {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    color: #ffffff;
    margin: 32px 0 12px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action button.btn-re-action,
.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action a.btn-re-action {
    background-color: #e5e5e5;
    color: #2b2b2b;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action .btn-confirm-email {
    display: inline-block;
    font-weight: 300;
    font-style: italic;
    margin-top: 10px;
    color: #7d7d7d;
    text-decoration: underline;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-change-ss {
    line-height: 1.7;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-change-ss img {
    margin-bottom: 20px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .top-account .item-top-acc {
    color: #252525;
    font-weight: 500;
    text-decoration: none;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .top-account .item-top-acc span {
    height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .line-acc {
    width: 98%;
    height: 0.2px;
    background-color: #e5e5e5;
    margin: 27px auto;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .btn-creat-report {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    color: #ffffff;
    height: 42px;
    background-color: #ff9000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .title-acc {
    border-left: 5px solid #c11b1e;
    padding: 0 9px;
    color: #6d6d6d;
    font-weight: 600;
    line-height: 21px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .title-acc a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 400;
    font-style: italic;
    color: #c71c1f;
    font-size: 14px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .item-acc-content {
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .item-acc-content:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .item-acc-content .content-left .item {
    color: #6d6d6d;
    font-weight: 500;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .item-acc-content .content-left .item .title-item {
    font-weight: 600;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .item-acc-content .content-left .item .text-red {
    color: #d31f21;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .item-acc-content .content-left .item .text-green {
    color: #05b805;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .item-acc-content .action-right a {
    width: 130px;
    height: 38px;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 9px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-decoration: none;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .item-acc-content .action-right a.btn-action-1 {
    background-color: #cccccc;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .item-acc-content .action-right a.btn-action-2 {
    background-color: #f39426;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .lst-question {
    margin: 0;
    padding: 10px 0 0 30px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .lst-question li {
    list-style: none;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .lst-question li a {
    color: #6d6d6d;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 2;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .lst-question li a span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .lst-question li a span:before {
    content: "-";
    margin-right: 5px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .lst-question li a:after {
    content: ">";
    display: inline-block;
    margin-left: 10px;
    font-family: "Brandon Text Medium";
    font-size: 15px;
    font-weight: 700;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .lst-support {
    margin: 0;
    padding: 10px 0 10px 10px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .lst-support li {
    padding: 6px 0;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-item-acc .lst-support li span {
    width: 25px;
    display: inline-block;
    margin-right: 5px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .title-h4 {
    font-size: 20px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    padding: 4px 0 4px 5px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .title-h4.border-left-5 {
    border-left: 5px solid #e12224;
    margin-bottom: 20px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .content-question {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .item-question .lst-item-question {
    padding: 10px 0 0;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .item-question .lst-item-question a {
    color: #707070;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .item-question .lst-item-question a:hover {
    color: #e12224;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .item-question .top {
    color: #252525;
    font-weight: 500;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .item-question .icon-q {
    width: 25px;
    text-align: center;
    margin-right: 15px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug {
    padding: 25px 10px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 13px 0 30px !important;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug ul li {
    width: 33%;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug ul li a {
    color: #ffffff;
    background-color: #878787;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    max-width: 200px;
    height: 37px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 5px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug ul li a:hover,
.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug ul li a.active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e22224), to(#bf1b1d));
    background-image: -webkit-linear-gradient(#e22224, #bf1b1d);
    background-image: -moz- oldlinear-gradient(#e22224, #bf1b1d);
    background-image: -o-linear-gradient(#e22224, #bf1b1d);
    background-image: linear-gradient(#e22224, #bf1b1d);
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .item-option {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .item-option select {
    width: 100%;
    height: 37px;
    background-color: #e0e0e0;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-style: italic;
    padding: 0 15px;
    position: relative;
    font-size: 16px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .item-option select:focus {
    outline: none;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .item-option:nth-child(2) select {
    width: 49.5% !important;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-des {
    width: 100%;
    background-color: #e0e0e0;
    margin-bottom: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-des textarea {
    border: none;
    background-color: #e0e0e0;
    width: 100%;
    height: 68px;
    padding: 10px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-des textarea:focus {
    outline: none;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-des .box-img,
.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-des .btn-add {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 67px;
    height: 67px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #939393;
    margin: 0 5px 5px 0;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-des .box-img:first-child,
.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-des .btn-add:first-child {
    margin-left: 5px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-des .box-img {
    position: relative;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-des .box-img img {
    width: 100%;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-des .box-img .btn-close-img {
    display: block;
    background: url("../img/icon-close.png") no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-des .btn-add {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-des .btn-add:before {
    content: '';
    background: url("../img/icon-add.png") no-repeat;
    width: 41px;
    height: 41px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-control-create button {
    background-color: #b5b5b5;
    color: #ffffff;
    text-transform: uppercase;
    height: 38px;
    width: 49.5%;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-control-create button.active {
    background-color: #f39426;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-info-create-bug {
    margin-bottom: 16px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-info-create-bug input {
    width: 49.5%;
    height: 37px;
    background-color: #e0e0e0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 9px;
    border: none;
    padding: 0 5px;
    font-style: italic;
    color: #272727;
    font-size: 16px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-info-create-bug input:focus {
    outline: none;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-info-create-bug input::-webkit-input-placeholder {
    color: #272727;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-info-create-bug input::-moz-placeholder {
    color: #272727;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-info-create-bug input:-ms-input-placeholder {
    color: #272727;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-info-create-bug input::placeholder {
    color: #272727;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-info-1 {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-note {
    margin: 10px 0 30px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .item-info-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    color: #8a8a8a;
    font-weight: 500;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .item-info-1 span {
    color: #f39426;
    display: inline-block;
    margin-right: 5px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc {
    padding: 25px 0;
    font-size: 16px;
    color: #2b2b2b;
    font-weight: 600;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc .top-acc-tb {
    padding: 10px 22px 15px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc .title-18 {
    font-size: 18px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc table {
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc table th,
.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc table td {
    border: 1px solid #e5e5e5;
    padding: 7px 8px;
}

.wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc .box-form-action {
    padding: 0 20px;
}

.wrapper-uid .main-wrapper.box-login {
    min-height: -webkit-calc(100vh - 57px - 58px);
    min-height: -moz-calc(100vh - 57px - 58px);
    min-height: calc(100vh - 57px - 58px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -30px;
    margin-bottom: 30px;
}

.wrapper-uid .main-wrapper.box-login .box-item {
    height: auto;
    padding: 50px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrapper-uid .main-wrapper.box-login .box-item:last-child {
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;
    /* padding-bottom: 30px; */
}

.wrapper-uid .main-wrapper.box-login .box-item .logo-login {
    background: url("../img/logo-login.png") no-repeat center center;
    background-size: contain;
    width: 329px;
    height: 89px;
    margin: 0 auto 20px auto;
    display: block;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.wrapper-uid .main-wrapper.box-login .box-item h5 {
    font-weight: 600;
    color: #909090;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.wrapper-uid .main-wrapper.box-login .box-item form {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
}

.wrapper-uid .main-wrapper.box-login .box-item form input {
    max-width: 100%;
    height: 46px;
    padding: 8px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-style: italic;
    color: #909090;
    border: none;
    background-color: #f4f4f4;
}

.wrapper-uid .main-wrapper.box-login .box-item form input:focus {
    outline: none;
}

.wrapper-uid .main-wrapper.box-login .box-item form button {
    border: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    width: 100%;
    max-width: 100%;
    height: 46px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* margin-bottom: 10px; */
    text-transform: uppercase;
    color: #ffffff;
}

.wrapper-uid .main-wrapper.box-login .box-item form button:focus {
    outline: none;
}

.wrapper-uid .main-wrapper.box-login .box-item form .item-bottom {
    width: 395px;
    max-width: 100%;
    /* margin: 0 auto; */
    text-align: right;
}

.wrapper-uid .main-wrapper.box-login .box-item form .item-bottom.box-info-ss {
    width: 507px;
}

.wrapper-uid .main-wrapper.box-login .box-item form .item-bottom a {
    text-decoration: none;
    color: #cc1d20;
}

.wrapper-uid .main-wrapper.box-login .box-item form .item-bottom .top-info {
    border-top: 1px solid #e5e5e5;
    color: #b6b6b6;
    padding: 15px;
    font-size: 14px;
    text-align: center;
}

.wrapper-uid .main-wrapper.box-login .box-item form .item-bottom .box-dk {
    color: #b6b6b6;
    padding: 15px;
    font-size: 14px;
    text-align: center;
}

.wrapper-uid .main-wrapper.box-login .box-item form .item-bottom .box-dk s .text-ss {
    color: #0fd173;
}

.wrapper-uid .main-wrapper.box-login .box-item form .item-bottom .btn-login {
    background-color: #898989;
    background-image: none;
}

.wrapper-uid .main-wrapper .box-setting {
    padding: 0 22px;
}

.wrapper-uid .main-wrapper .box-setting input {
    width: 100%;
    border: none;
    padding: 0 5px;
    font-size: 17px;
    font-weight: 300;
    font-style: italic;
    border-bottom: 1px solid #e5e5e5;
}

.wrapper-uid .main-wrapper .box-setting input:focus {
    outline: none;
}

.wrapper-uid .main-wrapper .box-setting .btn-update {
    height: 37px;
    color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

.wrapper-uid .main-wrapper .box-setting .btn-re-action {
    height: 37px;
    color: #2b2b2b;
    background-color: #e5e5e5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

.wrapper-uid .main-wrapper .text-red {
    color: #db2023;
}

.wrapper-uid .main-wrapper .box-warning {
    color: #db2023;
    font-size: 14px;
    margin: 10px 0;
}

.wrapper-uid .main-wrapper .box-warning:before {
    content: "";
    display: inline-block;
    background: url("../img/icon-warning.png") no-repeat;
    width: 12px;
    height: 11px;
    margin-right: 5px;
}

.wrapper-uid .main-wrapper .top-info-protect {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 500;
}

.wrapper-uid .main-wrapper .top-info-protect .title-18 {
    font-size: 18px;
}

.wrapper-uid .main-wrapper .lst-info-protect {
    margin-top: 15px;
}

.wrapper-uid .main-wrapper .lst-info-protect .item {
    border-top: 1px solid #e5e5e5;
    padding: 10px 0 10px;
    font-size: 14px;
    color: #b0b0b0;
    font-weight: 500;
}

.wrapper-uid .main-wrapper .lst-info-protect .item .icon-check {
    display: block;
    background: url("../img/icon-check.png") no-repeat;
    width: 17px;
    height: 16px;
    margin: 5px 7px 0 0;
}

.wrapper-uid .main-wrapper .lst-info-protect .item .icon-warning {
    display: block;
    background: url("../img/icon-warn.png") no-repeat;
    width: 17px;
    height: 15px;
    margin: 5px 7px 0 0;
}

.wrapper-uid .main-wrapper .lst-info-protect .item .btn-more {
    display: block;
    font-size: 15px;
    color: #c11b1e;
    margin-top: 25px;
}

.wrapper-uid .main-wrapper .lst-info-protect .item .btn-more:after {
    content: '';
    display: inline-block;
    background: url("../img/arr-more.png") no-repeat;
    width: 8px;
    height: 11px;
    margin-left: 10px;
}

.wrapper-uid .main-wrapper .lst-info-protect .item .info-center {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.wrapper-uid .main-wrapper .lst-info-protect .item p {
    padding: 0;
    margin: 0;
}

.wrapper-uid .main-wrapper .lst-info-protect .item .line-top {
    color: #2b2b2b;
    font-size: 16px;
}

.wrapper-uid .main-wrapper .lst-info-protect .item .line-top span {
    color: #f39426;
}

.wrapper-uid .main-wrapper .box-infous .btn-change {
    border: none;
    width: 100%;
    height: 37px;
    color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
    background-image: -webkit-linear-gradient(#e32224, #782844);
    background-image: -moz- oldlinear-gradient(#e32224, #782844);
    background-image: -o-linear-gradient(#e32224, #782844);
    background-image: linear-gradient(#e32224, #782844);
    margin-top: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

.wrapper-uid .main-wrapper .box-infous .item {
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.wrapper-uid .main-wrapper .box-infous .item.item-bold input {
    color: #2b2b2b;
}

.wrapper-uid .main-wrapper .box-infous .item.item-bold input::-webkit-input-placeholder {
    color: #2b2b2b;
}

.wrapper-uid .main-wrapper .box-infous .item.item-bold input::-moz-placeholder {
    color: #2b2b2b;
}

.wrapper-uid .main-wrapper .box-infous .item.item-bold input:-ms-input-placeholder {
    color: #2b2b2b;
}

.wrapper-uid .main-wrapper .box-infous .item.item-bold input::placeholder {
    color: #2b2b2b;
}

.wrapper-uid .main-wrapper .box-infous .item .sub-item {
    width: 49%;
}

.wrapper-uid .main-wrapper .box-infous .item .sub-item:first-child {
    margin-right: 2%;
}

.wrapper-uid .main-wrapper .box-infous .item label {
    font-size: 12px !important;
    margin-bottom: 0;
}

.wrapper-uid .main-wrapper .box-infous .item input,
.wrapper-uid .main-wrapper .box-infous .item select {
    border-bottom: 1px solid #e5e5e5 !important;
}

.wrapper-uid .main-wrapper .box-infous .item input,
.wrapper-uid .main-wrapper .box-infous .item button,
.wrapper-uid .main-wrapper .box-infous .item select,
.wrapper-uid .main-wrapper .box-infous .item label {
    width: 100%;
    border: none;
    font-size: 17px;
	font-weight: 300;
    font-style: italic;
    color: #525252;
}

.wrapper-uid .main-wrapper .box-infous .item input:focus,
.wrapper-uid .main-wrapper .box-infous .item button:focus,
.wrapper-uid .main-wrapper .box-infous .item select:focus,
.wrapper-uid .main-wrapper .box-infous .item label:focus {
    outline: none;
}

.wrapper-uid footer .main-footer {
    width: 660px;
    margin: 0 auto;
    background: url("../img/bg-ft.jpg") repeat-y;
    padding: 30px 0 40px;
    border-top: 2px solid #e12224;
}

.wrapper-uid footer .main-footer .logo-ft {
    display: block;
    background: url("../img/logo-ft.png") no-repeat;
    -webkit-background-size: 134px 36px;
    -moz-background-size: 134px 36px;
    background-size: 134px 36px;
    width: 134px;
    height: 36px;
    margin-right: 30px;
    margin-left: -10px;
}

.wrapper-uid footer .main-footer .ft-content {
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 2;
}

.wrapper-uid footer .main-footer .ft-content .ft-top a {
    display: inline-block;
}

.wrapper-uid footer .main-footer .ft-content .ft-top a:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: #ffffff;
    margin: -4px 10px;
}

.wrapper-uid footer .main-footer .ft-content .ft-top a:last-child:after {
    display: none;
}

.wrapper-uid footer .main-footer .ft-content a {
    color: #ffffff;
    font-size: 14px;
}

.wrapper-uid footer .main-footer .ft-content a:hover {
    color: red;
}

.wrapper-uid .fix-bottom-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 58px;
    z-index: 9;
    background-color: #ffffff;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom {
    width: 660px;
    height: 100%;
    margin: 0 auto;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a {
    color: #989898;
    font-size: 15px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    margin-right: 20px;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a:last-child {
    margin-right: 0;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 8px;
    width: 26px;
    height: 26px;
    /* background-color: #818181; */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* overflow: hidden; */
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-1:before {
    content: '';
    display: block;
    background: url("../img/icons/home.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-2:before {
    content: '';
    display: block;
    background: url("../img/icons/history.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-3:before {
    content: '';
    display: block;
    background: url("../img/icons/coin.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-4:before {
    content: '';
    display: block;
    background: url("../img/icons/suport.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-5:before {
    content: '';
    display: block;
    background: url("../img/icons/user.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a:hover {
    color: #d31f21;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-1:hover:before {
    content: '';
    display: block;
    background: url("../img/icons/home hover.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-2:hover:before {
    content: '';
    display: block;
    background: url("../img/icons/history hover.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-3:hover:before {
    content: '';
    display: block;
    background: url("../img/icons/coin hover.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-4:hover:before {
    content: '';
    display: block;
    background: url("../img/icons/suport hover.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-5:hover:before {
    content: '';
    display: block;
    background: url("../img/icons/user hover.png") no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.progress {
    width: 102px;
    height: 102px;
    line-height: 102px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    margin-right: 19px;
}

.progress:after {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 10px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
}

.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progress .progress-left {
    left: 0;
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 10px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #de2123;
}

.progress .progress-left .progress-bar {
    left: 100%;
    -webkit-border-top-right-radius: 51px;
    -moz-border-radius-topright: 51px;
    border-top-right-radius: 51px;
    -webkit-border-bottom-right-radius: 51px;
    -moz-border-radius-bottomright: 51px;
    border-bottom-right-radius: 51px;
    border-left: 0;
    -webkit-transform-origin: center left;
    -moz-transform-origin: center left;
    -ms-transform-origin: center left;
    -o-transform-origin: center left;
    transform-origin: center left;
}

.progress .progress-right {
    right: 0;
}

.progress .progress-right .progress-bar {
    left: -100%;
    -webkit-border-top-left-radius: 51px;
    -moz-border-radius-topleft: 51px;
    border-top-left-radius: 51px;
    -webkit-border-bottom-left-radius: 51px;
    -moz-border-radius-bottomleft: 51px;
    border-bottom-left-radius: 51px;
    border-right: 0;
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    -ms-transform-origin: center right;
    -o-transform-origin: center right;
    transform-origin: center right;
}

.progress .progress-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-weight: 500;
    text-transform: uppercase;
}

.progress .progress-value div {
    margin-top: 10px;
}

.progress .progress-value span {
    font-size: 12px;
    text-transform: uppercase;
}


/* This for loop creates the 	necessary css animation names
Due to the split circle of progress-left and progress right, we must use the animations on each side.
*/

.progress[data-percentage="10"] .progress-right .progress-bar {
    -webkit-animation: loading-1 1.5s linear forwards;
    -moz-animation: loading-1 1.5s linear forwards;
    -o-animation: loading-1 1.5s linear forwards;
    animation: loading-1 1.5s linear forwards;
}

.progress[data-percentage="10"] .progress-left .progress-bar {
    -webkit-animation: 0;
    -moz-animation: 0;
    -o-animation: 0;
    animation: 0;
}

.progress[data-percentage="20"] .progress-right .progress-bar {
    -webkit-animation: loading-2 1.5s linear forwards;
    -moz-animation: loading-2 1.5s linear forwards;
    -o-animation: loading-2 1.5s linear forwards;
    animation: loading-2 1.5s linear forwards;
}

.progress[data-percentage="20"] .progress-left .progress-bar {
    -webkit-animation: 0;
    -moz-animation: 0;
    -o-animation: 0;
    animation: 0;
}

.progress[data-percentage="30"] .progress-right .progress-bar {
    -webkit-animation: loading-3 1.5s linear forwards;
    -moz-animation: loading-3 1.5s linear forwards;
    -o-animation: loading-3 1.5s linear forwards;
    animation: loading-3 1.5s linear forwards;
}

.progress[data-percentage="30"] .progress-left .progress-bar {
    -webkit-animation: 0;
    -moz-animation: 0;
    -o-animation: 0;
    animation: 0;
}

.progress[data-percentage="40"] .progress-right .progress-bar {
    -webkit-animation: loading-4 1.5s linear forwards;
    -moz-animation: loading-4 1.5s linear forwards;
    -o-animation: loading-4 1.5s linear forwards;
    animation: loading-4 1.5s linear forwards;
}

.progress[data-percentage="40"] .progress-left .progress-bar {
    -webkit-animation: 0;
    -moz-animation: 0;
    -o-animation: 0;
    animation: 0;
}

.progress[data-percentage="50"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    -moz-animation: loading-5 1.5s linear forwards;
    -o-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="50"] .progress-left .progress-bar {
    -webkit-animation: 0;
    -moz-animation: 0;
    -o-animation: 0;
    animation: 0;
}

.progress[data-percentage="60"] .progress-right .progress-bar {
    border-color: #0cc144 !important;
    -webkit-animation: loading-5 1.5s linear forwards;
    -moz-animation: loading-5 1.5s linear forwards;
    -o-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="60"] .progress-left .progress-bar {
    border-color: #0cc144 !important;
    -webkit-animation: loading-1 1.5s linear forwards 1.5s;
    -moz-animation: loading-1 1.5s linear forwards 1.5s;
    -o-animation: loading-1 1.5s linear forwards 1.5s;
    animation: loading-1 1.5s linear forwards 1.5s;
}

.progress[data-percentage="70"] .progress-right .progress-bar {
    border-color: #0cc144 !important;
    -webkit-animation: loading-5 1.5s linear forwards;
    -moz-animation: loading-5 1.5s linear forwards;
    -o-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="70"] .progress-left .progress-bar {
    border-color: #0cc144 !important;
    -webkit-animation: loading-2 1.5s linear forwards 1.5s;
    -moz-animation: loading-2 1.5s linear forwards 1.5s;
    -o-animation: loading-2 1.5s linear forwards 1.5s;
    animation: loading-2 1.5s linear forwards 1.5s;
}

.progress[data-percentage="80"] .progress-right .progress-bar {
    border-color: #0cc144 !important;
    -webkit-animation: loading-5 1.5s linear forwards;
    -moz-animation: loading-5 1.5s linear forwards;
    -o-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="80"] .progress-left .progress-bar {
    border-color: #0cc144 !important;
    -webkit-animation: loading-3 1.5s linear forwards 1.5s;
    -moz-animation: loading-3 1.5s linear forwards 1.5s;
    -o-animation: loading-3 1.5s linear forwards 1.5s;
    animation: loading-3 1.5s linear forwards 1.5s;
}

.progress[data-percentage="90"] .progress-right .progress-bar {
    border-color: #0cc144 !important;
    -webkit-animation: loading-5 1.5s linear forwards;
    -moz-animation: loading-5 1.5s linear forwards;
    -o-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="90"] .progress-left .progress-bar {
    border-color: #0cc144 !important;
    -webkit-animation: loading-4 1.5s linear forwards 1.5s;
    -moz-animation: loading-4 1.5s linear forwards 1.5s;
    -o-animation: loading-4 1.5s linear forwards 1.5s;
    animation: loading-4 1.5s linear forwards 1.5s;
}

.progress[data-percentage="100"] .progress-right .progress-bar {
    border-color: #0cc144 !important;
    -webkit-animation: loading-5 1.5s linear forwards;
    -moz-animation: loading-5 1.5s linear forwards;
    -o-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="100"] .progress-left .progress-bar {
    border-color: #0cc144 !important;
    -webkit-animation: loading-5 1.5s linear forwards 1.5s;
    -moz-animation: loading-5 1.5s linear forwards 1.5s;
    -o-animation: loading-5 1.5s linear forwards 1.5s;
    animation: loading-5 1.5s linear forwards 1.5s;
}

@-webkit-keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg);
    }
}

@-moz-keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36);
        -moz-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}

@-o-keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36);
        -o-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36);
        -moz-transform: rotate(36deg);
        -o-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}

@-webkit-keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg);
    }
}

@-moz-keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(72);
        -moz-transform: rotate(72deg);
        transform: rotate(72deg);
    }
}

@-o-keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(72);
        -o-transform: rotate(72deg);
        transform: rotate(72deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(72);
        -moz-transform: rotate(72deg);
        -o-transform: rotate(72deg);
        transform: rotate(72deg);
    }
}

@-webkit-keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg);
    }
}

@-moz-keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(108);
        -moz-transform: rotate(108deg);
        transform: rotate(108deg);
    }
}

@-o-keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(108);
        -o-transform: rotate(108deg);
        transform: rotate(108deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(108);
        -moz-transform: rotate(108deg);
        -o-transform: rotate(108deg);
        transform: rotate(108deg);
    }
}

@-webkit-keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg);
    }
}

@-moz-keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144);
        -moz-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}

@-o-keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144);
        -o-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144);
        -moz-transform: rotate(144deg);
        -o-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}

@-webkit-keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg);
    }
}

@-moz-keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@-o-keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media screen and (max-width: 660px) {
    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub {
        padding: 15px 15px;
        border-radius: 20px;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper {
        padding: 5px 5px;
    }

    .wrapper-uid header .top-fix-header .box-info-sub .btn-back {
        margin-left: 0;
        margin-right: 0;
    }

    .wrapper-uid .main-wrapper .box-item .content-progress div .home-success-button span {
        margin-left: 5px;
    }

    .wrapper-uid header .top-fix-header {
        width: 98%;
    }

    .wrapper-uid header .top-fix-header .box-info-sub {
        margin-left: 0;
        text-indent: -999em;
    }

    .wrapper-uid .menu-list li .logout {
        font-size: 12px;
        margin-top: 8px;
    }

    .wrapper-uid .menu-list {
        right: 0;
        margin-right: 0;
    }

    .top-fix-header .box-menu .icon-menu {
        width: 5vw;
        height: 3.0303030303vw;
        margin-right: 1.8181818182vw;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-2:before {
        content: '';
        display: block;
        background: url("../img/icons/gift.png") no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        width: 25px;
        height: 25px;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-3:before {
        content: '';
        display: block;
        background: url("../img/icons/coin.png") no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        width: 25px;
        height: 25px;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-4:before {
        content: '';
        display: block;
        background: url("../img/icons/suport.png") no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        width: 25px;
        height: 25px;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-5:before {
        content: '';
        display: block;
        background: url("../img/icons/user.png") no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        width: 20px;
        height: 20px;
        background-position: center;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-1:before {
        content: '';
        display: block;
        background: url("../img/icons/home.png") no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        width: 25px;
        height: 25px;
    }

    .wrapper-uid {
        font-size: 14px;
        background: url("../img/bg-main.png") center center no-repeat;
        background-size: cover;
    }

    .wrapper-uid header .top-fix-header {
        width: 98%;
    }

    .wrapper-uid header .top-fix-header .box-info-sub {
        margin-left: 0;
        text-indent: -999em;
    }

    .wrapper-uid .main-wrapper {
        width: 98%;
    }

    .wrapper-uid .main-wrapper .box-item {
        -webkit-border-radius: 2.2727272727vw;
        -moz-border-radius: 2.2727272727vw;
        border-radius: 2.2727272727vw;
        padding: 8px;
    }

    .wrapper-uid .main-wrapper .box-item .bar-user-progress {
        height: 100px;
        margin: 24px 0 19px;
    }

    .wrapper-uid .main-wrapper .box-item .bar-user-progress .box-progress {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 5px;
    }

    .wrapper-uid .main-wrapper .box-item .bar-user-progress .btn-naptien {
        width: 80px;
    }

    .wrapper-uid .main-wrapper .box-item .info-user-2 .item-gcoin {
        margin-bottom: 5px;
    }

    .wrapper-uid .main-wrapper .box-item .box-capvip {
        width: 100%;
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .wrapper-uid .main-wrapper .box-item .box-capvip .bar-level {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip {
        width: 11%;
        max-width: 50px;
        font-size: 10px;
    }

    .wrapper-uid .main-wrapper .box-item .box-capvip .bar-level .bar-vip div {
        width: 30px;
    }

    .wrapper-uid .main-wrapper .box-item .box-percent {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wrapper-uid .main-wrapper .box-item .content-progress {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -moz-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin-top: 15px;
    }

    .wrapper-uid .main-wrapper .box-item .content-progress .home-success {
        width: 105px;
    }

    .wrapper-uid .main-wrapper .box-item .content-progress .item-pg button {
        width: 105px;
        /* height: 35px; */
    }

    .wrapper-uid .main-wrapper .box-item .main-action {
        font-size: 12px;
    }

    .wrapper-uid .main-wrapper .box-item .main-action .top-action {
        margin-bottom: 10px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .wrapper-uid .main-wrapper .box-item .main-action .top-action span {
        width: 85%;
    }

    .wrapper-uid .main-wrapper .box-item .main-action .top-action a {
        display: inline-block;
        margin: 0 auto;
    }

    .wrapper-uid .main-wrapper .box-item .main-action .top-action .moreLogsAct {
        margin-top: -18px;
    }

    .wrapper-uid .main-wrapper .box-item .main-action table th,
    .wrapper-uid .main-wrapper .box-item .main-action table td {
        padding: 5px;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .top-account {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .top-account .item-top-acc {
        width: 50%;
        margin-bottom: 10px;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .top-account .item-top-acc div {
        text-align: center;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-acc .item-acc-content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-acc .content-left {
        width: 100%;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-acc .action-right {
        margin: 15px auto 0;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug ul li a {
        font-size: 14px;
        text-align: center;
        line-height: 1;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .item-option {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .captcha-section .captcha-input-group {
        display: flex;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .item-option:nth-child(2) select {
        width: 100% !important;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-info-create-bug {
        margin-bottom: 16px;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .box-info-create-bug input {
        width: 100%;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-create-bug .tab-content .item-info-1 {
        width: 100%;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc {
        font-size: 14px;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc .title-18 {
        font-size: 16px;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc table {
        font-size: 13px;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc table th,
    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub.box-table-action-acc table td {
        padding: 5px;
    }

    .wrapper-uid .main-wrapper.box-login .box-item {
        height: auto;
        padding: 50px 20px;
    }

    .wrapper-uid .main-wrapper.box-login .box-item .logo-login {
        background: url("../img/logo-login.png") no-repeat center center;
        background-size: contain;
        width: 329px;
        height: 89px;
        margin: 0 auto 15px auto;
        display: block;
        text-decoration: none;
        transition: all 0.3s ease;
        border-radius: 3px;
    }

    .wrapper-uid .main-wrapper.box-login .box-item h5 {
        font-weight: 600;
        color: #909090;
        font-size: 24px;
        text-transform: uppercase;
    }

    .wrapper-uid .main-wrapper.box-login .box-item form {
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        max-width: 100%;
    }

    .wrapper-uid .main-wrapper.box-login .box-item form input {
        max-width: 100%;
        height: 46px;
        padding: 8px 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-style: italic;
        color: #909090;
        border: none;
        background-color: #f4f4f4;
    }

    .wrapper-uid .main-wrapper.box-login .box-item form button {
        border: none;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
        background-image: -webkit-linear-gradient(#e32224, #782844);
        background-image: -moz- oldlinear-gradient(#e32224, #782844);
        background-image: -o-linear-gradient(#e32224, #782844);
        background-image: linear-gradient(#e32224, #782844);
        width: 395px;
        max-width: 100%;
        height: 46px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-transform: uppercase;
        color: #ffffff;
    }

    .wrapper-uid .main-wrapper.box-login .box-item form .item-bottom {
        width: 395px;
        max-width: 100%;
        margin: 0 auto;
    }

    .wrapper-uid .main-wrapper.box-login .box-item form .item-bottom a {
        text-decoration: none;
        color: #cc1d20;
    }

    .wrapper-uid .main-wrapper .box-infous .item {
        height: auto;
        min-height: 40px;
    }

    .wrapper-uid .main-wrapper .box-infous .item .sub-item {
        width: 100%;
        height: 47px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .wrapper-uid .main-wrapper .box-infous .item .sub-item:first-child {
        margin-right: 0;
    }

    .wrapper-uid .main-wrapper .box-infous .item label {
        font-size: 12px !important;
        margin-bottom: 0;
    }

    .wrapper-uid .main-wrapper .box-infous .item input,
    .wrapper-uid .main-wrapper .box-infous .item select {
        border-bottom: 1px solid #e5e5e5 !important;
    }

    .wrapper-uid .main-wrapper .box-infous .item input,
    .wrapper-uid .main-wrapper .box-infous .item button,
    .wrapper-uid .main-wrapper .box-infous .item select,
    .wrapper-uid .main-wrapper .box-infous .item label {
        width: 100%;
        border: none;
        font-size: 14px;
		font-weight: 300;
		font-style: italic;
		color: #525252;
    }

    .wrapper-uid .main-wrapper .box-infous .item input:focus,
    .wrapper-uid .main-wrapper .box-infous .item button:focus,
    .wrapper-uid .main-wrapper .box-infous .item select:focus,
    .wrapper-uid .main-wrapper .box-infous .item label:focus {
        outline: none;
    }

    .wrapper-uid footer .main-footer {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .wrapper-uid footer .main-footer .logo-ft {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .wrapper-uid footer .main-footer .ft-content {
        width: 100%;
        font-size: 12px;
    }

    .wrapper-uid footer .main-footer .ft-content .ft-top a {
        display: inline-block;
    }

    .wrapper-uid footer .main-footer .ft-content .ft-top a:after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 12px;
        background-color: #ffffff;
        margin: -2px 10px;
    }

    .wrapper-uid footer .main-footer .ft-content a {
        font-size: 12px;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom {
        width: 100% !important;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a {
        font-size: 14px;
        margin-right: 5px;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft {
        margin: 0 4px;
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 359px) {
    .wrapper-uid .menu-list li .logout {
        font-size: 9px;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a {
        font-size: 12px;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft {
        margin: 0 2px;
    }

    .wrapper-uid footer .main-footer .ft-content .ft-top a:after {
        margin: -2px 5px;
    }

    /* .wrapper-uid .main-wrapper.box-login .box-item .logo-login {
        width: 329px;
        height: 89px;
    } */
}

@media screen and (min-width: 1024px) {
    .modal .modal-dialog {
        margin-top: -13% !important;
    }

    .wrapper-pay .menu-list li .logOut {
        font-size: 13px;
    }

    /* .wrapper-uid .main-wrapper.box-login .box-item .logo-login {
        width: 429px;
        height: 89px;
    } */
}

@media screen and (max-width: 480px) {
    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action .button-check .check-info {
        width: 100%;
        font-size: 13px;
    }

    .wrapper-uid .main-wrapper .main-sub-wrapper .box-item-sub .box-form-action .button-check .text-check-info {
        font-size: 11px;
    }

    .wrapper-uid {
        padding-top: 10.6060606061vw;
        padding-bottom: 13.6363636364vw;
        background: url("../img/bg-main.png") center center no-repeat;
        background-size: cover;
    }

    .vertify-forgot-pass {
        width: 100%;
    }

    .wrapper-uid header {
        height: 10.6060606061vw;
    }

    .wrapper-uid header .top-fix-header .box-user {
        width: 5.4545454545vw;
        height: 5.4545454545vw;
        margin: 0;
    }

    .wrapper-uid header .top-fix-header .box-user.active .box-info-user span {
        font-size: 3.3333333333vw;
    }

    .wrapper-uid header .top-fix-header .box-user.active .sub-info-user {
        width: 30.303030303vw;
    }

    .wrapper-uid header .top-fix-header .box-user.active .sub-info-user .line-sub {
        height: 6.3636363636vw;
        font-size: 3.0303030303vw;
    }

    .wrapper-uid header .top-fix-header .box-user.active .sub-info-user .line-sub a {
        font-size: 3.0303030303vw;
    }

    .wrapper-uid header .top-fix-header .box-user.active .sub-info-user .line-sub a.btn-exit img {
        width: 4.5454545455vw;
    }

    .wrapper-uid header .top-fix-header .box-user.active .sub-info-user .line-sub .nickname-us {
        width: 18.1818181818vw;
    }

    .wrapper-uid header .top-fix-header .box-user.active .sub-info-user .line-sub .img-user {
        width: 4.5454545455vw;
        height: 4.5454545455vw;
        font-size: 2.4242424242vw;
    }

    .wrapper-uid header .top-fix-header .logo-ui {
        width: 13vw;
        height: 3.4848484848vw;
        left: 43%;
    }

    .wrapper-uid header .top-fix-header .logo-ui img {
        margin-left: 0;
    }

    .wrapper-uid header .top-fix-header .box-info-sub {
        font-size: 3.3333333333vw;
    }

    .wrapper-uid .menu-list.active {
        top: 10.6060606061vw;
    }

    .wrapper-uid .menu-list li {
        font-size: 3.3333333333vw;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom {
        width: 100% !important;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 3.0303030303vw;
        margin-right: 0;
        width: 18.1818181818vw;
    }

    .wrapper-uid .fix-bottom-footer {
        height: 13.6363636364vw;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom {
        width: 100%;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 3.0303030303vw;
        margin-right: 0;
        width: 18.1818181818vw;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft {
        width: 5.4545454545vw;
        height: 5.4545454545vw;
        margin-bottom: 0.7575757576vw;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-1:before {
        width: 4.5454545455vw;
        height: 4.5454545455vw;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-2:before {
        width: 4.5454545455vw;
        height: 4.5454545455vw;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-3:before {
        width: 4.5454545455vw;
        height: 4.5454545455vw;
    }

    .wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-4:before {
        width: 4.5454545455vw;
        height: 4.5454545455vw;
    }
	
	.wrapper-uid .fix-bottom-footer .main-fixbottom a .icon-ft.icon-5:before {
        width: 4.5454545455vw;
        height: 4.5454545455vw;
    }

    .wrapper-uid .menu-list li .logout {
        font-size: 12px;
    }
}

.wrapper-uid .main-wrapper .main-login .login_facebook {
    /* background: #2755B7; */
    color: white;
    border-radius: 10px;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2755B7), to(#2755B7));
    background-image: -webkit-linear-gradient(#2755B7, #2755B7);
    background-image: linear-gradient(#2755B7, #2755B7);
    background-image: -moz- oldlinear-gradient(#2755B7, #2755B7);
    background-image: -o-linear-gradient(#2755B7, #2755B7);
}

.wrp-uid .main-wrapper .main-sub-wrapper .box-item-sub .lst-info-protect .item i {
    color: #28a745;
    padding-top: 5px;
    padding-right: 5px;
}

.wrp-uid .main-wrapper .box-item .item-bottom a {
    text-decoration: none;
    color: #dc3545;
}

.ring-wrapper {
    display: block;
    position: fixed;
    z-index: 999;
    bottom: 45px;
    right: 10px;
}

.coccoc-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.coccoc-alo-phone {
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    right: 150px;
    top: 30px;
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
    background-color: #B22222;
    opacity: .75 !important;
}

.coccoc-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.coccoc-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coccoc-alo-ph-img-circle svg {
    width: 32px;
    height: 32px;
    color: #fff;
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
    background-color: #B22222;
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
    border-color: #B22222;
    opacity: .5;
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {
    border-color: #8B0000;
    opacity: .5;
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {
    background-color: #8B0000;
    opacity: .75 !important;
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
    background-color: #8B0000;
}

@-moz-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@media screen and (max-width: 660px) {
    .coccoc-alo-phone {
        width: 100px;
        height: 100px;
    }

    .coccoc-alo-ph-circle {
        width: 80px;
        height: 80px;
        left: 10px;
        top: 10px;
    }

    .coccoc-alo-ph-circle-fill {
        width: 50px;
        height: 50px;
        top: 25px;
        left: 25px;
    }

    .coccoc-alo-ph-img-circle {
        width: 30px;
        height: 30px;
        top: 35px;
        left: 35px;
    }

    .coccoc-alo-ph-img-circle svg {
        width: 18px;
        height: 18px;
    }
}

.c-loading {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out
}


.c-loading .over-black {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ad4648;
    pointer-events: none
}

.c-loading .over-dark {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #443333b3;
    pointer-events: none
}

.c-loading .loading {
    position: relative;
    z-index: 2;
    height: 18.51851851851852vh;
    width: 18.51851851851852vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border-top: 0.6vh solid #fff;
    -webkit-animation: anim 2s linear infinite;
    animation: anim 2s linear infinite
}

.c-loading .loading::before,
.c-loading .loading::after {
    content: '';
    width: 18.51851851851852vh;
    height: 18.51851851851852vh;
    position: absolute;
    left: 0px;
    top: -0.6vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%
}

.c-loading .loading::before {
    border-top: 0.6vh solid #fff;
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.c-loading .loading::after {
    border-top: 0.6vh solid #fff;
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.c-loading .loading .wrapper {
    display: block;
    text-align: center;
    -webkit-animation: anim2 2s linear infinite;
    animation: anim2 2s linear infinite
}

.c-loading .loading .wrapper img {
    display: block;
    width: 9.25925925925926vh;
    height: auto;
}

@-webkit-keyframes anim {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes anim {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes anim2 {
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes anim2 {
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.dots {
    position: absolute;

    top: 3.7vh;
    width: 100%;
    display: flex;
    justify-content: center;

}

.dot {
    width: 1vh;
    height: 1vh;
    margin: 0 0.5vh;
    background: white;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    opacity: 0;

    -webkit-box-shadow: 0 0 0.2vh black;
    -moz-box-shadow: 0 0 0.2vh black;
    -ms-box-shadow: 0 0 0.2vh black;
    -o-box-shadow: 0 0 0.2vh black;
    box-shadow: 0 0 0.2vh black;

    -webkit-animation: loadingFade 1s infinite;
    -moz-animation: loadingFade 1s infinite;
    animation: loadingFade 1s infinite;
}

.dot:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.dot:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.dot:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.dot:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

@-webkit-keyframes loadingFade {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes loadingFade {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 0;
    }
}

@keyframes loadingFade {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 0;
    }
}

.wrapper-uid .menu-list li {
    font-family: 'Exo 2', sans-serif;
}

.wrapper-uid .menu-list li a{
    display: flex;
    align-items: center;
}

.full {
    pointer-events: none;
}

.full.active {
    pointer-events: auto;
}

.list-game {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.list-game>a {
    padding: 10px;
    width: 25%;
    display: block;
    border: 1px solid #e0e0e0;
    text-decoration: none;
    border-left: 0;
    border-top: 0;
}

.list-game>a:nth-child(4n + 1) {
    border-left: 1px solid #e0e0e0;
}

.list-game>a:nth-child(1) {
    border-top: 1px solid #e0e0e0;
}

.list-game>a:nth-child(2) {
    border-top: 1px solid #e0e0e0;
}

.list-game>a:nth-child(3) {
    border-top: 1px solid #e0e0e0;
}

.list-game>a:nth-child(4) {
    border-top: 1px solid #e0e0e0;
}

@media (max-width: 767.99px) {
    .list-game>a {
        width: 50%;
    }

    .list-game>a:nth-child(4) {
        border-top: 0;
    }

    .list-game>a:nth-child(4n + 1) {
        border-left: 0;
    }

    .list-game>a:nth-child(3n + 1) {
        border-left: 1px solid #e0e0e0;
    }
}

.list-game>a img {
    width: 100%;
    vertical-align: top;
}

.list-game>a span {
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    color: #212124;
    font-size: 14px;
    font-weight: 600;
}

.wrapper-uid .main-wrapper .box-item .info-user-2 .item-gcoin .icon-points, .wrapper-uid .main-wrapper .box-item .info-user-2 .item-gcoin .icon-grice {
    background-size: contain;
    background-position: bottom;
}

@media (max-width: 767.99px) {
    .list-game>a {
        width: 33.3333%;
    }
}

.wrapper-uid .main-wrapper.box-login {
    margin-top: 0;
}

.popupverify{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #00000099;
	top: 0;
	left: 0;
	z-index: 99999;
	align-items: center;
	justify-content: center;
	transform: scale(15.3);
	transition: all linear 0.5s;
}
.popupverify.active{
	display: flex;
	transform: scale(1);
}
.popupverify .popup-content {
	width: 399px;
	height: 350px;
	background: white;
	border-radius: 5px;
	text-align: center;
	padding: 20px;
	display: flex;
	flex-direction: column;
	position: relative;
	justify-content: space-evenly;
}
.popupverify .close{
	position: absolute;
	top: -18px;
	right: -18px;
	background: #000;
	width: 40px;
	border-radius: 50%;
	height: 40px;
	display: flex;
	line-height: 33px;
	justify-content: center;
	color: #fff;
	font-size: 45px;
	line-height: 33px;
}

@media screen and (max-width: 470px) {
	.popupverify .popup-content {
		margin: 1.7rem !important;
	}
}

.modal-content{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 80%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1pxsolidrgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
    box-shadow: 0px 0px 2.9px 0.1px;
    margin: auto;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: none;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    justify-content: center;
}

.mat-h5, .mat-typography h5 {
    /* font-size: 4.5vw !important; */
    margin: 0 0 12px;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    text-align: center;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: none;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-content .btn{
    width: 100%;
}
.modal-content .text-monospace{
    font-family: Roboto !important;
}

/* Design MENU */

.ic-support::before{
        background: url('/assets/img/icons/suport%20hover.png') no-repeat;
        width: 20px;
        height: 20px;
        background-size: contain;
    }
    .ic-gift::before{
        background: url('/assets/img/icons/gift%20hover.png') no-repeat;
        width: 20px;
        height: 20px;
        background-size: contain;
    }
	.ic-user::before{
        background: url('/assets/img/icons/user%20hover.png') no-repeat;
        width: 20px;
        height: 20px;
        background-size: contain;
    }
    .ic-coin::before{
        background: url('/assets/img/icons/coin%20hover.png') no-repeat;
        width: 20px;
        height: 20px;
        background-size: contain;
    }
    .ic-hd::before{
        background: url('/assets/img/icons/guide%20hover.png') no-repeat;
        width: 20px;
        height: 20px;
        background-size: contain;
    }
    .ic-history::before{
        background: url('/assets/img/icons/history%20hover.png') no-repeat;
        width: 20px;
        height: 20px;
        background-size: contain;
    }
    .account-head{
        border-bottom: 8px solid #e9e9e9;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        grid-row-gap: 10px;
        padding: 15px 0 20px 0;
        font-family: 'Exo 2', serif;
        font-size: 16px;
    }
    .account-content {
        border: 1px solid #e3e3e3;
        padding: 12px 30px;
        min-width: 190px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        text-transform: uppercase;
        text-decoration: none;
        color: #797979;
    }
    .account-content:hover{
        background: #d32227;
        color: #fff;
    }
    .account-f {
        display: flex;
        justify-content: space-between;
        min-width: 190px;
    }
    .hi-account{
        display: flex;
        max-width: 190px;
        justify-content: flex-start;
        width: 100%;
    }
    .wrapper-uid .menu-list{
        padding: 10px 0;
        top: -1350px;
        height: 100%;
    }
    .wrapper-uid .menu-list li{
        padding: 0 15px;
    }

    .account-f .icon-gcoin {
        width: 19px;
        height: 19px;
        margin-right: 5px;
    }
    .account-f .icon-grice {
        width: 21px;
        height: 21px;
        margin-right: 5px;
    }
    .account-head .icon-setting{
        width: 24px;
        height: 24px;
        margin-right: 5px;
    }
    .account-head-frame1{
        align-items: flex-start;
        padding: 0px;
        grid-row-gap: 0px;
        border-bottom: 8px solid #e9e9e9;
    }
    .account-head-frame2{
        align-items: flex-start;
        padding: 0px;
        grid-row-gap: 0px;
        border-bottom: none;
    }
    .account-head-frame1 li, .account-head-frame2 li {
        padding: 10px 15px !important;
        margin: 0 !important;
        border-bottom: 1px solid #f8f8f8;
        width: 100%;
    }
    .account-head-frame1 li:hover, .account-head-frame2 li:hover {
        background-color: rgb(247 247 247);
    }
    .account-head-frame1 li a:hover, .account-head-frame2 li a:hover {
        color: #d42b30;
        text-decoration: none;
    }
	a:hover{
		text-decoration: none;
	}
    .account-head-frame1 li:hover a, .account-head-frame2 li:hover a {
        color: #d42b30;
        text-decoration: none;
    }
    .wrapper-uid .menu-list{
        z-index: 9999;
    }
    .full{
        top: 0 !important;
    }
	
	
	/*End Design MENU */
	.points-achieved-all{
		color: #939393 !important;
		font-weight: 550;
	}
	.points-achieved{
		margin: 0 4px;
		color: #cc1d20;
	}

	.carousel-arrows .carousel-arrow.carousel-arrow-prev {
        background-image: url("../img/vip-prv.png") !important;
		background-color: transparent !important;
		box-shadow: none !important;
		left: -11px !important;
    }
    .carousel-arrows .carousel-arrow.carousel-arrow-next {
        background-image: url("../img/vip-next.png") !important;
		background-color: transparent !important;
		box-shadow: none !important;
		right: -11px !important;
    }
	.carousel-cells .carousel-cell img {
        object-fit: contain !important;
		width: 170px !important;
		height: 138px !important;
    }
	.btn-view-vip {
		background-image: -webkit-gradient(linear, left top, left bottom, from(#e32224), to(#782844));
		background-image: -webkit-linear-gradient(#e32224, #782844);
		background-image: -moz- oldlinear-gradient(#e32224, #782844);
		background-image: -o-linear-gradient(#e32224, #782844);
		background-image: linear-gradient(#e32224, #782844);
		border: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #ffffff;
		font-size: 14px;
		padding: 9px 15px;
		margin: 0 auto;
		margin-top: 11px;
	}
	.carousel-angular-css{
		height: 320px !important;
	}
	@media screen and (max-width: 480px){
		.carousel-cells .carousel-cell img {
			width: 100px !important;
			height: 90px !important;
		}
		.btn-view-vip {
			font-size: 11px;
			padding: 6px 11px;
		}
		.carousel-angular-css{
			height: 215px !important;
		}
	}
	.carousel-cells .carousel-cell{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		height: 100% !important;
		overflow: visible !important;
	}
	.carousel-angular-css .carousel-cell.active img{
		width: 100% !important;
		height: 100% !important
	}