.lb-header-icons .icon.users:after {
    background: #d8b55c;
    background: -webkit-gradient(linear, left bottom, left top, from(#d8b55c), color-stop(25%, #d8b55c), color-stop(50%, #97642e), color-stop(51%, #f9fde7), color-stop(79%, #fbe9a1), to(#fbe9a1));
    background: -webkit-linear-gradient(bottom, #d8b55c 0%, #d8b55c 25%, #97642e 50%, #f9fde7 51%, #fbe9a1 79%, #fbe9a1 100%);
    background: -o-linear-gradient(bottom, #d8b55c 0%, #d8b55c 25%, #97642e 50%, #f9fde7 51%, #fbe9a1 79%, #fbe9a1 100%);
    background: linear-gradient(0deg, #d8b55c 0%, #d8b55c 25%, #97642e 50%, #f9fde7 51%, #fbe9a1 79%, #fbe9a1 100%);
}

.lb-bottom-icons>.icon .inner .text span {
    color: #501100;
    text-transform: uppercase;
    font-size: 12px;
    width: 100%;
    text-align: center;
    height: 20px;
    position: absolute;
    bottom: 2px;
    z-index: 3;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    text-align: center;
    padding: 4px 0;
    text-shadow: 1px 0 #f8e59f, -1px 0 #f8e59f, 0 1px #f8e59f, 0 -1px #f8e59f;
}

@-webkit-keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fly-up-slow {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes fly-up-slow {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes fly-down-slow {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes fly-down-slow {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes tour-laser-left-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    45%,
    60% {
        opacity: 1;
        -webkit-transform: translateX(-100px) scaleX(2);
        transform: translateX(-100px) scaleX(2);
    }
    99% {
        display: block;
    }
    to {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        opacity: 0;
        display: none;
    }
}

@keyframes tour-laser-left-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    45%,
    60% {
        opacity: 1;
        -webkit-transform: translateX(-100px) scaleX(2);
        transform: translateX(-100px) scaleX(2);
    }
    99% {
        display: block;
    }
    to {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        opacity: 0;
        display: none;
    }
}

@-webkit-keyframes tour-laser-right-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    45% {
        opacity: 1;
        -webkit-transform: translateX(100px) scaleX(1.5);
        transform: translateX(100px) scaleX(1.5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(100px) scaleX(1);
        transform: translateX(100px) scaleX(1);
    }
    99% {
        display: block;
    }
    to {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0;
        display: none;
    }
}

@keyframes tour-laser-right-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    45% {
        opacity: 1;
        -webkit-transform: translateX(100px) scaleX(1.5);
        transform: translateX(100px) scaleX(1.5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(100px) scaleX(1);
        transform: translateX(100px) scaleX(1);
    }
    99% {
        display: block;
    }
    to {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0;
        display: none;
    }
}

.ocean-king.icon-room-normal {
    width: 120px;
    height: 120px;
    z-index: 2;
    position: absolute;
    left: -29px;
    bottom: 42px;
    background-image: url(img/room-game/ic-room-normal.png);
    background-size: 118px 107px;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: anim-icon-ocean-king-normal 8s infinite linear;
    animation: anim-icon-ocean-king-normal 8s infinite linear;
}

.ocean-king.icon-room-normal:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.ocean-king.icon-room-normal .text {
    width: 100%;
    position: absolute;
    bottom: 38px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffeea5;
    text-shadow: 1px 2px black;
}

.ocean-king.icon-room-vip {
    width: 150px;
    height: 124px;
    position: absolute;
    z-index: 2;
    right: -46px;
    bottom: 50px;
    background-image: url(img/room-game/ic-room-vip.png);
    background-size: 150px 124px;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: anim-icon-ocean-king-vip 8s infinite linear;
    animation: anim-icon-ocean-king-vip 8s infinite linear;
}

.ocean-king.icon-room-vip:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.ocean-king.icon-room-vip .text {
    width: 100%;
    position: absolute;
    bottom: 27px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffeea5;
    text-shadow: 1px 2px black;
}

@-webkit-keyframes anim-icon-ocean-king-normal {
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

@keyframes anim-icon-ocean-king-normal {
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

@-webkit-keyframes anim-icon-ocean-king-vip {
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes anim-icon-ocean-king-vip {
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

table.fixed-header {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
}

table.fixed-header thead tr {
    display: block;
    width: 100%;
}

table.fixed-header thead tr th {
    text-transform: uppercase;
}

table.fixed-header tbody {
    display: block;
    width: calc(100% + 14px);
    overflow: auto;
    height: 500px;
}

table.fixed-header tbody tr {
    width: 100%;
}

table tbody tr.toclone {
    display: none;
}

table tbody td .link {
    cursor: pointer;
}

table tbody td .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

table tbody td .icon-vip {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    height: 50px;
}

table tbody td .avatar {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    padding: 2px;
    background: -webkit-linear-gradient(#f5d582, #d0a457);
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

table tbody td .avatar img {
    width: 36px;
    height: 36px;
    border-radius: 2px;
}

@font-face {
    font-family: utmHanzel;
    src: url("fonts/UTM-Hanzel.ttf?v=2");
}

@font-face {
    font-family: PadaukRegular;
    src: url("fonts/Padauk-Regular.ttf?v=2");
}

@-webkit-keyframes anim-download-apk {
    0% {
        -webkit-filter: brightness(1.5);
        filter: brightness(1.5);
    }
    50% {
        -webkit-filter: brightness(0.9);
        filter: brightness(0.9);
    }
    to {
        -webkit-filter: brightness(1.5);
        filter: brightness(1.5);
    }
}

@keyframes anim-download-apk {
    0% {
        -webkit-filter: brightness(1.5);
        filter: brightness(1.5);
    }
    50% {
        -webkit-filter: brightness(0.9);
        filter: brightness(0.9);
    }
    to {
        -webkit-filter: brightness(1.5);
        filter: brightness(1.5);
    }
}

@-webkit-keyframes anim-light-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes anim-light-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes anim-message-before {
    20%,
    53%,
    80%,
    0%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40% {
        -webkit-filter: brightness(1.3);
        filter: brightness(1.3);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
}

@keyframes anim-message-before {
    20%,
    53%,
    80%,
    0%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40% {
        -webkit-filter: brightness(1.3);
        filter: brightness(1.3);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
}

@-webkit-keyframes anim-message {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes anim-message {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes anim-event {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.99, 0.99, 0.99) rotate3d(0, 0, 1, -1deg);
        transform: scale3d(0.99, 0.99, 0.99) rotate3d(0, 0, 1, -1deg);
    }
    30% {
        -webkit-transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, 1deg);
        transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, 1deg);
    }
    50% {
        -webkit-filter: brightness(1);
        filter: brightness(1);
        -webkit-transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, 1deg);
        transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, 1deg);
        -webkit-filter: brightness(1.3);
        filter: brightness(1.3);
    }
    70%,
    90% {
        -webkit-transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, 1deg);
        transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, 1deg);
        -webkit-filter: brightness(1.3);
        filter: brightness(1.3);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, -1deg);
        transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes anim-event {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.99, 0.99, 0.99) rotate3d(0, 0, 1, -1deg);
        transform: scale3d(0.99, 0.99, 0.99) rotate3d(0, 0, 1, -1deg);
    }
    30% {
        -webkit-transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, 1deg);
        transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, 1deg);
    }
    50% {
        -webkit-filter: brightness(1);
        filter: brightness(1);
        -webkit-transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, 1deg);
        transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, 1deg);
        -webkit-filter: brightness(1.3);
        filter: brightness(1.3);
    }
    70%,
    90% {
        -webkit-transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, 1deg);
        transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, 1deg);
        -webkit-filter: brightness(1.3);
        filter: brightness(1.3);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, -1deg);
        transform: scale3d(1.01, 1.01, 1.01) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes anim-jackpot {
    0% {
        -webkit-filter: brightness(1);
        filter: brightness(1);
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
    50% {
        -webkit-filter: brightness(1.3);
        filter: brightness(1.3);
        -webkit-transform: translateX(-50%) scale(0.9);
        transform: translateX(-50%) scale(0.9);
    }
    to {
        -webkit-filter: brightness(1);
        filter: brightness(1);
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
}

@keyframes anim-jackpot {
    0% {
        -webkit-filter: brightness(1);
        filter: brightness(1);
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
    50% {
        -webkit-filter: brightness(1.3);
        filter: brightness(1.3);
        -webkit-transform: translateX(-50%) scale(0.9);
        transform: translateX(-50%) scale(0.9);
    }
    to {
        -webkit-filter: brightness(1);
        filter: brightness(1);
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    to {
        -webkit-transform: translateX(calc(-102% - 572px));
        transform: translateX(calc(-102% - 572px));
    }
}

@keyframes scroll-left {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    to {
        -webkit-transform: translateX(calc(-102% - 572px));
        transform: translateX(calc(-102% - 572px));
    }
}

@-webkit-keyframes zoom-basic {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoom-basic {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.fade-in {
    -webkit-animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes puff-in-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.2) translateY(-300px);
        transform: scale(1.2) translateY(-300px);
        opacity: 0;
    }
}

@keyframes puff-in-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.2) translateY(-300px);
        transform: scale(1.2) translateY(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes puff-in-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.2) translateY(300px);
        transform: scale(1.2) translateY(300px);
        opacity: 0;
    }
}

@keyframes puff-in-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.2) translateY(300px);
        transform: scale(1.2) translateY(300px);
        opacity: 0;
    }
}

@-webkit-keyframes slide-fwd-top {
    0% {
        -webkit-transform: translateY(600px);
        transform: translateY(600px);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

@keyframes slide-fwd-top {
    0% {
        -webkit-transform: translateY(600px);
        transform: translateY(600px);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

@-webkit-keyframes slide-out-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-720px);
        transform: translateY(-720px);
    }
}

@keyframes slide-out-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-720px);
        transform: translateY(-720px);
    }
}

@-webkit-keyframes slide-out-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-1280px);
        transform: translateX(-1280px);
    }
}

@keyframes slide-out-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-1280px);
        transform: translateX(-1280px);
    }
}

@-webkit-keyframes slide-fwd-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-720px);
        transform: translateY(-720px);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

@keyframes slide-fwd-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-720px);
        transform: translateY(-720px);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

@-webkit-keyframes slide-fwd-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-1280px);
        transform: translateX(-1280px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-fwd-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-1280px);
        transform: translateX(-1280px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes anim-notify-jackpot {
    0% {
        top: 120px;
        left: 1600px;
        opacity: 1;
    }
    10% {
        left: 1050px;
        opacity: 1;
    }
    90% {
        left: 1050px;
        opacity: 1;
    }
    to {
        top: 120px;
        left: 1600px;
        opacity: 1;
    }
}

@keyframes anim-notify-jackpot {
    0% {
        top: 120px;
        left: 1600px;
        opacity: 1;
    }
    10% {
        left: 1050px;
        opacity: 1;
    }
    90% {
        left: 1050px;
        opacity: 1;
    }
    to {
        top: 120px;
        left: 1600px;
        opacity: 1;
    }
}

@-webkit-keyframes anim-hide-notify-jackpot {
    0% {
        top: 120px;
        left: 1050px;
        opacity: 1;
    }
    to {
        top: 120px;
        left: 1600px;
        opacity: 1;
    }
}

@keyframes anim-hide-notify-jackpot {
    0% {
        top: 120px;
        left: 1050px;
        opacity: 1;
    }
    to {
        top: 120px;
        left: 1600px;
        opacity: 1;
    }
}

@-webkit-keyframes anim-background-notify-jackpot {
    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90%,
    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes anim-background-notify-jackpot {
    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90%,
    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif, PadaukRegular !important;
    letter-spacing: 0px !important;
    height: 100vh !important;
    overflow: hidden !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
}

body .modal-backdrop {
    opacity: 0.3 !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, Helvetica, sans-serif, PadaukRegular !important;
}

.lb-wrapper {
    background-size: contain;
    background-repeat: repeat;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 1;
}

.lb-screen {
    width: 1280px;
    height: 720px;
    margin: 10px auto;
    display: block;
    overflow: hidden;
}

.lb-screen-loading {
    opacity: 0;
    pointer-events: none;
}

.lb-screen-room-game .lb {}

.lb-screen-room-game .lb-header-left .return-home {
    margin-left: 4px;
}

.lb-screen-room-game .lb-header-left .return-home .btn-home {
    width: 55px;
}

.lb-screen-room-game .lb-lobby-top .inner .right {
    display: none;
}

.lb-screen-room-game .lb-bottom-right .lb-bottom-icons .icon-guild {
    display: block;
}

.lb-screen-room-game .lb-bottom-right .lb-bottom-icons .icon-shop {
    display: block;
}

.lb-screen-room-game .lb-lobby-games .container-game .list-game {
    opacity: 0;
}

.lb-screen-room-game .lb-lobby-games .container-game .list-room .item-vip,
.lb-screen-room-game .lb-lobby-games .container-game .list-room .room-free {
    -webkit-animation: slide-fwd-bottom 0.4s both;
    animation: slide-fwd-bottom 0.4s both;
}

.lb-screen-room-game .lb-lobby-games .container-game .list-room .item-normal,
.lb-screen-room-game .lb-lobby-games .container-game .list-room .item-vipss {
    -webkit-animation: slide-fwd-top 0.4s both;
    animation: slide-fwd-top 0.4s both;
}

.lb-screen-game-menu .lb-header-right .lb-header-icons .icon,
.lb-screen-mini-game .lb-header-right .lb-header-icons .icon {
    width: 47px;
}

.lb-screen-game-menu .lb-header-right .lb-header-icons .icon img,
.lb-screen-mini-game .lb-header-right .lb-header-icons .icon img {
    width: 54px;
}

.lb-screen-game-menu .lb-header-right .lb-header-icons .icon img.flag,
.lb-screen-mini-game .lb-header-right .lb-header-icons .icon img.flag {
    width: 40px;
}

.lb-screen.anim-return-home .lb-lobby-games .container-game .room-game {
    z-index: 2;
    display: block;
}

.lb-screen.anim-return-home .lb-lobby-games .container-game .room-game .list-room {
    background-image: unset !important;
}

.lb-screen.anim-return-home .lb-lobby-games .container-game .room-game .list-room .item-vip,
.lb-screen.anim-return-home .lb-lobby-games .container-game .room-game .list-room .room-free {
    -webkit-animation: puff-in-top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: puff-in-top 0.3s ubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.lb-screen.anim-return-home .lb-lobby-games .container-game .room-game .list-room .item-normal,
.lb-screen.anim-return-home .lb-lobby-games .container-game .room-game .list-room .item-vipss {
    -webkit-animation: puff-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: puff-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.lb-header {
    position: relative;
    height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    z-index: 3;
}

.lb-header * {
    text-decoration: none;
}

.lb-header-left {
    width: 330px;
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.lb-header-left .return-home {
    margin: 0;
}

.lb-header-left .return-home .btn-home {
    cursor: pointer;
    width: 0;
    height: 55px;
    background-image: url("img/icons/home.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: unset;
}

.lb-header-left .return-home .btn-home:hover {
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);
}

.lb-header-left .return-home.active {
    margin-left: 4px;
}

.lb-header-left .return-home.active .btn-home {
    width: 55px;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.lb-header-left .lb-header-icons {
    margin: auto;
}

.lb-header-left .lb-header-icons .icon-event {
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
}

.lb-header-left .user {
    display: block;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 207px;
    height: 65px;
}

.lb-header-left .user .ava {
    width: 65px;
    height: 65px;
    overflow: hidden;
    position: absolute;
    left: 6px;
    top: 0;
    border-radius: 4px;
    cursor: pointer;
}

.lb-header-left .user .ava .img {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 2px;
    border-radius: 2px;
    z-index: 1;
    width: 61px;
    height: 61px;
}

.lb-header-left .user .ava .img:before {
    content: "";
    position: absolute;
    top: -50%;
    left: -30px;
    height: 150%;
    width: 100%;
    -webkit-box-shadow: inset 0px 0px 10px 4px rgba(255, 255, 255, 0.8);
    box-shadow: inset 0px 0px 30px 1px rgba(255, 255, 255, 0.3);
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.lb-header-left .user .ava:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #9b3607;
    background: -moz-linear-gradient(top, #9b3607 0%, #ae5f22 50%, #3a0c03 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #9b3607), color-stop(50%, #ae5f22), color-stop(100%, #3a0c03));
    background: -webkit-linear-gradient(top, #9b3607 0%, #ae5f22 50%, #3a0c03 100%);
    background: -o-linear-gradient(top, #9b3607 0%, #ae5f22 50%, #3a0c03 100%);
    background: -ms-linear-gradient(top, #9b3607 0%, #ae5f22 50%, #3a0c03 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#9b3607), color-stop(50%, #ae5f22), to(#3a0c03));
    background: linear-gradient(to bottom, #9b3607 0%, #ae5f22 50%, #3a0c03 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9b3607', endColorstr='#3a0c03', GradientType=0);
    border-radius: 4px;
    z-index: 0;
}

.lb-header-left .user .ava:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 2px solid #f5d582;
    z-index: 0;
}

.lb-header-left .user .ava:hover {
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);
}

.lb-header-left .user .ava .badge-avatar-free {
    position: absolute;
    top: 42px;
    left: -6px;
    background-image: url("img/icons/badge-avatar-free.png");
    background-repeat: no-repeat;
    width: 57px;
    height: 24px;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px);
}

.lb-header-left .user .info {
    padding: 0 8px;
    width: 136px;
    padding-right: 0px;
    position: absolute;
    left: 67px;
}

.lb-header-left .user .info .name {
    color: white;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    max-width: 100%;
}

.lb-header-left .user .info .name a {
    text-decoration: none;
    color: white;
    max-width: 100%;
    font-weight: bold;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -0.5px;
}

.lb-header-left .user .info .vip {
    padding: 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 25px;
    text-decoration: none;
    overflow: hidden;
    background: #712901;
    background: -webkit-gradient(linear, left top, left bottom, from(#712901), to(#2a0900));
    background: -webkit-linear-gradient(top, #712901 0%, #2a0900 100%);
    background: -o-linear-gradient(top, #712901 0%, #2a0900 100%);
    background: linear-gradient(180deg, #712901 0%, #2a0900 100%);
}

.lb-header-left .user .info .vip .img {
    width: 32px;
    height: 32px;
    background-size: contain;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.lb-header-left .user .info .vip .text {
    font-weight: 800;
    font-size: 13px;
    text-align: left;
    text-transform: uppercase;
}

.lb-header-center {
    width: 582px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.lb-header-center .main {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.lb-header-center .main .coin {
    margin: auto 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.lb-header-center .main .coin .inner {
    width: 140px;
    height: 38px;
    border-radius: 0 3em 3em 0;
    background-color: #250515;
    position: relative;
    padding: 0 8px;
    margin: 0;
    margin-left: 38px;
    text-align: center;
}

.lb-header-center .main .coin .inner .icon {
    position: absolute;
    left: -26px;
    top: -8px;
    width: 45px;
    height: 49px;
}

.lb-header-center .main .coin .inner .text {
    color: white;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
}

.lb-header-center .main .button {
    margin: auto 10px;
    position: relative;
    z-index: 2;
    margin: auto 10px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    width: 173px;
    height: 65px;
    text-decoration: none;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.lb-header-center .main .button a {
    text-align: center;
    position: relative;
    cursor: pointer;
    height: 65px;
    width: 173px;
    display: block;
}

.lb-header-center .main .button a img {
    display: block;
    margin: 1px auto;
    height: 65px;
    width: 173px;
    position: absolute;
    top: 0;
    left: 0;
}

.lb-header-center .main .button a:hover {
    -webkit-filter: brightness(1.25);
    filter: brightness(1.25);
}

.lb-header-center .main .button a .text {
    color: #ffffff;
    text-shadow: black 1px 0px 0px, black 0.540302px 0.841471px 0px, black -0.416147px 0.909297px 0px, black -0.989992px 0.14112px 0px, black -0.653644px -0.756802px 0px, black 0.283662px -0.958924px 0px, black 0.96017px -0.279415px 0px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 42px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}

.lb-header-center .main .jack {
    display: block;
    margin: auto 0px;
    width: 250px;
    border-top-right-radius: 68px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 330px;
}

.lb-header-center .main .jack .slide.owl-grab .item {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
}

.lb-header-center .main .jack .slide .item {
    padding-left: 36px;
    width: 250px;
    display: inline-block;
}

.lb-header-center .main .jack .slide .item .inner {
    padding: 14px 0px 12px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lb-header-center .main .jack .slide .item .inner .ava {
    width: 44px;
    height: 44px;
    position: relative;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
    padding: 2px;
    margin-top: 2px;
    border: 2px solid #f5d582;
}

.lb-header-center .main .jack .slide .item .inner .ava img {
    width: 44px;
    height: 44px;
}

.lb-header-center .main .jack .slide .item .inner .ava:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 4px;
    background: #d8b55c;
    background: -webkit-gradient(linear, left bottom, left top, from(#d8b55c), color-stop(25%, #d8b55c), color-stop(50%, #97642e), color-stop(51%, #f9fde7), color-stop(79%, #fbe9a1), to(#fbe9a1));
    background: -webkit-linear-gradient(bottom, #d8b55c 0%, #d8b55c 25%, #97642e 50%, #f9fde7 51%, #fbe9a1 79%, #fbe9a1 100%);
    background: -o-linear-gradient(bottom, #d8b55c 0%, #d8b55c 25%, #97642e 50%, #f9fde7 51%, #fbe9a1 79%, #fbe9a1 100%);
    background: linear-gradient(0deg, #d8b55c 0%, #d8b55c 25%, #97642e 50%, #f9fde7 51%, #fbe9a1 79%, #fbe9a1 100%);
}

.lb-header-center .main .jack .slide .item .inner .tt {
    padding-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: calc(100% - 44px);
    width: 90%;
}

.lb-header-center .main .jack .slide .item .inner .tt .icon {
    width: 24px;
    height: 28px;
}

.lb-header-center .main .jack .slide .item .inner .tt .name,
.lb-header-center .main .jack .slide .item .inner .tt .num {
    text-align: left;
    color: #ffffff;
    position: relative;
    font-family: Roboto-Black, Arial, Helvetica, sans-serif, PadaukRegular !important;
}

.lb-header-center .main .jack .slide .item .inner .tt .name {
    font-size: 16px;
    font-weight: bold;
}

.lb-header-center .main .jack .slide .item .inner .tt .name .text,
.lb-header-center .main .jack .slide .item .inner .tt .name .text-shadow {
    width: 130px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lb-header-center .main .jack .slide .item .inner .tt .name .text-shadow {
    color: #a05454;
}

.lb-header-center .main .jack .slide .item .inner .tt .num {
    font-size: 18px;
    font-weight: bold;
    color: #fff600;
}

.lb-header-center .main .jack .slide .item .inner .tt .grp-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lb-header-center .main .jack .slide .item:hover {
    cursor: pointer;
}

.lb-header-center .bg {
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 0;
    top: -7px;
    width: 581px;
    height: 90px;
    background-repeat: no-repeat;
    z-index: 0;
}

.lb-header-right {
    width: 368px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: unset;
}

.lb-header-bg {
    position: absolute;
    height: 74px;
    background-repeat: repeat-x;
    background-image: url("img/bg/bg-h.png?v=2");
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
}

.lb-header-bg .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.lb-header-icons {
    display: block;
    z-index: 1;
}

.lb-header-icons.right .icon {
    width: 47px;
    margin: auto 8px;
    margin-top: 10px;
}

.lb-header-icons.right .icon img {
    width: 54px;
}

.lb-header-icons.right .icon img.flag {
    width: 40px;
}

.lb-header-icons .icon {
    height: 60px;
    width: 52px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px;
    position: relative;
    margin-top: 10px;
}

.lb-header-icons .icon.lb-toggle-list-btn .flag {
    pointer-events: none;
    position: absolute;
    width: 40px;
    height: 30px;
    top: 28px;
    left: 27px;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.17);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.17);
    border-radius: 8px;
    z-index: 2;
    margin: auto;
}

.lb-header-icons .icon.lb-toggle-list-btn img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.lb-header-icons .icon.lb-toggle-list-btn:hover {
    -webkit-filter: unset;
    filter: unset;
}

.lb-header-icons .icon .inner {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lb-header-icons .icon.users:after {
    z-index: 0;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    content: "";
    position: absolute;
    border-radius: 10px;
}

.lb-header-icons .icon.users .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #1d0615;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
}

.lb-header-icons .icon.users .inner img {
    width: 32px;
}

.lb-header-icons .icon.users .line {
    height: 1px;
    margin: 3px 0;
    background: #f8e59f;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(40%, #f8e59f), color-stop(60%, #f8e59f), to(transparent));
    background: -webkit-linear-gradient(left, transparent 0%, #f8e59f 40%, #f8e59f 60%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0%, #f8e59f 40%, #f8e59f 60%, transparent 100%);
    background: linear-gradient(90deg, transparent 0%, #f8e59f 40%, #f8e59f 60%, transparent 100%);
}

.lb-header-icons .icon.users .number {
    color: #f8e59f;
    font-weight: bold;
    margin-top: 4px;
}

.lb-header-icons .icon:hover {
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);
}

.lb-header-icons .icon:last-child .lb-toggle-list {
    left: unset;
    right: 10%;
}

.lb-header-icons .icon.btn-message-box.animate .message-not-read {
    -webkit-animation: anim-message-before 1s infinite ease-out;
    animation: anim-message-before 1s infinite ease-out;
}

.lb-header-icons .icon.btn-message-box.animate .message-not-read:after {
    content: "";
    z-index: -2;
    position: absolute;
    top: -3px;
    right: -1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    background: #ff1601;
    -webkit-animation: anim-message 1s infinite ease-out;
    animation: anim-message 1s infinite ease-out;
}

.lb-header-icons .icon .message-not-read {
    bottom: 4px !important;
    top: unset !important;
}

.lb-header-icons .icon.btn-download-apk img {
    -webkit-animation: anim-download-apk 1s infinite linear;
    animation: anim-download-apk 1s infinite linear;
}

.lb-header-icons .icon.btn-download-apk .text-bonus-coin {
    color: #ffeb00;
    text-shadow: 1px 2px #920000;
    position: absolute;
    bottom: 1px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    z-index: 1;
    -webkit-animation: anim-message-before 1s infinite ease-out;
    animation: anim-message-before 1s infinite ease-out;
}

.lb-header-icons .icon.btn-download-apk .text-bonus-coin:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-radial-gradient(center, ellipse, black 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(center, ellipse, black 0%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at center, black 0%, rgba(255, 255, 255, 0) 100%);
}

.lb-header .lb-toggle-list {
    background-color: #340702;
    border-radius: 12px;
    width: 200px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: max-height 0.4s ease-out, opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: max-height 0.4s ease-out, opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: max-height 0.4s ease-out, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: max-height 0.4s ease-out, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: max-height 0.4s ease-out, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.lb-header .lb-toggle-list>.item {
    position: relative;
    z-index: 2;
    padding: 8px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    border-radius: 0;
    cursor: pointer;
    overflow: hidden;
}

.lb-header .lb-toggle-list>.item:first-child {
    border-radius: 8px 8px 0 0;
}

.lb-header .lb-toggle-list>.item:last-child {
    border-bottom: 0;
    border-radius: 0 0 8px 8px;
}

.lb-header .lb-toggle-list>.item .ic {
    max-width: 44px;
}

.lb-header .lb-toggle-list>.item .name {
    font-size: 16px;
    padding-left: 12px;
}

.lb-header .lb-toggle-list>.item:after {
    z-index: 0;
    content: "";
    position: absolute;
    background: #fffd67;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefb34), color-stop(27%, #e2a239), color-stop(43%, #cf7335), to(#fefb34));
    background: -webkit-linear-gradient(top, #fefb34 0%, #e2a239 27%, #cf7335 43%, #fefb34 100%);
    background: -o-linear-gradient(top, #fefb34 0%, #e2a239 27%, #cf7335 43%, #fefb34 100%);
    background: linear-gradient(to bottom, #fefb34 0%, #e2a239 27%, #cf7335 43%, #fefb34 100%);
    left: 0px;
    bottom: 0px;
    height: 2px;
    width: 100%;
}

.lb-header .lb-toggle-list>.item:hover {
    -webkit-filter: brightness(1.6);
    filter: brightness(1.6);
}

.lb-header .lb-toggle-list:before {
    z-index: 1;
    content: "";
    position: absolute;
    background-color: #340702;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 10px;
}

.lb-header .lb-toggle-list:after {
    z-index: 0;
    content: "";
    position: absolute;
    background: #fffd67;
    background: -moz-linear-gradient(top, #fefb34 0%, #e2a239 27%, #cf7335 43%, #fefb34 100%);
    background: -webkit-linear-gradient(top, #fefb34 0%, #e2a239 27%, #cf7335 43%, #fefb34 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fefb34), color-stop(27%, #e2a239), color-stop(43%, #cf7335), to(#fefb34));
    background: -o-linear-gradient(top, #fefb34 0%, #e2a239 27%, #cf7335 43%, #fefb34 100%);
    background: linear-gradient(to bottom, #fefb34 0%, #e2a239 27%, #cf7335 43%, #fefb34 100%);
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    border-radius: 12px;
}

.lb-main {
    background: transparent;
    position: relative;
    z-index: 1;
}

.lb-lobby {
    min-height: 1px;
}

.lb-lobby-top {
    height: 40px;
    position: relative;
    overflow-x: hidden;
}

.lb-lobby-top .inner {
    display: block;
    height: 100%;
    z-index: 1;
    position: relative;
    max-height: 100%;
}

.lb-lobby-top .inner .marquee {
    width: 600px;
    display: block;
    float: left;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
}

.lb-lobby-top .inner .marquee .icon {
    z-index: 1;
    padding-left: 8px;
    margin-right: -12px;
    position: absolute;
    top: 2px;
    left: 0;
}

.lb-lobby-top .inner .marquee .icon img {
    width: 32px;
    height: 31px;
}

.lb-lobby-top .inner .marquee-message {
    position: relative;
    overflow: hidden;
    z-index: -1;
    max-width: 100%;
    width: 570px;
    height: 32px;
    position: relative;
    border-radius: 20px;
    background-color: #1e0404;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 28px;
    top: 2px;
}

.lb-lobby-top .inner .marquee-message .contain {
    width: unset;
    position: relative;
    white-space: nowrap;
    color: white;
    position: absolute;
    height: 100%;
    left: 102%;
    top: 0;
    margin: 0;
    text-align: left;
    -webkit-animation: scroll-left 20s linear infinite;
    animation: scroll-left 20s linear infinite;
    font-size: 1.3em;
    line-height: 36px;
    padding: 0 12px;
}

.lb-lobby-top .inner .marquee-message .contain .item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    margin-right: 24px;
}

.lb-lobby-top .inner .menu {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    float: right;
    padding: 0 8px;
    width: 600px;
    margin-top: 6px;
    text-align: right;
}

.lb-lobby-top .inner .menu.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
}

.lb-lobby-top .inner .menu li {
    display: inline-block;
    cursor: pointer;
}

.lb-lobby-top .inner .menu li:last-child a:after {
    content: none;
}

.lb-lobby-top .inner .menu li.active a,
.lb-lobby-top .inner .menu li:hover a {
    color: #00ff00 !important;
}

.lb-lobby-top .inner .menu li a {
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.lb-lobby-top .inner .menu li a:after {
    display: inline-block;
    content: "|";
    padding: 0 4px;
}

.lb-lobby-top .inner .menu .more {
    display: none;
}

.lb-lobby-top .bg {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0px;
    width: 100%;
    max-width: 100%;
    -webkit-box-shadow: 0 2px 4px #fff600, 0 -2px 4px #fff600, 0 1px 0 #fff600, 0 -1px 0 #fff600;
    box-shadow: 0 2px 4px #fff600, 0 -2px 4px #fff600, 0 1px 0 #fff600, 0 -1px 0 #fff600;
    height: 36px;
    background: #c31b0c;
    overflow-x: hidden;
    background: -webkit-gradient(linear, left bottom, left top, from(#c31b0c), color-stop(16%, #3e0100), color-stop(50%, #3e0100), to(#c30902));
    background: -webkit-linear-gradient(bottom, #c31b0c 0%, #3e0100 16%, #3e0100 50%, #c30902 100%);
    background: -o-linear-gradient(bottom, #c31b0c 0%, #3e0100 16%, #3e0100 50%, #c30902 100%);
    background: linear-gradient(0deg, #c31b0c 0%, #3e0100 16%, #3e0100 50%, #c30902 100%);
}

.lb-lobby-games {
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lb-lobby-games .container-game .group {
    height: 465px;
}

.lb-lobby-games .container-game .group.list-game {
    background-image: url("img/bg/bg.png");
    background-repeat: repeat;
    position: relative;
    z-index: -1;
    display: block;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lb-lobby-games .container-game .group.list-game.active {
    z-index: 2;
}

.lb-lobby-games .container-game .group.list-game .owl-carousel .owl-stage-outer {
    overflow: hidden;
}

.lb-lobby-games .container-game .group.list-game .slide-game {
    -webkit-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px);
    height: 480px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    overflow: auto;
    overflow-x: auto;
    -webkit-overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.lb-lobby-games .container-game .group.list-game .slide-game::-webkit-scrollbar {
    display: none;
}

.lb-lobby-games .container-game .group.list-game .slide-game .owl-item {
    margin-left: -1px;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game {
    height: 465px;
    width: 220px;
    min-width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    white-space: nowrap;
    -webkit-transition: all 0.32s ease-out;
    -o-transition: all 0.32s ease-out;
    transition: all 0.32s ease-out;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list {
    width: 220px;
    margin: auto;
    margin-top: 40px;
    display: block;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 190px;
    height: 198px;
    margin: auto;
    position: relative;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item:first-child {
    margin-bottom: 20px;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item a {
    text-decoration: none;
    cursor: pointer;
    display: block;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item a img {
    pointer-events: none;
    max-width: 100%;
    width: unset;
    display: block;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item a:hover img {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item a.disabled {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.small {
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.small a {
    min-width: unset;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.small img {
    max-width: 100%;
    height: unset;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.has-sub {
    margin: 0;
    max-width: 100%;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.has-sub .sub {
    white-space: nowrap;
    display: inline-block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    width: 175px;
    height: 171px;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.has-sub .sub:first-child>a {
    margin-top: 28px;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.has-sub .sub .item-animate {
    -webkit-animation: zoom-basic 1s linear infinite;
    animation: zoom-basic 1s linear infinite;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.has-sub .sub a.icon {
    overflow: unset;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-height: 220px;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.has-sub .sub a.icon.right {
    text-align: right;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.has-sub .sub a.icon.right img {
    margin-right: 0;
    margin-left: auto;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.has-sub .sub a.icon.left {
    text-align: left;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.has-sub .sub a.icon.left img {
    margin-left: 0;
    margin-right: auto;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item.has-sub .sub a.icon img {
    max-width: 100% !important;
    height: unset;
    margin: unset;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item .new {
    position: absolute;
    width: 120px;
    height: 110px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 0px;
    left: 5px;
    background-size: cover;
    background-position: left top;
    text-align: center;
    background-repeat: no-repeat;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item .new span {
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    transform: rotate(-42deg);
    display: block;
    color: #fff600;
    font-size: 1.8em;
    font-weight: bold;
    padding-top: 2px;
    padding-left: 0;
    margin-left: -40px;
    margin-top: 18px;
    text-transform: uppercase;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game .inner .list .item .new.disabled {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game.has-split {
    width: 300px;
    min-width: 300px;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    white-space: nowrap;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game.has-split .split {
    color: white;
    height: 440px;
    width: 64px;
    position: relative;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game.has-split .split .text {
    position: absolute;
    top: 50%;
    left: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 42px;
    height: 406px;
    background-size: auto;
    background-repeat: no-repeat;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game.has-split.inline {
    margin-left: 0;
    margin-right: 0;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game.has-split.inline-left {
    margin-left: 24px;
    margin-right: 0;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game.has-split.inline-right {
    margin-left: 0px;
    margin-right: 0px;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game.not-split {
    width: 220px;
    min-width: 220px;
    margin-left: 32px !important;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game.first {
    -webkit-transform: translateX(34px);
    -ms-transform: translateX(34px);
    transform: translateX(34px);
    width: 350px;
    min-width: 350px;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game.first .inner .list {
    width: 350px;
    margin: 0;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game.first .inner .list .item {
    margin-bottom: 0 !important;
    display: block;
    width: 100%;
    height: 171px;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game.first .inner .list .item.large {
    width: 350px;
    height: 281px;
}

.lb-lobby-games .container-game .group.list-game .slide-game-nav {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    cursor: pointer;
    z-index: 2;
    height: 80px;
}

.lb-lobby-games .container-game .group.list-game .slide-game-nav .next,
.lb-lobby-games .container-game .group.list-game .slide-game-nav .prev {
    pointer-events: all;
    position: absolute;
    outline: none;
    width: 37px;
    height: 75px;
}

.lb-lobby-games .container-game .group.list-game .slide-game-nav .next.disabled,
.lb-lobby-games .container-game .group.list-game .slide-game-nav .prev.disabled {
    opacity: 0.8;
    -webkit-filter: grayscale(0.6);
    filter: grayscale(0.6);
}

.lb-lobby-games .container-game .group.list-game .slide-game-nav .prev {
    left: 0;
}

.lb-lobby-games .container-game .group.list-game .slide-game-nav .next {
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.lb-lobby-games .container-game .group.list-game .slide-game .game-nav,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    cursor: pointer;
    z-index: 2;
    height: 80px;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game-nav .next,
.lb-lobby-games .container-game .group.list-game .slide-game .game-nav .owl-next,
.lb-lobby-games .container-game .group.list-game .slide-game .game-nav .owl-prev,
.lb-lobby-games .container-game .group.list-game .slide-game .game-nav .prev,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav .next,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav .owl-next,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav .owl-prev,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav .prev {
    pointer-events: all;
    position: absolute;
    outline: none;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game-nav .next.disabled,
.lb-lobby-games .container-game .group.list-game .slide-game .game-nav .owl-next.disabled,
.lb-lobby-games .container-game .group.list-game .slide-game .game-nav .owl-prev.disabled,
.lb-lobby-games .container-game .group.list-game .slide-game .game-nav .prev.disabled,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav .next.disabled,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav .owl-next.disabled,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav .owl-prev.disabled,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav .prev.disabled {
    opacity: 0.8;
    -webkit-filter: grayscale(0.6);
    filter: grayscale(0.6);
    pointer-events: none;
    cursor: unset;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game-nav .owl-prev,
.lb-lobby-games .container-game .group.list-game .slide-game .game-nav .prev,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav .owl-prev,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav .prev {
    left: 0;
}

.lb-lobby-games .container-game .group.list-game .slide-game .game-nav .next,
.lb-lobby-games .container-game .group.list-game .slide-game .game-nav .owl-next,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav .next,
.lb-lobby-games .container-game .group.list-game .slide-game .owl-nav .owl-next {
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.lb-lobby-games .container-game .group .lb-tour {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(rgba(76, 76, 76, 0)), color-stop(50%, #131313), to(rgba(19, 19, 19, 0)));
    background: -webkit-linear-gradient(left, rgba(76, 76, 76, 0) 0%, #131313 50%, rgba(19, 19, 19, 0) 100%);
    background: -o-linear-gradient(left, rgba(76, 76, 76, 0) 0%, #131313 50%, rgba(19, 19, 19, 0) 100%);
    background: linear-gradient(to right, rgba(76, 76, 76, 0) 0%, #131313 50%, rgba(19, 19, 19, 0) 100%);
}

.lb-lobby-games .container-game .group .lb-tour .round,
.lb-lobby-games .container-game .group .lb-tour .time {
    display: block;
}

.lb-lobby-games .container-game .group .lb-tour:after,
.lb-lobby-games .container-game .group .lb-tour:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 234, 0, 0)), color-stop(50%, #ffea00), to(rgba(255, 234, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 234, 0, 0) 0%, #ffea00 50%, rgba(255, 234, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 234, 0, 0) 0%, #ffea00 50%, rgba(255, 234, 0, 0) 100%);
    background: linear-gradient(to right, rgba(255, 234, 0, 0) 0%, #ffea00 50%, rgba(255, 234, 0, 0) 100%);
    z-index: 1;
}

.lb-lobby-games .container-game .group .lb-tour:before {
    top: 0;
}

.lb-lobby-games .container-game .group .lb-tour:after {
    bottom: 0;
}

.lb-lobby-games .container-game .group.room-game {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: -1;
}

.lb-lobby-games .container-game .group.room-game>.list-room {
    height: 100%;
    display: block;
    margin: auto;
    position: relative;
    background-image: url(img/room-game/bg.jpg);
    background-size: cover;
    background-position: center -120px;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item {
    position: relative;
    height: 333px;
    width: 270px;
    margin: auto;
    cursor: pointer;
    margin-top: 100px;
    float: left;
    margin-left: 70px;
    margin-right: 70px;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item .header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item .header .bg-header {
    position: absolute;
    top: -30px;
    left: -16px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item .header .title {
    position: absolute;
    width: 100%;
    top: -14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    font-size: 32px;
    font-weight: bold;
    color: #f8e59f;
    text-shadow: 1px 2px black;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item .inner {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    width: 100%;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item .inner:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-lobby-games .container-game .group.room-game>.list-room .item .inner .sub-title {
    position: absolute;
    top: 32px;
    width: 100%;
    z-index: 2;
    font-size: 24px;
    font-weight: bold;
    color: #f8e59f;
    text-shadow: 1px 2px black;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item .inner .icon {
    position: absolute;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item .inner .button {
    position: absolute;
    bottom: 32px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 32px;
    color: #1e0404;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item .inner .button .text {
    text-shadow: 1px 0 #6efc05, -1px 0 #6efc05, 0 1px #6efc05, 0 -1px #6efc05;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item .inner .button-bg {
    width: 144px;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 47px;
    background-image: url("img/btn/btnbasicgreen.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item .inner .bg {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url("img/room-game/bg-room.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item .icon-3d {
    position: absolute;
    z-index: 2;
    top: 60px;
    right: -50px;
    width: 101px;
    height: 94px;
    background-image: url("img/room-game/ic-3d.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-normal .header .bg-header {
    width: 305px;
    height: 97px;
    background-image: url("img/room-game/bg-header-normal.png");
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-normal .inner .icon {
    width: 170px;
    height: 196px;
    left: 66px;
    bottom: 60px;
    background-image: url("img/room-game/bg-ic-normal.png");
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-vip .header .bg-header {
    width: 305px;
    height: 167px;
    top: -100px;
    background-image: url("img/room-game/bg-header-vip.png");
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-vip .inner .icon {
    width: 246px;
    height: 250px;
    left: -14px;
    bottom: 12px;
    background-image: url("img/room-game/bg-ic-vip.png");
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-vipss:before {
    content: "";
    position: absolute;
    left: 7px;
    bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
    height: 267px;
    width: 255px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-vipss .header .bg-header {
    width: 362px;
    height: 171px;
    top: -104px;
    left: -46px;
    background-image: url("img/room-game/bg-header-vipss.png");
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-vipss .inner:hover {
    -webkit-filter: unset;
    filter: unset;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-vipss .inner .icon {
    width: 321px;
    height: 269px;
    left: -50px;
    bottom: 0px;
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7);
    background-image: url("img/room-game/bg-ic-vipss.png");
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-vipss .icon-room-normal {
    width: 152px;
    height: 153px;
    z-index: 2;
    position: absolute;
    left: -67px;
    bottom: 54px;
    background-image: url("img/room-game/ic-room-normal.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-vipss .icon-room-normal:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-vipss .icon-room-normal .text {
    width: 100%;
    position: absolute;
    bottom: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffeea5;
    text-shadow: 1px 2px black;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-vipss .icon-room-vip {
    width: 211px;
    height: 167px;
    position: absolute;
    z-index: 2;
    right: -80px;
    bottom: 50px;
    background-image: url("img/room-game/ic-room-vip.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-vipss .icon-room-vip:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.item-vipss .icon-room-vip .text {
    width: 100%;
    position: absolute;
    bottom: 39px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffeea5;
    text-shadow: 1px 2px black;
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.room-free .header .bg-header {
    width: 305px;
    height: 97px;
    background-image: url("img/room-game/bg-header-normal.png");
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.room-free .header .bg-header:before {
    content: "";
    position: absolute;
    top: -32px;
    left: -16px;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 335px;
    height: 116px;
    background-image: url("img/room-game/bg-header-room-free.png");
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.room-free .inner .icon {
    width: 246px;
    height: 250px;
    left: 22px;
    bottom: 20px;
    background-image: url("img/room-game/bg-ic-free.png");
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.room-free .inner .bg {
    background-image: url("img/room-game/bg-room-free.png");
}

.lb-lobby-games .container-game .group.room-game>.list-room .item.room-free .inner .button {
    font-size: 22px;
}

.lb-lobby-games .container-game .group.room-game.active {
    z-index: 2;
    display: block;
}

.lb-lobby-games .container-game .group.room-game.active>.list-room .item-vip,
.lb-lobby-games .container-game .group.room-game.active>.list-room .room-free {
    -webkit-animation: slide-fwd-bottom 0.2s ease-in;
    animation: slide-fwd-bottom 0.2s ease-in;
}

.lb-lobby-games .container-game .group.room-game.active>.list-room .item-normal,
.lb-lobby-games .container-game .group.room-game.active>.list-room .item-vipss {
    -webkit-animation: slide-fwd-top 0.2s ease-in;
    animation: slide-fwd-top 0.2s ease-in;
}

.lb-lobby-games .container-game .group.room-game.room-ban-ca-2d .icon-3d {
    display: none;
}

.lb-lobby-games .container-game .group.room-game.room-ban-ca-3d .item-vipss:before {
    content: unset !important;
}

.lb-lobby-games .container-game .group.room-game.room-ban-ca-3d .item-vipss .inner .icon {
    -webkit-filter: unset !important;
    filter: unset !important;
}

.lb-lobby-games .container-game .group.room-game.room-ban-ca-3d .item-vipss .icon-room-normal,
.lb-lobby-games .container-game .group.room-game.room-ban-ca-3d .item-vipss .icon-room-vip {
    display: none;
}

.lb-lobby-games .container-game .group.room-game.has-room-free .list-room .item {
    margin-left: 20px;
    margin-right: 20px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.lb-lobby-games .container-game .group.mini-game {
    height: 645px;
    background-image: url("img/bg/bg.png");
    background-repeat: repeat;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lb-bottom {
    height: 153px;
    position: relative;
    background-size: cover;
    background-repeat: repeat;
    width: 100%;
    margin-top: -12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 2;
    max-width: 100%;
    overflow: unset;
}

.lb-bottom-left {
    width: 410px;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.lb-bottom-left .lb-bottom-icons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 2px;
    margin-bottom: 2px;
}

.lb-bottom-left .board {
    height: 83px;
    width: 100%;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.lb-bottom-left .board:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-bottom-left .board-bg {
    position: absolute;
    left: 4px;
    top: 0;
    width: 410px;
    height: 80px;
    z-index: -1;
    background-image: url("img/bg/b-bg-board.png?v=2");
    background-size: 410px 80px;
    background-repeat: no-repeat;
    background-position: left center;
}

.lb-bottom-left .board .slides {
    height: 76px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-top-right-radius: 52px;
}

.lb-bottom-left .board .inner {
    position: relative;
    height: 100%;
    width: 100%;
}

.lb-bottom-left .board .inner .items {
    position: relative;
    width: 410px;
    height: 76px;
}

.lb-bottom-left .board .inner .items .animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.lb-bottom-left .board .inner .items .item {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 4px 12px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(1, 0.9, 0.1, 0.02);
    transition: -webkit-transform 0.6s cubic-bezier(1, 0.9, 0.1, 0.02);
    -o-transition: transform 0.6s cubic-bezier(1, 0.9, 0.1, 0.02);
    transition: transform 0.6s cubic-bezier(1, 0.9, 0.1, 0.02);
    transition: transform 0.6s cubic-bezier(1, 0.9, 0.1, 0.02), -webkit-transform 0.6s cubic-bezier(1, 0.9, 0.1, 0.02);
    opacity: 0;
}

.lb-bottom-left .board .inner .items .item.active {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}

.lb-bottom-left .board .inner .items .item.far {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.lb-bottom-left .board .inner .items .item .ava {
    width: 88px;
    height: 60px;
    position: relative;
    text-decoration: none;
    margin-left: 20px;
    margin-top: 5px;
}

.lb-bottom-left .board .inner .items .item .ava .img {
    margin: auto;
    height: 60px;
    width: 60px;
    border: 2px solid #ffffff;
    border-radius: 4px;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 14px;
}

.lb-bottom-left .board .inner .items .item .ava .pattern {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 88px;
    height: 57px;
    background-image: url("img/icons/bg-bottom-frice.png?v=2");
    background-size: contain;
    background-repeat: no-repeat;
}

.lb-bottom-left .board .inner .items .item .rank {
    width: 86px;
    height: 62px;
    background-size: contain;
    background-repeat: no-repeat;
}

.lb-bottom-left .board .inner .items .item .rank.no-top-1 {
    background-image: url("img/icons/no-top-1.png?v=2");
}

.lb-bottom-left .board .inner .items .item .rank.no-top-2 {
    background-image: url("img/icons/no-top-2.png?v=2");
}

.lb-bottom-left .board .inner .items .item .rank.no-top-3 {
    background-image: url("img/icons/no-top-3.png?v=2");
}

.lb-bottom-left .board .inner .items .item .info {
    color: white;
    font-size: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 174px;
}

.lb-bottom-left .board .inner .items .item .info .name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    margin-top: 5px;
    position: relative;
    z-index: 1;
}

.lb-bottom-left .board .inner .items .item .info .name span {
    display: block;
    width: 174px;
    font-size: 18px;
    line-height: 19px;
    font-weight: bold;
    font-family: Roboto-Black, Arial, Helvetica, sans-serif, PadaukRegular !important;
    position: relative;
    z-index: 1;
}

.lb-bottom-left .board .inner .items .item .info .name .text-shadow {
    position: absolute;
    z-index: -1;
}

.lb-bottom-left .board .inner .items .item .info .name strong {
    margin-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 174px;
}

.lb-bottom-left .board .inner .items .item .info .point {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-weight: bold;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 35%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px;
    padding-right: 8px;
}

.lb-bottom-left .board .inner>.title {
    position: absolute;
    bottom: 6px;
    right: 8px;
    z-index: 1;
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 228px;
}

.lb-bottom-left .board .inner>.title:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    border: 2px solid #6efc05;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.3);
    background: #0c2e11;
    border-radius: 12px;
    width: 228px;
    height: 100%;
}

.lb-bottom-center {
    width: 460px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
    padding-bottom: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lb-bottom-center .slide {
    height: 128px;
    overflow: hidden;
    margin-top: -8px;
    display: block;
    position: relative;
    width: 400px;
}

.lb-bottom-center .slide .item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
    height: 128px;
    width: 100%;
}

.lb-bottom-center .slide .item img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    display: block;
    width: 100%;
    height: 100%;
}

.lb-bottom-center .slide .owl-dots {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
}

.lb-bottom-center .slide .owl-dots .owl-dot {
    background: #512700;
    border: 1px solid #ad5c1a;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin: 0 3px;
    pointer-events: all;
    outline: none;
    cursor: pointer;
}

.lb-bottom-center .slide .owl-dots .owl-dot.active {
    cursor: unset;
    -webkit-transform: scale(1.23);
    -ms-transform: scale(1.23);
    transform: scale(1.23);
    background-color: #00ff00;
    border: none;
    -webkit-box-shadow: 0 0 4px 1px #ff1701;
    box-shadow: 0 0 4px 1px #ff1701;
}

.lb-bottom-center .slide .owl-nav {
    position: absolute;
    left: 0%;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    cursor: pointer;
    z-index: 2;
    height: 40px;
}

.lb-bottom-center .slide .owl-nav img {
    max-height: 40px;
}

.lb-bottom-center .slide .owl-nav .next,
.lb-bottom-center .slide .owl-nav .owl-next,
.lb-bottom-center .slide .owl-nav .owl-prev,
.lb-bottom-center .slide .owl-nav .prev {
    pointer-events: all;
    position: absolute;
    outline: none;
}

.lb-bottom-center .slide .owl-nav .next.disabled,
.lb-bottom-center .slide .owl-nav .owl-next.disabled,
.lb-bottom-center .slide .owl-nav .owl-prev.disabled,
.lb-bottom-center .slide .owl-nav .prev.disabled {
    opacity: 0.8;
    -webkit-filter: grayscale(0.6);
    filter: grayscale(0.6);
    pointer-events: none;
    cursor: unset;
}

.lb-bottom-center .slide .owl-nav .owl-prev,
.lb-bottom-center .slide .owl-nav .prev {
    left: 0;
}

.lb-bottom-center .slide .owl-nav .next,
.lb-bottom-center .slide .owl-nav .owl-next {
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.lb-bottom-right {
    width: 410px;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.lb-bottom-right>.lb-bottom-icons {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 40%;
}

.lb-bottom-right .events {
    display: block;
    height: 60%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    position: relative;
}

.lb-bottom-right .events .eve {
    background-size: contain;
    background-repeat: no-repeat;
    width: 80%;
    height: 100%;
    overflow: unset;
    z-index: 0;
    position: relative;
    text-align: right;
    display: inline-block;
}

.lb-bottom-right .events .eve.animate {
    -webkit-animation: anim-event 1s infinite;
    animation: anim-event 1s infinite;
}

.lb-bottom-right .events .eve .img {
    position: absolute;
    right: 0px;
    top: -5px;
    width: 338px;
    height: 103px;
    background-size: contain;
    z-index: 1;
}

.lb-bottom-right .events .eve:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-bottom-right .events .eve .text {
    position: absolute;
    bottom: 8px;
    left: 52px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 2px black;
    font-size: 14px;
    z-index: 1;
    width: 160px;
    text-align: center;
}

.lb-bottom-right .events .eve .badge-lucky-pin {
    top: 14px !important;
}

.lb-bottom-right .events .icon {
    margin: auto;
    display: inline-block;
}

.lb-bottom-right .events .icon .icon-event {
    width: 55px;
    height: 55px;
}

.lb-bottom-right .events .icon .icon-event:hover {
    -webkit-filter: brightness(2);
    filter: brightness(2);
}

.lb-bottom-icons {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
    overflow: unset;
    position: relative;
    z-index: 1;
}

.lb-bottom-icons>.icon {
    max-height: 100%;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: auto 10px;
}

.lb-bottom-icons>.icon:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.lb-bottom-icons>.icon .inner {
    width: 80px;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.13s ease-out;
    -o-transition: all 0.13s ease-out;
    transition: all 0.13s ease-out;
    max-height: 100%;
    position: relative;
}

.lb-bottom-icons>.icon .inner .text {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    font-weight: bold;
}

.lb-bottom-icons>.icon .inner .text .rib {
    position: absolute;
    width: 80px;
    height: 67px;
    background-size: contain;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}

.lb-bottom-icons>.icon .inner .bg {
    z-index: 1;
    text-align: center;
    height: 80px;
    width: 80px;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.lb-bottom-icons>.icon .inner .bg .icon {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: unset;
    left: 50%;
    top: -4px;
}

.lb-bottom-icons>.icon .inner .bg-icon {
    z-index: 1;
    position: absolute;
    background-size: contain;
    width: 80px;
    height: 80px;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}

.lb-bottom-icons>.icon-shop {
    display: none;
}

.lb-bottom-icons>.icon .badge-lucky-pin {
    display: inline-block !important;
}

.lb-bottom-icons>.icon .badge-lucky-pin.hide {
    display: none !important;
}

.lb-bottom-icons>.icon.icon-jackpot .badge-jackpot {
    padding: 0 !important;
    bottom: unset !important;
}

.lb-bottom-icons>.icon.icon-jackpot.animate .bg .icon {
    -webkit-animation: anim-jackpot 1s infinite;
    animation: anim-jackpot 1s infinite;
}

.lb-bottom-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 173px;
    z-index: -1;
}

.lb-bottom-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    width: 640px;
    height: 173px;
    z-index: -1;
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-image: url("img/bg/bg-bottom.png");
}

.lb-bottom-bg:after {
    content: "";
    position: absolute;
    right: 1px;
    top: -20px;
    width: 640px;
    height: 173px;
    z-index: -1;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url("img/bg/bg-bottom.png");
}

.lb-toggle-list-btn {
    position: relative;
}

.lb-toggle-list {
    position: absolute;
    top: 110%;
    right: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.lb-toggle-list.opened {
    opacity: 1;
    display: block;
}

.lb-toggle-list.closed {
    display: none;
}

.lb-toggle-list>.item {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.lb-toggle-list>.item:hover {
    color: #200a45;
    font-weight: bold;
}

.lb-toggle-list>.item:hover:before {
    width: 110%;
}

.lb-toggle-list>.item:before {
    content: "";
    background: #fffd67;
    background: -webkit-gradient(linear, right top, left top, from(#fefb34), color-stop(35%, #cf7335), color-stop(70%, #fefb34), to(#e2a239));
    background: -webkit-linear-gradient(right, #fefb34 0%, #cf7335 35%, #fefb34 70%, #e2a239 100%);
    background: -o-linear-gradient(right, #fefb34 0%, #cf7335 35%, #fefb34 70%, #e2a239 100%);
    background: linear-gradient(right, #fefb34 0%, #cf7335 35%, #fefb34 70%, #e2a239 100%);
    opacity: 0.8;
    left: 0;
    top: 0;
    height: 110%;
    width: 0%;
    z-index: -1;
    position: absolute;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    transition: width 0.6s cubic-bezier(0.23, 1, 0.32, 1), transform 0.27s ease-in-out, -webkit-transform 0.27s ease-in-out;
}

.lb-toggle-list.top {
    top: unset;
    bottom: 110%;
}

.lb-modal-dialog {
    max-width: unset;
    width: 1013px;
}

.lb-modal-content {
    border-radius: 8px;
    background: #b40606;
}

.lb-modal-header {
    height: 74px;
    background-image: url("img/bg/bgPopupHeader.png");
    background-repeat: no-repeat;
    border-bottom: unset;
    position: relative;
    z-index: 2;
}

.lb-modal-title {
    z-index: 1;
    font-size: 46px;
    line-height: 46px;
    color: #ffeea5;
    text-shadow: 2px 4px #000000;
    text-align: center;
    text-transform: uppercase;
}

.lb-modal-close {
    background-image: url("img/btn/close.png");
    background-size: cover;
    background-position: center center;
    -webkit-filter: brightness(1);
    filter: brightness(1);
    border: none;
    position: absolute;
    right: -10px;
    top: 0;
    outline: none;
    z-index: 6;
    -webkit-transition: 0.23s all;
    -o-transition: 0.23s all;
    transition: 0.23s all;
    -webkit-transform: translate(12px, -18px);
    -ms-transform: translate(12px, -18px);
    transform: translate(12px, -18px);
    width: 64px;
    height: 64px;
    padding: 0;
    margin: 0;
    border-radius: 100%;
    background-color: transparent;
}

.lb-modal-close:hover {
    -webkit-transform: translate(12px, -18px) scale(0.95);
    -ms-transform: translate(12px, -18px) scale(0.95);
    transform: translate(12px, -18px) scale(0.95);
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
    -webkit-box-shadow: 0 0 10px rgba(0, 102, 255, 0.35);
    box-shadow: 0 0 10px rgba(0, 102, 255, 0.35);
}

.lb-modal-body {
    border-radius: 8px;
    background: #300a01;
    margin: 0px 2px 4px 2px;
    position: relative;
    z-index: 1;
    height: 595px;
}

.lb-modal-body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("img/bg/bgPopupbody.png");
    background-repeat: repeat;
    z-index: -1;
    opacity: 0.2;
}

.lb-modal-body.nodata * {
    display: none !important;
}

.lb-modal-body.nodata .content-nodata {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    color: #ffffff;
    font-size: 32px;
}

.lb-modal-body .content-nodata {
    display: none;
}

.lb-modal-body .tab-content.nodata * {
    display: none !important;
}

.lb-modal-body .tab-content.nodata .content-nodata {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    color: #ffffff;
    font-size: 32px;
}

.lb-modal-logout .lb-modal-dialog,
.lb-modal-setting .lb-modal-dialog {
    width: 848px;
}

.lb-modal-logout .lb-modal-body,
.lb-modal-setting .lb-modal-body {
    height: 400px;
    position: relative;
    padding: 15px 55px;
}

.lb-modal-logout .lb-container,
.lb-modal-setting .lb-container {
    display: block;
    height: 100%;
    width: 100%;
}

.lb-modal-logout .lb-container .support,
.lb-modal-setting .lb-container .support {
    text-align: center;
}

.lb-modal-logout .lb-container .action,
.lb-modal-setting .lb-container .action {
    margin-left: 0;
    width: 100%;
    text-align: left;
    margin-top: 100px;
}

.lb-modal-logout .lb-form,
.lb-modal-setting .lb-form {
    margin: auto;
    width: 100%;
    margin-top: 90px;
}

.lb-modal-logout .lb-form-input,
.lb-modal-setting .lb-form-input {
    font-size: 24px;
    line-height: 24px;
    height: 60px;
    width: 100%;
}

.lb-modal-noti .lb-modal-dialog {
    width: 760px;
}

.lb-modal-noti .lb-modal-body {
    height: 400px;
}

.lb-modal-noti .lb-container {
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.lb-modal-noti .lb-container .noti-message {
    margin: auto;
}

.lb-modal-noti .lb-container .noti-question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: auto;
    margin-bottom: 0;
    width: 100%;
}

.lb-modal-noti .lb-container .noti-question .noti-btn {
    margin: auto;
}

.lb-modal-jackpot .lb-modal-body table {
    font-size: 18px;
}

.lb-modal-jackpot .lb-modal-body table tbody {
    height: 504px;
}

.lb-modal-jackpot .lb-modal-body table tbody tr {
    cursor: pointer;
}

.lb-modal-jackpot .lb-modal-body table tbody tr td {
    padding: 0px 8px;
}

.lb-modal-jackpot .lb-modal-body table tbody tr td .text {
    cursor: pointer;
    max-width: 155px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    display: block;
}

.lb-modal-jackpot .lb-modal-body table tbody tr td .info {
    cursor: pointer;
}

.lb-modal-jackpot .lb-modal-body table tbody tr td .info .avatar {
    margin-right: 4px;
}

.lb-modal-jackpot .lb-modal-body table tbody tr td a {
    text-decoration: none;
}

.lb-modal-user-online .lb-modal-body table tbody tr {
    cursor: pointer;
}

.lb-modal-info .lb-modal-dialog {
    max-width: unset;
    width: 1013px;
}

.lb-modal-info .lb-modal-header {
    padding: 0 4px;
}

.lb-modal-info .lb-modal-header .lb-menu-header .item-profile {
    text-decoration: none;
}

.lb-modal-info .lb-modal-header .lb-menu-header .item-profile:before {
    display: none;
}

.lb-modal-info .lb-modal-header .lb-menu-header .item-profile .title {
    color: #ffffff;
}

.lb-modal-info .lb-modal-body {
    height: 560px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common {
    margin-bottom: 30px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-avatar {
    text-align: center;
    width: 220px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-avatar .avatar {
    position: relative;
    text-align: center;
    display: inline-block;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-avatar .avatar .img-border {
    width: 165px;
    height: 165px;
    padding: 5px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-avatar .avatar .img-border:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #9b3607;
    background: -moz-linear-gradient(top, #9b3607 0%, #ae5f22 50%, #3a0c03 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #9b3607), color-stop(50%, #ae5f22), color-stop(100%, #3a0c03));
    background: -webkit-linear-gradient(top, #9b3607 0%, #ae5f22 50%, #3a0c03 100%);
    background: -o-linear-gradient(top, #9b3607 0%, #ae5f22 50%, #3a0c03 100%);
    background: -ms-linear-gradient(top, #9b3607 0%, #ae5f22 50%, #3a0c03 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#9b3607), color-stop(50%, #ae5f22), to(#3a0c03));
    background: linear-gradient(to bottom, #9b3607 0%, #ae5f22 50%, #3a0c03 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9b3607', endColorstr='#3a0c03', GradientType=0);
    border-radius: 16px;
    z-index: -1;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-avatar .avatar .img-border:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 6px solid #f5d582;
    z-index: -1;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-avatar .avatar .img-border img {
    width: 155px;
    height: 155px;
    border-radius: 12px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-avatar .avatar .img-border img:before {
    content: "";
    position: absolute;
    top: -50%;
    left: -80px;
    height: 150%;
    width: 100%;
    -webkit-box-shadow: inset 0px 0px 10px 4px rgba(255, 255, 255, 0.8);
    box-shadow: inset 0px 0px 30px 1px rgba(255, 255, 255, 0.3);
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-avatar .avatar .action .btn-change {
    background-color: unset;
    border: unset;
    background-image: url("img/icons/camera.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 32px;
    height: 32px;
    outline: unset;
    border-radius: 50%;
    cursor: pointer;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-avatar .avatar .action .btn-change:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-avatar .name {
    font-size: 36px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-avatar .name .user_profile_id {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-avatar .action .btn-change .avatar-file {
    display: none;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info {
    width: 757px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-header {
    display: block;
    text-align: left;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-header .title {
    display: inline-block;
    font-size: 36px;
    margin-left: 6px;
    font-weight: bold;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-header .title .text {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 255px;
    display: block;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-header .action {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: right;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-header .action .item {
    font-size: 16px;
    margin-right: 6px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-header .action .item:last-child {
    margin-right: 0;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-header .action .item .text {
    width: 120px;
    word-wrap: break-word;
    line-height: 16px;
    -webkit-text-stroke-width: unset;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item {
    display: block;
    text-align: left;
    height: 54px;
    font-size: 36px;
    font-weight: bold;
    border-bottom: 2px solid #c82c16;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .progressbar {
    margin-left: auto;
    width: 604px;
    position: relative;
    background: -webkit-linear-gradient(#75676d, #19010b);
    border: 2px solid #c82c16;
    border-radius: 18px;
    height: 30px;
    padding: 2px;
    display: inline-block;
    float: right;
    margin-top: 10px;
    margin-right: 4px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .progressbar .progressed {
    position: absolute;
    top: -1px;
    left: 0;
    background-image: url("img/bg/progressbar.png");
    background-repeat: no-repeat;
    height: 26px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .progressbar .percent {
    position: absolute;
    font-weight: bold;
    bottom: 3px;
    right: 10px;
    z-index: 1;
    font-size: 16px;
    color: #ffffff;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item:last-child {
    border-bottom: unset;
    height: 94px;
    padding: 0px 24px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .btn-vip {
    border: 1px solid #f3e4b3;
    border-radius: 10px;
    background: #a93000;
    background: -moz-radial-gradient(center, ellipse cover, #a93000 0%, #6f1d01 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #a93000), color-stop(100%, #6f1d01));
    background: -webkit-radial-gradient(center, ellipse cover, #a93000 0%, #6f1d01 100%);
    background: -o-radial-gradient(center, ellipse cover, #a93000 0%, #6f1d01 100%);
    background: -ms-radial-gradient(center, ellipse cover, #a93000 0%, #6f1d01 100%);
    background: -webkit-radial-gradient(center, ellipse, #a93000 0%, #6f1d01 100%);
    background: -o-radial-gradient(center, ellipse, #a93000 0%, #6f1d01 100%);
    background: radial-gradient(ellipse at center, #a93000 0%, #6f1d01 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a93000', endColorstr='#6f1d01', GradientType=1);
    -webkit-box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.8);
    font-weight: bold;
    font-size: 28px;
    min-width: 220px;
    text-transform: uppercase;
    height: 58px;
    cursor: pointer;
    outline: unset;
    display: inline-block;
    margin-top: 15px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .btn-vip img {
    margin-right: 4px;
    width: 52px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .btn-vip:active,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .btn-vip:focus {
    outline: none;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .btn-vip .text {
    display: inline-block;
    padding-top: 6px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .text-right {
    text-align: center;
    margin-left: auto;
    display: inline-block;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .group-right {
    margin-left: auto;
    display: inline-block;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .group-right .guild {
    display: inline-block;
    margin-right: 8px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .group-right .guild .label-guild {
    font-size: 20px;
    margin-right: 4px;
    height: 32px;
    display: inline-block;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .group-right .guild .btn-guild {
    position: relative;
    font-size: 20px;
    display: inline-block;
    height: 32px;
    top: 5px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .group-right .guild .btn-guild .text {
    display: inline-block;
    max-width: 176px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: underline;
    cursor: pointer;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .group-right .guild .icon-owner {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("img/icons/icon-crown.png");
    width: 32px;
    height: 32px;
    position: relative;
    bottom: 5px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .level {
    float: left;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .icon {
    float: left;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .icon-coin {
    width: 51px;
    height: 51px;
    display: inline-block;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .common .group-info .lb-panel-body .list .inner .item .text.coin {
    color: #fff600;
    display: inline-block;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .achievement {
    display: block;
    width: 100%;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.profile .achievement .lb-panel {
    font-size: 24px;
    width: 100%;
    height: 234px;
    text-align: left;
    padding: 0px 10px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common>.icon {
    width: 260px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common>.icon .icon-vip-club {
    background-image: url("img/icons/vipClup.png");
    background-size: contain;
    width: 178px;
    height: 142px;
    margin: auto;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info {
    width: calc(100% - 260px);
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #fbe9a1;
    border-radius: 10px;
    background: #210000;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .action,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-current,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-next,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-progressbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .action .icon,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-current .icon,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-next .icon,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-progressbar .icon {
    height: 65px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .action .icon img,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-current .icon img,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-next .icon img,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-progressbar .icon img {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .action .title,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-current .title,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-next .title,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-progressbar .title {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-progressbar {
    font-size: 18px;
    font-weight: bold;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-progressbar .progressbar {
    position: relative;
    width: 268px;
    height: 36px;
    border: 2px solid #ffe001;
    background: #1c0d42;
    border-radius: 20px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .common .rank-info .rank-progressbar .progressbar .progressed {
    background-image: url("img/bg/vipBar.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    top: 2px;
    left: 2px;
    width: 260px;
    height: 28px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail {
    background: #a62f00;
    border: 2px solid #e2200c;
    -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    padding: 6px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank {
    margin-bottom: 6px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .button-next,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .button-pre {
    cursor: pointer;
    position: absolute;
    background-image: url("img/btn/game-slide-arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 46px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .button-next.disabled,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .button-pre.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .button-pre {
    left: 138px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .button-next {
    right: 5px;
    -webkit-transform: translateY(-50%) rotateY(180deg);
    transform: translateY(-50%) rotateY(180deg);
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .group-scroll {
    width: 822px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .group-scroll::-webkit-scrollbar {
    display: none;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .item {
    width: 133px;
    min-width: 133px;
    height: 136px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    border: 1px solid #fbe9a1;
    border-radius: 10px;
    position: relative;
    margin: auto 2px;
    z-index: 1;
    background: #2a0900;
    background: -moz-linear-gradient(top, #2a0900 0%, #712901 46%, #2a0900 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #2a0900), color-stop(46%, #712901), color-stop(100%, #2a0900));
    background: -webkit-linear-gradient(top, #2a0900 0%, #712901 46%, #2a0900 100%);
    background: -o-linear-gradient(top, #2a0900 0%, #712901 46%, #2a0900 100%);
    background: -ms-linear-gradient(top, #2a0900 0%, #712901 46%, #2a0900 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#2a0900), color-stop(46%, #712901), to(#2a0900));
    background: linear-gradient(to bottom, #2a0900 0%, #712901 46%, #2a0900 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2a0900', endColorstr='#2a0900', GradientType=0);
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .item.toclone {
    display: none;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("img/bg/bgItemRank.png");
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: -1;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .item.active {
    -webkit-box-shadow: inset 1px 1px 20px rgba(255, 255, 255, 0.5);
    box-shadow: inset 1px 1px 20px rgba(255, 255, 255, 0.5);
    background: #ffa800;
    background: -moz-linear-gradient(top, #ffa800 0%, #ff6a00 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffa800), color-stop(100%, #ff6a00));
    background: -webkit-linear-gradient(top, #ffa800 0%, #ff6a00 100%);
    background: -o-linear-gradient(top, #ffa800 0%, #ff6a00 100%);
    background: -ms-linear-gradient(top, #ffa800 0%, #ff6a00 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa800), to(#ff6a00));
    background: linear-gradient(to bottom, #ffa800 0%, #ff6a00 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#ff6a00', GradientType=0);
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .item.active:before {
    -webkit-filter: brightness(2);
    filter: brightness(2);
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .item>.icon {
    height: 86px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .item .title {
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .item.item-rank .overlay {
    background: url("img/bg/star-plas.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    height: 128px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .list-rank .item.item-rank .title {
    font-size: 36px;
    text-transform: uppercase;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank {
    background: #2f0a01;
    border-radius: 10px;
    border: 2px solid #fbe9a1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table {
    width: 100%;
    margin-bottom: 0px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody {
    font-size: 24px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 225px;
    overflow: hidden;
    overflow-y: auto;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody .item,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody .item,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody .item,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody .item {
    width: 135px;
    height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody .td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody .td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody .td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody .td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody td {
    height: 45px;
    border-bottom: 1px solid #8b3100;
    border-right: 1px solid #8b3100;
    width: 137px;
    min-width: 137px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody .td:first-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody td:first-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody .td:first-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody td:first-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody .td:first-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody td:first-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody .td:first-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody td:first-child {
    font-size: 18px;
    line-height: 18px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody .td:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody td:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody .td:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody td:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody .td:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody td:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody .td:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody td:last-child {
    border-right: unset;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody .td.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody td.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody .td.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody td.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody .td.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody td.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody .td.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody td.empty {
    border-top: unset;
    border-bottom: unset;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody .td.empty:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody td.empty:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody .td.empty:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody td.empty:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody .td.empty:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody td.empty:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody .td.empty:last-child,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody td.empty:last-child {
    border-right: 1px solid #8b3100;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody .td.active,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody td.active,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody .td.active,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody td.active,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody .td.active,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody td.active,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody .td.active,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody td.active {
    border-radius: unset !important;
    -webkit-box-shadow: inset 1px 1px 20px rgba(255, 255, 255, 0.5);
    box-shadow: inset 1px 1px 20px rgba(255, 255, 255, 0.5);
    background: #ffaa00;
    background: -moz-linear-gradient(top, #ffaa00 0%, #ff6a00 50%, #ffaa00 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffaa00), color-stop(50%, #ff6a00), color-stop(100%, #ffaa00));
    background: -webkit-linear-gradient(top, #ffaa00 0%, #ff6a00 50%, #ffaa00 100%);
    background: -o-linear-gradient(top, #ffaa00 0%, #ff6a00 50%, #ffaa00 100%);
    background: -ms-linear-gradient(top, #ffaa00 0%, #ff6a00 50%, #ffaa00 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffaa00), color-stop(50%, #ff6a00), to(#ffaa00));
    background: linear-gradient(to bottom, #ffaa00 0%, #ff6a00 50%, #ffaa00 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffaa00', endColorstr='#ffaa00', GradientType=0);
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody .tr.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody tr.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody .tr.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody tr.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody .tr.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody tr.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody .tr.empty,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody tr.empty {
    border-bottom: unset;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody .tr.empty .td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody .tr.empty td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody tr.empty .td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody tr.empty td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody .tr.empty .td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody .tr.empty td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody tr.empty .td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody tr.empty td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody .tr.empty .td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody .tr.empty td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody tr.empty .td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody tr.empty td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody .tr.empty .td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody .tr.empty td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody tr.empty .td,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody tr.empty td {
    border-top: unset;
    border-bottom: unset;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table .tbody .tr,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table tbody .tr,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table .tbody .tr,
.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank table tbody .tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .table {
    overflow: hidden;
    border-radius: 8px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .tbody .group-title {
    font-size: 18px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .tbody .group-scroll {
    width: 822px;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .tbody .group-scroll::-webkit-scrollbar {
    display: none;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .tbody .td:first-child {
    font-size: 18px;
    line-height: 18px;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.vip .detail .detail-rank .tbody .td.empty {
    border-top: unset;
    border-bottom: unset;
}

.lb-modal-info .lb-modal-body .lb-menu-body>.content>.history-chip .table-history-chip {
    margin-bottom: 20px;
}

.lb-modal-deposit .lb-modal-dialog {
    max-width: unset;
    width: 950px !important;
}

.lb-modal-deposit .lb-modal-header {
    padding: 0 4px;
}

.lb-modal-deposit .lb-modal-body {
    height: 620px;
}

.lb-modal-deposit .lb-modal-body:before {
    content: unset;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.list-bank>.inner {
    display: block;
    text-align: left;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.list-bank>.inner>.item {
    width: 115px;
    margin-bottom: 12px;
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 12px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.list-bank>.inner>.item a {
    position: relative;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.list-bank>.inner>.item a img {
    width: 97px;
    height: 64px;
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
    border-radius: 10px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.list-bank>.inner>.item a .badge-new {
    position: absolute;
    top: -28px;
    right: -10px;
    background: #de0f00;
    border-radius: 12px;
    width: 40px;
    height: 20px;
    font-size: 12px;
    line-height: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 2px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.list-bank>.inner>.item.active a img {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount {
    display: none;
    background: #210000;
    border: 2px solid #fbe9a1;
    border-radius: 10px;
    padding: 6px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount.active {
    display: block;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner {
    height: 425px;
    overflow: auto;
    padding: 6px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item {
    background: #6c1c01;
    background: -moz-linear-gradient(top, #6c1c01 0%, #a82f00 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #6c1c01), color-stop(100%, #a82f00));
    background: -webkit-linear-gradient(top, #6c1c01 0%, #a82f00 100%);
    background: -o-linear-gradient(top, #6c1c01 0%, #a82f00 100%);
    background: -ms-linear-gradient(top, #6c1c01 0%, #a82f00 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#6c1c01), to(#a82f00));
    background: linear-gradient(to bottom, #6c1c01 0%, #a82f00 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6c1c01', endColorstr='#a82f00', GradientType=0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    height: 74px;
    border: 2px solid #fbe9a1;
    border-radius: 12px;
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: bold;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item.item-warning {
    font-size: 18px;
    padding: 12px;
    height: 46px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item:first-child {
    margin-top: 4px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item>div {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item>div:first-child {
    border-left: unset;
    border-right: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item>div:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item .icon {
    height: 100%;
    width: 80px;
    background: #2e0000;
    position: relative;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item .icon img {
    width: 64px;
    height: 64px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item .price {
    width: 194px;
    font-size: 24px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item .coin {
    width: 235px;
    position: relative;
    font-size: 24px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item .coin .text-bonus {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #d3d3d3;
    font-size: 14px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item .buy {
    width: 374px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item .buy .vip {
    margin: auto;
    cursor: pointer;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount>.inner>.item .buy .action {
    margin-left: auto;
    margin-right: 28px;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount#ContainerDepositPaypal>.inner {
    overflow: hidden;
}

.lb-modal-deposit .lb-modal-body .lb-menu-body>.content>.deposit>.info-bank>.list-amount#ContainerDepositPaypal>.inner iframe {
    height: 436px !important;
}

.lb-modal-deposit .lb-modal-body .tab-content {
    display: none !important;
}

.lb-modal-deposit .lb-modal-body .tab-content.active {
    display: block !important;
}

.lb-modal-deposit .lb-modal-body .ohyea__form-field {
    padding: 4px;
}

.lb-modal-deposit .ohyea__modal_body:after,
.lb-modal-deposit .ohyea__modal_body:before {
    content: unset;
}

.lb-modal-deposit .ohyea__modal_content:after,
.lb-modal-deposit .ohyea__modal_content:before {
    content: unset;
}

.lb-modal-top-win .lb-modal-dialog {
    max-width: unset;
    width: 1013px;
}

.lb-modal-top-win .lb-modal-header {
    padding: 0 4px;
}

.lb-modal-top-win .lb-modal-body {
    height: 605px;
}

.lb-modal-top-win .top-win {
    background: #2a0900;
    background: -moz-linear-gradient(left, #2a0900 0%, #712901 44%, #2a0900 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #2a0900), color-stop(44%, #712901), color-stop(100%, #2a0900));
    background: -webkit-linear-gradient(left, #2a0900 0%, #712901 44%, #2a0900 100%);
    background: -o-linear-gradient(left, #2a0900 0%, #712901 44%, #2a0900 100%);
    background: -ms-linear-gradient(left, #2a0900 0%, #712901 44%, #2a0900 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2a0900), color-stop(44%, #712901), to(#2a0900));
    background: linear-gradient(to right, #2a0900 0%, #712901 44%, #2a0900 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2a0900', endColorstr='#2a0900', GradientType=1);
    border-radius: 12px;
    border: 1px solid #fbe9a1;
    position: relative;
    z-index: 1;
}

.lb-modal-top-win .top-win:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("img/bg/bgDot.png");
    background-repeat: repeat;
    opacity: 0.2;
    z-index: -1;
}

.lb-modal-top-win .top-win-menu {
    display: block;
    width: 975px;
    margin-bottom: 16px;
    margin-top: 10px;
    overflow: hidden;
    overflow-x: auto;
    height: 96px;
    white-space: nowrap;
    text-align: left;
}

.lb-modal-top-win .top-win-menu.topuser_gametab_container {
    height: 110px;
}

.lb-modal-top-win .top-win-menu-item {
    height: auto;
    width: 302px;
    margin: 0px 8px;
    margin-right: 6px;
    position: relative;
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-filter: brightness(0.6);
    filter: brightness(0.6);
    white-space: normal;
}

.lb-modal-top-win .top-win-menu-item.toclone {
    display: none !important;
}

.lb-modal-top-win .top-win-menu-item.active {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    display: inline-block;
}

.lb-modal-top-win .top-win-menu-item .item-bg {
    width: 302px;
    height: 72px;
    background-size: contain;
}

.lb-modal-top-win .top-win-menu-item .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #320300;
    text-align: center;
    width: 250px;
}

.lb-modal-top-win .top-win-menu-item .badge-open-link {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 26px;
    height: 26px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4b4b), to(#a00000));
    background: -webkit-linear-gradient(top, #ff4b4b 0%, #a00000 100%);
    background: -o-linear-gradient(top, #ff4b4b 0%, #a00000 100%);
    background: linear-gradient(to bottom, #ff4b4b 0%, #a00000 100%);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    -webkit-box-shadow: inset 0px 0px 4px #fff, 1px 1px #560000;
    box-shadow: inset 0px 0px 4px #fff, 1px 1px #560000;
    cursor: pointer;
}

.lb-modal-top-win .top-win-menu-item .badge-open-link:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-modal-top-win .top-win-summary {
    margin-bottom: 20px;
}

.lb-modal-top-win .top-win-summary .inner {
    display: block;
    width: 100%;
    position: relative;
    height: 163px;
}

.lb-modal-top-win .top-win-summary .inner .item {
    width: 300px;
    height: 163px;
    padding: 6px;
    border-radius: 10px;
    margin: auto;
    position: relative;
    cursor: pointer;
    float: left;
    margin-left: 18px;
}

.lb-modal-top-win .top-win-summary .inner .item .badge-top {
    width: 64px;
    height: 70px;
    background-size: contain;
    position: absolute;
    top: -12px;
    right: -12px;
}

.lb-modal-top-win .top-win-summary .inner .item .icon-vip {
    position: absolute;
    bottom: 22px;
    left: 30px;
    width: 50px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
}

.lb-modal-top-win .top-win-summary .inner .item .content {
    height: 124px;
    width: 100%;
    background: #07351a;
    border-bottom: 2px solid #2a6717;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 8px;
}

.lb-modal-top-win .top-win-summary .inner .item .content .avatar {
    background: -webkit-linear-gradient(#f5d582, #d0a457);
    border-radius: 8px;
    padding: 4px;
    width: 82px;
    height: 82px;
    position: relative;
    margin-right: 8px;
}

.lb-modal-top-win .top-win-summary .inner .item .content .avatar:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 74px;
    height: 74px;
    -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
    border-radius: 6px;
}

.lb-modal-top-win .top-win-summary .inner .item .content .avatar .ava {
    width: 74px;
    height: 74px;
    border-radius: 6px;
}

.lb-modal-top-win .top-win-summary .inner .item .content .info {
    background: #2e772c;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
    width: 160px;
    height: 82px;
    font-size: 24px;
    font-weight: bold;
    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;
}

.lb-modal-top-win .top-win-summary .inner .item .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 28px;
    background: #081c10;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.lb-modal-top-win .top-win-summary .inner .item.top-1 {
    background: #f3df38;
    background: -moz-linear-gradient(top, #f3df38 0%, #642d08 24%, #fcea65 43%, white 75%, #a97c24 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f3df38), color-stop(24%, #642d08), color-stop(43%, #fcea65), color-stop(75%, white), color-stop(100%, #a97c24));
    background: -webkit-linear-gradient(top, #f3df38 0%, #642d08 24%, #fcea65 43%, white 75%, #a97c24 100%);
    background: -o-linear-gradient(top, #f3df38 0%, #642d08 24%, #fcea65 43%, white 75%, #a97c24 100%);
    background: -ms-linear-gradient(top, #f3df38 0%, #642d08 24%, #fcea65 43%, white 75%, #a97c24 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3df38), color-stop(24%, #642d08), color-stop(43%, #fcea65), color-stop(75%, white), to(#a97c24));
    background: linear-gradient(to bottom, #f3df38 0%, #642d08 24%, #fcea65 43%, white 75%, #a97c24 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3df38', endColorstr='#a97c24', GradientType=1);
}

.lb-modal-top-win .top-win-summary .inner .item.top-2 {
    background: #989898;
    background: -moz-linear-gradient(top, #989898 0%, #444444 24%, #989898 43%, white 75%, dimgray 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #989898), color-stop(24%, #444444), color-stop(43%, #989898), color-stop(75%, white), color-stop(100%, dimgray));
    background: -webkit-linear-gradient(top, #989898 0%, #444444 24%, #989898 43%, white 75%, dimgray 100%);
    background: -o-linear-gradient(top, #989898 0%, #444444 24%, #989898 43%, white 75%, dimgray 100%);
    background: -ms-linear-gradient(top, #989898 0%, #444444 24%, #989898 43%, white 75%, dimgray 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#989898), color-stop(24%, #444444), color-stop(43%, #989898), color-stop(75%, white), to(dimgray));
    background: linear-gradient(to bottom, #989898 0%, #444444 24%, #989898 43%, white 75%, dimgray 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#696969', GradientType=0);
}

.lb-modal-top-win .top-win-summary .inner .item.top-3 {
    background: #ce926f;
    background: -moz-linear-gradient(top, #ce926f 0%, #632f1c 24%, #ce926f 43%, white 75%, #995536 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ce926f), color-stop(24%, #632f1c), color-stop(43%, #ce926f), color-stop(75%, white), color-stop(100%, #995536));
    background: -webkit-linear-gradient(top, #ce926f 0%, #632f1c 24%, #ce926f 43%, white 75%, #995536 100%);
    background: -o-linear-gradient(top, #ce926f 0%, #632f1c 24%, #ce926f 43%, white 75%, #995536 100%);
    background: -ms-linear-gradient(top, #ce926f 0%, #632f1c 24%, #ce926f 43%, white 75%, #995536 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ce926f), color-stop(24%, #632f1c), color-stop(43%, #ce926f), color-stop(75%, white), to(#995536));
    background: linear-gradient(to bottom, #ce926f 0%, #632f1c 24%, #ce926f 43%, white 75%, #995536 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ce926f', endColorstr='#995536', GradientType=0);
}

.lb-modal-top-win .top-win-detail table tbody {
    height: 210px !important;
}

.lb-modal-top-win .top-win-detail table tbody tr.active td {
    border-color: #ffc107;
    border-bottom: 2px solid #ffc107;
    background: #9b3030;
}

.lb-modal-top-win .top-win-detail table tbody tr td .text {
    cursor: pointer;
    max-width: 175px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    display: block;
}

.lb-modal-top-win .top-win-detail table tbody tr td .info {
    cursor: pointer;
}

.lb-modal-top-win .top-win-detail table tbody tr td a {
    text-decoration: none;
}

.lb-modal-deposit-success .lb-modal-dialog {
    width: 860px;
}

.lb-modal-deposit-success .lb-modal-body {
    height: 570px;
    padding: 12px 36px;
}

.lb-modal-deposit-success .list-bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #fbe9a1;
    border-radius: 10px;
    padding: 12px;
    padding-top: 24px;
    padding-bottom: 0;
    margin-bottom: 24px;
    overflow-x: scroll;
}

.lb-modal-deposit-success .list-bonus .item {
    margin: auto;
    margin-right: 24px;
    width: 123px;
    min-width: 123px;
    height: 123px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
}

.lb-modal-deposit-success .list-bonus .item:last-child {
    margin-right: auto;
}

.lb-modal-deposit-success .list-bonus .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 123px;
    height: 123px;
    background-image: url("img/icons/bg-ic-bonus.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.lb-modal-deposit-success .list-bonus .item:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    width: 107px;
    height: 49px;
    background-image: url("img/icons/bg-overlay-bonus.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.lb-modal-deposit-success .list-bonus .item.item-coin .icon {
    background-image: url("img/icons/icon-bonus-coin.png");
}

.lb-modal-deposit-success .list-bonus .item.item-bag-coin .icon {
    background-image: url("img/icons/icon-bag-coin.png");
}

.lb-modal-deposit-success .list-bonus .item.item-box-coin .icon {
    background-image: url("img/icons/icon-box-coin.png");
}

.lb-modal-deposit-success .list-bonus .item .badge-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -7px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 2;
    height: 28px;
    font-size: 12px;
}

.lb-modal-deposit-success .list-bonus .item .badge-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 67px;
    height: 28px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url("img/icons/badge-top-bonus-coin.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.lb-modal-deposit-success .list-bonus .item .icon {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    width: 102px;
    height: 102px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("img/icons/icon-bonus-coin.png");
}

.lb-modal-deposit-success .list-bonus .item .badge-bottom {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    z-index: 2;
    height: 40px;
    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;
    font-size: 18px;
}

.lb-modal-deposit-success .list-bonus .item .badge-bottom:before {
    content: "";
    position: absolute;
    top: -3px;
    left: -2px;
    width: 127px;
    height: 40px;
    background-image: url("img/icons/badge-bottom-bonus-coin.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.lb-modal-deposit-success .vip-detail {
    border: 2px solid #fbe9a1;
    border-radius: 10px;
    padding: 12px;
    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;
}

.lb-modal-deposit-success .vip-detail .current-vip,
.lb-modal-deposit-success .vip-detail .next-vip {
    width: 240px;
    height: 240px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
}

.lb-modal-deposit-success .vip-detail .current-vip .icon,
.lb-modal-deposit-success .vip-detail .next-vip .icon {
    width: 108px;
    height: 92px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.lb-modal-deposit-success .vip-detail .current-vip .text,
.lb-modal-deposit-success .vip-detail .next-vip .text {
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.lb-modal-deposit-success .vip-detail .current-vip:before,
.lb-modal-deposit-success .vip-detail .next-vip:before {
    content: "";
    background-image: url("img/bg/bg-overlay-vip.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 240px;
    height: 240px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.lb-modal-deposit-success .vip-detail .vip-progressbar {
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}

.lb-modal-deposit-success .vip-detail .vip-progressbar .text {
    margin: 12px auto;
}

.lb-modal-deposit-success .vip-detail .vip-progressbar .title {
    font-size: 36px;
}

.lb-modal-deposit-success .vip-detail .vip-progressbar .progressbar {
    position: relative;
    width: 268px;
    height: 36px;
    border: 2px solid #ffe001;
    background: #1c0d42;
    border-radius: 20px;
}

.lb-modal-deposit-success .vip-detail .vip-progressbar .progressbar .progressed {
    background-image: url("img/bg/vipBar.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    top: 2px;
    left: 2px;
    width: 260px;
    height: 28px;
}

.lb-modal-deposit-success .action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 14px;
}

.lb-modal-deposit-success .action .btn-close {
    min-width: 230px;
    height: 75px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: unset;
    background-color: unset;
    outline: unset;
    z-index: 1;
    color: #ffffff;
    font-size: 36px;
}

.lb-modal-deposit-success .action .btn-close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background-image: url("img/btn/btnBlue2.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.lb-modal-deposit-success .action .btn-close:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-modal-deposit-success .action .btn-close .text {
    width: 100%;
    text-align: center;
    margin: auto;
}

.lb-modal-reward.lb-modal {
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.6);
}

.lb-modal-reward .lb-modal-close {
    top: 120px;
}

.lb-modal-reward .lb-modal-title {
    position: absolute;
    top: 140px;
    left: 51%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url("img/reward/reward.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 385px;
    height: 132px;
}

.lb-modal-reward .modal-dialog {
    width: 670px;
    height: 640px;
    margin: 0 !important;
}

.lb-modal-reward .modal-header {
    background-image: unset;
    background: none;
    border: none;
}

.lb-modal-reward .modal-content {
    width: 100%;
    height: 100%;
    background: none;
    position: relative;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: unset;
}

.lb-modal-reward .modal-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 664px;
    height: 489px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url("img/reward/bg-reward.png");
    background-repeat: no-repeat;
}

.lb-modal-reward .modal-body {
    position: absolute;
    top: 355px;
    left: 0;
    width: 100%;
    height: 200px;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(5, 36, 107, 0.8) 51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(51%, rgba(5, 36, 107, 0.8)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(5, 36, 107, 0.8) 51%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(5, 36, 107, 0.8) 51%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(5, 36, 107, 0.8) 51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(51%, rgba(5, 36, 107, 0.8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(5, 36, 107, 0.8) 51%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.lb-modal-reward .modal-body:before {
    content: "";
    background-image: unset;
    width: 100%;
    height: 2px;
    top: 0px;
    left: 0px;
    opacity: 1;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #4bfde5 51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(51%, #4bfde5), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #4bfde5 51%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #4bfde5 51%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #4bfde5 51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(51%, #4bfde5), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #4bfde5 51%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.lb-modal-reward .modal-body:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #4bfde5 51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(51%, #4bfde5), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #4bfde5 51%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #4bfde5 51%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #4bfde5 51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(51%, #4bfde5), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #4bfde5 51%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.lb-modal-reward .modal-body .list-bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.lb-modal-reward .modal-body .list-bonus .item {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    z-index: 1;
    margin-right: 12px;
}

.lb-modal-reward .modal-body .list-bonus .item:last-child {
    margin-right: auto;
}

.lb-modal-reward .modal-body .list-bonus .item .icon {
    background-size: 55px 55px;
    background-image: url("img/icons/icon-bag-coin.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    position: relative;
}

.lb-modal-reward .modal-body .list-bonus .item .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 110px;
    height: 110px;
    background-image: url("img/icons/bg-ic-bonus-reward.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.lb-modal-reward .modal-body .list-bonus .item .bottom {
    font-size: 20px;
    width: 110%;
    height: 110%;
    text-align: center;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, black 51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(51%, black), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, black 51%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, black 51%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, black 51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(51%, black), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, black 51%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.lb-modal-reward .modal-body .list-bonus .item.item-coin .icon {
    background-image: url("img/icons/icon-bag-coin.png");
}

.lb-modal-reward .modal-body .list-bonus .item.item-vip .icon {
    width: 104px;
    height: 107px;
    background-image: url("img/icons/icon-vip.png");
}

.lb-modal-reward .modal-body .list-bonus .item.item-exp .icon {
    width: 104px;
    height: 107px;
    background-image: url("img/icons/icon-exp.png");
}

.lb-modal-reward .modal-body .list-bonus .item.item-wheel .icon {
    width: 104px;
    height: 107px;
    background-image: url("img/icons/icon-wheel.png");
}

.lb-modal-reward .modal-body .list-bonus .item.item-bag-coin .icon {
    background-image: url("img/icons/icon-box-coin-2.png");
}

.lb-modal-reward .modal-body .list-bonus .item.item-box-coin .icon {
    background-image: url("img/icons/icon-box-coin.png");
}

.lb-modal-reward .modal-body .action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px;
    text-align: center;
}

.lb-modal-reward .modal-body .action .btn-close {
    min-width: 145px;
    height: 60px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    outline: none;
    z-index: 1;
    color: #74000d;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.lb-modal-reward .modal-body .action .btn-close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-image: url("img/btn/btnYellowSmall.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.lb-modal-reward .modal-body .action .btn-close:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-modal-reward .modal-body .action .btn-close.large {
    width: 200px;
}

.lb-modal-reward .modal-body .action .btn-close.large:before {
    background-size: 200px 60px;
}

.lb-modal-reward .modal-body .action .btn-close .text {
    display: block;
    text-align: center;
    width: 100%;
    margin: auto;
}

.lb-modal-shop .lb-modal-dialog {
    max-width: unset;
    width: 1012px;
}

.lb-modal-shop .lb-modal-header {
    padding: 0 4px;
}

.lb-modal-shop .lb-modal-body {
    height: 600px;
}

.lb-modal-shop .lb-menu-body {
    background: #2a0900;
    background: -moz-linear-gradient(left, #2a0900 0%, #712901 44%, #2a0900 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #2a0900), color-stop(44%, #712901), color-stop(100%, #2a0900));
    background: -webkit-linear-gradient(left, #2a0900 0%, #712901 44%, #2a0900 100%);
    background: -o-linear-gradient(left, #2a0900 0%, #712901 44%, #2a0900 100%);
    background: -ms-linear-gradient(left, #2a0900 0%, #712901 44%, #2a0900 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2a0900), color-stop(44%, #712901), to(#2a0900));
    background: linear-gradient(to right, #2a0900 0%, #712901 44%, #2a0900 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2a0900', endColorstr='#2a0900', GradientType=1);
    border-radius: 12px;
    border: 1px solid #fbe9a1;
    position: relative;
    z-index: 1;
}

.lb-modal-shop .lb-menu-body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("img/bg/bgDot.png");
    background-repeat: repeat;
    opacity: 0.2;
    z-index: -1;
}

.lb-modal-shop .shop-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
}

.lb-modal-shop .shop-header .action,
.lb-modal-shop .shop-header .coin-user,
.lb-modal-shop .shop-header .ticket,
.lb-modal-shop .shop-header .timer {
    margin: auto;
}

.lb-modal-shop .shop-header .coin-user,
.lb-modal-shop .shop-header .ticket {
    position: relative;
    width: 244px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 12px;
    font-weight: bold;
    border-radius: 10px;
    border: 2px solid #fbe9a1;
    background: #2a0900;
    background: -moz-linear-gradient(top, #2a0900 0%, #712901 50%, #2a0900 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #2a0900), color-stop(50%, #712901), color-stop(100%, #2a0900));
    background: -webkit-linear-gradient(top, #2a0900 0%, #712901 50%, #2a0900 100%);
    background: -o-linear-gradient(top, #2a0900 0%, #712901 50%, #2a0900 100%);
    background: -ms-linear-gradient(top, #2a0900 0%, #712901 50%, #2a0900 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#2a0900), color-stop(50%, #712901), to(#2a0900));
    background: linear-gradient(to bottom, #2a0900 0%, #712901 50%, #2a0900 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2a0900', endColorstr='#2a0900', GradientType=0);
}

.lb-modal-shop .shop-header .coin-user .number,
.lb-modal-shop .shop-header .ticket .number {
    background: #ffd900;
    background: -moz-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffd900), color-stop(34%, #e0af00), color-stop(41%, #e5e374), color-stop(85%, #ffd900), color-stop(100%, #e5e374));
    background: -webkit-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -o-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -ms-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd900), color-stop(34%, #e0af00), color-stop(41%, #e5e374), color-stop(85%, #ffd900), to(#e5e374));
    background: linear-gradient(to bottom, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffd900', endColorstr='#e5e374', GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lb-modal-shop .shop-header .coin-user {
    margin-left: 24px;
    margin-right: auto;
}

.lb-modal-shop .shop-header .coin-user .icon-coin {
    position: absolute;
    top: -12px;
    left: -12px;
    background-image: url("img/icons/h-coin.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 45px;
    height: 49px;
}

.lb-modal-shop .shop-header .ticket .icon-ticket {
    position: absolute;
    top: -4px;
    left: -30px;
    background-image: url("img/icons/icon-ticket.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 46px;
}

.lb-modal-shop .shop-header .timer {
    position: relative;
    width: 137px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 12px;
    font-weight: bold;
    border-radius: 16px;
    border: 1px solid #ffdf04;
    background: #1fa4d8;
    background: -moz-radial-gradient(center, ellipse cover, #1fa4d8 0%, #070092 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #1fa4d8), color-stop(100%, #070092));
    background: -webkit-radial-gradient(center, ellipse cover, #1fa4d8 0%, #070092 100%);
    background: -o-radial-gradient(center, ellipse cover, #1fa4d8 0%, #070092 100%);
    background: -ms-radial-gradient(center, ellipse cover, #1fa4d8 0%, #070092 100%);
    background: -webkit-radial-gradient(center, ellipse, #1fa4d8 0%, #070092 100%);
    background: -o-radial-gradient(center, ellipse, #1fa4d8 0%, #070092 100%);
    background: radial-gradient(ellipse at center, #1fa4d8 0%, #070092 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1fa4d8', endColorstr='#070092', GradientType=1);
}

.lb-modal-shop .shop-header .timer .icon-oclock {
    position: absolute;
    top: -14px;
    right: -28px;
    background-image: url("img/icons/icon-oclock.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 54px;
    height: 54px;
}

.lb-modal-shop .shop-header .timer .time-countdown {
    color: #ffffff;
}

.lb-modal-shop .shop-header .action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: 12px;
}

.lb-modal-shop .shop-header .action .item {
    margin: auto;
    position: relative;
}

.lb-modal-shop .shop-header .action .item:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-modal-shop .shop-header .action .item.icon-bag {
    position: relative;
    width: 62px;
    height: 63px;
    cursor: pointer;
}

.lb-modal-shop .shop-header .action .item.icon-bag:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("img/icons/h-icon-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 62px;
    height: 63px;
}

.lb-modal-shop .shop-header .action .item.icon-bag:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("img/icons/icon-bag.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 27px;
    height: 32px;
}

.lb-modal-shop .shop-content {
    padding: 12px;
    padding-top: 0px;
    color: #ffffff;
}

.lb-modal-shop .shop-content.active {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.lb-modal-shop .shop-content .list-item {
    margin: auto;
    position: relative;
}

.lb-modal-shop .shop-content .list-item:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #bd7b58 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #bd7b58), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #bd7b58 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #bd7b58 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #bd7b58 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, #bd7b58), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #bd7b58 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.lb-modal-shop .shop-content .list-item .inner {
    height: 497px;
    width: 635px;
    overflow: hidden;
    overflow-y: auto;
    padding: 8px;
    padding-bottom: 0px;
}

.lb-modal-shop .shop-content .list-item .inner>.item {
    position: relative;
    width: 185px;
    height: 230px;
    z-index: 1;
    padding: 4px;
    display: inline-block;
    margin-right: 20px;
    margin-top: 4px;
    margin-bottom: 10px;
    cursor: pointer;
}

.lb-modal-shop .shop-content .list-item .inner>.item:nth-child(3n) {
    margin-right: 0;
}

.lb-modal-shop .shop-content .list-item .inner>.item.active:after {
    -webkit-box-shadow: 0px 0px 6px 4px #fffc00;
    box-shadow: 0px 0px 6px 4px #fffc00;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}

.lb-modal-shop .shop-content .list-item .inner>.item:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 4px;
    width: 100%;
    height: 100%;
    border: 1px solid #ff3324;
    border-radius: 16px;
    background: #4d0000;
    background: -moz-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #4d0000), color-stop(100%, #810000));
    background: -webkit-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -o-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -ms-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#4d0000), to(#810000));
    background: linear-gradient(to bottom, #4d0000 0%, #810000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4d0000', endColorstr='#810000', GradientType=0);
    z-index: -1;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
}

.lb-modal-shop .shop-content .list-item .inner>.item:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -2px;
    width: 194px;
    height: 100%;
    border-radius: 16px;
    border: 6px solid #f5d582;
    z-index: -1;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-header {
    position: absolute;
    top: 6px;
    left: 9px;
    width: 173px;
    height: 32px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: rgba(0, 0, 0, 0.6);
    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;
    z-index: 2;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-header .item-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    background: #ffd900;
    background: -moz-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffd900), color-stop(34%, #e0af00), color-stop(41%, #e5e374), color-stop(85%, #ffd900), color-stop(100%, #e5e374));
    background: -webkit-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -o-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -ms-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd900), color-stop(34%, #e0af00), color-stop(41%, #e5e374), color-stop(85%, #ffd900), to(#e5e374));
    background: linear-gradient(to bottom, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffd900', endColorstr='#e5e374', GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body {
    position: relative;
    width: 100%;
    height: 214px;
    margin-top: 2px;
    margin-left: 3px;
    border-radius: 14px;
    -webkit-box-shadow: inset 1px 1px 16px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 1px 1px 16px 4px rgba(0, 0, 0, 0.6);
    background: #910a58;
    background: -moz-linear-gradient(top, #910a58 0%, #480832 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #910a58), color-stop(100%, #480832));
    background: -webkit-linear-gradient(top, #910a58 0%, #480832 100%);
    background: -o-linear-gradient(top, #910a58 0%, #480832 100%);
    background: -ms-linear-gradient(top, #910a58 0%, #480832 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#910a58), to(#480832));
    background: linear-gradient(to bottom, #910a58 0%, #480832 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#910a58', endColorstr='#480832', GradientType=0);
    border: 1px solid #ff3324;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .item-badge {
    position: absolute;
    top: 32px;
    left: -4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    color: #391e69;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .item-badge .number {
    display: inline-block;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .item-badge .badge-expire {
    background-image: url("img/icons/badge-expire.png");
    background-repeat: no-repeat;
    background-size: 64px 28px;
    width: 64px;
    height: 28px;
    padding-right: 8px;
    padding-top: 5px;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .item-badge .badge-max-buy {
    background-image: url("img/icons/badge-max-buy.png");
    background-repeat: no-repeat;
    background-size: 64px 28px;
    width: 64px;
    height: 28px;
    padding-right: 12px;
    padding-top: 5px;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .item-avatar {
    text-align: center;
    padding-top: 1px;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .item-avatar img {
    height: 120px;
    width: 173px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .price-title {
    position: absolute;
    top: 94px;
    left: 6px;
    color: #ffffff;
    font-weight: 800;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -1px;
    font-size: 20px;
    -webkit-text-stroke: 1px #480832;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .calc-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 14px auto;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .calc-price .price-total,
.lb-modal-shop .shop-content .list-item .inner>.item .item-body .calc-price .quantity {
    position: relative;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 77px;
    height: 26px;
    margin: auto;
    border-radius: 12px;
    border: 1px solid #ff3324;
    background: #3d0100;
    background: -moz-linear-gradient(top, #3d0100 0%, #ff006c 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #3d0100), color-stop(100%, #ff006c));
    background: -webkit-linear-gradient(top, #3d0100 0%, #ff006c 100%);
    background: -o-linear-gradient(top, #3d0100 0%, #ff006c 100%);
    background: -ms-linear-gradient(top, #3d0100 0%, #ff006c 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#3d0100), to(#ff006c));
    background: linear-gradient(to bottom, #3d0100 0%, #ff006c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3d0100', endColorstr='#ff006c', GradientType=0);
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .calc-price .price-total .number,
.lb-modal-shop .shop-content .list-item .inner>.item .item-body .calc-price .quantity .number {
    padding-top: 2px;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .calc-price .btn-plus {
    position: absolute;
    top: -1px;
    right: -4px;
    width: 23px;
    height: 26px;
    background-image: url("img/icons/icon-plus.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .calc-price .btn-minus {
    position: absolute;
    top: -1px;
    left: -4px;
    width: 23px;
    height: 26px;
    background-image: url("img/icons/icon-minus.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .action .item {
    margin: auto;
}

.lb-modal-shop .shop-content .list-item .inner>.item .item-body .action .btn-buy {
    width: 108px;
    height: 34px;
    background-size: 108px 34px;
    font-size: 20px;
    min-width: unset;
    min-height: unset;
    margin: auto;
}

.lb-modal-shop .shop-content .item-detail {
    padding: 6px;
    margin: auto;
}

.lb-modal-shop .shop-content .item-detail>.inner {
    width: 280px;
    height: 470px;
    position: relative;
    padding: 9px;
    padding-right: 2px;
    padding-top: 6px;
}

.lb-modal-shop .shop-content .item-detail>.inner:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 4px;
    width: 280px;
    height: 470px;
    border-radius: 16px;
    background: #4d0000;
    background: -moz-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #4d0000), color-stop(100%, #810000));
    background: -webkit-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -o-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -ms-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#4d0000), to(#810000));
    background: linear-gradient(to bottom, #4d0000 0%, #810000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4d0000', endColorstr='#810000', GradientType=0);
    z-index: -1;
    -webkit-box-shadow: 0px 0px 0px 1px #ff3324;
    box-shadow: 0px 0px 0px 1px #ff3324;
}

.lb-modal-shop .shop-content .item-detail>.inner:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -2px;
    width: 291px;
    height: 470px;
    border-radius: 16px;
    border: 6px solid #f5d582;
    z-index: -1;
}

.lb-modal-shop .shop-content .item-detail>.inner .item-overlay {
    position: absolute;
    top: 6px;
    left: 8px;
    width: 271px;
    height: 458px;
    z-index: -1;
    border-radius: 12px;
    -webkit-box-shadow: inset 1px 1px 16px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 1px 1px 16px 4px rgba(0, 0, 0, 0.6);
    background: #910a58;
    background: -moz-linear-gradient(top, #910a58 0%, #480832 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #910a58), color-stop(100%, #480832));
    background: -webkit-linear-gradient(top, #910a58 0%, #480832 100%);
    background: -o-linear-gradient(top, #910a58 0%, #480832 100%);
    background: -ms-linear-gradient(top, #910a58 0%, #480832 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#910a58), to(#480832));
    background: linear-gradient(to bottom, #910a58 0%, #480832 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#910a58', endColorstr='#480832', GradientType=0);
    -webkit-box-shadow: 0px 0px 0px 1px #ff3324;
    box-shadow: 0px 0px 0px 1px #ff3324;
}

.lb-modal-shop .shop-content .item-detail>.inner .item-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 271px;
    height: 229px;
    background-image: url("img/bg/bg-shop-item-detail.png");
    -webkit-filter: contrast(0);
    filter: contrast(0);
    opacity: 0.6;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: 12px;
}

.lb-modal-shop .shop-content .item-detail>.inner .item-overlay:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 271px;
    height: 229px;
    background-image: url("img/bg/bg-shop-item-detail.png");
    opacity: 0.6;
}

.lb-modal-shop .shop-content .item-detail>.inner .item-header {
    position: relative;
    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;
    height: 52px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: #3d0900;
    background: -moz-linear-gradient(left, #3d0900 0%, #c83900 47%, #3d0900 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #3d0900), color-stop(47%, #c83900), color-stop(100%, #3d0900));
    background: -webkit-linear-gradient(left, #3d0900 0%, #c83900 47%, #3d0900 100%);
    background: -o-linear-gradient(left, #3d0900 0%, #c83900 47%, #3d0900 100%);
    background: -ms-linear-gradient(left, #3d0900 0%, #c83900 47%, #3d0900 100%);
    background: -webkit-gradient(linear, left top, right top, from(#3d0900), color-stop(47%, #c83900), to(#3d0900));
    background: linear-gradient(to right, #3d0900 0%, #c83900 47%, #3d0900 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3d0900', endColorstr='#3d0900', GradientType=1);
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.8);
}

.lb-modal-shop .shop-content .item-detail>.inner .item-header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 3px;
    left: 0;
    background: #000000;
}

.lb-modal-shop .shop-content .item-detail>.inner .item-header:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffaa00 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffaa00), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffaa00 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffaa00 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffaa00 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #ffaa00), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffaa00 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.lb-modal-shop .shop-content .item-detail>.inner .item-header .item-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    background: #ffd900;
    background: -moz-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffd900), color-stop(34%, #e0af00), color-stop(41%, #e5e374), color-stop(85%, #ffd900), color-stop(100%, #e5e374));
    background: -webkit-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -o-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -ms-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd900), color-stop(34%, #e0af00), color-stop(41%, #e5e374), color-stop(85%, #ffd900), to(#e5e374));
    background: linear-gradient(to bottom, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffd900', endColorstr='#e5e374', GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lb-modal-shop .shop-content .item-detail>.inner .item-body .item-avatar {
    text-align: center;
    margin: 12px auto;
}

.lb-modal-shop .shop-content .item-detail>.inner .item-body .item-avatar img {
    width: 235px;
    height: 197px;
    -webkit-box-shadow: inset 0px 0px 1px 10px #350c2e;
    box-shadow: inset 0px 0px 1px 10px #350c2e;
    border: 1px solid #b811b2;
    border-radius: 10px;
}

.lb-modal-shop .shop-content .item-detail>.inner .item-body .item-description {
    width: 245px;
    padding: 10px 0px;
    margin: auto;
    border-radius: 4px;
    border: 1px solid #d9007b;
    background: #46003c;
    background: -moz-linear-gradient(top, #46003c 0%, #77005d 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #46003c), color-stop(100%, #77005d));
    background: -webkit-linear-gradient(top, #46003c 0%, #77005d 100%);
    background: -o-linear-gradient(top, #46003c 0%, #77005d 100%);
    background: -ms-linear-gradient(top, #46003c 0%, #77005d 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#46003c), to(#77005d));
    background: linear-gradient(to bottom, #46003c 0%, #77005d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#46003c', endColorstr='#77005d', GradientType=0);
}

.lb-modal-shop .shop-content .item-detail>.inner .item-body .item-description .inner {
    width: 248px;
    height: 150px;
    overflow: hidden;
    overflow-y: auto;
    padding: 0px 10px;
    text-align: justify;
}

.lb-modal-bag .lb-modal-dialog {
    max-width: unset;
    width: 1012px;
}

.lb-modal-bag .lb-modal-header {
    padding: 0 4px;
}

.lb-modal-bag .lb-modal-body {
    height: 600px;
}

.lb-modal-bag .lb-menu-body {
    background: #2a0900;
    background: -moz-linear-gradient(left, #2a0900 0%, #712901 44%, #2a0900 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #2a0900), color-stop(44%, #712901), color-stop(100%, #2a0900));
    background: -webkit-linear-gradient(left, #2a0900 0%, #712901 44%, #2a0900 100%);
    background: -o-linear-gradient(left, #2a0900 0%, #712901 44%, #2a0900 100%);
    background: -ms-linear-gradient(left, #2a0900 0%, #712901 44%, #2a0900 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2a0900), color-stop(44%, #712901), to(#2a0900));
    background: linear-gradient(to right, #2a0900 0%, #712901 44%, #2a0900 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2a0900', endColorstr='#2a0900', GradientType=1);
    border-radius: 12px;
    border: 1px solid #fbe9a1;
    position: relative;
    z-index: 1;
}

.lb-modal-bag .lb-menu-body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("img/bg/bgDot.png");
    background-repeat: repeat;
    opacity: 0.2;
    z-index: -1;
}

.lb-modal .bag-content {
    padding: 12px;
    padding-top: 0px;
    color: #ffffff;
}

.lb-modal .bag-content.active {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.lb-modal .bag-content .list-item {
    margin: auto;
    position: relative;
}

.lb-modal .bag-content .list-item:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #bd7b58 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #bd7b58), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #bd7b58 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #bd7b58 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #bd7b58 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, #bd7b58), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #bd7b58 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.lb-modal .bag-content .list-item .inner {
    height: 570px;
    width: 635px;
    overflow: hidden;
    overflow-y: auto;
    padding: 16px 12px;
    padding-bottom: 0px;
}

.lb-modal .bag-content .list-item .inner>.item {
    position: relative;
    width: 112px;
    height: 120px;
    z-index: 1;
    padding: 4px;
    display: inline-block;
    margin-right: 40px;
    margin-top: 4px;
    margin-bottom: 14px;
    cursor: pointer;
}

.lb-modal .bag-content .list-item .inner>.item:nth-child(4n) {
    margin-right: 0;
}

.lb-modal .bag-content .list-item .inner>.item.active:after {
    -webkit-box-shadow: 0px 0px 10px 4px #fffc00;
    box-shadow: 0px 0px 10px 4px #fffc00;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}

.lb-modal .bag-content .list-item .inner>.item:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 4px;
    width: 100%;
    height: 100%;
    border: 1px solid #ff3324;
    border-radius: 16px;
    background: #4d0000;
    background: -moz-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #4d0000), color-stop(100%, #810000));
    background: -webkit-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -o-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -ms-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#4d0000), to(#810000));
    background: linear-gradient(to bottom, #4d0000 0%, #810000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4d0000', endColorstr='#810000', GradientType=0);
    z-index: -1;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
}

.lb-modal .bag-content .list-item .inner>.item:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -2px;
    width: 120px;
    height: 100%;
    border-radius: 16px;
    border: 6px solid #f5d582;
    z-index: -1;
}

.lb-modal .bag-content .list-item .inner>.item .item-body {
    position: relative;
    width: 100%;
    height: 103px;
    margin-top: 1px;
    margin-left: 3px;
    border-radius: 10px;
    -webkit-box-shadow: inset 1px 1px 16px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 1px 1px 16px 4px rgba(0, 0, 0, 0.6);
    background: #741b2b;
    background: -moz-linear-gradient(top, #741b2b 0%, #99373f 51%, #43131f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #741b2b), color-stop(51%, #99373f), color-stop(100%, #43131f));
    background: -webkit-linear-gradient(top, #741b2b 0%, #99373f 51%, #43131f 100%);
    background: -o-linear-gradient(top, #741b2b 0%, #99373f 51%, #43131f 100%);
    background: -ms-linear-gradient(top, #741b2b 0%, #99373f 51%, #43131f 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#741b2b), color-stop(51%, #99373f), to(#43131f));
    background: linear-gradient(to bottom, #741b2b 0%, #99373f 51%, #43131f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#741b2b', endColorstr='#43131f', GradientType=0);
    border: 1px solid #ff3324;
}

.lb-modal .bag-content .list-item .inner>.item .item-body .item-avatar {
    text-align: center;
    overflow: hidden;
    position: relative;
    height: 101px;
    width: 98px;
}

.lb-modal .bag-content .list-item .inner>.item .item-body .item-avatar:before {
    content: "";
    position: absolute;
    top: -50%;
    left: -45px;
    height: 150%;
    width: 100%;
    -webkit-box-shadow: inset 0px 0px 10px 4px rgba(255, 255, 255, 0.8);
    box-shadow: inset 0px 0px 30px 1px rgba(255, 255, 255, 0.3);
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.lb-modal .bag-content .list-item .inner>.item .item-body .item-avatar img {
    height: 101px;
    width: 101px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-size: contain;
}

.lb-modal .bag-content .list-item .inner>.item .item-body .item-number {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 36px;
    height: 36px;
    font-weight: bold;
    font-size: 18px;
    border-radius: 50%;
    background: #3e1104;
    border: 3px solid #e6ba56;
    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;
    z-index: 1;
}

.lb-modal .bag-content .list-item .inner>.item .item-body .item-expire {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
}

.lb-modal .bag-content .item-detail {
    padding: 6px;
    margin: auto;
    padding-top: 0px;
}

.lb-modal .bag-content .item-detail>.action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    margin-bottom: 12px;
}

.lb-modal .bag-content .item-detail>.action .item {
    margin: auto;
    position: relative;
}

.lb-modal .bag-content .item-detail>.action .item.icon-shop {
    width: 62px;
    height: 63px;
    margin: 0;
    margin-left: auto;
    cursor: pointer;
    background-image: url("img/icons/b-ic-shop.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.lb-modal .bag-content .item-detail>.action .item:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-modal .bag-content .item-detail>.inner {
    width: 280px;
    height: 470px;
    position: relative;
    padding: 9px;
    padding-right: 2px;
    padding-top: 6px;
    margin-top: 6px;
}

.lb-modal .bag-content .item-detail>.inner:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 4px;
    width: 280px;
    height: 470px;
    border-radius: 16px;
    background: #4d0000;
    background: -moz-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #4d0000), color-stop(100%, #810000));
    background: -webkit-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -o-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -ms-linear-gradient(top, #4d0000 0%, #810000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#4d0000), to(#810000));
    background: linear-gradient(to bottom, #4d0000 0%, #810000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4d0000', endColorstr='#810000', GradientType=0);
    z-index: -1;
    -webkit-box-shadow: 0px 0px 0px 1px #ff3324;
    box-shadow: 0px 0px 0px 1px #ff3324;
}

.lb-modal .bag-content .item-detail>.inner:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -2px;
    width: 291px;
    height: 470px;
    border-radius: 16px;
    border: 6px solid #f5d582;
    z-index: -1;
}

.lb-modal .bag-content .item-detail>.inner .item-overlay {
    position: absolute;
    top: 6px;
    left: 8px;
    width: 271px;
    height: 458px;
    z-index: -1;
    border-radius: 12px;
    -webkit-box-shadow: inset 1px 1px 16px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 1px 1px 16px 4px rgba(0, 0, 0, 0.6);
    background: #910a58;
    background: -moz-linear-gradient(top, #910a58 0%, #480832 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #910a58), color-stop(100%, #480832));
    background: -webkit-linear-gradient(top, #910a58 0%, #480832 100%);
    background: -o-linear-gradient(top, #910a58 0%, #480832 100%);
    background: -ms-linear-gradient(top, #910a58 0%, #480832 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#910a58), to(#480832));
    background: linear-gradient(to bottom, #910a58 0%, #480832 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#910a58', endColorstr='#480832', GradientType=0);
    -webkit-box-shadow: 0px 0px 0px 1px #ff3324;
    box-shadow: 0px 0px 0px 1px #ff3324;
}

.lb-modal .bag-content .item-detail>.inner .item-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 271px;
    height: 229px;
    background-image: url("img/bg/bg-shop-item-detail.png");
    -webkit-filter: contrast(0);
    filter: contrast(0);
    opacity: 0.6;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: 12px;
}

.lb-modal .bag-content .item-detail>.inner .item-overlay:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 271px;
    height: 229px;
    background-image: url("img/bg/bg-shop-item-detail.png");
    opacity: 0.6;
}

.lb-modal .bag-content .item-detail>.inner .item-header {
    position: relative;
    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;
    height: 52px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: #3d0900;
    background: -moz-linear-gradient(left, #3d0900 0%, #c83900 47%, #3d0900 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #3d0900), color-stop(47%, #c83900), color-stop(100%, #3d0900));
    background: -webkit-linear-gradient(left, #3d0900 0%, #c83900 47%, #3d0900 100%);
    background: -o-linear-gradient(left, #3d0900 0%, #c83900 47%, #3d0900 100%);
    background: -ms-linear-gradient(left, #3d0900 0%, #c83900 47%, #3d0900 100%);
    background: -webkit-gradient(linear, left top, right top, from(#3d0900), color-stop(47%, #c83900), to(#3d0900));
    background: linear-gradient(to right, #3d0900 0%, #c83900 47%, #3d0900 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3d0900', endColorstr='#3d0900', GradientType=1);
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.8);
}

.lb-modal .bag-content .item-detail>.inner .item-header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 3px;
    left: 0;
    background: #000000;
}

.lb-modal .bag-content .item-detail>.inner .item-header:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffaa00 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffaa00), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffaa00 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffaa00 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffaa00 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #ffaa00), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffaa00 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.lb-modal .bag-content .item-detail>.inner .item-header .item-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    background: #ffd900;
    background: -moz-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffd900), color-stop(34%, #e0af00), color-stop(41%, #e5e374), color-stop(85%, #ffd900), color-stop(100%, #e5e374));
    background: -webkit-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -o-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -ms-linear-gradient(top, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd900), color-stop(34%, #e0af00), color-stop(41%, #e5e374), color-stop(85%, #ffd900), to(#e5e374));
    background: linear-gradient(to bottom, #ffd900 0%, #e0af00 34%, #e5e374 41%, #ffd900 85%, #e5e374 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffd900', endColorstr='#e5e374', GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lb-modal .bag-content .item-detail>.inner .item-body .item-avatar {
    text-align: center;
    margin: 12px auto;
}

.lb-modal .bag-content .item-detail>.inner .item-body .item-avatar img {
    width: 235px;
    height: 197px;
    -webkit-box-shadow: inset 0px 0px 1px 10px #350c2e;
    box-shadow: inset 0px 0px 1px 10px #350c2e;
    border: 1px solid #b811b2;
    border-radius: 10px;
}

.lb-modal .bag-content .item-detail>.inner .item-body .item-description {
    width: 245px;
    padding: 10px 0px;
    margin: auto;
    border-radius: 4px;
    border: 1px solid #d9007b;
    background: #46003c;
    background: -moz-linear-gradient(top, #46003c 0%, #77005d 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #46003c), color-stop(100%, #77005d));
    background: -webkit-linear-gradient(top, #46003c 0%, #77005d 100%);
    background: -o-linear-gradient(top, #46003c 0%, #77005d 100%);
    background: -ms-linear-gradient(top, #46003c 0%, #77005d 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#46003c), to(#77005d));
    background: linear-gradient(to bottom, #46003c 0%, #77005d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#46003c', endColorstr='#77005d', GradientType=0);
}

.lb-modal .bag-content .item-detail>.inner .item-body .item-description .inner {
    width: 248px;
    height: 150px;
    overflow: hidden;
    overflow-y: auto;
    padding: 0px 10px;
    text-align: justify;
}

.lb-modal-map-info .lb-modal-dialog {
    width: 920px;
    margin-top: 100px;
}

.lb-modal-map-info .lb-modal-body {
    background: transparent;
}

.lb-modal-map-info .lb-modal-content {
    background: transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: unset;
    border: unset;
}

.lb-modal-map-info .lb-modal-content:after,
.lb-modal-map-info .lb-modal-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 462px;
    height: 503px;
    background-image: url("img/map/BgPopupMapInfo.png?v=2");
    background-repeat: no-repeat;
    z-index: -1;
    border: unset;
    border-radius: unset;
}

.lb-modal-map-info .lb-modal-content:after {
    left: 462px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.lb-modal-map-info .lb-modal-close {
    cursor: pointer;
    background-image: url("img/map/BtnClose.png?v=2");
    background-size: contain;
    border: none;
    position: absolute;
    right: -305px;
    top: -2px;
    outline: none;
    z-index: 6;
    width: 50px;
    height: 49px;
    padding: 0;
    margin: 0;
    border-radius: unset;
}

.lb-modal-map-info .lb-modal-header {
    height: 57px;
    width: 324px;
    background: transparent;
    border-bottom: unset;
    position: relative;
    z-index: 2;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding: 0px;
    margin: auto;
}

.lb-modal-map-info .lb-modal-header:before {
    content: unset;
}

.lb-modal-map-info .lb-modal-title {
    height: 57px;
    text-shadow: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: utmHanzel, Arial, Helvetica, sans-serif, PadaukRegular !important;
}

.lb-modal-map-info .lb-modal-title .text {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    color: #ffe868;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 1px);
    transform: translate3d(0, -50%, 1px);
    position: relative;
    font-size: 32px;
    height: auto;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    text-shadow: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lb-modal-map-info .lb-modal-title:after,
.lb-modal-map-info .lb-modal-title:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    height: 57px;
    width: 162px;
    background-image: url("img/map/TitlePopupMapInfo.png?v=2");
    background-repeat: no-repeat;
    z-index: -1;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}

.lb-modal-map-info .lb-modal-title:after {
    left: 162px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.lb-modal-map-info .lb-modal-body {
    padding: 20px 24px;
    position: relative;
    z-index: 2;
    height: 442px;
    border: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: unset;
}

.lb-modal-map-info .lb-modal-body:before {
    content: unset;
}

.lb-modal-map-info .boss-missions,
.lb-modal-map-info .boss-rewards {
    background: rgba(154, 105, 65, 0.4);
    border-radius: 10px;
    margin: auto;
}

.lb-modal-map-info .boss-missions {
    width: 800px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lb-modal-map-info .boss-missions .list-mission {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.lb-modal-map-info .boss-missions .processbar {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 30px);
    height: 10px;
    background: rgba(54, 31, 28, 0.75);
    -webkit-box-shadow: inset 2px 1px 1px rgba(0, 0, 0, 0.6), 2px 2px 1px #e9d8bb;
    box-shadow: inset 2px 1px 1px rgba(0, 0, 0, 0.6), 2px 2px 1px #e9d8bb;
}

.lb-modal-map-info .boss-missions .item {
    background-image: url("img/map/BgIconMission.png?v=2");
    background-repeat: no-repeat;
    width: 92px;
    height: 92px;
    position: relative;
    margin-right: 90px;
}

.lb-modal-map-info .boss-missions .item:last-child {
    margin-right: 0px;
}

.lb-modal-map-info .boss-missions .item .icon {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.lb-modal-map-info .boss-missions .item-boss {
    background-image: url("img/map/BgIconBoss.png?v=2");
    background-repeat: no-repeat;
    width: 126px;
    height: 119px;
    margin-right: 0px;
}

.lb-modal-map-info .boss-missions .item-boss .icon {
    position: absolute;
    top: -40px;
    left: -14px;
}

.lb-modal-map-info .boss-missions .text-coming-soon {
    margin: auto;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}

.lb-modal-map-info .boss-rewards {
    width: 716px;
    height: auto;
    display: block;
    max-height: 163px;
    overflow-y: auto;
    text-align: left;
}

.lb-modal-map-info .boss-rewards .item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 72px;
    height: 80px;
    width: 340px;
    position: relative;
}

.lb-modal-map-info .boss-rewards img {
    width: 64px;
    margin-right: 8px;
}

.lb-modal-map-info .boss-rewards .icon {
    background-image: url("img/map/BgItem.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lb-modal-map-info .boss-rewards .icon img {
    border-radius: 50%;
    width: 58px;
    margin: auto;
}

.lb-modal-map-info .boss-rewards .text {
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}

.lb-modal-map-info .boss-rewards .text-up-to {
    position: absolute;
    bottom: 15px;
    left: 105px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: bold;
    color: #fa1100;
    text-shadow: white 2px 0px 0px, white 1.75517px 0.95885px 0px, white 1.0806px 1.68294px 0px, white 0.14147px 1.99499px 0px, white -0.83229px 1.81859px 0px, white -1.60229px 1.19694px 0px, white -1.97998px 0.28224px 0px, white -1.87291px -0.70157px 0px, white -1.30729px -1.5136px 0px, white -0.42159px -1.95506px 0px, white 0.56732px -1.91785px 0px, white 1.41734px -1.41108px 0px, white 1.92034px -0.55883px 0px;
}

.lb-modal-map-info .sub-title {
    color: #833320;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    margin: auto;
    margin-top: 12px;
    text-transform: uppercase;
}

.lb-modal-map-info .actions {
    position: absolute;
    bottom: 26px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.lb-modal-map-info .actions .button-start {
    cursor: pointer;
    background-image: url("img/map/BtnGreen.png?v=2");
    background-repeat: no-repeat;
    width: 240px;
    height: 73px;
    display: block;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    text-shadow: black 1px 0px 0px, black 0.5403px 0.84147px 0px, black -0.41615px 0.9093px 0px, black -0.98999px 0.14112px 0px, black -0.65364px -0.7568px 0px, black 0.28366px -0.95892px 0px, black 0.96017px -0.27942px 0px;
}

.lb-modal-map-info .actions .button-start:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-modal-banner .lb-modal-dialog {
    width: 800px;
}

.lb-modal-banner .lb-modal-header {
    background: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: unset;
    height: 0px;
    padding: 0px;
}

.lb-modal-banner .lb-modal-header:before {
    content: none;
}

.lb-modal-banner .lb-modal-close {
    right: -22px;
    top: -14px;
}

.lb-modal-banner .lb-modal-body {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: unset;
    width: 800px;
    height: 352px;
    padding: 0px;
}

.lb-modal-banner .lb-modal-body:before {
    content: none;
}

.lb-modal-banner .lb-modal-content {
    background: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.lb-modal-banner .banner {
    width: 800px;
    height: 352px;
    overflow: hidden;
}

.lb-modal-banner .banner-item {
    cursor: pointer;
    width: 800px;
    height: 352px;
    display: inline-block;
}

.lb-modal-banner .banner-item img {
    width: 100%;
}

.lb-modal-banner .banner-list-dot {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
}

.lb-modal-banner .banner-dot {
    background: #512700;
    border: 1px solid #ad5c1a;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin: 0 3px;
    pointer-events: all;
    outline: none;
    cursor: pointer;
}

.lb-modal-banner .banner-dot.active {
    cursor: unset;
    -webkit-transform: scale(1.23);
    -ms-transform: scale(1.23);
    transform: scale(1.23);
    background-color: #00ff00;
    border: none;
    -webkit-box-shadow: 0 0 4px 1px #ff1701;
    box-shadow: 0 0 4px 1px #ff1701;
}

.lb-menu-header {
    z-index: 1;
}

.lb-menu-header .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lb-menu-header .inner .item {
    width: 150px;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 74px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.lb-menu-header .inner .item .title {
    font-size: 21px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 30px;
    z-index: 2;
    word-break: break-word;
    word-wrap: break-word;
    position: absolute;
    top: 35px;
    left: 75px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.lb-menu-header .inner .item.active:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    background-image: url(img/bg/bgItemMenu.png);
    width: 150px;
    height: 85px;
    background-repeat: no-repeat;
    z-index: 1;
}

.lb-menu-header .inner .item.active .title {
    font-size: 21px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    color: #ebd321;
    word-wrap: break-word;
    word-break: break-word;
}

.lb-menu-body {
    height: 100%;
}

.lb-menu-body .content {
    height: 100%;
    display: none;
    color: #ffffff;
}

.lb-menu-body .content.active {
    display: block;
}

.lb-menu-body .content .inner .group-avatar {
    display: inline-block;
}

.lb-menu-body .content .inner .group-avatar .avatar {
    position: relative;
}

.lb-menu-body .content .inner .group-avatar .avatar .img-border {
    width: 165px;
    height: 165px;
    padding: 5px;
    background: -webkit-linear-gradient(#f5d582, #d0a457);
    border-radius: 16px;
}

.lb-menu-body .content .inner .group-avatar .avatar .img-border img {
    width: 155px;
    height: 155px;
    border-radius: 16px;
}

.lb-menu-body .content .inner .group-avatar .avatar .action .btn-change {
    background-color: unset;
    border: unset;
    background-image: url("img/icon/camera.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.lb-menu-body .content .inner .group-avatar .avatar .action .btn-change:hover {
    -webkit-transition: all 0.32s ease;
    -o-transition: all 0.32s ease;
    transition: all 0.32s ease;
    bottom: 4px;
}

.lb-menu-body .content .inner .group-avatar .name {
    font-size: 36px;
}

.lb-btn {
    border: none;
    background-color: unset;
    position: relative;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    outline: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.lb-btn:active,
.lb-btn:focus {
    outline: none;
    border: none;
}

.lb-btn .text {
    display: inline-block;
    margin: auto;
    width: 100%;
    text-align: center;
}

.lb-btn .badge-button-free {
    position: absolute;
    top: -2px;
    left: 0px;
    background-image: url("img/icons/badge-button-free.png");
    background-repeat: no-repeat;
    width: 58px;
    height: 49px;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px);
}

.lb-btn:hover:before {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-btn-yellow {
    min-width: 159px;
    min-height: 50px;
    background-image: url("img/btn/btnYellow.png");
    background-repeat: no-repeat;
    background-size: 100% 50px;
}

.lb-btn-yellow .text {
    color: #000000;
    text-shadow: #efe07b 1px 0px 0px, #efe07b 0.5403px 0.84147px 0px, #efe07b -0.41615px 0.9093px 0px, #efe07b -0.98999px 0.14112px 0px, #efe07b -0.65364px -0.7568px 0px, #efe07b 0.28366px -0.95892px 0px, #efe07b 0.96017px -0.27942px 0px;
}

.lb-btn-blue {
    min-width: 159px;
    min-height: 50px;
    background-image: url("img/btn/btnBlue.png");
    background-repeat: no-repeat;
    background-size: 100% 50px;
}

.lb-btn-blue .text {
    color: #000000;
    text-shadow: #cfebff 1px 0px 0px, #cfebff 0.5403px 0.84147px 0px, #cfebff -0.41615px 0.9093px 0px, #cfebff -0.98999px 0.14112px 0px, #cfebff -0.65364px -0.7568px 0px, #cfebff 0.28366px -0.95892px 0px, #cfebff 0.96017px -0.27942px 0px;
}

.lb-btn-green {
    min-width: 159px;
    min-height: 50px;
    background-image: url("img/btn/btnGreen.png");
    background-repeat: no-repeat;
    background-size: 100% 50px;
}

.lb-btn-green .text {
    color: #0c3304;
    text-shadow: #68e166 1px 0px 0px, #68e166 0.5403px 0.84147px 0px, #68e166 -0.41615px 0.9093px 0px, #68e166 -0.98999px 0.14112px 0px, #68e166 -0.65364px -0.7568px 0px, #68e166 0.28366px -0.95892px 0px, #68e166 0.96017px -0.27942px 0px;
}

.lb-btn-red {
    min-width: 159px;
    min-height: 50px;
    background-image: url("img/btn/btnRed.png");
    background-repeat: no-repeat;
    background-size: 100% 50px;
}

.lb-btn-red .text {
    color: #000000;
    text-shadow: #c12929 1px 0px 0px, #c12929 0.5403px 0.84147px 0px, #c12929 -0.41615px 0.9093px 0px, #c12929 -0.98999px 0.14112px 0px, #c12929 -0.65364px -0.7568px 0px, #c12929 0.28366px -0.95892px 0px, #c12929 0.96017px -0.27942px 0px;
}

.lb-btn-grey {
    min-width: 159px;
    min-height: 50px;
    background-image: url("img/btn/btnYellow.png");
    background-repeat: no-repeat;
    background-size: 100% 50px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.lb-btn-grey .text {
    color: #000000;
    text-shadow: #efe07b 1px 0px 0px, #efe07b 0.5403px 0.84147px 0px, #efe07b -0.41615px 0.9093px 0px, #efe07b -0.98999px 0.14112px 0px, #efe07b -0.65364px -0.7568px 0px, #efe07b 0.28366px -0.95892px 0px, #efe07b 0.96017px -0.27942px 0px;
}

.lb-btn-cricle-yellow {
    min-width: 215px;
    min-height: 63px;
    background-image: url("img/btn/btnCircleYellow.png");
    background-repeat: no-repeat;
    background-size: 100% 63px;
}

.lb-btn-cricle-yellow .text {
    color: #000000;
    text-shadow: #efe07b 1px 0px 0px, #efe07b 0.5403px 0.84147px 0px, #efe07b -0.41615px 0.9093px 0px, #efe07b -0.98999px 0.14112px 0px, #efe07b -0.65364px -0.7568px 0px, #efe07b 0.28366px -0.95892px 0px, #efe07b 0.96017px -0.27942px 0px;
}

.lb-btn-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: unset;
    cursor: pointer;
    height: 32px;
    width: 100px;
    border-radius: 16px;
    border: 1px solid #e2200c;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #ffffff;
    background: #2a0900;
    background: -moz-linear-gradient(top, #2a0900 0%, #712901 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #2a0900), color-stop(100%, #712901));
    background: -webkit-linear-gradient(top, #2a0900 0%, #712901 100%);
    background: -o-linear-gradient(top, #2a0900 0%, #712901 100%);
    background: -ms-linear-gradient(top, #2a0900 0%, #712901 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#2a0900), to(#712901));
    background: linear-gradient(to bottom, #2a0900 0%, #712901 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2a0900', endColorstr='#712901', GradientType=0);
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.lb-btn-toggle .text-off {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
}

.lb-btn-toggle .text-on {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 12px;
}

.lb-btn-toggle .icon-toggle {
    background-size: contain;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -6px;
    left: -6px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    background-image: url("img/btn/btnToggle.png?v=2");
    background-repeat: no-repeat;
}

.lb-btn-toggle.toggle-on {
    background: #3d0100;
    background: -moz-linear-gradient(top, #3d0100 0%, #ff9600 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #3d0100), color-stop(100%, #ff9600));
    background: -webkit-linear-gradient(top, #3d0100 0%, #ff9600 100%);
    background: -o-linear-gradient(top, #3d0100 0%, #ff9600 100%);
    background: -ms-linear-gradient(top, #3d0100 0%, #ff9600 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#3d0100), to(#ff9600));
    background: linear-gradient(to bottom, #3d0100 0%, #ff9600 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3d0100', endColorstr='#ff9600', GradientType=0);
}

.lb-btn-toggle.toggle-on .text-off {
    display: none;
}

.lb-btn-toggle.toggle-on .text-on {
    display: block;
}

.lb-btn-toggle.toggle-on .icon-toggle {
    left: 60px;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.lb-table,
.lb-table-t1 {
    width: 100%;
    background: #a00214;
    background: -moz-linear-gradient(left, #a00214 0%, #d40023 50%, #a00214 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #a00214), color-stop(50%, #d40023), color-stop(100%, #a00214));
    background: -webkit-linear-gradient(left, #a00214 0%, #d40023 50%, #a00214 100%);
    background: -o-linear-gradient(left, #a00214 0%, #d40023 50%, #a00214 100%);
    background: -ms-linear-gradient(left, #a00214 0%, #d40023 50%, #a00214 100%);
    background: -webkit-gradient(linear, left top, right top, from(#a00214), color-stop(50%, #d40023), to(#a00214));
    background: linear-gradient(to right, #a00214 0%, #d40023 50%, #a00214 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a00214', endColorstr='#a00214', GradientType=1);
    text-align: center;
    font-size: 20px;
    border-radius: 10px;
}

.lb-table-t1 thead,
.lb-table thead {
    border-bottom: 1px solid #2f0904;
}

.lb-table-t1 thead tr,
.lb-table thead tr {
    height: 50px;
    background: #610008;
}

.lb-table-t1 thead tr th,
.lb-table thead tr th {
    text-align: center;
    font-weight: bold;
    -webkit-box-shadow: inset 0px 10px 7px -6px rgba(209, 53, 47, 0.8), inset -3px 0px #240204;
    box-shadow: inset 0px 10px 7px -6px rgba(209, 53, 47, 0.8), inset -3px 0px #240204;
    border-left: 2px solid #b70018;
}

.lb-table-t1 thead tr th:first-child,
.lb-table thead tr th:first-child {
    border-top-left-radius: 10px;
    -webkit-box-shadow: inset 10px 10px 7px -6px rgba(209, 53, 47, 0.8), inset -3px 0px #240204;
    box-shadow: inset 10px 10px 7px -6px rgba(209, 53, 47, 0.8), inset -3px 0px #240204;
    border-left: unset;
}

.lb-table-t1 thead tr th:last-child,
.lb-table thead tr th:last-child {
    border-top-right-radius: 10px;
    -webkit-box-shadow: inset -10px 10px 7px -6px rgba(209, 53, 47, 0.8);
    box-shadow: inset -10px 10px 7px -6px rgba(209, 53, 47, 0.8);
}

.lb-table-t1 tbody tr,
.lb-table tbody tr {
    height: 40px;
}

.lb-table-t1 tbody tr td,
.lb-table tbody tr td {
    -webkit-box-shadow: inset -3px 0px #240204;
    box-shadow: inset -3px 0px #240204;
    border-left: 2px solid #b70018;
}

.lb-table-t1 tbody tr td:first-child,
.lb-table tbody tr td:first-child {
    -webkit-box-shadow: inset 10px 0px 7px -6px rgba(209, 53, 47, 0.8), inset -3px 0px #240204;
    box-shadow: inset 10px 0px 7px -6px rgba(209, 53, 47, 0.8), inset -3px 0px #240204;
    border-left: unset;
}

.lb-table-t1 tbody tr td:last-child,
.lb-table tbody tr td:last-child {
    -webkit-box-shadow: inset -10px 0px 7px -6px rgba(209, 53, 47, 0.8);
    box-shadow: inset -10px 0px 7px -6px rgba(209, 53, 47, 0.8);
}

.lb-table-t1 tbody tr:nth-child(2n),
.lb-table tbody tr:nth-child(2n) {
    background: #610008;
}

.lb-table-t1 tbody tr:last-child,
.lb-table tbody tr:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.lb-table-t1 tbody tr:last-child td,
.lb-table tbody tr:last-child td {
    -webkit-box-shadow: inset 0px -10px 7px -6px rgba(209, 53, 47, 0.8), inset -3px 0px #240204;
    box-shadow: inset 0px -10px 7px -6px rgba(209, 53, 47, 0.8), inset -3px 0px #240204;
}

.lb-table-t1 tbody tr:last-child td:first-child,
.lb-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
    -webkit-box-shadow: inset 10px -10px 7px -6px rgba(209, 53, 47, 0.8), inset -3px 0px #240204;
    box-shadow: inset 10px -10px 7px -6px rgba(209, 53, 47, 0.8), inset -3px 0px #240204;
}

.lb-table-t1 tbody tr:last-child td:last-child,
.lb-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
    -webkit-box-shadow: inset -10px -10px 7px -6px rgba(209, 53, 47, 0.8);
    box-shadow: inset -10px -10px 7px -6px rgba(209, 53, 47, 0.8);
}

.lb-table-t1 tbody tr.empty td:first-child,
.lb-table tbody tr.empty td:first-child {
    -webkit-box-shadow: inset 10px 0px 7px -6px rgba(209, 53, 47, 0.8), inset -2px 0px #240204;
    box-shadow: inset 10px 0px 7px -6px rgba(209, 53, 47, 0.8), inset -2px 0px #240204;
}

.lb-table-t1 tbody tr.empty:last-child,
.lb-table tbody tr.empty:last-child {
    -webkit-box-shadow: inset 0px -10px 7px -6px rgba(209, 53, 47, 0.8), inset -2px 0px #240204;
    box-shadow: inset 0px -10px 7px -6px rgba(209, 53, 47, 0.8), inset -2px 0px #240204;
}

.lb-table-t1 tbody tr.empty:last-child td:first-child,
.lb-table tbody tr.empty:last-child td:first-child {
    -webkit-box-shadow: inset 10px -10px 7px -6px rgba(209, 53, 47, 0.8), inset -2px 0px #240204;
    box-shadow: inset 10px -10px 7px -6px rgba(209, 53, 47, 0.8), inset -2px 0px #240204;
}

.lb-table-t2 {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    border-radius: 10px;
    border: 2px solid #fbe9a1;
    color: #ffffff;
    background: #a93000;
    background: -moz-linear-gradient(left, #a93000 0%, #6f1d01 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #a93000), color-stop(100%, #6f1d01));
    background: -webkit-linear-gradient(left, #a93000 0%, #6f1d01 100%);
    background: -o-linear-gradient(left, #a93000 0%, #6f1d01 100%);
    background: -ms-linear-gradient(left, #a93000 0%, #6f1d01 100%);
    background: -webkit-gradient(linear, left top, right top, from(#a93000), to(#6f1d01));
    background: linear-gradient(to right, #a93000 0%, #6f1d01 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a93000', endColorstr='#6f1d01', GradientType=1);
}

.lb-table-t2 thead {
    border-bottom: 2px solid #e2200c;
}

.lb-table-t2 thead tr th {
    height: 56px;
    color: #ffeea5;
    text-shadow: 1px 2px #000000;
    text-align: center;
    -webkit-box-shadow: inset 0px 10px 7px 0px rgba(122, 28, 25, 0.8);
    box-shadow: inset 0px 10px 7px 0px rgba(122, 28, 25, 0.8);
    border-right: 2px solid #e2200c;
}

.lb-table-t2 thead tr th:first-child {
    border-top-left-radius: 10px;
}

.lb-table-t2 thead tr th:last-child {
    border-top-right-radius: 10px;
    border-right: unset;
}

.lb-table-t2 tbody tr td {
    background: #210000;
    height: 56px;
    border-top: 2px solid #e2200c;
    border-right: 2px solid #e2200c;
    padding: 0px 12px;
}

.lb-table-t2 tbody tr td:last-child {
    border-right: unset;
}

.lb-table-t2 tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.lb-table-t2 tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.lb-table-t3 {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    border-radius: 10px;
    border: 2px solid #fbe9a1;
    color: #ffffff;
    background: #2b5b0c;
    background: -moz-linear-gradient(top, #2b5b0c 0%, #413e07 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #2b5b0c), color-stop(100%, #413e07));
    background: -webkit-linear-gradient(top, #2b5b0c 0%, #413e07 100%);
    background: -o-linear-gradient(top, #2b5b0c 0%, #413e07 100%);
    background: -ms-linear-gradient(top, #2b5b0c 0%, #413e07 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#2b5b0c), to(#413e07));
    background: linear-gradient(to bottom, #2b5b0c 0%, #413e07 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2b5b0c', endColorstr='#413e07', GradientType=0);
}

.lb-table-t3 thead {
    border-bottom: 2px solid #8b3100;
}

.lb-table-t3 thead tr th {
    height: 52px;
    color: #ffeea5;
    text-shadow: 1px 2px #000000;
    text-align: center;
    -webkit-box-shadow: inset 0px 10px 7px -6px rgba(46, 189, 46, 0.8);
    box-shadow: inset 0px 10px 7px -6px rgba(46, 189, 46, 0.8);
    border-right: 2px solid #8b3100;
}

.lb-table-t3 thead tr th:first-child {
    border-top-left-radius: 10px;
}

.lb-table-t3 thead tr th:last-child {
    border-top-right-radius: 10px;
    border-right: unset;
}

.lb-table-t3 tbody tr td {
    background: #2f0a01;
    height: 52px;
    border-top: 2px solid #8b3100;
    border-right: 2px solid #8b3100;
    padding: 0px 12px;
}

.lb-table-t3 tbody tr td:last-child {
    border-right: unset;
}

.lb-table-t3 tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.lb-table-t3 tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.lb-pagging,
.lb-pagging-t1 {
    margin: auto;
}

.lb-pagging-t1 .inner,
.lb-pagging .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lb-pagging-t1 .inner .item,
.lb-pagging .inner .item {
    background-color: #999999;
    border: 2px solid #ffffff;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto 16px;
}

.lb-pagging-t1 .inner .item *,
.lb-pagging .inner .item * {
    text-decoration: unset;
}

.lb-pagging-t1 .inner .item.active,
.lb-pagging .inner .item.active {
    background-color: #000000;
    border: 3px solid #ffeb3b;
}

.lb-pagging-t1 .inner .item.active *,
.lb-pagging .inner .item.active * {
    color: #ffeb3b !important;
}

.lb-pagging-t1 .inner .item.disable,
.lb-pagging .inner .item.disable {
    cursor: unset;
}

.lb-form {
    font-size: 18px;
    color: #ffffff;
}

.lb-form-field {
    width: 100%;
    margin-bottom: 10px;
}

.lb-form-field.no-label {
    margin-top: 15px;
    margin-bottom: 15px;
}

.lb-form-label {
    width: 100%;
    color: #ffe540;
}

.lb-form-input {
    height: 52px;
    width: 100%;
    font-size: 18px;
    color: #ffffff;
    border: 1px solid #e2200c;
    background: #a93000;
    background: -moz-linear-gradient(left, #a93000 0%, #6f1d01 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #a93000), color-stop(100%, #6f1d01));
    background: -webkit-linear-gradient(left, #a93000 0%, #6f1d01 100%);
    background: -o-linear-gradient(left, #a93000 0%, #6f1d01 100%);
    background: -ms-linear-gradient(left, #a93000 0%, #6f1d01 100%);
    background: -webkit-gradient(linear, left top, right top, from(#a93000), to(#6f1d01));
    background: linear-gradient(to right, #a93000 0%, #6f1d01 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a93000', endColorstr='#6f1d01', GradientType=1);
    -webkit-box-shadow: inset 1px 1px 16px 1px rgba(0, 0, 0, 0.6);
    box-shadow: inset 1px 1px 16px 1px rgba(0, 0, 0, 0.6);
    padding: 12px 20px;
    font-weight: bold;
}

.lb-form-input:active,
.lb-form-input:focus,
.lb-form-input:hover {
    outline: unset;
    -webkit-box-shadow: 0px 0px 6px 2px #e2200c, inset 1px 1px 16px 1px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 6px 2px #e2200c, inset 1px 1px 16px 1px rgba(0, 0, 0, 0.6);
}

.lb-form-input::-webkit-input-placeholder {
    color: white;
    font-style: italic;
    opacity: 0.6;
}

.lb-form-input:-ms-input-placeholder {
    color: white;
    font-style: italic;
    opacity: 0.6;
}

.lb-form-input::-ms-input-placeholder {
    color: white;
    font-style: italic;
    opacity: 0.6;
}

.lb-form-input::placeholder {
    color: white;
    font-style: italic;
    opacity: 0.6;
}

.lb-form-input:-ms-input-placeholder {
    color: white;
    font-style: italic;
    opacity: 0.6;
}

.lb-form-input::-ms-input-placeholder {
    color: white;
    font-style: italic;
    opacity: 0.6;
}

.lb-form-select {
    height: 52px;
    width: 100%;
    border: 1px solid #e2200c;
    background: #a93000;
    background: -moz-linear-gradient(left, #a93000 0%, #6f1d01 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #a93000), color-stop(100%, #6f1d01));
    background: -webkit-linear-gradient(left, #a93000 0%, #6f1d01 100%);
    background: -o-linear-gradient(left, #a93000 0%, #6f1d01 100%);
    background: -ms-linear-gradient(left, #a93000 0%, #6f1d01 100%);
    background: -webkit-gradient(linear, left top, right top, from(#a93000), to(#6f1d01));
    background: linear-gradient(to right, #a93000 0%, #6f1d01 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a93000', endColorstr='#6f1d01', GradientType=1);
    -webkit-box-shadow: inset 1px 1px 16px 1px rgba(0, 0, 0, 0.6);
    box-shadow: inset 1px 1px 16px 1px rgba(0, 0, 0, 0.6);
    padding: 12px 20px;
    font-weight: bold;
}

.lb-form-select:active,
.lb-form-select:focus,
.lb-form-select:hover {
    outline: unset;
    -webkit-box-shadow: 0px 0px 6px 2px #e2200c, inset 1px 1px 16px 1px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 6px 2px #e2200c, inset 1px 1px 16px 1px rgba(0, 0, 0, 0.6);
}

.lb-form-select option {
    background: #a93000;
}

.lb-form-inline {
    display: block;
}

.lb-form-inline .text-left {
    float: left;
    -webkit-margin-before: 0.25em;
    margin-block-start: 0.25em;
    -webkit-margin-after: 0.25em;
    margin-block-end: 0.25em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.lb-form-inline .text-right {
    float: right;
}

.lb-form-captcha {
    margin-right: 15px;
}

.lb-form-captcha img {
    cursor: pointer;
}

.lb-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: -1;
    -webkit-transform: translate3d(0px, 0px, 1px);
    transform: translate3d(0px, 0px, 1px);
}

.lb-map.active {
    z-index: 10;
    display: block;
    -webkit-animation: slide-fwd-bottom 0.4s both;
    animation: slide-fwd-bottom 0.4s both;
}

.lb-map.no-active {
    z-index: 5;
    display: block;
    -webkit-animation: slide-out-top 0.4s both;
    animation: slide-out-top 0.4s both;
}

.lb-map .btn-return {
    background-image: url("img/map/btn-return.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 3;
    top: 25px;
    left: 30px;
    width: 74px;
    height: 75px;
    cursor: pointer;
}

.lb-map .btn-return:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.lb-map .icon-dial {
    display: none;
}

.lb-map .list-boss {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.lb-map .list-boss:after {
    content: "";
    background-image: url("img/map/Cloud.png?v=2");
    background-repeat: no-repeat;
    background-size: 1280px 720px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 1280px;
    height: 720px;
}

.lb-map .boss .avatar {
    z-index: 3;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.lb-map .boss .avatar:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.lb-map .boss.lock {
    cursor: unset;
}

.lb-map .boss.lock .avatar {
    position: absolute;
    background-image: url("img/map/Lock.png?v=2");
    width: 140px;
    height: 145px;
    z-index: 3;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.lb-map .boss.lock .island {
    -webkit-filter: brightness(1) grayscale(1);
    filter: brightness(1) grayscale(1);
}

.lb-map .boss.lock.boss-01 .avatar {
    left: 35%;
}

.lb-map .boss.lock.boss-02 .avatar {
    top: 32%;
}

.lb-map .boss.lock.boss-03 .avatar {
    top: 30%;
}

.lb-map .boss.lock.boss-04 .avatar {
    left: 40%;
}

.lb-map .boss.lock.boss-05 .avatar {
    left: 60%;
    top: 50%;
}

.lb-map .boss.lock.boss-06 .avatar {
    left: 38%;
}

.lb-map .boss.lock.boss-07 .avatar {
    left: 66%;
}

.lb-map .boss.lock .comming-soon,
.lb-map .boss.lock .flag,
.lb-map .boss.lock .icon-new {
    display: none;
}

.lb-map .boss .cloud {
    position: absolute;
    z-index: 3;
}

.lb-map .boss .icon-new {
    position: absolute;
    top: 135px;
    left: 120px;
    width: 115px;
    height: 113px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 4;
}

.lb-map .boss .icon-new .bg-light {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url("img/bg/bg-light.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    width: 115px;
    height: 113px;
    -webkit-animation: anim-light-rotate 3s infinite linear;
    animation: anim-light-rotate 3s infinite linear;
}

.lb-map .boss .icon-new .text-new {
    width: 100%;
    -webkit-animation: anim-message-before 1s infinite;
    animation: anim-message-before 1s infinite;
}

.lb-map .boss .icon-new .text {
    color: #ff9600;
    width: 100%;
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
}

.lb-map .boss .icon-new .text-shadow {
    font-size: 32px;
    top: 55%;
    -webkit-transform: translateY(-50%) rotate(-22deg);
    -ms-transform: translateY(-50%) rotate(-22deg);
    transform: translateY(-50%) rotate(-22deg);
    width: 100%;
    color: #670604;
    text-shadow: white 1px 0px 0px, white 0.5403px 0.84147px 0px, white -0.41615px 0.9093px 0px, white -0.98999px 0.14112px 0px, white -0.65364px -0.7568px 0px, white 0.28366px -0.95892px 0px, white 0.96017px -0.27942px 0px;
}

.lb-map .boss .flag {
    position: absolute;
    background-image: url("img/map/flag.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    width: 106px;
    height: 181px;
    z-index: 3;
}

.lb-map .boss .comming-soon {
    position: absolute;
    width: 105px;
    height: 82px;
    z-index: 3;
    font-size: 15px;
    font-family: utmHanzel, Arial, Helvetica, sans-serif, PadaukRegular !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: bold;
}

.lb-map .boss .comming-soon .text {
    text-align: center;
    color: #fff600;
}

.lb-map .boss .comming-soon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("img/map/badgeComingSoon.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    width: 105px;
    height: 82px;
    z-index: -1;
}

.lb-map .boss-01 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 457px;
    height: 269px;
}

.lb-map .boss-01 .avatar {
    background-image: url("img/map/Boss1.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -22px;
    left: 47px;
    width: 148px;
    height: 224px;
}

.lb-map .boss-01 .island {
    background-image: url("img/map/Island1.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 457px;
    height: 269px;
}

.lb-map .boss-01 .icon-new {
    left: 168px;
}

.lb-map .boss-01 .flag {
    top: -30px;
    left: 215px;
}

.lb-map .boss-01 .comming-soon {
    left: 164px;
    top: 80px;
}

.lb-map .boss-02 {
    position: absolute;
    top: 238px;
    left: 274px;
    width: 306px;
    height: 318px;
}

.lb-map .boss-02 .avatar {
    background-image: url("img/map/Boss2.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -75px;
    left: 48px;
    width: 232px;
    height: 276px;
}

.lb-map .boss-02 .island {
    background-image: url("img/map/Island2.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 306px;
    height: 318px;
}

.lb-map .boss-02 .icon-new {
    top: 110px;
    left: 204px;
}

.lb-map .boss-02 .cloud {
    background-image: url("img/map/Flog2.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 98px;
    left: -8px;
    width: 157px;
    height: 60px;
}

.lb-map .boss-02 .flag {
    top: 0px;
    left: 258px;
}

.lb-map .boss-02 .comming-soon {
    left: 215px;
    top: 80px;
}

.lb-map .boss-03 {
    position: absolute;
    top: 47px;
    left: 0px;
    width: 360px;
    height: 247px;
}

.lb-map .boss-03 .avatar {
    background-image: url("img/map/Boss3.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 3;
    top: -47px;
    left: 70px;
    width: 193px;
    height: 218px;
}

.lb-map .boss-03 .island {
    background-image: url("img/map/Island3.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 360px;
    height: 247px;
}

.lb-map .boss-03 .icon-new {
    left: 215px;
    top: 80px;
}

.lb-map .boss-03 .flag {
    top: -42px;
    left: 258px;
}

.lb-map .boss-03 .comming-soon {
    left: 215px;
    top: 80px;
}

.lb-map .boss-04 {
    position: absolute;
    top: 0px;
    left: 472px;
    width: 588px;
    height: 241px;
}

.lb-map .boss-04 .avatar {
    background-image: unset;
    position: absolute;
    z-index: 3;
    top: 35px;
    left: 70px;
    width: 350px;
    height: 170px;
}

.lb-map .boss-04 .island {
    background-image: url("img/map/Island4.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    top: 45px;
    left: -60px;
    width: 588px;
    height: 241px;
}

.lb-map .boss-04 .icon-new {
    top: 105px;
    left: 280px;
}

.lb-map .boss-04 .flag {
    top: 10px;
    left: 55px;
}

.lb-map .boss-04 .comming-soon {
    top: 120px;
    left: 300px;
}

.lb-map .boss-05 {
    position: absolute;
    top: 55px;
    right: 0px;
    width: 341px;
    height: 338px;
}

.lb-map .boss-05 .island {
    background-image: url("img/map/Island5.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 341px;
    height: 338px;
}

.lb-map .boss-05 .icon-new {
    top: 128px;
    left: 55px;
}

.lb-map .boss-05 .flag {
    top: 10px;
    left: 55px;
}

.lb-map .boss-05 .comming-soon {
    left: 128px;
}

.lb-map .boss-06 {
    position: absolute;
    top: 215px;
    left: 632px;
    width: 487px;
    height: 280px;
}

.lb-map .boss-06 .island {
    background-image: url("img/map/Island6.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    top: 45px;
    left: -60px;
    width: 487px;
    height: 280px;
}

.lb-map .boss-06 .icon-new {
    top: 142px;
    left: 256px;
}

.lb-map .boss-06 .flag {
    top: 65px;
    left: 308px;
}

.lb-map .boss-06 .comming-soon {
    top: 85px;
    left: 180px;
}

.lb-map .boss-07 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 539px;
    height: 241px;
}

.lb-map .boss-07 .island {
    background-image: url("img/map/Island7.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 539px;
    height: 241px;
}

.lb-map .boss-07 .icon-new {
    top: 95px;
}

.lb-map .boss-07 .flag {
    top: -60px;
    left: 105px;
}

.lb-map .boss-07 .comming-soon {
    top: 85px;
    left: 180px;
}

.lb-map-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.lb-map-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("img/map/Background.jpg?v=2");
    background-size: 1280px 720px;
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
    z-index: 1;
}

.lb-map-line {
    background-image: url("img/map/SmallIsland.png?v=2");
    background-size: 1280px 720px;
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
}

.lb-ef-tour-start {
    position: absolute;
    top: 98px;
    left: 18px;
    z-index: 1;
}

.lb-ef-tour-start .efts-txt-tournament {
    background-image: url("img/text/txt-tournament.png?v=2");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 19px;
}

.lb-ef-tour-start .efts-txt-end,
.lb-ef-tour-start .efts-txt-start {
    background-image: url("img/text/txt-start.png?v=2");
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    left: 18px;
    width: 120px;
    height: 30px;
}

.lb-ef-tour-start .efts-txt-end {
    background-image: url("img/text/txt-end.png?v=2");
    height: 30px;
    width: 81px;
    left: 40px;
}

.lb-ef-tour-start .efts-laser,
.lb-ef-tour-start .efts-laser-1,
.lb-ef-tour-start .efts-laser-2 {
    background-image: url("img/text/ef-laser-tour.png?v=2");
    background-repeat: no-repeat;
    position: absolute;
    top: -18px;
    left: 155px;
    width: 80px;
    height: 39px;
    display: none;
}

.lb-ef-tour-start .efts-laser-2 {
    top: 26px;
    left: -70px;
}

.lb-ef-tour-start-show .efts-txt-tournament {
    -webkit-animation: slide-left-in 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-left-in 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.lb-ef-tour-start-show .efts-txt-end,
.lb-ef-tour-start-show .efts-txt-start {
    -webkit-animation: slide-right-in 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-right-in 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.lb-ef-tour-start-show .efts-laser-1 {
    display: block;
    -webkit-animation: tour-laser-left-out 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: tour-laser-left-out 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.lb-ef-tour-start-show .efts-laser-2 {
    display: block;
    -webkit-animation: tour-laser-right-out 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: tour-laser-right-out 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.lb-ef-tour-start-fly .efts-txt-tournament {
    -webkit-animation: fly-up-slow 2s linear both infinite;
    animation: fly-up-slow 2s linear both infinite;
}

.lb-ef-tour-start-fly .efts-txt-end,
.lb-ef-tour-start-fly .efts-txt-start {
    -webkit-animation: fly-down-slow 2s linear both infinite;
    animation: fly-down-slow 2s linear both infinite;
}

.lb-notify-jackpot {
    position: absolute;
    width: 200px;
    height: 196px;
    z-index: 10;
    top: 120px;
    left: 1600px;
    opacity: 1;
    -webkit-transition: all 0.3ms;
    -o-transition: all 0.3ms;
    transition: all 0.3ms;
}

.lb-notify-jackpot.effect-show {
    -webkit-animation: anim-notify-jackpot 12s linear;
    animation: anim-notify-jackpot 12s linear;
}

.lb-notify-jackpot.effect-show .efnjp-container {
    -webkit-animation: anim-background-notify-jackpot 12s linear;
    animation: anim-background-notify-jackpot 12s linear;
}

.lb-notify-jackpot.effect-hide {
    -webkit-animation: anim-hide-notify-jackpot 500ms linear;
    animation: anim-hide-notify-jackpot 500ms linear;
}

.lb-notify-jackpot .efnjp-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 174px;
}

.lb-notify-jackpot .efnjp-bg-container {
    background-image: url("img/jackpot/bg-main.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 174px;
}

.lb-notify-jackpot .efnjp-bg-content {
    background-image: url("img/jackpot/bg-mini.png?v=2");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 32px;
    left: 38px;
    width: 120px;
    height: 120px;
}

.lb-notify-jackpot .efnjp-bg-content.mini {
    background-image: url("img/jackpot/bg-mini.png?v=2");
}

.lb-notify-jackpot .efnjp-bg-content.minor {
    background-image: url("img/jackpot/bg-minor.png?v=2");
}

.lb-notify-jackpot .efnjp-bg-content.major {
    background-image: url("img/jackpot/bg-major.png?v=2");
}

.lb-notify-jackpot .efnjp-bg-content.grand {
    background-image: url("img/jackpot/bg-grand.png?v=2");
}

.lb-notify-jackpot .efnjp-text-game-name {
    position: absolute;
    top: 40px;
    left: 98px;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
}

.lb-notify-jackpot .efnjp-text-game-name:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 150%;
    background: -webkit-radial-gradient(center, ellipse, #9e9e9e 0%, black 100%);
    background: -o-radial-gradient(center, ellipse, #9e9e9e 0%, black 100%);
    background: radial-gradient(ellipse at center, #9e9e9e 0%, black 100%);
    border: 1px solid #df413e;
    -webkit-box-shadow: 0px 0px 1px #ffef40;
    box-shadow: 0px 0px 1px #ffef40;
    border-radius: 25px;
}

.lb-notify-jackpot .efnjp-text-game-name .text {
    z-index: 2;
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff600), color-stop(#fff600), to(#e19f00));
    background: -webkit-linear-gradient(#fff600, #fff600, #e19f00);
    background: -o-linear-gradient(#fff600, #fff600, #e19f00);
    background: linear-gradient(#fff600, #fff600, #e19f00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-filter: brightness(1);
    filter: brightness(1);
}

.lb-notify-jackpot .efnjp-text-game-name .text-shadow {
    z-index: 1;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff521;
    text-shadow: #e03b29 3px 0px 0px, #e03b29 2.83487px 0.98158px 0px, #e03b29 2.35766px 1.85511px 0px, #e03b29 1.62091px 2.52441px 0px, #e03b29 0.70571px 2.91581px 0px, #e03b29 -0.28717px 2.98622px 0px, #e03b29 -1.24844px 2.72789px 0px, #e03b29 -2.07227px 2.16926px 0px, #e03b29 -2.66798px 1.37182px 0px, #e03b29 -2.96998px 0.42336px 0px, #e03b29 -2.94502px -0.5717px 0px, #e03b29 -2.59586px -1.50383px 0px, #e03b29 -1.96093px -2.27041px 0px, #e03b29 -1.11013px -2.78704px 0px, #e03b29 -0.13712px -2.99686px 0px, #e03b29 0.85099px -2.87677px 0px, #e03b29 1.74541px -2.43999px 0px, #e03b29 2.44769px -1.73459px 0px, #e03b29 2.88051px -0.83825px 0px;
}

.lb-notify-jackpot .efnjp-text-type-jackpot {
    position: absolute;
    top: 78px;
    left: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("img/jackpot/text-mini.png?v=2");
    width: 118px;
    height: 49px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.lb-notify-jackpot .efnjp-text-type-jackpot.mini {
    background-image: url("img/jackpot/text-mini.png?v=2");
    width: 118px;
    height: 49px;
}

.lb-notify-jackpot .efnjp-text-type-jackpot.minor {
    background-image: url("img/jackpot/text-minor.png?v=2");
    width: 164px;
    height: 49px;
}

.lb-notify-jackpot .efnjp-text-type-jackpot.major {
    background-image: url("img/jackpot/text-major.png?v=2");
    width: 172px;
    height: 49px;
}

.lb-notify-jackpot .efnjp-text-type-jackpot.grand {
    background-image: url("img/jackpot/text-grand.png?v=2");
    width: 106px;
    height: 32px;
}

.lb-notify-jackpot .efnjp-text-value {
    position: absolute;
    top: 112px;
    left: 100px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff521;
    text-shadow: #b81902 0px 0px 5px;
    font-weight: bold;
    font-size: 22px;
}

.lb-notify-jackpot .efnjp-text-user-name {
    position: absolute;
    top: 132px;
    left: 0;
    width: 198px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 7px;
    font-size: 18px;
    font-weight: bold;
}

.lb-notify-jackpot .efnjp-text-user-name:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-image: url("img/jackpot/bg-name.png?v=2");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    -webkit-filter: brightness(0.95);
    filter: brightness(0.95);
}

.lb-notify-jackpot .efnjp-text-user-name .text {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9203), color-stop(38%, #ff5c03), to(#ff0303));
    background: -webkit-linear-gradient(top, #ff9203 0%, #ff5c03 38%, #ff0303 100%);
    background: -o-linear-gradient(top, #ff9203 0%, #ff5c03 38%, #ff0303 100%);
    background: linear-gradient(to bottom, #ff9203 0%, #ff5c03 38%, #ff0303 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-filter: brightness(1);
    filter: brightness(1);
    z-index: 2;
}

.lb-notify-jackpot .efnjp-text-user-name .text-shadow {
    z-index: 1;
    top: 7px;
    left: 50%;
    color: #ffffff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-shadow: white 2px 0px 0px, white 1.75517px 0.95885px 0px, white 1.0806px 1.68294px 0px, white 0.14147px 1.99499px 0px, white -0.83229px 1.81859px 0px, white -1.60229px 1.19694px 0px, white -1.97998px 0.28224px 0px, white -1.87291px -0.70157px 0px, white -1.30729px -1.5136px 0px, white -0.42159px -1.95506px 0px, white 0.56732px -1.91785px 0px, white 1.41734px -1.41108px 0px, white 1.92034px -0.55883px 0px;
}

.lb-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.lb-panel {
    border: 1px solid #f0dece;
    border-radius: 8px;
    background: #200000;
}

.lb-panel-header {
    background: #a93000;
    background: -moz-radial-gradient(center, ellipse cover, #a93000 0%, #6f1d01 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #a93000), color-stop(100%, #6f1d01));
    background: -webkit-radial-gradient(center, ellipse cover, #a93000 0%, #6f1d01 100%);
    background: -o-radial-gradient(center, ellipse cover, #a93000 0%, #6f1d01 100%);
    background: -ms-radial-gradient(center, ellipse cover, #a93000 0%, #6f1d01 100%);
    background: -webkit-radial-gradient(center, ellipse, #a93000 0%, #6f1d01 100%);
    background: -o-radial-gradient(center, ellipse, #a93000 0%, #6f1d01 100%);
    background: radial-gradient(ellipse at center, #a93000 0%, #6f1d01 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a93000', endColorstr='#6f1d01', GradientType=1);
    -webkit-box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.8);
    border: 2px solid #c82c16;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 54px;
}

.lb-panel-header .alignt-center {
    margin: auto;
}

.lb-panel-header .alignt-left {
    margin-right: auto;
}

.lb-panel-header .alignt-right {
    margin-left: auto;
}

.lb-text-yellow {
    color: #fff600;
}

.lb-text-yellow-gradient {
    color: #fff600;
}

.lb-text-yellow-gradient-t1 {
    color: #fff600;
}

.lb-text-yellow-gradient-t2 {
    color: #fff600;
}

.lb-text-yellow-gradient-t3 {
    color: #fff600;
}

.lb-text-red {
    color: #ff0000;
}

.lb-text-red-gradient {
    color: #ff0000;
}

.lb-text-green {
    color: #00ff00;
}

.lb-text-green-gradient {
    color: #00ff00;
}

.lb-text-blue {
    color: #13dcf1;
}

.lb-text-blue-gradient {
    color: #13dcf1;
}

.lb-text-grey {
    color: #ffffff;
}

.lb-text-grey-gradient {
    color: #ffffff;
}

.lb-text-purple {
    color: #e635ca;
}

.lb-text-purple-gradient {
    color: #e635ca;
}

.lb-text-pink {
    color: #e635ca;
}

.lb-text-pink-gradient {
    color: #e635ca;
}

.lb-border-text {
    border-radius: 24px;
    font-size: 24px;
    padding: 0 12px;
    font-weight: bold;
    color: #ffffff;
    background: #210000;
    border: 2px solid #fbe9a1;
    display: inline-block;
}

.lb-badge {
    width: 20px !important;
    height: 20px !important;
    font-size: 12px !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    color: #ffffff !important;
    z-index: 1;
    font-weight: normal !important;
    text-shadow: unset !important;
    text-align: center !important;
}

.lb-badge:before {
    content: "";
    position: absolute;
    top: -3px;
    right: -1px;
    width: 22px;
    height: 22px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    z-index: -1;
    background: #ff1601;
    background: -moz-linear-gradient(top, #ff1601 0%, #bd1c0d 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff1601), color-stop(100%, #bd1c0d));
    background: -webkit-linear-gradient(top, #ff1601 0%, #bd1c0d 100%);
    background: -o-linear-gradient(top, #ff1601 0%, #bd1c0d 100%);
    background: -ms-linear-gradient(top, #ff1601 0%, #bd1c0d 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff1601), to(#bd1c0d));
    background: linear-gradient(to bottom, #ff1601 0%, #bd1c0d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff1601', endColorstr='#bd1c0d', GradientType=0);
}

.tab-bar-item {
    display: none;
}

.tab-bar-item.active {
    display: block;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-shadow {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    color: #000000;
    text-shadow: rgba(0, 0, 0, 0.4) 1px 0px 0px, rgba(0, 0, 0, 0.4) 0.5403px 0.84147px 0px, rgba(0, 0, 0, 0.4) -0.41615px 0.9093px 0px, rgba(0, 0, 0, 0.4) -0.98999px 0.14112px 0px, rgba(0, 0, 0, 0.4) -0.65364px -0.7568px 0px, rgba(0, 0, 0, 0.4) 0.28366px -0.95892px 0px, rgba(0, 0, 0, 0.4) 0.96017px -0.27942px 0px;
}

.tocloned,
.toclone {
    display: none !important;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hide {
    display: none;
}

html:not(.ios),
html:not(.mobile) {
    scrollbar-color: #daa520 transparent;
    scrollbar-width: thin;
}

html:not(.ios) ::-webkit-scrollbar,
html:not(.mobile) ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    position: relative;
}

html:not(.ios) ::-webkit-scrollbar-track,
html:not(.mobile) ::-webkit-scrollbar-track {
    border-radius: 10px;
}

html:not(.ios) ::-webkit-scrollbar-thumb,
html:not(.mobile) ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    cursor: pointer;
    background: #e0ae00;
    background: -moz-linear-gradient(left, #e0ae00 0%, #ffd800 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #e0ae00), color-stop(100%, #ffd800));
    background: -webkit-linear-gradient(left, #e0ae00 0%, #ffd800 100%);
    background: -o-linear-gradient(left, #e0ae00 0%, #ffd800 100%);
    background: -ms-linear-gradient(left, #e0ae00 0%, #ffd800 100%);
    background: -webkit-gradient(linear, left top, right top, from(#e0ae00), to(#ffd800));
    background: linear-gradient(to right, #e0ae00 0%, #ffd800 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e0ae00', endColorstr='#ffd800', GradientType=1);
}

html.mobile {}

html.mobile .lb-lobby-games .slide-game {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

html.mobile .lb-lobby-games .slide-game .game:last-child {
    min-width: 560px;
}

html.mobile .lb-lobby-games .slide-game .game:last-child .list {
    margin-left: 0 !important;
}

html.mobile.ios .lb-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

html.mobile.ios .lb-panel {
    border: 1px solid #f0dece;
    border-radius: 8px;
    background: #200000;
}

html.mobile.ios .lb-panel-header {
    background: #a93000;
    background: -moz-radial-gradient(center, ellipse cover, #a93000 0%, #6f1d01 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #a93000), color-stop(100%, #6f1d01));
    background: -webkit-radial-gradient(center, ellipse cover, #a93000 0%, #6f1d01 100%);
    background: -o-radial-gradient(center, ellipse cover, #a93000 0%, #6f1d01 100%);
    background: -ms-radial-gradient(center, ellipse cover, #a93000 0%, #6f1d01 100%);
    background: -webkit-radial-gradient(center, ellipse, #a93000 0%, #6f1d01 100%);
    background: -o-radial-gradient(center, ellipse, #a93000 0%, #6f1d01 100%);
    background: radial-gradient(ellipse at center, #a93000 0%, #6f1d01 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a93000', endColorstr='#6f1d01', GradientType=1);
    -webkit-box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.8);
    border: 2px solid #c82c16;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 54px;
}

html.mobile.ios .lb-panel-header .alignt-center {
    margin: auto;
}

html.mobile.ios .lb-panel-header .alignt-left {
    margin-right: auto;
}

html.mobile.ios .lb-panel-header .alignt-right {
    margin-left: auto;
}

html.mobile.ios .lb-panel-header .title {
    -webkit-text-fill-color: #ffff3c;
}

html.mobile.ios .lb-panel-body .btn-vip .lb-text-yellow-gradient {
    -webkit-text-fill-color: #fff600;
}

html.mobile.ios .lb-panel-body .btn-vip .lb-text-yellow-gradient-t1 {
    -webkit-text-fill-color: #fff600;
}

html.mobile.ios .lb-panel-body .btn-vip .lb-text-yellow-gradient-t2 {
    -webkit-text-fill-color: #e19f00;
}

html.mobile.ios .lb-panel-body .btn-vip .lb-text-yellow-gradient-t3 {
    -webkit-text-fill-color: #dabe57;
}

html.mobile.ios .lb-panel-body .btn-vip .lb-text-red-gradient {
    -webkit-text-fill-color: #ff220e;
}

html.mobile.ios .lb-panel-body .btn-vip .lb-text-green-gradient {
    -webkit-text-fill-color: #00ff00;
}

html.mobile.ios .lb-panel-body .btn-vip .lb-text-blue-gradient {
    -webkit-text-fill-color: #13dcf1;
}

html.mobile.ios .lb-panel-body .btn-vip .lb-text-grey-gradient {
    -webkit-text-fill-color: #ffffff;
}

html.mobile.ios .lb-panel-body .btn-vip .lb-text-purple-gradient {
    -webkit-text-fill-color: #e635ca;
}

html.mobile.ios .lb-panel-body .btn-vip .lb-text-pink-gradient {
    -webkit-text-fill-color: #e635ca;
}

html.mobile.ios .lb-menu-header .inner .item .title {
    color: #ffffff;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #ffffff;
}

html.mobile.ios .lb-menu-header .inner .item.active .title {
    color: #e19e00;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #e19e00;
}

@media screen and (max-width: 768px) {
    .lb-lobby-games .slide-game {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .lb-lobby-games .slide-game .game:last-child {
        min-width: 560px;
    }
    .lb-lobby-games .slide-game .game:last-child .list {
        margin-left: 0 !important;
    }
}

@-moz-document url-prefix() {
    .lb table.fixed-header {
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
    }
    .lb table.fixed-header thead tr {
        display: block;
        width: 100%;
    }
    .lb table.fixed-header tbody {
        display: block;
        width: calc(100% + 18px);
        overflow: auto;
        height: 500px;
    }
    .lb table.fixed-header tbody tr {
        width: 100%;
    }
}

.mobile.ios {
    height: calc(var(--vh, 1vh) * 100);
}

.mobile.ios .lb-panel-header .title .text {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #ffff3c;
}

.mobile.ios .lb-panel-body .text.coin {
    background: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #fff600 !important;
}

.mobile.ios .lb-modal-info .lb-text-yellow-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff600;
}

.mobile.ios .lb-modal-info .lb-text-yellow-gradient-t1 {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff600;
}

.mobile.ios .lb-modal-info .lb-text-yellow-gradient-t2 {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #e19f00;
}

.mobile.ios .lb-modal-info .lb-text-yellow-gradient-t3 {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #dabe57;
}

.mobile.ios .lb-modal-info .lb-text-red-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #ff220e;
}

.mobile.ios .lb-modal-info .lb-text-green-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #00ff00;
}

.mobile.ios .lb-modal-info .lb-text-blue-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #13dcf1;
}

.mobile.ios .lb-modal-info .lb-text-grey-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #ffffff;
}

.mobile.ios .lb-modal-info .lb-text-purple-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #e635ca;
}

.mobile.ios .lb-modal-info .lb-text-pink-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #e635ca;
}

.mobile.ios .lb-menu-header .inner .item .title {
    color: #ffffff;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #ffffff;
}

.mobile.ios .lb-menu-header .inner .item.active .title {
    color: #e19e00;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #e19e00;
}

.mobile.ios .lb-header-center .main .jack .slide .item .inner .tt .num {
    font-weight: bold;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff600;
}

.samsung-browser .lb-panel-header .title .text {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #ffff3c;
}

.samsung-browser .lb-menu-header .inner .item .title {
    color: #ffffff;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #ffffff;
}

.samsung-browser .lb-menu-header .inner .item.active .title {
    color: #e19e00;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #e19e00;
}

.samsung-browser .lb-text-yellow-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff600;
}

.samsung-browser .lb-text-yellow-gradient-t1 {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff600;
}

.samsung-browser .lb-text-yellow-gradient-t2 {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #e19f00;
}

.samsung-browser .lb-text-yellow-gradient-t3 {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #dabe57;
}

.samsung-browser .lb-text-red-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #ff220e;
}

.samsung-browser .lb-text-green-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #00ff00;
}

.samsung-browser .lb-text-blue-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #13dcf1;
}

.samsung-browser .lb-text-grey-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #ffffff;
}

.samsung-browser .lb-text-purple-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #e635ca;
}

.samsung-browser .lb-text-pink-gradient {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #e635ca;
}

.samsung-browser .lb-header-center .main .jack .slide .item .inner .tt .num {
    font-weight: bold;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff600;
}

.welcome {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.welcome-anim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    z-index: 2;
    width: 120px;
    height: 250px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all 0.23s ease-in;
    -o-transition: all 0.23s ease-in;
    transition: all 0.23s ease-in;
    position: fixed;
    top: 20%;
}

.welcome-anim img {
    max-width: 120px;
}

.welcome-anim .dot {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif, PadaukRegular !important;
    color: #fff;
    text-align: center;
    font: 300 3em/50% Impact;
    -webkit-transform: translateX(-0.25em);
    -ms-transform: translateX(-0.25em);
    transform: translateX(-0.25em);
}

.welcome-anim .dot:after {
    content: " . ";
    -webkit-animation: dots 1s steps(5, end) infinite;
    animation: dots 1s steps(5, end) infinite;
    -webkit-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    transform: translateX(-120px);
    margin-left: -10px;
}

@-webkit-keyframes dots {
    0%,
    20% {
        color: transparent;
        text-shadow: 0.25em 0 0 transparent, 0.5em 0 0 transparent;
    }
    40% {
        color: #fff;
        text-shadow: 0.25em 0 0 transparent, 0.5em 0 0 transparent;
    }
    60% {
        text-shadow: 0.25em 0 0 #fff, 0.5em 0 0 transparent;
    }
    80%,
    to {
        text-shadow: 0.25em 0 0 #fff, 0.5em 0 0 #fff;
    }
}

@keyframes dots {
    0%,
    20% {
        color: transparent;
        text-shadow: 0.25em 0 0 transparent, 0.5em 0 0 transparent;
    }
    40% {
        color: #fff;
        text-shadow: 0.25em 0 0 transparent, 0.5em 0 0 transparent;
    }
    60% {
        text-shadow: 0.25em 0 0 #fff, 0.5em 0 0 transparent;
    }
    80%,
    to {
        text-shadow: 0.25em 0 0 #fff, 0.5em 0 0 #fff;
    }
}

#loading {
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.64);
    z-index: 2147483665;
    display: block;
    overflow: hidden;
}

#loading .loading-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#loading .loading-img img {
    width: 120px;
}

#loadingSrcCodeBG1 {
    -webkit-animation: loadingKeyFrame 1.5s infinite linear;
    -moz-animation: loadingKeyFrame 1.5s infinite linear;
    -ms-animation: loadingKeyFrame 1.5s infinite linear;
    -o-animation: loadingKeyFrame 1.5s infinite linear;
    animation: loadingKeyFrame 1.5s infinite linear;
}

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

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

.ohyea__modal:before {
    content: unset;
}

.ohyea__modal .ohyea__modal_dialog--small {
    width: 800px;
}

.ohyea__modal .ohyea__modal_dialog--small .modal-body {
    min-height: 400px;
}

.ohyea__modal .ohyea__modal_dialog--small .ohyea__modal-small_contain {
    min-height: 354px;
}

.ohyea__modal .tab-content {
    display: block;
}

.ohyea__modal .ohyea__modal_dialog {
    padding-top: 0px;
    padding-bottom: 0px;
}

.ohyea__modal .modal-title {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 46px;
}

.ohyea__modal .ohyea__panel-inner {
    text-align: left !important;
}

.ohyea__modal .ohyea__form_select {
    padding: 0;
}

.ohyea__modal #box-deposit,
.ohyea__modal #box-feedback {
    height: 630px;
}

.ohyea__modal .depositContent .ohyea__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.ohyea__modal .depositContent .ohyea__items .ohyea__items--item {
    width: 110px;
    margin: auto 0px;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ohyea__modal .depositContent .ohyea__items .ohyea__items--item img {
    width: 97px;
    height: 64px;
}

.ohyea__modal .depositContent .deposit-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
}

.ohyea__modal .depositContent .deposit-table thead tr {
    display: block;
    width: 100%;
}

.ohyea__modal .depositContent .deposit-table tbody {
    display: block !important;
    width: calc(100% + 14px);
    overflow: auto;
    height: 450px;
    margin-bottom: 12px;
    border-radius: unset !important;
}

.ohyea__modal .depositContent .deposit-table tbody#ContainerDepositPaypal tr td {
    width: 778px !important;
    border-radius: 5px;
}

.ohyea__modal .depositContent .deposit-table tbody#ContainerDepositPaypal tr td iframe {
    width: 760px !important;
    height: 436px !important;
}

.ohyea__modal .depositContent .deposit-table tbody#ContainerDepositPaypal tr td iframe html {
    overflow: hidden !important;
    overflow-y: auto;
}

.ohyea__modal .depositContent .deposit-table tbody tr {
    width: 100%;
}

.ohyea__modal .depositContent .deposit-table tbody tr td .td-row {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-flow: row !important;
    flex-flow: row !important;
}

.ohyea__modal .depositContent .deposit-table tbody tr td .td-row .col-md-2 {
    width: 16% !important;
}

.ohyea__modal .depositContent .deposit-table tbody tr td .td-row .col-md-6 {
    width: 50% !important;
}

.ohyea__modal .depositContent .deposit-table tbody tr td .td-row .col-md-4 {
    width: 33% !important;
}

.ohyea__modal .depositContent .deposit-table tbody tr td:first-child {
    width: 80% !important;
}

.ohyea__modal .depositContent .deposit-table tbody tr td:last-child {
    width: 25%;
}

.ohyea__modal .ohyea__modal_close {
    width: 64px;
    height: 64px;
}

.ohyea__modal #frm-UpdateInfoUser .col-md-3 {
    width: 25%;
    float: left;
}

.ohyea__modal #frm-UpdateInfoUser .col-md-9 {
    width: 75%;
    float: left;
}

.ohyea__modal #frm-UpdateInfoUser .col-md-6 {
    width: 50%;
    float: left;
}

.ohyea__modal #frm-UpdateInfoUser .ohyea__form_input-float {
    margin-top: 4px;
}

.ohyea__modal #frm-UpdateInfoUser .ohyea__form-field {
    padding: 4px;
}

.ohyea__modal #fr-login .col-md-6 {
    width: 50% !important;
}

.ohyea__modal .popupTablets {
    max-height: unset;
    height: 550px;
}

.ohyea__modal#ohyea_full {
    width: 100%;
    height: 100%;
    min-width: 100vw;
    min-height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(#2c0001), color-stop(28%, #510301), color-stop(59%, #810800), to(#890802));
    background: -webkit-linear-gradient(top, #2c0001 0%, #510301 28%, #810800 59%, #890802 100%);
    background: -o-linear-gradient(top, #2c0001 0%, #510301 28%, #810800 59%, #890802 100%);
    background: linear-gradient(to bottom, #2c0001 0%, #510301 28%, #810800 59%, #890802 100%);
    scrollbar-color: transparent;
}

.ohyea__modal#ohyea_full::-webkit-scrollbar-thumb {
    background: transparent;
}

.ohyea__modal#ohyea_full .modal-dialog {
    max-width: unset;
    width: 1280px;
    height: 720px;
    min-width: 100vw;
    min-height: 100vh;
    margin-top: 0 !important;
    overflow: hidden;
    border-radius: 0px;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.ohyea__modal#ohyea_full .ohyea__modal_content {
    background-color: transparent !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0px;
}

.ohyea__modal#ohyea_full .ohyea__modal_content:after,
.ohyea__modal#ohyea_full .ohyea__modal_content:before {
    background: unset;
    content: unset !important;
    display: none !important;
}

.ohyea__modal#ohyea_full .ohyea__modal_body {
    width: 100%;
    height: 100%;
}

.ohyea__modal#ohyea_full .ohyea__modal_body:after,
.ohyea__modal#ohyea_full .ohyea__modal_body:before {
    background: unset;
    content: unset !important;
    display: none !important;
}

.ohyea__modal#ohyea_full .ohyea__bg--overlay {
    background: unset !important;
    display: none;
}

.ohyea__modal#ohyea_full .ohyea__bg--overlay-hozital {
    background: unset !important;
    display: none;
}

.ohyea__modal#ohyea_full .clog-page {
    width: 100%;
    height: 100%;
}

.ohyea__modal#ohyea_full .clog-page .btn-close-popup {
    position: absolute;
    right: 12px;
    top: 9px;
    width: 51px;
    height: 51px;
    z-index: 2;
    background-image: url("img/btn/close.png");
    cursor: pointer;
}

.ohyea__modal#ohyea_full .col-md-6 {
    width: 50%;
}

.ohyea__modal#ohyea_full .clog-page-wrapper {
    width: 100%;
    height: 100%;
    padding: 0px;
    background-size: 100% 100%;
    /* background-image: url("img/login/bg-lobby.jpg"); */
    background-image: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(96,0,0,1) 100%);
    background-repeat: no-repeat;
}

.ohyea__modal#ohyea_full .clog-page-footer {
    bottom: 110px;
    position: absolute;
}

.ohyea__modal#ohyea_full #LoginTabV3 .sub {
    width: 100%;
}

.ohyea__modal#ohyea_full #LoginTabV3 .sub .button {
    display: block;
    width: 100%;
    text-align: center;
}

.ohyea__modal#ohyea_full .sub .button .txt-signin,
.ohyea__modal#ohyea_full .sub .button .txt-signup {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 26px;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: bold;
}

.ohyea__modal#ohyea_full .clog_btn-img a .txt-fb,
.ohyea__modal#ohyea_full .clog_btn-img a .txt-login-fb,
.ohyea__modal#ohyea_full .clog_btn-img a .txt-playnow,
.ohyea__modal#ohyea_full .clog_btn-img a .txt-signin,
.ohyea__modal#ohyea_full .clog_btn-img a .txt-signup {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: bold;
}

.ohyea__modal#ohyea_full .clog_btn-img a .txt-fb,
.ohyea__modal#ohyea_full .clog_btn-img a .txt-login-fb {
    font-size: 2.5rem;
    width: 150px;
    font-size: 24px;
    left: 164px;
}

.ohyea__modal#ohyea_full .clog-page-frm {
    width: 500px;
    margin: auto;
    padding-top: 80px;
}

.ohyea__modal#ohyea_full .clog-page-frm .field {
    text-align: center;
}

.ohyea__modal#ohyea_full .clog-page-frm #imgRegCaptcha {
    width: 150px;
    height: 45px;
}

.ohyea__modal#ohyea_full .clog-page-frm .field input[name="Captcha"] {
    width: 244px !important;
}

.ohyea__modal .ohyea__profile-avatar {
    z-index: 1;
}

.ohyea__modal .ohyea__profile-avatar:before {
    z-index: -1;
}

.ohyea__modal .ohyea__profile-avatar:after {
    z-index: -1;
}

.ohyea__modal .ohyea__profile-avatar img {
    min-height: unset;
    max-height: unset;
    height: 130px;
    width: 138px;
    border-radius: 4px;
}

.ohyea__modal .ohyea__profile-avatar .btn-change {
    padding: 0px;
}

.ohyea__modal .ohyea__profile-avatar .overlay {
    z-index: 2;
    min-height: unset;
    max-height: unset;
    height: 130px;
    width: 139px;
}

.ohyea__modal .clog-page-adv .buttons .button-link {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.ohyea__modal_dialog--tiny {
    max-width: unset !important;
    width: 480px !important;
}

#ohyea__md_info .ohyea__modal_dialog {
    width: 850px;
}

.ohyea__tabs {
    text-align: left;
}

.ohyea__table--td {
    text-align: left;
}

#form_send_inbox .ohyea__form-field .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#form_send_inbox .ohyea__form-field .inbox_step1__layout .row img {
    width: 100px;
    height: 100px;
    max-width: unset !important;
}

#form_send_inbox .ohyea__form-field .inbox_step1__layout .row.text-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#form_send_inbox .ohyea__form-field .inbox_step1__layout-2 .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

#form_send_inbox .ohyea__form-field .inbox_step1__layout-2 .row.text-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ui-autocomplete {
    text-align: left;
}

.topuser_gametab {
    width: unset !important;
    padding-top: 10px;
}

.topuser_gametab img {
    max-width: 86px;
}

.adv-modal-close {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.clog-page-footer .support a,
.clog-page-footer .support a div {
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 365px;
}

.clog-page-frm .sub.mr-left .button div,
.clog_btn-img a div {
    text-transform: uppercase;
    position: absolute;
    font-size: 3.1rem;
    font-weight: 600;
    line-height: 2.5rem;
    color: #f8fcf9;
}

.clog_btn-img a .txt-fb {
    text-shadow: -2px 0 3px #133b87, 0 2px 3px #133b87, 2px 0 3px #133b87, 0 -2px 3px #133b87;
}

.clog_btn-img a .txt-playnow {
    text-shadow: -2px 0 3px #194e16, 0 2px 3px #194e16, 2px 0 3px #194e16, 0 -2px 3px #194e16;
    padding-bottom: 5px;
}

.clog-page-frm .sub.mr-left .button .txt-login {
    text-shadow: -2px 0 3px #994d37, 0 2px 3px #994d37, 2px 0 3px #994d37, 0 -2px 3px #994d37;
    padding-bottom: 5px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.clog-page-footer .support a img {
    z-index: 2;
    height: 115px;
    position: absolute;
    left: 0px;
    top: -15px;
}

.clog-page-footer .support a div {
    background-image: url("../../assets/LoginV3/img/resize/btn_sp.png");
    width: 365px;
    height: 100px;
    background-size: cover;
    z-index: 1;
    font-size: 2.8rem;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 20px;
    text-shadow: -2px 0 3px #033551, 0 2px 3px #033551, 2px 0 3px #033551, 0 -2px 3px #033551;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 30px;
}

.clog-page-footer .support a:active,
.clog-page-footer .support a:focus,
.clog-page-footer .support a:hover,
.clog-page-footer .support a:visited {
    text-decoration: none !important;
}

.clog-page-frm .sub.mr-left .button .txt-signin {
    text-shadow: -2px 0 3px #033551, 0 2px 3px #033551, 2px 0 3px #033551, 0 -2px 3px #033551;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    top: 8px;
    left: -16px;
}

.clog-page-frm .sub.mr-left .button .txt-signup {
    text-shadow: -2px 0 3px #89572b, 0 2px 3px #89572b, 2px 0 3px #89572b, 0 -2px 3px #89572b;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 33px;
    left: 103px;
    width: 100%;
}

#btnLoginFacebook {
    /* width: 300px; */
    /* margin: auto; */
    position: relative;
}

@media only screen and (max-width: 720px) {
    .ohyea__modal#ohyea_full .clog-page-frm {
        padding-top: 25px;
    }
}


/* Naga */

@font-face {
    font-family: Bahnschrift;
    src: url("fonts/BAHNSCHRIFT.TTF?v2");
}

@font-face {
    font-family: robotoRegula;
    src: url("fonts/Roboto-Regular.ttf?v2");
}

@font-face {
    font-family: robotoBold;
    src: url("fonts/Roboto-Bold.ttf?v2");
}

@font-face {
    font-family: robotoBoldCondensed;
    src: url("fonts/RobotoCondensed-Bold.ttf?v2");
}

@font-face {
    font-family: robotoMedium;
    src: url("fonts/Roboto-Medium.ttf?v2");
}

@font-face {
    font-family: utmHelve;
    src: url("fonts/UTM Helve.ttf?v2");
}

@font-face {
    font-family: utmHelveBold;
    src: url("fonts/UTM HelveBold.ttf?v2");
}

.clog-naga-img {
    background-image: url("img/login/girl.png");
    background-repeat: no-repeat;
    background-size: contain;
    /* height: 530px; */
    height: 513px ;
    width: 87%;
    /* height: 665px; */
    /* margin-top: 75px; */
    margin: 50px auto auto auto;
    /* width: 75%; */
}

.naga-footer-left {
    /* margin-top: 19px; */
    display: flex;
    padding: 0;
}

.naga_btn-service {
    left: 8px;
    /* bottom: 12px; */
    max-width: 100%;
    width: 100%;
    margin: -17px auto 12px auto;
    position: relative;
}

.naga_btn-service img {
    width: 200px;
}

.naga-ver {
    float: left;
    /* padding-left: 15px; */
    color: #b5afb3;
    font-size: 24px;
    /* font-family: 'robotoRegula'; */
    left: 26px;
    bottom: -21px;
    position: absolute;
}

.naga-footer-left-item {
    font-size: 28px;
    color: #ffffff;
    font-family: 'robotoRegula';
    white-space: nowrap;
}

.naga-footer-left-item-register a {
    font-size: 28px;
    text-decoration: underline;
    color: #f6ff00 !important;
    font-family: 'robotoRegula';
}

.clog-page-langs .inner-naga {
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    /* padding: 12px; */
    font-size: 18px;
    /* background: -webkit-gradient(linear, left top, right top, from(black), to(rgba(0, 0, 0, 0))); */
    /* background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 100%); */
    border-radius: 19px;
    margin-left: 16px;
    position: relative;
    justify-content: flex-end;
    right: 70px;
    /* margin-top: 25px; */
}

.inner-header-register {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 18px;
    font-size: 18px; */
    background-image: url("img/login/header-regis.png");
    background-repeat: no-repeat;
    background-size: 100% 70px;
    height: 70px;
}

.clog-page-langs .inner-other-way-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    margin: 13px 0px 1px 0;
    height: 34.28px;
}

.naga-login-group {
    display: flex;
    align-items: center;
    font-size: 18px;
    width: 100%;
    position: relative;
    /* margin: 18px 0px 10px 0; */
    justify-content: center;
}

.naga-form-img {
    background-image: url("img/login/naga-form-img.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 625px;
    height: 600px;
    /* height: 570px; */
}

.naga-font-size {
    font-size: 25px;
}

.naga_btn-img {
    max-width: 100%;
    width: 100%;
    height: 110px;
    margin: 14px auto 12px auto;
    position: relative;
}

.naga_btn-img label {
    padding: 25px 0px 0px 0px;
    font-size: 37px;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.naga-btn-playnow {
    background-image: url("img/login/btn-playnow.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.naga-btn-playnow-medium {
    background-image: url("img/login/btn-orange-medium.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.naga-btn-fb {
    background-image: url("img/login/btn-fb-dai.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.naga-small-btn-fb {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.naga-btn-create-new-account {
    background-image: url("img/login/btn-red-create.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.naga-btn-green {
    background-image: url("img/login/btn-green-login.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56% 100%;
}

.naga-back-icon {
    background-image: url(img/login/back-btn.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 20px;
    height: 29px;
    position: absolute;
    left: 47px;
    top: 3px;
}

.naga-font-family {
    font-family: 'robotoRegula';
    font-weight: 400;
}

.clog-page-frm .sub.mr-left {
    width: 70%;
    margin-left: 70%;
    text-align: center;
}

.ohyea__modal#ohyea_full .clog-page-frm {
    width: 100%;
    height: 255px;
    /* height: 365px; */
    /* margin: 0px 0px 0px 77px; */
    padding-top: 5px;
    position: relative;
}

#btnLoginPopup {
    top: 63px;
    left: -35px;
}

.naga-link-forgot-pass {
    font-size: 32px;
    text-decoration: underline;
    /* position: absolute;
    right: -193px;
    bottom: -77px; */
}
.naga-btn-login-popup
{
    background-color: transparent;
    outline: 0;
    max-width: 100%;
    width: auto;
    display: block;
    margin: 12px auto;
    border: none;
    -webkit-transition: -webkit-transform .23s ease-out;
    transition: -webkit-transform .23s ease-out;
    transition: transform .23s ease-out;
    transition: transform .23s ease-out,-webkit-transform .23s ease-out;
    display: block;
    position: relative;
}
.clog-page-frm .field input[type=password], .clog-page-frm .field input[type=text]{
    /* height: 80px;
    padding: 4px 50px 4px 100px;
    width: 24vw; */
    padding: 4px 50px 4px 100px !important;
    width: 360px!important;
    height: 68px !important;
    border: 3px solid #900605 !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Check box */
.naga-check-box {
    display: block;
    position: relative;
    /* padding-left: 35px; */
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

.naga-check-box  label{
    text-align: left;
    color: #ff99eb;
    padding-left: 40px;
    font-family: 'utmHelve';
    font-weight: 100;
    font-size: 29px;
}

.naga-check-box input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 10px;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #eee;
}

.naga-check-box:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.naga-check-box input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
/* Show the checkmark when checked */
.naga-check-box input:checked ~ .checkmark:after {
    display: block;
}
  
/* Style the checkmark/indicator */
.naga-check-box .checkmark:after {
    left: 12px;
    top: 6px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.naga-icon-user{
    width: 42px;
    height: 42px;
    left: 27px;
    top: 12px;
    position: absolute;
    z-index: 1;
}

.naga-icon-key{
    width: 50px;
    height: 50px;
    left: 29px;
    top:9px;
    position: absolute;
    z-index: 1;
}

.input-container {
    /* display: -ms-flexbox; 
    display: flex; */
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.label-other-way-login{
    font-size: 24px;
    display: inline-block;
    padding-left: 77px;
    color:#ff99eb;
    font-weight: 400;
    position: relative;
}

.clog-page-frm-register{
   top: -19px;
   padding-top: 30px !important;
   width: 100% !important;
   margin: 0px 0px 0px 80px !important;;
}

.clog-page-frm-register label {
    /* padding-top: 12px; */
    /* display: inline-block !important; */
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    width: 205px !important;
    font-size: 28px !important;
    letter-spacing: 0px !important;
    white-space: initial !important;
    text-align: right !important;
    /* font-weight: 100 !important; */
}

.logo-live7-register{
    position: absolute;
    right: 100px;
    bottom: -47px;
    /* bottom: 25px; */
}

.btn-close-register{
    position: absolute;
    right: 15px;
    top: 2px;
    width: 65px;
    height: 65px;
    z-index: 2;
    background-image: url('img/login/btn-close-register.png');
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

.naga-des-chip{
    white-space: nowrap;
    font-size: 30px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: -10px;
    margin-left: 120px;
}

.naga-group-error{
    font-size: 30px;
    color: #c2c2c2;
    margin-left: 40px;
    padding-right: 100px;
    width: 555px;
    position: absolute;
    /* left: 163%; */
    top: 50px;
    /* top: 65px;  */
}

.naga-group-validate{
    width: 1000px;
    position: relative;
    top: -34px;
    left: -80px;
    /* margin-left: 205px; */
    white-space: nowrap;
    font-size: 20px;
}
.naga-login-val-txt{
    position: absolute; 
    top: 69px; left: 102px; 
    color: #f0ff00 !important;
}
.naga-err-all-login{
    width: 300px!important;
    color: yellow !important;
    font-weight: bold;
    position: absolute;
    left: 95px;
    top: -3px;
    /* margin-left: 35px; */
    white-space: nowrap;
}

.service-title {
    font-size: 25px;
    padding: 30px 0px 0px 0px;
}

.service-content {
    width: 100%;
    height: 473px;
    background-image: url('img/login/service-bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: white;
}

.service-content .button{
    background-color: transparent;
    outline: 0;
    max-width: 100%;
    width: auto;
    display: block;
    margin: 50px auto;
    border: none;
    -webkit-transition: -webkit-transform .23s ease-out;
    transition: -webkit-transform .23s ease-out;
    transition: transform .23s ease-out;
    transition: transform .23s ease-out,-webkit-transform .23s ease-out;
    display: block;
    position: relative;
}

.clog-page-frm {
    max-width: 100% !important;
}

.button-naga{
    position: relative;
    background-color:transparent;
    border: none;
    outline: 0;
    /* padding-top: 5px;  */
}

.button-naga:hover{
    filter: brightness(1.4);
}

::placeholder {
    color: white;
    z-index: 1;
   /*  opacity: 1; Firefox */
}

.clog-page-adv .buttons{
    padding: 10px 0;
}

input[name="Username"]::placeholder,input[name="DisplayName"]::placeholder,input[name="Password"]::placeholder {
    color: #ff99eb;
}

.clog-page-frm-register .field input[type=password], .clog-page-frm-register .field input[type=text]{
    margin-left: 25px;
    padding: 4px 50px 4px 27px;
}

.ohyea__form-field{
    margin: 0px;
    padding-left: 36px;
}

.text-naga {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}

.text-header-register{
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    position: absolute;
    top: 31px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    background-image: linear-gradient(#ffef81 37%, #ff8400 64% ,#ffef81 79% );
    -webkit-text-fill-color: transparent;
	/* -webkit-text-stroke: 0.5px black; */
    -webkit-background-clip: text;
}

.text-yellow {
    content: "";
    background-image: linear-gradient(to top, #ffcf8b 0%, #ffffff 100%);
    -webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1.2px #923802;
    -webkit-background-clip: text;
    font-family: "robotoBold";
}

.text-blue {
    content: "";
    background: linear-gradient(to top, #abd8ff 0%, #ffffff 100%);
	-webkit-background-clip: text;
    -webkit-text-stroke: 1.2px #002770;
	-webkit-text-fill-color: transparent;
    font-family: "robotoBold";
}

.text-red {
    content: "";
    background: linear-gradient(to top, #ff9391 0%, #ffffff 100%);
    -webkit-text-stroke: 1.2px #923802;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    font-family: "robotoBold";
}

.text-green {
    content: "";
    background: linear-gradient(to top, #8bff9f 0%, #ffffff 100%);
	-webkit-background-clip: text;
    -webkit-text-stroke: 1.2px #063b02;
	-webkit-text-fill-color: transparent;
    top:48%;
    font-family: "robotoBoldCondensed";
    
}

.text-violet {
    content: "";
    background: linear-gradient(to top, #e4b0ff 0%, #ffffff 100%);
	-webkit-background-clip: text;
    -webkit-text-stroke: 1.2px #57007f;
	-webkit-text-fill-color: transparent;
    top:48%;
    font-family: "robotoBoldCondensed";
}

.naga-btn-gr-fb{
    /* position: absolute; */
    left: 31px;
    top: 10px;
}

.naga-btn-gr-playnow{
    /* position: absolute; */
    right: 11px;
    top: 10px;
}

.loading-in-button{
    top: 48%;
    left: 57px;
}

.service-chat{
    font-size: 28px;
    text-shadow:1px 0 #f1db78, -1px 0 #f1db78, 0 1px #f1db78, 0 -1px #f1db78;
    color: black;
    font-family: 'robotoMedium';
    position: absolute;
    left: 296px;
    top: 15px;
}

.service-fanpage{
    font-size: 28px;
    text-shadow:1px 0 #f1db78, -1px 0 #f1db78, 0 1px #f1db78, 0 -1px #f1db78;
    color: black;
    font-family: 'robotoMedium';
    position: absolute;
    left: 296px;
    top: 15px;
}

#btnPlaynowLogin:disabled .loading-in-button,#btnPlaynowMain:disabled .loading-in-button, #btnLoginOnRegisterPopup:disabled .loading-in-button  {
    display: inline-block;
}

.loading-in-button-icon span{
    border: 5px solid #8f1414;
    border-top-color: transparent;
}

.clog-page-langs .list {
    overflow: unset;
}

.naga-txt-lang{
    font-size: 23.27px;
    font-family: 'utmHelve';
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 100%);
    border-radius: 19px;
}

@media only screen and (max-width: 843px) {
    .ohyea__modal#ohyea_full .modal-dialog {
        min-height: 0;
    }
} 

.cus-tlg-contain,.cus-tlg-contain-item{box-shadow:rgb(0 0 0 / 10%) 0 12px 24px 0;border-radius:18px;transition:opacity .3s,margin .3s,visibility .3s;background-color:#fff;transform:translate3d(0,0,0)}@media only screen and (max-width:843px){.ohyea__modal#ohyea_full .modal-dialog{min-height:0}}.cus-tlg-contain{display:flex;flex-direction:column;width:360px;opacity:1;pointer-events:all;visibility:visible;touch-action:auto;margin-bottom:126px;position:fixed;bottom:0;right:-16px;left:auto;z-index:2}.cus-tlg-scale{margin-right:410px}.cus-tlg-contain-item{display:none;flex-direction:column;width:100%;overflow:hidden}.cus-tlg-header{background:#197bff;color:#111;display:flex;justify-content:center;-webkit-box-align:center;align-items:center;padding:20px}.cus-tlg-body{padding:20px;background-color:#f5f5f5;position:relative;overflow:auto;max-height:360px;z-index:5}.cus-tlg-main-btn,.cus-tlg-x-btn{-webkit-box-pack:center;position:absolute}.cus-tlg-x-btn{border-radius:100%;background-color:#ddd;padding:12px;right:12px;top:9px;height:5px;width:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000!important;text-decoration:none}.cus-tlg-main-btn{height:71px;width:71px;border-radius:50%;display:flex;justify-content:center;-webkit-box-align:center;align-items:center;cursor:pointer;user-select:none;outline:0;background:url("/assets/imgs/iconstlgram.png") 0 0/100% 100% no-repeat;margin-bottom:20px;margin-right:20px;margin-left:20px;right:50px;bottom:-98px;overflow:auto}.cus-tlg-main-btn-scale{right:-335px}.cus-tlg-title{text-decoration:none;padding:10px;color:#111;font-weight:700;font-size:13px}.cus-tlg-chat{padding:7px 14px 6px;background-color:#fff;border-radius:0 8px 8px;position:relative;transition:.3s;transform-origin:center top;box-shadow:rgb(0 0 0 / 13%) 0 1px .5px;margin:auto auto 20px;max-width:calc(100% - 66px)}.cus-tlg-footer{text-decoration:none;padding:8px 12px;border-radius:24px;border:none;color:#fff;font-size:15px;font-weight:700;line-height:20px;position:relative;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:20px;overflow:hidden;appearance:none}.cus-tlg-footer-link,.cus-tlg-header-link{margin-left:8px;margin-right:8px;z-index:1;color:#fff}.cus-tlg-show{display:flex}.cus-tlg-header-link{font-size:25px}