.ex-title {
    position: absolute;
    top: 223px;
    left: 46px;
}

.game-title {
    position: absolute;
    top: 196px;
    left: 76px;
}

.rule-title {
    position: absolute;
    top: 246px;
    left: 69px;
}

.ex-cover {
    position: absolute;
    top: 449px;
    left: 839px;
}

.popup.popup-text .wrap .content .img {
    position: absolute;
    top: 32px;
}

.popup.popup-text .wrap .content .description {
    position: absolute;
    top: 145px;
    font-size: 19px;
    width: 359px;
    text-align: center;
}

#text-h2 {
    position: absolute;
    top: 794px;
    left: 612px;
    width: 694px;
    height: 131px;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #d3d1cd;
}

.btn-nologin {
    position: relative;
    background: url('../images/vong-quay-min-4.png') no-repeat;
    width: 537px;
    height: 537px;
    margin-bottom: 25px;
}

/**** bxh ****/

.bxh {
    position: absolute;
    top: 23px;
    left: 1481px;
    width: 372px;
    height: 703px;
    background: url(../images/bg-bxh.png) no-repeat;
}

.bxh-not-active {
    background: url(../images/bg-bxh-2.png) no-repeat;
}

.bxh table {
    display: block;
    position: absolute;
    top: 319px;
    left: 13px;
    border-collapse: collapse;
    border-color: #000;
    width: 348px;
}

.bxh table thead {
    background: #8c0000;
    text-transform: uppercase;
    color: #fff;
}

.bxh table thead th {
    width: 151px;
    padding: 5px;
    font-size: 13px;
    border: 1px solid #2ebc02;
}

.bxh table thead th:nth-child(1) {
    width: 10%;
}

.bxh table tbody {
    background: #196900;
    color: #fff;
}

.bxh table tbody tr td {
    padding: 5px 3px 4px 3px;
    text-align: center;
    border: 1px solid #000;
    max-width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**** loader animate ****/

.loader-container {
    z-index: 1001;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 325px;
    left: 917px;
    border-radius: 50px;
    background: linear-gradient(#ab9a69, rgb(219 60 2), rgb(255 240 0));
    animation: animate 0.7s linear infinite;
    z-index: 99999;
    opacity: 0.7;
}

.loader span {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: linear-gradient(#16ff23, rgb(207 35 35), rgb(229 222 104))
}

.loader:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: #882101;
    border-radius: 50px;
}

@keyframes animate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}