@font-face {
    font-family: UTM CAFETA;
    src: url(/Conhan/assets/UTM%20CAFETA-BoDPI9Am.TTF) format("truetype")
}

body, html {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    font-family: Roboto,sans-serif;
    scrollbar-width: none;
    -ms-overflow-style: none
}
.hidden-tab {
    display: none !important;
}
    body::-webkit-scrollbar, html::-webkit-scrollbar {
        display: none
    }

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

a {
    text-decoration: none
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0
}

* {
    box-sizing: border-box
}

.no-scroll {
    overflow: hidden;
    height: 100vh;
}

.imgFull {
    width: 100%;
    height: auto;
    display: block
}

section {
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 1;
    display: block
}

#app {
    width: 100%;
    margin: 0 auto;
    padding: 0
}

    #app > * {
        margin: 0
    }

main {
    position: relative;
    z-index: 1
}

.main-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.bg-section-mb, .menu-left-mobile, .show-treasure {
    display: none
}

.btn-getcode.received {
    font-size: 12px;
    filter: grayscale(100%);
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
    pointer-events: none;
}

.giftcode-received {
    filter: grayscale(100%);
    pointer-events: none;
}

.btn-getcode.disabled {
    background-color: #eee;
    color: #aaa;
    cursor: not-allowed;
    pointer-events: none;
}

.section1 {
    height: 47.8125vw;
    padding: 1.0416666667vw
}

    .section1 a {
        transition: all .3s ease
    }

        .section1 a:hover {
            filter: brightness(1.2);
            transform: scale(1.05)
        }

    .section1 .logo-game {
        position: absolute;
        top: 1.0416666667vw;
        left: 1.5625vw;
        width: 13.8020833333vw;
        height: 5.7291666667vw
    }

        .section1 .logo-game a {
            display: block;
            width: 100%;
            height: 100%
        }

    .section1 .logo-18 {
        position: absolute;
        top: 7.041667vw;
        left: 3.5625vw;
        width: 7.802083vw;
        height: 5.729167vw
    }

    .section1 .logo-vplay {
        position: absolute;
        top: 2.34375vw;
        left: 13.6979166667vw;
        width: 8.90625vw;
        height: 3.75vw
    }

        .section1 .logo-vplay a {
            display: block;
            width: 100%;
            height: 100%
        }

    .section1 .login-box {
        border-bottom: 1px solid #c2ab7f;
        position: absolute;
        top: 0.822917vw;
        right: 1.5625vw;
        z-index: 10;
        display: flex;
        align-items: center;
        gap: .5208333333vw
    }

        .section1 .login-box .user-name {
            color: #fff;
            font-size: 1.40625vw;
            font-weight: 300
        }

            .section1 .login-box .user-name i {
                font-weight: 500;
                font-style: normal
            }

        .section1 .login-box .logout-btn {
            background: #0e2968;
            color: #c2ab7f;
            border: .0520833333vw solid #c2ab7f;
            padding: .2604166667vw .78125vw;
            border-radius: .2604166667vw;
            font-size: .9375vw;
            cursor: pointer;
            transition: all .3s ease
        }

            .section1 .login-box .logout-btn:hover {
                filter: brightness(1.2)
            }

    .section1 .text-section1 {
        position: absolute;
        top: 7.3958333333vw;
        left: 9.1666666667vw
    }
.btn-login-giftcode {
    display: flex;
    justify-content: center;
    margin-top: 1vw;
}
.btn-login-giftcode a {
    display: block;
    width: 13.3333333333vw;
    height: 4.4791666667vw;
    background: url(/Conhan/assets/bg-btn2-C-IXMJhw.png) no-repeat center center;
    background-size: cover;
    transition: all .3s ease;
    color: #fff;
    font-size: 1.3541666667vw;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
    line-height: 4.4791666667vw;
}
.section1 .text-section1 .big-text {
    width: 21.6666666667vw;
    opacity: 0;
    transform: translateY(5.2083333333vw) scale(.9);
    transition: all .8s ease
}

            .section1 .text-section1 .big-text.animate {
                opacity: 1;
                transform: translateY(0) scale(1);
                animation: bounce .8s ease forwards
            }

        .section1 .text-section1 .small-text {
            position: absolute;
            top: 6.7708333333vw;
            left: 15.4166666667vw;
            width: 5.6770833333vw;
            opacity: 0;
            transform: translateY(-5.2083333333vw) scale(.9);
            transition: all .8s ease
        }

            .section1 .text-section1 .small-text.animate {
                opacity: 1;
                transform: translateY(0) scale(1);
                animation: fadeIn .8s ease forwards
            }

    .section1 .video-section1 {
        position: absolute;
        top: 23.1770833333vw;
        left: 50%;
        transform: translate(-50%)
    }

        .section1 .video-section1 .btn-play {
            position: absolute;
            top: 3.6458333333vw;
            transform: translate(-50%);
            left: 47%;
            width: 9.8958333333vw
        }

            .section1 .video-section1 .btn-play.animate {
                animation: scalePlayBtn 1s ease-in-out infinite
            }

.section2 .list-btn-event {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5625vw;
    left: 1.6vw
}

    .section2 .list-btn-event .btn-landing,
    .section2 .list-btn-event .btn-history {
        visibility: hidden;
        position: absolute;
        pointer-events: none;
    }

    .section2 .list-btn-event li a {
        display: block;
        width: 13.3333333333vw;
        height: 4.4791666667vw;
        background: url(/Conhan/assets/bg-btn2-C-IXMJhw.png) no-repeat center center;
        background-size: cover;
        transition: all .3s ease;
        color: #fff;
        font-size: 1.3541666667vw;
        font-weight: 500;
        text-transform: capitalize;
        text-align: center;
        line-height: 4.4791666667vw
    }

        .section2 .list-btn-event li a:hover {
            transform: scale(1.05);
            filter: brightness(1.2)
        }

.section2 .list-event {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5625vw;
    margin-top: 1.0416666667vw;
    z-index: 1;
    position: relative
}

    .section2 .list-event .progress-event {
        width: 77.8645833333vw;
        height: 1.5625vw;
        padding: .3645833333vw;
        border: 2px solid #1167b1;
        border-radius: .5208333333vw;
        position: absolute;
        top: 10.9375vw;
        left: 50%;
        transform: translate(-50%)
    }

        .section2 .list-event .progress-event .progress-active {
            width: 100%;
            height: 100%;
            background: #1167b1;
            background: linear-gradient(90deg,#1167b1 35%,#faecb0)
        }

    .section2 .list-event .item-event {
        width: 9.8958333333vw;
        position: relative
    }

        .section2 .list-event .item-event .treasure-chest {
            width: 8.6458333333vw;
            height: 8.90625vw;
            position: relative;
            filter: grayscale(100%);
            margin: auto;
            pointer-events: none
        }

            .section2 .list-event .item-event .treasure-chest:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url(/Conhan/assets/circle-DgRxs7X_.png) no-repeat center center;
                background-size: cover;
                animation: rotateCircle 5s linear infinite
            }

            .section2 .list-event .item-event .treasure-chest img {
                position: absolute;
                top: -2.7604166667vw;
                left: 50%;
                transform: translate(-50%);
                width: 19.2708333333vw;
                height: 12.2916666667vw
            }

            .section2 .list-event .item-event .treasure-chest .btn-getcode {
                background: url(/Conhan/assets/bg-btn3-DCTm5KZc.png) no-repeat center center;
                background-size: cover;
                width: 7.5vw;
                height: 2.34375vw;
                position: absolute;
                bottom: -.8854166667vw;
                left: 50%;
                transform: translate(-50%);
                color: #2517c7;
                font-size: 1.2583333333vw;
                font-weight: 500;
                text-align: center;
                line-height: 2.34375vw;
                transition: all .3s ease
            }

                .section2 .list-event .item-event .treasure-chest .btn-getcode:hover {
                    filter: brightness(1.2);
                    transform: scale(1.05) translate(-50%)
                }

        .section2 .list-event .item-event .landmark {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABbCAYAAAAcNvmZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc4Qzc1QURGMDRDRjExRjBCNTA1QzUwOTgzMjdFM0IwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc4Qzc1QUUwMDRDRjExRjBCNTA1QzUwOTgzMjdFM0IwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzhDNzVBREQwNENGMTFGMEI1MDVDNTA5ODMyN0UzQjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzhDNzVBREUwNENGMTFGMEI1MDVDNTA5ODMyN0UzQjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71MG3nAAAL7UlEQVR42uxc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) no-repeat center center;
            background-size: cover;
            width: 4.5833333333vw;
            height: 4.375vw;
            margin: .5208333333vw auto 0
        }

        .section2 .list-event .item-event .info {
            margin-top: -.2604166667vw;
            text-align: center;
            filter: grayscale(100%)
        }

            .section2 .list-event .item-event .info .title {
                color: #00d8ff;
                font-size: 1.1458333333vw;
                font-weight: 500;
                text-transform: capitalize
            }

            .section2 .list-event .item-event .info .limit {
                color: #fff;
                font-size: .8895833333vw;
                text-transform: uppercase
            }

        .section2 .list-event .item-event.active .treasure-chest {
            filter: grayscale(0%);
            pointer-events: visible
        }

        .section2 .list-event .item-event.active .landmark {
            background: url(/Conhan/assets/landmark-active-C_dqwMSa.png) no-repeat center center;
            background-size: cover
        }

        .section2 .list-event .item-event.active .info {
            filter: grayscale(0%)
        }

            .section2 .list-event .item-event.active .info .title {
                color: #00d8ff
            }

.section2 .text-notify {
    font-size: 1.4583333333vw;
    text-align: center;
    margin: 1.5625vw 0;
    color: #00fffc
}

    .section2 .text-notify .treasure-name {
        display: inline-block;
        font-size: 1.71875vw;
        font-weight: 500;
        color: #ffa200
    }

.section2 .list-gift {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.6041666667vw
}

    .section2 .list-gift .gift {
        width: 13.8541666667vw;
        height: 25.8854166667vw;
        margin: 0 -.6770833333vw;
        transition: all .5s ease;
        filter: brightness(.8)
    }

        .section2 .list-gift .gift.animate {
            transform: scale(1.1) translateY(-10px);
            filter: brightness(1.2)
        }

.footer {
    background: #000;
    padding: 1.5625vw 0 1.0416666667vw
}

    .footer .footer-container {
        max-width: 72.9166666667vw;
        margin: 0 auto;
        padding: 0 1.0416666667vw
    }

    .footer .footer-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .footer .footer-logo img {
        height: auto;
        width: 10.1041666667vw
    }

    .footer .footer-info {
        color: #eeeef0;
        font-size: .78125vw;
        line-height: 1.5
    }

        .footer .footer-info p {
            margin: .2604166667vw 0
        }

        .footer .footer-info a {
            color: #eeeef0;
            text-decoration: none;
            font-weight: 700
        }

            .footer .footer-info a:hover {
                color: #ffa200
            }

        .footer .footer-info .hotline {
            font-size: .8333333333vw
        }

.btn-goTop {
    cursor: pointer;
    position: fixed;
    bottom: 1.0416666667vw;
    right: 1.0416666667vw;
    padding-left: .1041666667vw;
    z-index: 10;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    border: .0520833333vw solid #fff;
    background: #0c1935;
    border-radius: .2604166667vw;
    transition: all .3s ease;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

    .btn-goTop p {
        font-size: 0.9416666667vw;
    }

    .btn-goTop.show {
        opacity: 1
    }

    .btn-goTop:hover {
        background: #0e2968;
        transform: scale(1);
        filter: brightness(1.2)
    }

.menu-top-mobile, .hide-menu {
    display: none
}

.right-menu {
    position: fixed;
    padding-top: 3.2291666667vw;
    width: 10.4166666667vw;
    height: 23.90625vw;
    right: .78125vw;
    top: 32%;
    transform: translateY(-50%);
    z-index: 100;
    background: url(/Conhan/assets/bg-menu-right-uMT_EFDr.png) no-repeat center center;
    background-size: contain
}

    .right-menu .qr-code {
        width: 6.09375vw;
        height: 6.09375vw;
        margin: 3.36vw auto .5208333333vw;
        border: 3px solid #7190f0;
        border-radius: .5208333333vw;
        overflow: hidden
    }

    .right-menu a {
        background: url(/Conhan/assets/btn-menu-right-DA2cPZvC.png) no-repeat center center;
        background-size: cover;
        display: block;
        width: 9.1666666667vw;
        height: 2.34375vw;
        margin: 0 auto;
        transition: all .3s ease;
        color: #fff;
        font-size: .78125vw;
        text-transform: capitalize;
        text-align: center;
        line-height: 2.1875vw;
        margin-left: 0.71vw
    }

        .right-menu a:hover {
            filter: brightness(1.2);
            transform: scale(1.05)
        }
.banner-fly {
    cursor: pointer;
    position: relative;
    top: -0.52vw;
}
.banner-fly img {
    width: 100%;
    object-fit:cover;
}
.popup-event {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.9);
    background: url(/Conhan/assets/bg-pop-rule-CnRsWnWZ.png) no-repeat center center;
    padding: 1.6145833333vw 2.6041666667vw 2.0833333333vw 3.6458333333vw;
    background-size: cover;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    width: 36.4583333333vw;
    height: 26.6145833333vw;
    transition: all .3s ease
}
.popup-rule {
    background-size: contain;
}
.popup-limited-offer {
    background: url(/Conhan/assets/bg-pop-limited-offer-DnSsWgWa.png) no-repeat center / contain;
    width: 59.1183333333vw;
    height: 39.194583vw;
    padding: 1.614583vw 2.604167vw 2.0833333333vw 3.6458333333vw;
}
    .popup-limited-offer > .close-popup {
        top: -0.902083vw !important;
        right: -.0604166667vw !important;
    }
.popup-event.show {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%,-50%) scale(1)
}

    .popup-event .popup-title {
        position: relative;
        font-size: 1.9270833333vw;
        font-weight: 700;
        margin-bottom: .5208333333vw;
        text-align: center;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5208333333vw;
        background: linear-gradient(0deg,#654bbe,#b988af,#654bbe);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }

        .popup-event .popup-title:before, .popup-event .popup-title:after {
            display: block;
            content: "";
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAXCAYAAABXlyyHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCQkQyMzQ4MDRERTExRjA4N0ZCOEE5MjgwMkE4RTFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCQkQyMzQ5MDRERTExRjA4N0ZCOEE5MjgwMkE4RTFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0JCRDIzNDYwNERFMTFGMDg3RkI4QTkyODAyQThFMUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0JCRDIzNDcwNERFMTFGMDg3RkI4QTkyODAyQThFMUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4mEC7OAAAEvklEQVR42tRYXUxbZRh++kdLBcqUdW4OZmB4A84oUbPOaFIvTHWwQsA6jSExCy5TlhjFq3G1XYnRZSQmY8aIUUf9WY4T5UY7o7HRmCoxeEUjaINzwLIVCv2D1uc9hYLYIghl9QtfWk7P+c55vvd9n+d5jyaZTGKzRv9PsITDKI9GUT4/D2MyAaNOh6jegHGjCYGm+xDADR6ajQDuH4RxchzO6SnUzc3BQpCWRAIuTiCp/kEjUwtotXBzRnR6TBUXY+jWXeh97C5E/xeA3/XAMXEFrlgcFoJwqgtpUnPx+/KxeAv1c2EjuCmKyYjxXbvR03IAvrwEfK4f7ZOTcAgeQwE/NZnPkyXT4FJTWXkXXuuU3+IxeItK4KuqRmf93QjmBeCez9B+jUAZFWOBEfZsQJnWEjno9XCzdoPmm+AvJphCM4Yb712qXymFSATloWnUhVgOMyHUxmKwbt8B99EGdN0wwO98Ceeff6A1QQIi8TiYvv9cgDNOoExvj9kMf2kpvGVWKA33rC9a730F++UxtIGb+tLTaNxywKfdOCtRMBhWT91wBJ7CQgTu2INX620Y2ugDffI99o6OomNnBbof37/x9f4VcN8lOEZ+QzvTcorTlWk/5ND8XKouq/agq/lBeDf7wd76Ai6yua/lfvjXTarMFikXeXaW1XDrw1AyAj7zMV6Zvo4D1ExbpvSVQekRsANlZRg4chDduay3i4OqCkQO7lu7fJ3+AGdmQ6jhdSrXkFe8JnqAF5/CE38D/HofzsZoGPRZUliOxeOMKmusqgqdzQ9snZSsdbyh4MTUddhIrI7lx0mIA2J8XnDhWf2H37FmhtFFQFGRmmyLSWSZHkPPN6ETeTj6f4Zxdga1ErCVvxXwWDwK5QL5QStgmaIlWh1cqy0ogG9mGiNPB9O4WlxeRoLVqATrDFH+tB2UAHMRfqEBWBUMCQxXLqP1/a9hy0fAjGyQuJSMapICrYinV6npeAuOF1M/o2F4ssmy7Bwzoe33X3FCjEi+AW6isdHqEVR9/MqRSPmFJ6kmaS4+dginRPtIXB4ajYxDmFsI4dpV2F87j7cv/IDyXIJwe1G7nvMrKnFqjgZoOWgJYDQC723l6Mmow4oP1pFhnGSKW9nZOLMxttQ0z/FYtuHS7kp0N+zbXB/85udoO/Jo6iHXZVx+hGXUj5NimuR/GqfgztvRfXh/SlWyOq1zvOHVCRWwgxdldVoELZFXSrbBe7R+4z64l/edmcXeY814ecu9tKRsYAQdZLcaYwHsrJEFBlhRIgk14opEXvTOSi99+CF41mwwGJWxANon2FvfQiV4rjF30rembqnvW9SN0W6KMVmtW1psCefZ64rUFRB8ERXAVIhhauGUkIoYF26OSd6KiCNa7JS4bqCSLWJLDvzzf+6Hz38Dm3RPUt/ErNa3vM3IugGpyKsZkO6RNUtaIddR/xW2hcozj6A3b994CLFRk12MUK2AJyinMDgfPv3mQ7Mk+GnwC6kvNT9gYESLLPDtqID7UE3uG/9Neacl4yPatVAQdeEwqmNkRvptC+f2RCqidh03QscokvGDTNtxtpL+UhJcc45TN2eAs41PB9W3lqakRFkPo/NOjOeDQflLgAEAcBwVAiPEjIMAAAAASUVORK5CYII=) no-repeat center center;
            background-size: cover;
            width: 3.125vw;
            height: 1.1979166667vw
        }

        .popup-event .popup-title:after {
            transform: rotate(180deg)
        }

    .popup-event .popup-small-text {
        font-size: 1.25vw;
        text-align: center;
        font-family: Roboto,sans-serif;
        color: #644abc
    }

    .popup-event .form-vip {
        margin-top: 1.0416666667vw
    }

        .popup-event .form-vip input {
            width: 25vw;
            height: 2.6041666667vw;
            border-radius: .2604166667vw;
            padding: .5208333333vw;
            display: block;
            border: none;
            margin: auto;
            box-shadow: 0 0 2px #000;
            color: #644abc;
            font-size: 1.0416666667vw
        }

        .popup-event .form-vip .btn-confirm {
            width: 13.958333vw;
            margin: 1.0416666667vw auto 0;
            transition: all .3s ease;
            display: block
        }

            .popup-event .form-vip .btn-confirm:hover {
                filter: brightness(1.2)
            }

        .popup-event .form-vip .error-phone {
            color: red;
            font-size: 1.0416666667vw;
            text-align: center;
            margin-top: .5208333333vw
        }

    .popup-event table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: 2px solid #cea564;
        font-family: Roboto,sans-serif
    }

        .popup-event table thead {
            position: sticky;
            top: 0;
            z-index: 1
        }

            .popup-event table thead th {
                text-transform: uppercase;
                padding: .5208333333vw;
                color: #fff;
                background: #393563;
                font-size: 1.0416666667vw
            }

        .popup-event table td, .popup-event table th {
            padding: .4166666667vw;
            text-align: center;
            border: .0520833333vw solid #cea564;
            color: #393563;
            font-size: 1.0416666667vw
        }

    .popup-event .close-popup {
        position: absolute;
        top: -1.3020833333vw;
        right: -.2604166667vw;
        width: 2.1875vw;
        height: 2.1875vw;
        cursor: pointer;
        transition: transform .3s ease;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1RUQzQjY5MDRENzExRjA5OTMwOTQzNUE3N0E4QkU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1RUQzQjZBMDRENzExRjA5OTMwOTQzNUE3N0E4QkU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTVFRDNCNjcwNEQ3MTFGMDk5MzA5NDM1QTc3QThCRTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTVFRDNCNjgwNEQ3MTFGMDk5MzA5NDM1QTc3QThCRTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5jzGoiAAALnklEQVR42sRa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) no-repeat center center;
        background-size: contain;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .popup-event .close-popup:hover {
            transform: rotate(90deg)
        }

    .popup-event .popup-content {
        overflow-y: auto;
        padding-right: 1.0416666667vw;
        max-height: 20.3125vw
    }

        .popup-event .popup-content::-webkit-scrollbar {
            width: .2083333333vw
        }

        .popup-event .popup-content::-webkit-scrollbar-track {
            background: #0018551a;
            border-radius: .15625vw
        }

        .popup-event .popup-content::-webkit-scrollbar-thumb {
            background: #001855e0;
            border-radius: .15625vw
        }

            .popup-event .popup-content::-webkit-scrollbar-thumb:hover {
                background: #000
            }

    .popup-event .popup-content-text {
        font-size: .7291666667vw;
        font-family: Roboto,sans-serif
    }

        .popup-event .popup-content-text table {
            font-family: Roboto,sans-serif
        }

            .popup-event .popup-content-text table th, .popup-event .popup-content-text table td {
                font-size: .7291666667vw
            }

.popup-vip .popup-small-text {
    font-size: 1.3vw;
    margin: 1.0416666667vw 2px
}


.close-popup {
    float: right;
    text-decoration: none;
}

.tab-buttons {
    display: flex;
    margin-bottom: 0.52vw;
    gap: 1.46vw;
    justify-content: center;
}
.tab-button {
    cursor: pointer;
    width: 11.77vw;
    height: 2.92vw;
}
.tab-button img {
    object-fit: cover;
    width: 100%
}
.tab-content-package {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.67vw;
    margin-top: 2.29vw
}
.package-1 {
   position: relative;
}
.package-2 {
    position: relative;
}
.bg-wrapper {
    width: 19.17vw;
}
.bg-wrapper img {
    width: 100%;
    object-fit: cover
}
.item-package {
    position: absolute;
    padding: 0 1.04vw;
    padding-top: 0.63vw;
    top: 0;
    left: 0
}
.title-package {
    width: 6.67vw;
    height: 1.94vw;
}
.title-package img {
    width: 100%;
    object-fit: contain;
    height:100%
}
.title-image-1 {
    width: 10.3vw ;
    height: 3.6vw;
}
.title-image-2 {
    width: 10.42vw;
    height: 3.6vw;
}
.title-image-1 img {
    width: 100%;
    object-fit: contain;
    height:100%
}
.title-image-2 img {
    width: 100%;
    object-fit: contain;
    height: 100%
}
.price-package {
    width: 7.86vw;
    height: 1.73vw;
    margin-bottom: 0.42vw
}
.price-package img {
    width: 100%;
    object-fit: contain;
    height: 100%
}
.item-package-list {
    width: 17.45vw;
}
.item-package-list  img {
    width: 100%;
    object-fit: cover
}
.item-package-gb {
    width: 12.29vw;
}
.item-package-gb  img {
    width: 100%;
    object-fit: cover
}
.item-package-gb {
    width: 5.47vw
}
.gb-2 {
    width: 7.92vw
}
.character {
    position: absolute;
    right: 0;
    top: 0;
}
.character-1 {
    top: -1.56vw;
    width: 10.21vw;
}
.character-2 {
    top: -2.6vw;
    width: 8.8vw
}
.tab-content-package-rule {
    width : 40vw
}
.tab-content-package-rule-wrapper {
    margin-top: 1.41vw;
    display: flex;
    justify-content: center;
    align-items: center
}
.tab-content-package-rule  img {
    width: 100%;
    object-fit: cover
}
.syntax-gb {
    position: absolute;
    bottom: 1.1vw;
    left: 0.63vw;
}
.syntax-package {
    justify-content: center;
    align-items: center;
    border-radius: 0.46vw;
    display: flex;
    opacity: 1;
    gap: 0.31vw;
    padding: 0.21vw 0.31vw;
    background: #00000080;
}
.syntax-package-qr {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 7.24vw;
    bottom: 0.9vw;
    right: 0.63vw;
}
.syntax-package-qr img {
    width: 100%;
    object-fit:cover
}
.syntax-wrapper {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    gap: 0.1vw;
}
.syntax-wrapper .price {
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 0.63vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: white;
}
.syntax-wrapper .syntax {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    border-radius: 0.21vw;
    padding: 0.21vw 0.2vw;
    background: white;
    gap: 0.43vw;
}
.syntax-wrapper .syntax .sms {
    font-weight: 500;
    font-size: 0.68vw;
    line-height: 100%;
    letter-spacing: 0%;
    text-wrap: nowrap;
}
.syntax-wrapper .syntax .syntax-button {
    cursor: pointer;
    width: 2.6vw;
    height: 1.2vw;
    opacity: 1;
    gap: 0.52vw;
    border-radius: 0.1vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.syntax-wrapper .syntax .syntax-button img {
    width: 100%;
    height: 1.2vw;
    angle: 0 deg;
    opacity: 1;
    gap: 0.52vw;
}
.syntax-wrapper .syntax .sms span {
    font-weight: 300;
    font-size: 0.68vw;
    line-height: 100%;
    letter-spacing: 0%;
}
.character-giftcode-1 {
    width: 12.86vw;
    position: absolute;
    left: 2.34vw;
    top: 5.21vw;
}
.character-giftcode-1 img {
    width: 100%;
    object-fit: cover
}
.character-giftcode-2 {
    width: 14.32vw;
    position: absolute;
    right: 1.61vw;
    top: 4.21vw;
}
.character-giftcode-2 img {
    width: 100%;
    object-fit: cover
}
.giftcode-content {
    display:flex;
}
.giftcode-container {
    display: flex;
    justify-content: center;
}
.giftcode-container .giftcode-content {
    display: flex;
    width: 25vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2.29vw
}
.giftcode-text {
    font-weight: 400;
    font-size: 1.04vw;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #6553CE;
    margin-bottom: 1.04vw;
}
#form-giftcode {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.input-phone-giftcode {
    width: 25vw;
    height: 2.86vw;
    opacity: 1;
    gap: 0.52vw;
    border-radius: 0.42vw;
    padding: 0.83vw 1.25vw;
    border-width: 0.1vw;
    outline: none;
    border: 0.1vw solid #5746C0;
    font-size: 1.04vw;
    letter-spacing: 0%;
}
.recaptcha-wrapper {
    margin-top: 1.04vw
}
#captchaContainer {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.button-submit-giftcode {
    width: 14.84vw;
    margin-top: 1.04vw;
    cursor: pointer;
}
.button-submit-giftcode img{
    width: 100%;
    object-fit:cover
}
#custom-toast-container {
    position: fixed;
    top: 1.04vw;
    right: 1.04vw;
    z-index: 9999;
}

.custom-toast {
    min-width: 200px;
    margin-top: 10px;
    background-color: #323232;
    color: white;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    opacity: 0;
    animation: fadeInOut 3s forwards;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }

    10% {
        opacity: 1;
        transform: translateX(0);
    }

    90% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}
.recaptcha-wrapper {
    transform: scale(0.43); /* XS: <640px */
}
.section-banner-fly-mb {
    display: none
}

@media (min-width: 360px) { /* sm */
    .recaptcha-wrapper {
        transform: scale(0.51);
    }
}
@media (min-width: 460px) { /* sm */
    .recaptcha-wrapper {
        transform: scale(0.7);
    }
}
@media (min-width: 640px) { /* sm */
    .recaptcha-wrapper {
        transform: scale(0.7);
    }
}
@media (min-width: 768px) { /* md */
    .recaptcha-wrapper {
        transform: scale(1);
    }
}

@media (min-width: 1024px) { /* lg */
    .recaptcha-wrapper {
        transform: scale(1);
    }
}

@media (min-width: 1280px) { /* xl */
    .recaptcha-wrapper {
        transform: scale(1);
    }
}

@media (min-width: 1536px) { /* 2xl */
    .recaptcha-wrapper {
        transform: scale(1);
    }
}


.popup-share, .popup-code {
    width: 45.2604166667vw;
    height: 14.1145833333vw;
    background: url(/Conhan/assets/bg-pop-BJficNE4.png) no-repeat center center;
    background-size: cover
}

    .popup-share .popup-content, .popup-code .popup-content {
        scrollbar-width: none
    }

        .popup-share .popup-content::-webkit-scrollbar, .popup-code .popup-content::-webkit-scrollbar {
            width: 0
        }

        .popup-share .popup-content .gift-code-share, .popup-code .popup-content .gift-code-share {
            width: 16.4583333333vw;
            margin: 1.0416666667vw auto 0;
            transition: all .3s ease
        }

            .popup-share .popup-content .gift-code-share:hover, .popup-code .popup-content .gift-code-share:hover {
                filter: brightness(1.2);
                transform: scale(1.05)
            }

        .popup-share .popup-content .showCode, .popup-code .popup-content .showCode {
            color: #534487;
            font-size: 4.6875vw;
            letter-spacing: .2604166667vw;
            margin-top: .5208333333vw;
            font-weight: 700;
            font-family: UTM CAFETA,sans-serif;
            text-align: center
        }

.popup-vip .popup-content .showCode-vip {
    color: #534487;
    font-size: 2.6875vw;
    letter-spacing: .2604166667vw;
    margin-top: .5208333333vw;
    font-weight: 700;
    font-family: UTM CAFETA,sans-serif;
    text-align: center
}

.popup-notify {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url(../img/bg-popup.png) no-repeat center center;
    background-size: cover;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    width: 28.8541666667vw;
    height: 20.1041666667vw;
    padding: 2.6041666667vw;
    color: #000;
    text-align: center
}

    .popup-notify.show {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%,-50%) scale(1)
    }

    .popup-notify .popup-title {
        font-size: 2.0833333333vw;
        color: #000;
        margin-bottom: 1.0416666667vw;
        text-transform: uppercase
    }

    .popup-notify .popup-content {
        padding: 1.0416666667vw;
        font-size: 1.5625vw
    }

        .popup-notify .popup-content .message p {
            margin-bottom: .5208333333vw
        }

    .popup-notify .close-popup {
        position: absolute;
        top: -.78125vw;
        right: -1.3020833333vw;
        width: 2.2395833333vw;
        height: 2.5vw;
        cursor: pointer;
        transition: transform .3s ease;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1RUQzQjY5MDRENzExRjA5OTMwOTQzNUE3N0E4QkU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1RUQzQjZBMDRENzExRjA5OTMwOTQzNUE3N0E4QkU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTVFRDNCNjcwNEQ3MTFGMDk5MzA5NDM1QTc3QThCRTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTVFRDNCNjgwNEQ3MTFGMDk5MzA5NDM1QTc3QThCRTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5jzGoiAAALnklEQVR42sRa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) no-repeat center center;
        background-size: contain;
        display: block
    }

        .popup-notify .close-popup:hover {
            transform: rotate(90deg)
        }

.popup-video {
    width: 100%;
    height: 100%;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center
}

    .popup-video .close-popup {
        top: 2.6041666667vw;
        right: 2.6041666667vw
    }

    .popup-video .video {
        width: 57.2916666667vw;
        height: 32.25vw;
    }

        .popup-video .video iframe {
            width: 100%;
            height: 100%
        }

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000cf;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

    .popup-overlay.show {
        opacity: 1;
        visibility: visible
    }

@media (max-width: 1024px) {
    .bg-section-mb, .menu-top-mobile, .menu-left-mobile, .show-treasure {
        display: block
    }

    .bg-section, .right-menu, .text-notify-pc {
        display: none
    }

    .btn-goTop {
        bottom: 2.6041666667vw;
        right: 2.6041666667vw;
        padding-left: .2604166667vw;
        width: 5.2083333333vw;
        height: 5.2083333333vw;
        border-radius: .6510416667vw
    }

        .btn-goTop p {
            font-size: 2.0416666667vw;
        }

    .menu-close {
        width: 10.4166666667vw;
        height: 10.4166666667vw;
        margin: -1.5625vw 0 0 -1.5625vw;
        background: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

        .menu-close span {
            display: block;
            width: 100%;
            height: 1.3020833333vw;
            border-radius: 1.3020833333vw;
            transition: all .3s ease;
            background: #00fffc
        }

            .menu-close span:first-child {
                transform: translateY(.2604166667vw) rotate(45deg)
            }

            .menu-close span:last-child {
                transform: translateY(-1.0416666667vw) rotate(-45deg)
            }

    .menu-top-mobile {
        z-index: 10;
        padding: 1.3020833333vw;
        height: 15.625vw;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #1c1041;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .menu-top-mobile .game-brand {
            width: 12.5vw
        }

        .menu-top-mobile .game-name {
            width: 30.859375vw;
            font-size: 3.125vw;
            color: #fff;
            text-transform: capitalize
        }

            .menu-top-mobile .game-name .time {
                font-size: 2.2135416667vw;
                color: #04ffea
            }

        .menu-top-mobile .btn-download {
            display: block;
            width: 41.40625vw
        }

        .menu-top-mobile .menu-toggle {
            width: 9.1145833333vw;
            height: 7.8125vw;
            background: transparent;
            border: none;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 1.3020833333vw;
            padding: .6510416667vw
        }

            .menu-top-mobile .menu-toggle span {
                display: block;
                width: 100%;
                height: 1.3020833333vw;
                background-color: #fff;
                border-radius: 1.3020833333vw;
                transition: all .3s ease
            }

    .menu-left-mobile {
        position: fixed;
        top: 0;
        padding: 2.6041666667vw 1.953125vw;
        left: -100%;
        width: 60.2864583333vw;
        height: 211.5885416667vw;
        background: url(/Conhan/assets/bg-menu-BuzlE4lD.jpg) no-repeat center center;
        background-size: cover;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: all .7s ease-in-out
    }

        .menu-left-mobile.show {
            left: 0;
            opacity: 1;
            visibility: visible;
            transform: translateY(0)
        }

        .menu-left-mobile .game-brand {
            width: 26.0416666667vw;
            margin: 2.6041666667vw auto
        }

        .menu-left-mobile .user-name {
            position: absolute;
            width: 73%;
            text-align: right;
            top: 0;
            left: 13.0208333333vw;
            color: #fff;
            font-size: 3.125vw;
            text-decoration: none;
            transition: all .3s ease;
            padding: 1.953125vw 0
        }

            .menu-left-mobile .user-name span {
                display: inline-block;
                color: #00fffc;
                font-size: 4.296875vw;
                font-weight: 500;
                max-width: 30vw;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .menu-left-mobile .menu-list {
            margin-top: 1.3020833333vw;
            padding: 0 1.953125vw
        }

            .menu-left-mobile .menu-list .menu-item {
                position: relative;
                display: flex;
                align-items: center;
                gap: 1.3020833333vw;
                padding: 3.2552083333vw 0;
                border-bottom: .2604166667vw solid #150b2f
            }

                .menu-left-mobile .menu-list .menu-item:after {
                    content: "";
                    display: block;
                    width: 100%;
                    height: .2604166667vw;
                    background: #484bb0;
                    position: absolute;
                    bottom: 0;
                    left: 0
                }

                .menu-left-mobile .menu-list .menu-item:last-child {
                    border-bottom: none
                }

                    .menu-left-mobile .menu-list .menu-item:last-child:after {
                        display: none
                    }

                .menu-left-mobile .menu-list .menu-item span {
                    display: block;
                    width: 5.46875vw;
                    height: 5.46875vw
                }

                .menu-left-mobile .menu-list .menu-item a {
                    display: block;
                    color: #fff;
                    font-size: 4.8177083333vw;
                    text-decoration: none
                }

    .section1 {
        height: 96.3541666667vw;
        padding: 0
    }

        .section1 .logo-game, .section1 .logo-vplay, .section1 .login-box {
            display: none
        }

        .section1 .logo-18 {
            top: 20.041667vw;
            left: unset;
            right: 1.5625vw;
            width: 15.802083vw;
        }

        .section1 .text-section1 {
            position: absolute;
            top: 23.3072916667vw;
            left: 1.3020833333vw
        }

            .section1 .text-section1 .big-text {
                width: 45.8333333333vw;
                opacity: 0;
                transform: translateY(13.0208333333vw) scale(.9);
                transition: all .8s ease
            }

                .section1 .text-section1 .big-text.animate {
                    opacity: 1;
                    transform: translateY(0) scale(1);
                    animation: bounce .8s ease forwards
                }

            .section1 .text-section1 .small-text {
                position: absolute;
                top: 14.453125vw;
                left: 33.4635416667vw;
                width: 12.3697916667vw;
                opacity: 0;
                transform: translateY(-13.0208333333vw) scale(.9);
                transition: all .8s ease
            }

                .section1 .text-section1 .small-text.animate {
                    opacity: 1;
                    transform: translateY(0) scale(1);
                    animation: fadeIn .8s ease forwards
                }

        .section1 .video-section1 {
            position: absolute;
            top: 118.4895833333vw;
            left: 50%;
            transform: translate(-50%)
        }

        .section1 .video-section1 .btn-play {
            top: -61.5885416667vw;
            left: 50%;
            width: 20.8333333333vw;
            animation: scalePlayBtn 1s ease-in-out infinite
        }

    .section2 .list-btn-event {
        position: relative;
        z-index: 2;
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        column-gap: 2.6041666667vw;
        row-gap: .6510416667vw;
    }

        .section2 .list-btn-event .btn-landing,
        .section2 .list-btn-event .btn-history {
            visibility: visible;
            position: static;
            pointer-events: auto;
        }

        .section2 .list-btn-event li a {
            width: 41.796875vw;
            height: 13.8020833333vw;
            color: #fff;
            font-size: 4.296875vw;
            line-height: 13.8020833333vw
        }

    .section2 .list-event {
        display: none;
        align-items: flex-start;
        gap: 0;
        margin-top: 2.6041666667vw;
        height: 142.3177083333vw;
        z-index: 1;
        position: relative
    }

        .section2 .list-event .progress-event {
            width: 142.3177083333vw;
            height: 3.125vw;
            padding: .6510416667vw;
            margin: auto;
            border: 2px solid #1167b1;
            border-radius: 1.3020833333vw;
            position: absolute;
            top: 74.8697916667vw;
            transform: translate(-50%) rotate(90deg)
        }

            .section2 .list-event .progress-event .progress-active {
                width: 100%;
                height: 100%;
                background: #1167b1;
                background: linear-gradient(90deg,#1167b1 35%,#faecb0)
            }

        .section2 .list-event .item-event {
            width: 24.7395833333vw;
            position: absolute
        }

            .section2 .list-event .item-event:nth-child(2), .section2 .list-event .item-event:nth-child(4), .section2 .list-event .item-event:nth-child(6) {
                left: 15.625vw
            }

                .section2 .list-event .item-event:nth-child(2) .landmark, .section2 .list-event .item-event:nth-child(4) .landmark, .section2 .list-event .item-event:nth-child(6) .landmark {
                    left: 28.515625vw
                }

                    .section2 .list-event .item-event:nth-child(2) .landmark:before, .section2 .list-event .item-event:nth-child(4) .landmark:before, .section2 .list-event .item-event:nth-child(6) .landmark:before {
                        left: -1.3020833333vw;
                        transform: translateY(-50%) rotate(-180deg)
                    }

            .section2 .list-event .item-event:nth-child(3), .section2 .list-event .item-event:nth-child(5), .section2 .list-event .item-event:nth-child(7) {
                left: 60.546875vw
            }

                .section2 .list-event .item-event:nth-child(3) .landmark, .section2 .list-event .item-event:nth-child(5) .landmark, .section2 .list-event .item-event:nth-child(7) .landmark {
                    left: -16.40625vw
                }

                    .section2 .list-event .item-event:nth-child(3) .landmark:before, .section2 .list-event .item-event:nth-child(5) .landmark:before, .section2 .list-event .item-event:nth-child(7) .landmark:before {
                        right: -1.3020833333vw;
                        left: initial;
                        transform: translateY(-50%)
                    }

            .section2 .list-event .item-event:nth-child(2) {
                top: 3.125vw
            }

            .section2 .list-event .item-event:nth-child(3) {
                top: 23.9583333333vw
            }

            .section2 .list-event .item-event:nth-child(4) {
                top: 45.0520833333vw
            }

            .section2 .list-event .item-event:nth-child(5) {
                top: 64.7135416667vw
            }

            .section2 .list-event .item-event:nth-child(6) {
                top: 86.4583333333vw
            }

            .section2 .list-event .item-event:nth-child(7) {
                top: 109.765625vw
            }

            .section2 .list-event .item-event .treasure-chest {
                width: 21.6145833333vw;
                height: 22.265625vw;
                position: relative;
                filter: grayscale(100%);
                margin: auto;
                pointer-events: none
            }

                .section2 .list-event .item-event .treasure-chest:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: url(/Conhan/assets/circle-DgRxs7X_.png) no-repeat center center;
                    background-size: cover;
                    animation: rotateCircle 5s linear infinite
                }

                .section2 .list-event .item-event .treasure-chest img {
                    position: absolute;
                    top: -6.9010416667vw;
                    left: 50%;
                    transform: translate(-50%);
                    width: 48.1770833333vw;
                    height: 30.7291666667vw
                }

                .section2 .list-event .item-event .treasure-chest .btn-getcode {
                    background: url(/Conhan/assets/bg-btn3-DCTm5KZc.png) no-repeat center center;
                    background-size: cover;
                    width: 18.75vw;
                    height: 5.859375vw;
                    position: absolute;
                    bottom: -2.2135416667vw;
                    left: 50%;
                    transform: translate(-50%);
                    color: #2517c7;
                    font-size: 3.6458333333vw;
                    font-weight: 500;
                    text-align: center;
                    line-height: 5.859375vw;
                    transition: all .3s ease
                }

                    .section2 .list-event .item-event .treasure-chest .btn-getcode:hover {
                        filter: brightness(1.2);
                        transform: scale(1.05) translate(-50%)
                    }

            .section2 .list-event .item-event .landmark {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABbCAYAAAAcNvmZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc4Qzc1QURGMDRDRjExRjBCNTA1QzUwOTgzMjdFM0IwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc4Qzc1QUUwMDRDRjExRjBCNTA1QzUwOTgzMjdFM0IwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzhDNzVBREQwNENGMTFGMEI1MDVDNTA5ODMyN0UzQjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzhDNzVBREUwNENGMTFGMEI1MDVDNTA5ODMyN0UzQjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71MG3nAAAL7UlEQVR42uxc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) no-repeat center center;
                background-size: cover;
                width: 11.4583333333vw;
                height: 10.9375vw;
                position: absolute;
                top: 10.9375vw;
                margin: 0
            }

                .section2 .list-event .item-event .landmark:before {
                    display: block;
                    content: "";
                    position: absolute;
                    top: 50%;
                    width: 2.9947916667vw;
                    height: 3.3854166667vw;
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAaCAYAAABctMd+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVFREZBMDY5MDUzRTExRjBCREFCQ0UyQjgyMkE5QTZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVFREZBMDZBMDUzRTExRjBCREFCQ0UyQjgyMkE5QTZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUVERkEwNjcwNTNFMTFGMEJEQUJDRTJCODIyQTlBNkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUVERkEwNjgwNTNFMTFGMEJEQUJDRTJCODIyQTlBNkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YIA6GAAABaUlEQVR42mLULtkhxMDAoAfEBxioDJiA+B0QJwPxGiCWo7bhINAMxIFAfAOI64CYk5qG3wLizVBDG4H4OtQyqhgOAtOR2PJAvA6IdwGxFjUM3wPEz9DkXYH4IhD3ALEAJYb/BeKNWNSwAHExNKiSgJiRHMNBYBsetRJAPBeIjwGxGTmGHwbi/wT0WADxcahFYqQY/hGIHxDpKFAQ3QTiAmjQETQcBC6TEGegSO6HRroTMYY/IyPVgZLrXvRcjs3wDxTkm2DkXI7NcDZq5XxsESFMgaHroRH8CJfh0mQYeg2I86DhjjdCDUgw9AM09+qjG4zN5UpALEKEof+AeAEQVwHxS1yK0A33I8Lgk9BwPUFq9sdXhr+E1lhWxBiM7nJxILbBouYPEE8G4iZS8wCy4UFYfLIXmgquUVpZZCCxH0EtcyHXYGSXO0CbF9+BuAuIO6FsigDM8GL03EUNADJcFFps7qN2owggwAAoY0LAsgauFQAAAABJRU5ErkJggg==) no-repeat center center;
                    background-size: cover
                }

            .section2 .list-event .item-event .info {
                margin-top: 3.2552083333vw
            }

                .section2 .list-event .item-event .info .title {
                    font-size: 2.8645833333vw
                }

                .section2 .list-event .item-event .info .limit {
                    font-size: 2.4739583333vw
                }

    .section2 .show-treasure {
        margin-top: 14.9739583333vw
    }

        .section2 .show-treasure .text-notify {
            font-size: 3.6458333333vw;
            text-align: center;
            margin-bottom: 1.3020833333vw;
            color: #00fffc
        }

            .section2 .show-treasure .text-notify .treasure-name {
                display: inline-block;
                font-size: 4.296875vw;
                font-weight: 500;
                color: #ffa200
            }

        .section2 .show-treasure .btn-getcode {
            display: block;
            background: url(/Conhan/assets/bg-btn3-mb-Bod3MU_c.png) no-repeat center center;
            background-size: cover;
            width: 36.71875vw;
            height: 9.1145833333vw;
            margin: 2.6041666667vw auto 0;
            color: #4109ab;
            font-size: 4.8177083333vw;
            font-weight: 700;
            text-align: center;
            line-height: 9.1145833333vw;
            transition: all .3s ease
        }

            .section2 .show-treasure .btn-getcode:hover {
                filter: brightness(1.2);
                transform: scale(1.05)
            }

        .section2 .show-treasure .treasure-chest {
            width: 31.5104166667vw;
            height: 31.5104166667vw;
            margin: 3.90625vw auto 0;
            position: relative
        }

            .section2 .show-treasure .treasure-chest:before {
                display: block;
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url(/Conhan/assets/circle-mb-BezKH-ZU.png) no-repeat center center;
                background-size: cover;
                animation: rotateCircle 5s linear infinite
            }

            .section2 .show-treasure .treasure-chest img {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                width: 32.8125vw;
                height: 28.3854166667vw
            }

    .section2 .list-gift {
        display: flex;
        justify-content: center;
        flex-flow: wrap;
        align-items: center;
        margin-top: 10.4166666667vw
    }

        .section2 .list-gift .gift {
            width: 33%;
            height: 60.6770833333vw;
            margin: 0;
            transition: all .5s ease;
            filter: brightness(.8)
        }

            .section2 .list-gift .gift.animate {
                transform: scale(1.1) translateY(-10px);
                filter: brightness(1.2)
            }

    .footer {
        padding: 3.90625vw 0 9.1145833333vw
    }

        .footer .footer-container {
            max-width: 100%;
            padding: 0 2.6041666667vw
        }

        .footer .footer-logo img {
            width: 25.2604166667vw
        }

        .footer .footer-info {
            font-size: 2.734375vw
        }

            .footer .footer-info p {
                margin: .6510416667vw 0
            }

            .footer .footer-info .hotline {
                font-size: 2.734375vw
            }

    .popup-event {
        width: 91.1458333333vw;
        height: 66.5364583333vw;
        padding: 4.0364583333vw 6.5104166667vw 5.2083333333vw 9.1145833333vw
    }

        .popup-event .popup-title {
            font-size: 4.8177083333vw;
            margin-bottom: 2.86vw;
            gap: 1.3020833333vw
        }

            .popup-event .popup-title:before, .popup-event .popup-title:after {
                width: 7.8125vw;
                height: 2.9947916667vw
            }

        .popup-event .popup-small-text {
            font-size: 3.125vw
        }

        .popup-event .form-vip {
            margin-top: 2.6041666667vw
        }

            .popup-event .form-vip input {
                width: 62.5vw;
                height: 6.5104166667vw;
                border-radius: .6510416667vw;
                padding: 1.3020833333vw;
                font-size: 2.6041666667vw
            }

            .popup-event .form-vip .btn-confirm {
                width: 47.3958333333vw;
                margin: 2.6041666667vw auto 0
            }

            .popup-event .form-vip .error-phone {
                font-size: 2.6041666667vw;
                margin-top: 1.3020833333vw
            }

        .popup-event table thead th {
            padding: 10px;
            font-size: 16px
        }

        .popup-event table td, .popup-event table th {
            padding: 5px;
            font-size: 14px
        }

        .popup-event .close-popup {
            top: -2.6041666667vw;
            right: .6510416667vw;
            width: 4.46875vw;
            height: 4.46875vw;
        }

        .popup-event .popup-content {
            padding-right: 2.6041666667vw;
            max-height: 50.78125vw
        }

            .popup-event .popup-content::-webkit-scrollbar {
                width: .5208333333vw
            }

            .popup-event .popup-content::-webkit-scrollbar-track {
                border-radius: .390625vw
            }

            .popup-event .popup-content::-webkit-scrollbar-thumb {
                border-radius: .390625vw
            }

        .popup-event .popup-content-text, .popup-event .popup-content-text table th, .popup-event .popup-content-text table td {
            font-size: 14px
        }

    .popup-vip .popup-small-text {
        font-size: 3.296875vw;
        margin: 2.6041666667vw 0
    }

    .popup-share, .popup-code {
        width: 96%;
        background-size: 100% 100%;
        height: 35.2864583333vw
    }

        .popup-share .close-popup, .popup-code .close-popup {
            right: 1.3020833333vw;
            top: -2.6041666667vw
        }

        .popup-share .popup-content .gift-code-share, .popup-code .popup-content .gift-code-share {
            width: 41.1458333333vw;
            margin: 2.6041666667vw auto 0
        }

        .popup-share .popup-content .showCode, .popup-code .popup-content .showCode {
            font-size: 8.59375vw;
            letter-spacing: .6510416667vw;
            margin-top: 1.3020833333vw
        }

    .popup-vip .popup-content .showCode-vip {
        font-size: 4.59375vw;
    }

    .popup-video {
        width: 100%;
        height: 100%;
        padding: 6.5104166667vw
    }

        .popup-video .close-popup {
            top: 6.5104166667vw;
            right: 6.5104166667vw
        }

        .popup-video .video {
            width: 100%;
            height: 65.1041666667vw
        }

    .popup-limited-offer {
        background: url(/Conhan/assets/bg-pop-limited-mb.png) no-repeat center / contain;
        width: 95.7vw;
        height: 101.04vw;
        padding: 6.614583vw 2.604167vw 3.083333vw 3.645833vw;
    }
    .popup-limited-offer .close-popup {
        top: 1.17917vw !important;
        right: 1.39583vw !important;
    }
    .tab-button {
        width: 21.35vw;
        height: auto;
    }
    .bg-wrapper {
        width: 77.86vw;
    }
    .tab-content-package {
        flex-direction: column;
        margin-top: 0;
        width: fit-content;
        padding-top: 18.84vw;
        overflow-y: auto;
        height: 57.68vw
    }
    .character-1 {
        width: 24.22vw;
        top: -2.3vw;
        right: 0;
    }
    .character-2 {
        width: 39.58vw;
        top: -1.6vw;
        right:0
    }
    #package {
        display: flex;
        justify-content: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .item-package {
        padding: 0 2.6vw;
        padding-top: 3.13vw;
        top: 0;
        left: 0;
    }
    .title-package {
        width: 21.74vw;
        height:unset;
        margin-bottom: 1.04vw;
    }
    .title-image-1 {
        position: absolute;
        left: 27.6vw;
        top: 2.86vw;
        width: 32.01vw;
        height: unset;
    }
    .title-image-2 {
        position: absolute;
        left: 27.6vw;
        top: 2.86vw;
        width: 31.08vw;
        height:unset;
    }
    .price-package {
        width: 19.66vw;
        margin-bottom: 1.04vw;
        height: unset;
    }
    .item-package-list {
        width: 39.84vw;
        margin-bottom: 0.52vw;
    }
    .item-package-gb {
        width: 30.73vw
    }
    .syntax-gb {
        display: flex;
        align-items: end;
        bottom: 3.1vw;
    }
    .syntax-package {
        left: unset;
        bottom: 3.13vw;
        flex-direction: column;
        transform: unset;
        opacity: 1;
        gap: 0.31vw;
        border-radius: 1.56vw;
        padding: 0.78vw 1.04vw;
        background: #00000080;
        position: relative;
        right: -15.1vw;
        bottom: 0.1vw;
    }
    .syntax-2 {
        right: -7.1vw;
    }
    .syntax-wrapper {
        gap: 0.2vw;
        align-items: center;
    }
    .syntax-package-qr {
        display: none;
    }
    .syntax-wrapper .price {
        font-size: 1.56vw;
        text-align: left;
        margin-bottom: 0.26vw
    }
    .syntax-wrapper .syntax {
        padding: 0.52vw 1.04vw;
        border-radius: 1.04vw;
    }
    .syntax-wrapper .syntax .sms {
        font-size: 2.08vw;
        text-wrap: nowrap;
    }
    .syntax-wrapper .syntax .sms span {
        font-size: 1.69vw;
    }
    .syntax-wrapper .syntax .syntax-button {
        width: 10.5vw;
        height: 4.69vw;
        border-radius: 1.04vw
    }
    .syntax-wrapper .syntax .syntax-button img {
        height: 100%;
        object-fit: cover
    }
    .item-package-gb {
        width: 30.73vw;
        position: relative;
        left: 2.6vw;
    }
    .gb-2 {
        width: 37.23vw;
    }
    .tab-content-package-rule-wrapper {
        margin-top: 1.43vw
    }
    .tab-content-package-rule {
        width: 81.25vw
    }
    .character-giftcode-1 {
        width: 18.1vw;
        top: 37.21vw;
        left: 5.86vw
    }
    .character-giftcode-2 {
        width: 21.22vw;
        right: 4.3vw;
        top: 38.32vw
    }
    .giftcode-container .giftcode-content {
        width: 44.79vw
    }
    .giftcode-text {
        font-size: 2.6vw;
        margin-bottom: 2.6vw
    }
    .input-phone-giftcode {
        width: 44.79vw;
        height: 7.16vw;
        border-radius: 1.04vw;
        padding: 2.08vw 3.13vw;
        border: 0.26vw solid #5746C0;
        font-size: 2.6vw;
    }
    .recaptcha-wrapper {
        margin-top: 2.6vw
    }
    .button-submit-giftcode {
        width: 37.11vw;
        margin-top: 2.6vw
    }
    .section-banner-fly-mb {
        display: flex;
        justify-content: center
    }
    .section-banner-fly-mb .banner-fly-mb {
        width:91.28vw
    }
    .section-banner-fly-mb .banner-fly-mb img{
        width: 100%;
        object-fit: cover;
    }
    .btn-login-giftcode {
        margin-top: 3vw;
    }
    .btn-login-giftcode a {
        width: 28.333333vw;
        height: 9.479167vw;
        font-size: 3.354167vw;
        line-height: 9.479167vw;
    }
}
 
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(1.5625vw)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes bounce {
    0%,20%,50%,80%,to {
        transform: translateY(0) scale(1)
    }

    40% {
        transform: translateY(-10px) scale(1.1)
    }

    60% {
        transform: translateY(-5px) scale(1.02)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-5.2083333333vw) scale(.9)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

@keyframes rotateCircle {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes scalePlayBtn {
    0%,to {
        transform: scale(1) translate(-50%)
    }

    50% {
        transform: scale(1.2) translate(-50%)
    }
}