@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
}

    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-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: 1.8229166667vw;
        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: #c2ab7f;
            color: #fff;
            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: 2.395833vw;
        left: 40.166667vw;
    }

        .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
            }

.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: 10vw;
                height: 2vw;
                position: absolute;
                bottom: -1.2vw;
                left: 50%;
                transform: translate(-50%);
                color: #8e352e;
                font-size: 1vw;
                font-weight: 800;
                text-align: center;
                line-height: 2.34375vw;
                transition: all .3s ease;
                text-transform: uppercase;
            }

                .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%);
            padding: 3px;
            border: 2px solid #e29e20;
            border-radius: .3645833333vw;
            color: #94190f;
        }

            .section2 .list-event .item-event .info .title {
                color: #ffa200;
                font-size: 1vw;
                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: #ffa200
            }

.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;
    padding-left: .3125vw;
    width: 10.4166666667vw;
    height: 23.90625vw;
    right: .78125vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    background: url(/Conhan/assets/bg-menu-right-uMT_EFDr.png) no-repeat center center;
    background-size: cover
}

    .right-menu .qr-code {
        width: 6.09375vw;
        height: 6.09375vw;
        margin: 0 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
    }

        .right-menu a:hover {
            filter: brightness(1.2);
            transform: scale(1.05)
        }

.popup-event {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.9);
    width: 36.4583333333vw;
    height: 26.6145833333vw;
    padding: 1.6145833333vw 2.6041666667vw 2.0833333333vw 3.6458333333vw;
    background: url(/Conhan/assets/bg-pop-rule-CnRsWnWZ.png) no-repeat center center;
    background-size: cover;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

    .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
}

.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-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 .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
                }

    .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-DCTm5KZc.png) no-repeat center center;
            background-size: cover;
            width: 44.71875vw;
            height: 9.1145833333vw;
            margin: 2.6041666667vw auto 0;
            color: #8e352e;
            font-size: 3.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: 49.510417vw;
            height: 32.510417vw;
            margin: 3.90625vw auto 0;
            position: relative
        }

            .section2 .show-treasure .treasure-chest:before {
                display: block;
                content: "";
                position: absolute;
                top: 0;
                left: 2.5vw;
                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: 1.3020833333vw;
            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: 5.46875vw;
            height: 5.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;
    }
}

@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)
    }
}