@charset "UTF-8";

@font-face {
    font-family: UTM CAFETA;
    src: url(./UTM%20CAFETA-BoDPI9Am.TTF) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

body, html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    font-family: UTM CAFETA;
    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
}

.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 .particle {
        position: absolute;
        bottom: 0;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        z-index: 10;
        transition: all .3s ease;
        box-shadow: #ffad32e6,#dceb07b3 0 0 1.0416666667vw #00ff9680;
        animation: particleTwinkleIntense 1.5s ease-in-out infinite,particleFloatDynamic 2.5s ease-in-out infinite alternate;
        background: radial-gradient(circle at 30% 30%,#ffad32e6,#dceb07b3)
    }

    #app > * {
        margin: 0
    }

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

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

.bg-section-mb {
    display: none
}

.bg-section, .bg-section-mb {
    position: relative;
    z-index: 1;
    overflow-clip-margin: border-box;
    overflow: hidden
}

.menu-fix-top {
    position: sticky;
    top: 0;
    width: 100%;
    height: 4.1666666667vw;
    background: #501f1a;
    z-index: 99;
    transition: all .3s ease;
    box-shadow: 0 2px 10px #0000001a
}

    .menu-fix-top.scrolled {
        position: fixed
    }

    .menu-fix-top ul {
        display: flex;
        justify-content: center;
        height: 100%
    }

    .menu-fix-top li {
        width: 15.625vw;
        height: 100%;
        position: relative
    }

        .menu-fix-top li:before {
            content: "";
            display: block;
            width: 1px;
            height: 50%;
            background: #ffac92;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%)
        }

    .menu-fix-top a {
        color: #fff;
        text-transform: uppercase;
        font-size: 1.6666666667vw;
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 4.1666666667vw;
        transition: all .3s ease
    }

        .menu-fix-top a:hover {
            background: url(./item-menu-bg-pc-C-CCQYLm.png) no-repeat;
            background-size: cover;
            color: #fc0
        }

.section2 {
    z-index: 3
}

    .section2 .btn-prev, .section2 .btn-next {
        display: none
    }

    .section2 .section-container {
        padding-top: 22.3958333333vw
    }

    .section2 .section-content {
        background: url(./khung-f2-DyCeya6P.png) no-repeat center center;
        background-size: cover;
        width: 63.0208333333vw;
        height: 23.4375vw;
        padding: 3.3854166667vw 3.6458333333vw 0;
        margin: auto;
        color: #a1433c;
        text-align: center
    }

        .section2 .section-content .note {
            font-family: Roboto,sans-serif;
            font-size: .7291666667vw;
            margin-bottom: 1.0416666667vw
        }

        .section2 .section-content .upgrade {
            width: 15.4166666667vw;
            margin: 1.8229166667vw auto 0
        }

            .section2 .section-content .upgrade a {
                display: block;
                width: 100%;
                transition: all .3s ease
            }

                .section2 .section-content .upgrade a:hover {
                    filter: brightness(1.2);
                    transform: translateY(-.2604166667vw)
                }

        .section2 .section-content .total-jade-recharged {
            margin-top: 1.8229166667vw
        }

            .section2 .section-content .total-jade-recharged .title {
                font-size: 1.0416666667vw;
                height: 3.6458333333vw;
                color: #fff
            }

            .section2 .section-content .total-jade-recharged .content .item-wrapper {
                display: flex;
                justify-content: center;
                gap: 1.09375vw
            }

            .section2 .section-content .total-jade-recharged .content .item {
                width: 5.2604166667vw;
                height: 11.5104166667vw;
                padding-top: 6.7708333333vw;
                position: relative
            }

                .section2 .section-content .total-jade-recharged .content .item:after {
                    content: "";
                    display: block;
                    width: 100%;
                    height: 1px;
                    background: #a1433c;
                    position: absolute;
                    top: -8%;
                    left: 60%
                }

                .section2 .section-content .total-jade-recharged .content .item:before {
                    content: "";
                    display: block;
                    width: 1.25vw;
                    height: 1.3020833333vw;
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUY2RkJCRjdFOTA4MTFFRkI4Rjc5RDU4RjkxRTg1QTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUY2RkJCRjZFOTA4MTFFRkI4Rjc5RDU4RjkxRTg1QTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkY0MDZFNUZFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkY0MDZFNjBFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4lrC98AAABXklEQVR42qyWXUoDMRDHs9O8aUUvoTfwIgpW7FMfego/YHMPn6y40JP0BOolBKG+tHWdwCjjkE3+gQaG0Gz6++VrJ9v0c0fOuUaFS9S69Inaxl/xq83Ft8PLrUgD+gdfCdfgsE/BL3wnv1tU4ivhU1njBSrxlfAX9QySeAC+5bjmWKpnHSrxwMgtvEpCBfiNhp8/Lu2gOumzE8ldSWDXvDPwWMclG6ESAjf03xvNktjnAJEQACcG9oml/OIYlyRUgI8YnkwlIo2S05yEBhJa7hCUip5tQzL6B9m4J46J6rBZzS6TR5nbG9mHd9V8xfEsrMhsSeWWIcmWYScC1PBjjk8DX2i4PdOtTK8ViVP78cFxxOC1LOmhtKXg9/qFs9MPSmYlcbRnInhF4EOpIid5M32z8FwuyklgeCmb5iQQHLkPUpIehaM3WkoCwWvu5GDuYghe+1URZHmqPlt+BBgApoySo5/1E90AAAAASUVORK5CYII=) no-repeat center center;
                    background-size: cover;
                    position: absolute;
                    top: -1.5625vw;
                    left: 50%;
                    transform: translate(-50%);
                    transition: all .3s ease
                }

                .section2 .section-content .total-jade-recharged .content .item:last-child:after {
                    display: none
                }

                .section2 .section-content .total-jade-recharged .content .item.active:before {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGNDA2RTVGRTg3NTExRUZCNzFGRTM0MTUxMzUxOTY2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGNDA2RTYwRTg3NTExRUZCNzFGRTM0MTUxMzUxOTY2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkY0MDZFNURFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkY0MDZFNUVFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yW3KVAAAA/UlEQVR42qyWTQ7CIBBGhzo3dOHGtadQqnAVTepVvJJRTJPRTAg/3xBJCKG079EJDLh0oImInKpUaHVJhTavv8KP5/ZNeDmKNKIfsBGuwfGfgi/8Jf2AStgI30uMb6iEjfBFjUESHoTfUQkPwE0SNsIv0s6ohI1wr/qQhAfhHpXwANwk4UG4lqz74lyTTJWERo1k13tHJzvHMnsns73KwJKF4VSBBxWitexk9ht5HjjLLTVJKoSqC89XURBQKEjm7I9acF9bpnr9tiSEwms7GZV04a1c1JLA8F42bUkgOHIelCQJhaMnWkkCwS1ncsz2CwS33iqihMd0bfkIMADg5nzwYTVQ+wAAAABJRU5ErkJggg==) no-repeat center center;
                    background-size: cover
                }

                .section2 .section-content .total-jade-recharged .content .item.active .item-btn a {
                    background: url(./btn-got-gift-BmrawThw.png) no-repeat center center;
                    background-size: cover;
                    filter: grayscale(100%);
                    pointer-events: none
                }

                .section2 .section-content .total-jade-recharged .content .item .item-img {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    transition: all .5s ease
                }

                    .section2 .section-content .total-jade-recharged .content .item .item-img:hover {
                        animation: sway .5s ease-in-out infinite alternate
                    }

                .section2 .section-content .total-jade-recharged .content .item .item-nb {
                    font-size: 1.0416666667vw;
                    z-index: 2;
                    position: relative
                }

                .section2 .section-content .total-jade-recharged .content .item .item-btn {
                    width: 4.1666666667vw;
                    margin: .5208333333vw auto 0;
                    z-index: 2;
                    position: relative
                }

                    .section2 .section-content .total-jade-recharged .content .item .item-btn a {
                        display: block;
                        width: 100%;
                        height: 1.1979166667vw;
                        transition: all .3s ease;
                        background: url(./btn-get-gift-5AG42DU_.png) no-repeat center center;
                        background-size: cover
                    }

                        .section2 .section-content .total-jade-recharged .content .item .item-btn a:hover {
                            filter: hue-rotate(170deg)
                        }

.section3 .section-container {
    display: flex;
    justify-content: flex-end;
    padding-right: 22.3958333333vw
}

.section3 .section-content {
    width: 36.4583333333vw;
    padding-top: 11.9791666667vw;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    column-gap: 5.2083333333vw
}

.section3 .item {
    position: relative;
    background: url(./item-bg-nap-BNjWoaFd.png) no-repeat center center;
    background-size: cover;
    width: 12.5vw;
    height: 18.0729166667vw;
    padding-top: 2.7604166667vw;
    text-align: center;
    color: #fff;
    font-size: 2.34375vw;
    transition: all .5s ease
}

    .section3 .item:hover {
        transform: scale(1.05)
    }

    .section3 .item:last-child {
        margin-top: -5.2083333333vw
    }

    .section3 .item .item-title {
        color: #470503;
        display: block;
        margin: auto;
        text-align: center;
        background: #a74a0e;
        -webkit-background-clip: text;
        -webkit-text-stroke: .3645833333vw rgba(0,0,0,0);
        color: #fff
    }

    .section3 .item .item-img {
        width: 6.71875vw;
        margin: auto
    }

    .section3 .item .item-btn {
        width: 7.0833333333vw;
        height: 2.1354166667vw;
        margin: .5208333333vw auto 0;
        z-index: 2;
        position: relative
    }

        .section3 .item .item-btn a {
            display: block;
            width: 100%;
            height: 2.1354166667vw;
            transition: all .3s ease;
            background: url(./btn-get-gift-5AG42DU_.png) no-repeat center center;
            background-size: cover
        }

            .section3 .item .item-btn a:hover {
                filter: hue-rotate(170deg)
            }

    .section3 .item.active .item-btn a {
        background: url(./btn-got-gift-BmrawThw.png) no-repeat center center;
        background-size: cover;
        filter: grayscale(100%);
        pointer-events: none
    }

.section4 .section-content {
    width: 52.0833333333vw;
    margin: auto;
    position: relative
}

.section4 .item {
    position: absolute;
    width: 9.8958333333vw;
    height: 12.5vw;
    padding-top: 7.8125vw;
    transition: all .5s ease
}

    .section4 .item:hover {
        animation: itemShake .5s;
        transform: scale(1.05);
        z-index: 10
    }

    .section4 .item:nth-child(1) {
        top: 8.3333333333vw;
        left: 2.0833333333vw
    }

    .section4 .item:nth-child(2) {
        top: 18.75vw;
        left: -2.0833333333vw
    }

    .section4 .item:nth-child(3) {
        top: 29.1666666667vw;
        left: 1.5625vw
    }

    .section4 .item:nth-child(4) {
        top: 36.4583333333vw;
        left: 10.4166666667vw
    }

    .section4 .item:nth-child(5) {
        top: 38.0208333333vw;
        left: 20.8333333333vw
    }

    .section4 .item:nth-child(6) {
        top: 36.4583333333vw;
        left: 32.2916666667vw
    }

    .section4 .item:nth-child(7) {
        top: 29.1666666667vw;
        left: 41.6666666667vw
    }

    .section4 .item.active:before {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGNDA2RTVGRTg3NTExRUZCNzFGRTM0MTUxMzUxOTY2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGNDA2RTYwRTg3NTExRUZCNzFGRTM0MTUxMzUxOTY2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkY0MDZFNURFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkY0MDZFNUVFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yW3KVAAAA/UlEQVR42qyWTQ7CIBBGhzo3dOHGtadQqnAVTepVvJJRTJPRTAg/3xBJCKG079EJDLh0oImInKpUaHVJhTavv8KP5/ZNeDmKNKIfsBGuwfGfgi/8Jf2AStgI30uMb6iEjfBFjUESHoTfUQkPwE0SNsIv0s6ohI1wr/qQhAfhHpXwANwk4UG4lqz74lyTTJWERo1k13tHJzvHMnsns73KwJKF4VSBBxWitexk9ht5HjjLLTVJKoSqC89XURBQKEjm7I9acF9bpnr9tiSEwms7GZV04a1c1JLA8F42bUkgOHIelCQJhaMnWkkCwS1ncsz2CwS33iqihMd0bfkIMADg5nzwYTVQ+wAAAABJRU5ErkJggg==) no-repeat center center
    }

    .section4 .item.active .item-btn a {
        background: url(./btn-got-gift-BmrawThw.png) no-repeat center center;
        background-size: cover;
        filter: grayscale(100%);
        pointer-events: none
    }

    .section4 .item .item-img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .section4 .item .item-btn {
        width: 6.3541666667vw;
        margin: .5208333333vw auto 0;
        z-index: 2;
        position: relative
    }

        .section4 .item .item-btn a {
            display: block;
            width: 100%;
            height: 1.8229166667vw;
            transition: all .3s ease;
            background: url(./btn-get-gift-5AG42DU_.png) no-repeat center center;
            background-size: cover
        }

            .section4 .item .item-btn a:hover {
                filter: hue-rotate(170deg)
            }

.section5 {
    overflow: hidden
}

    .section5 .section-container {
        padding: 9.375vw 15.625vw 0 0;
        display: flex;
        justify-content: flex-end;
        flex-flow: row wrap
    }

    .section5 .note {
        color: #fff;
        font-size: 1.5625vw;
        text-align: center;
        margin-top: -4.7916666667vw;
        width: 100%;
        padding: 0 7.2916666667vw 0 38.0208333333vw
    }

    .section5 .section-content {
        width: 50.2083333333vw;
        height: 40.625vw;
        position: relative;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        column-gap: 1.5625vw
    }

    .section5 .item {
        position: relative;
        width: 10.0520833333vw;
        height: 17.1875vw;
        padding-top: 12.2395833333vw;
        transition: all .5s ease;
        transition: all .3s ease
    }

        .section5 .item:nth-child(5), .section5 .item:nth-child(6), .section5 .item:nth-child(7) {
            margin-top: -6.7708333333vw
        }

        .section5 .item:hover {
            animation: hoverLiftAndDrop .5s ease-in-out
        }

        .section5 .item.active:before {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGNDA2RTVGRTg3NTExRUZCNzFGRTM0MTUxMzUxOTY2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGNDA2RTYwRTg3NTExRUZCNzFGRTM0MTUxMzUxOTY2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkY0MDZFNURFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkY0MDZFNUVFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yW3KVAAAA/UlEQVR42qyWTQ7CIBBGhzo3dOHGtadQqnAVTepVvJJRTJPRTAg/3xBJCKG079EJDLh0oImInKpUaHVJhTavv8KP5/ZNeDmKNKIfsBGuwfGfgi/8Jf2AStgI30uMb6iEjfBFjUESHoTfUQkPwE0SNsIv0s6ohI1wr/qQhAfhHpXwANwk4UG4lqz74lyTTJWERo1k13tHJzvHMnsns73KwJKF4VSBBxWitexk9ht5HjjLLTVJKoSqC89XURBQKEjm7I9acF9bpnr9tiSEwms7GZV04a1c1JLA8F42bUkgOHIelCQJhaMnWkkCwS1ncsz2CwS33iqihMd0bfkIMADg5nzwYTVQ+wAAAABJRU5ErkJggg==) no-repeat center center
        }

        .section5 .item.active .item-btn a {
            background: url(./btn-got-gift-BmrawThw.png) no-repeat center center;
            background-size: cover;
            filter: grayscale(100%);
            pointer-events: none
        }

        .section5 .item .item-img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

        .section5 .item .item-btn {
            width: 8.0729166667vw;
            margin: .5208333333vw auto 0;
            z-index: 2;
            position: relative
        }

            .section5 .item .item-btn a {
                display: block;
                width: 100%;
                height: 2.34375vw;
                transition: all .3s ease;
                background: url(./btn-get-gift-5AG42DU_.png) no-repeat center center;
                background-size: cover
            }

                .section5 .item .item-btn a:hover {
                    filter: hue-rotate(170deg)
                }

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

    .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: 5.8333333333vw
    }

    .footer .footer-info {
        color: #daffff;
        font-size: .78125vw;
        line-height: 1.5;
        font-family: Roboto,sans-serif
    }

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

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

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

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

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

.logo-age {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

    .logo-age img {
        width: 7.8125vw;
        height: auto
    }

.menu-fix-left {
    position: fixed;
    top: 50%;
    left: 1.0416666667vw;
    transform: translateY(-50%);
    z-index: 8
}

    .menu-fix-left ul li {
        margin-top: 1.0416666667vw
    }

        .menu-fix-left ul li a {
            color: #fff;
            font-size: 2.9166666667vw;
            display: block;
            width: 5.2083333333vw;
            height: 5.2083333333vw;
            line-height: 5.2083333333vw;
            text-align: center;
            background: url(./btn-choose-page-DegZyThT.png) no-repeat center center;
            background-size: cover;
            transition: all .3s ease
        }

            .menu-fix-left ul li a:hover {
                filter: hue-rotate(170deg);
                transform: scale(1.1)
            }

.right-menu {
    position: fixed;
    width: 7.6041666667vw;
    height: 23.4375vw;
    right: 1.0416666667vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    background: url(./bg-box-right-D-Q9348C.png) no-repeat center center;
    background-size: cover
}

    .right-menu .icon-game {
        width: 5.7291666667vw;
        margin: -2.6041666667vw auto 0
    }

    .right-menu .qr-code {
        width: 6.09375vw;
        margin: .5208333333vw auto 0
    }

    .right-menu .download-buttons {
        margin: .2604166667vw 0;
        width: 100%
    }

        .right-menu .download-buttons a {
            width: 6.7708333333vw;
            height: 2.0833333333vw;
            margin: .2604166667vw auto 0;
            display: block
        }

    .right-menu .social-group {
        display: flex;
        justify-content: center;
        flex-flow: row wrap;
        width: 81%;
        column-gap: .2604166667vw;
        margin: .5208333333vw auto 0
    }

        .right-menu .social-group a {
            display: block;
            width: 1.875vw;
            height: 1.875vw
        }

    .right-menu .btn-download, .right-menu .btn-social {
        display: block;
        transition: transform .3s ease
    }

        .right-menu .btn-download:hover, .right-menu .btn-social:hover {
            filter: brightness(1.2);
            transform: translate(-.2604166667vw)
        }

    .right-menu .btn-goTop-right {
        position: absolute;
        bottom: -.8333333333vw;
        right: 2.9166666667vw;
        z-index: 100;
        width: 1.875vw;
        height: 2.2916666667vw
    }

.popup-event {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.9);
    width: 61.9791666667vw;
    height: 42.7083333333vw;
    padding: 5.7291666667vw 6.7708333333vw 1.5625vw;
    background: url(./bg-popup-e_RCJ718.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 {
        font-size: 3.125vw;
        color: #a1433c;
        text-align: center;
        margin-bottom: 1.0416666667vw;
        text-transform: uppercase
    }

    .popup-event table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: 1px solid #a1433c;
        font-family: UTM CAFETA
    }

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

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

        .popup-event table td {
            padding: .4166666667vw;
            text-align: center;
            border: 1px solid #a1433c;
            color: #000;
            font-size: 1.0416666667vw;
            background: #fff
        }

    .popup-event .close-popup {
        position: absolute;
        top: .78125vw;
        right: 1.3020833333vw;
        width: 3.6979166667vw;
        height: 3.90625vw;
        cursor: pointer;
        transition: transform .3s ease;
        background: url(./btn-close-CWVEuzw3.png) no-repeat center center;
        background-size: contain;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .popup-event .close-popup img {
            width: 3.0208333333vw;
            height: 3.0208333333vw
        }

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

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

        .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: #a1433c
            }

    .popup-event .popup-content-text {
        font-size: 14px;
        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: 14px
            }

.popup-notify {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url(./bg-popup-e_RCJ718.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: #a1433c;
    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: #a1433c;
        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(./btn-close-CWVEuzw3.png) no-repeat center center;
        background-size: contain;
        display: block
    }

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

.popup-register .popup-content form {
    width: 100%
}

.popup-register .popup-content .info_refund {
    color: #a1433c;
    font-size: .9375vw;
    margin-bottom: .5208333333vw
}

.popup-register .popup-content ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.popup-register .popup-content li {
    margin-bottom: .78125vw;
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .popup-register .popup-content li label {
        width: 100%;
        font-size: 1.3020833333vw;
        margin-bottom: .5208333333vw;
        display: block;
        color: #a1433c
    }

        .popup-register .popup-content li label .Require {
            color: #5f0000
        }

    .popup-register .popup-content li select {
        width: 100%;
        background-color: wheat;
        height: 3.3333333333vw;
        padding: 1.0416666667vw;
        font-size: 1.0416666667vw;
        border: none;
        color: #a1433c;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none
    }

        .popup-register .popup-content li select:disabled {
            background-color: wheat;
            cursor: not-allowed;
            color: #5f000084
        }

        .popup-register .popup-content li select::-ms-expand {
            display: none
        }

.popup-register .popup-content .custom-a {
    font-size: 1.0416666667vw;
    color: #a1433c;
    text-align: center;
    width: 100%
}

.popup-register .popup-content .button-group {
    text-align: center;
    margin-top: 1.0416666667vw
}

    .popup-register .popup-content .button-group .btn-register {
        display: block;
        margin: auto;
        background: none;
        border: none;
        width: 25.15625vw;
        cursor: pointer;
        transition: all .3s ease
    }

        .popup-register .popup-content .button-group .btn-register:hover {
            filter: brightness(1.2)
        }

    .popup-register .popup-content .button-group .profile-success {
        width: 100%;
        color: green;
        font-size: 1.0416666667vw;
        display: none
    }

        .popup-register .popup-content .button-group .profile-success.show {
            display: block
        }

.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 screen and (max-width: 1024px) {
    .logo-age {
        display: none
    }

    .bg-section-mb {
        display: block;
        margin-bottom: -1px
    }

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

    .btn-goTop {
        position: fixed;
        bottom: 10.7421875vw;
        right: 1.953125vw;
        width: 4.8828125vw;
        height: 5.95703125vw;
        background: url(./icon-go-top-D_AVwug8.png) no-repeat center/100% 100%;
        cursor: pointer;
        font-size: 0;
        z-index: 7;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .btn-goTop.show {
            opacity: 1;
            visibility: visible;
            animation: pulse 2s infinite
        }

    .menu-top-mobile {
        z-index: 10;
        padding: 1.953125vw;
        height: 13.18359375vw;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #501f1a;
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

        .menu-top-mobile .game-brand {
            display: flex;
            align-items: center
        }

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

            .menu-top-mobile .game-brand .game-logo {
                width: 19.53125vw;
                margin-right: 2.9296875vw
            }

        .menu-top-mobile .menu-buttons {
            display: flex;
            align-items: center;
            gap: 3.90625vw;
            margin-top: 1.953125vw
        }

            .menu-top-mobile .menu-buttons a {
                display: block;
                width: 19.53125vw
            }

        .menu-top-mobile .menu-toggle {
            width: 6.8359375vw;
            height: 5.859375vw;
            background: transparent;
            border: none;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: .9765625vw;
            padding: .48828125vw;
            margin-top: 1.66015625vw
        }

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

            .menu-top-mobile .menu-toggle:hover span:nth-child(2) {
                width: 100%
            }

            .menu-top-mobile .menu-toggle:hover span:nth-child(3) {
                width: 100%
            }

            .menu-top-mobile .menu-toggle.active {
                margin-top: .9765625vw
            }

                .menu-top-mobile .menu-toggle.active span {
                    width: 100% !important
                }

                    .menu-top-mobile .menu-toggle.active span:first-child {
                        transform: translateY(3.125vw) rotate(45deg)
                    }

                    .menu-top-mobile .menu-toggle.active span:nth-child(2) {
                        opacity: 0
                    }

                    .menu-top-mobile .menu-toggle.active span:last-child {
                        transform: translateY(-.78125vw) rotate(-45deg)
                    }

    .menu-fix-top {
        display: block;
        position: fixed;
        top: 12.6953125vw;
        padding: 0 2.9296875vw;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #250d01e6;
        z-index: 9;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease
    }

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

        .menu-fix-top ul {
            display: block
        }

        .menu-fix-top li {
            width: 100%;
            height: auto;
            display: block;
            color: #fff;
            text-decoration: none;
            margin: 1.46484375vw 0;
            transition: all .3s ease;
            padding: 1.46484375vw 0;
            border-bottom: .09765625vw solid #685737
        }

            .menu-fix-top li:before {
                display: none
            }

            .menu-fix-top li:last-child {
                border-bottom: none
            }

            .menu-fix-top li a {
                font-size: 2.9296875vw
            }

    .menu-fix-left {
        position: fixed;
        left: 0;
        transform: none;
        z-index: 8;
        bottom: 0;
        top: inherit;
        width: 100%
    }

        .menu-fix-left ul {
            display: flex;
            justify-content: center
        }

            .menu-fix-left ul li {
                margin-top: 1.953125vw;
                width: 20%
            }

                .menu-fix-left ul li a {
                    position: relative;
                    color: #fff;
                    font-size: 0;
                    display: block;
                    width: 100%;
                    height: 9.27734375vw;
                    text-align: center;
                    background: url(./item-menu-bg-BxKRRPut.png) no-repeat center center;
                    background-size: cover
                }

                    .menu-fix-left ul li a:hover {
                        filter: none;
                        transform: scale(1)
                    }

                    .menu-fix-left ul li a:before {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        text-transform: uppercase;
                        font-size: 2.9296875vw;
                        padding: 1.953125vw;
                        box-sizing: border-box;
                        line-height: 2.9296875vw
                    }

                .menu-fix-left ul li:nth-child(1) a:before {
                    content: "Máy chủ mới"
                }

                .menu-fix-left ul li:nth-child(2) a:before {
                    content: "Tích lũy nạp 7 ngày"
                }

                .menu-fix-left ul li:nth-child(3) a:before {
                    content: "Nạp đúng mốc"
                }

                .menu-fix-left ul li:nth-child(4) a:before {
                    content: "Nạp liên tiếp 7 ngày"
                }

                .menu-fix-left ul li:nth-child(5) a:before {
                    content: "Điểm danh 7 ngày"
                }

    .footer {
        background: #000a16;
        padding: 1.953125vw 0 11.71875vw
    }

        .footer .footer-container {
            max-width: 136.71875vw;
            margin: 0 auto;
            padding: 0 1.953125vw
        }

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

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

        .footer .footer-info {
            color: #daffff;
            font-size: 1.46484375vw;
            line-height: 1.5;
            font-family: Roboto,sans-serif
        }

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

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

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

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

    .popup-notify {
        width: 68.359375vw;
        height: 46.875vw;
        padding: 4.8828125vw
    }

        .popup-notify .popup-title {
            font-size: 4.39453125vw;
            margin-bottom: 1.953125vw
        }

        .popup-notify .popup-content {
            padding: 2.9296875vw;
            font-size: 3.41796875vw
        }

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

        .popup-notify .close-popup {
            top: -1.46484375vw;
            right: -2.9296875vw;
            width: 4.19921875vw;
            height: 4.6875vw
        }

    .popup-event {
        width: 87.890625vw;
        height: 59.5703125vw;
        padding: 5.859375vw 2.9296875vw 2.9296875vw
    }

        .popup-event .popup-title {
            font-size: 4.8828125vw;
            margin-bottom: 1.953125vw
        }

        .popup-event table thead th {
            padding: .9765625vw;
            font-size: 2.9296875vw;
            font-weight: 400
        }

        .popup-event table td {
            padding: .78125vw;
            font-size: 2.44140625vw
        }

        .popup-event .close-popup {
            top: -2.9296875vw;
            right: -.9765625vw;
            width: 6.93359375vw;
            height: 7.32421875vw
        }

            .popup-event .close-popup img {
                width: 5.6640625vw;
                height: 5.6640625vw
            }

        .popup-event .popup-content {
            padding-right: .9765625vw;
            max-height: 42.96875vw
        }

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

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

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

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

    .popup-register .popup-content .info_refund {
        font-size: 2.44140625vw;
        margin-bottom: .9765625vw
    }

    .popup-register .popup-content li {
        margin-bottom: .9765625vw
    }

        .popup-register .popup-content li label {
            font-size: 2.9296875vw;
            margin-bottom: .9765625vw
        }

        .popup-register .popup-content li select {
            height: 4.8828125vw;
            padding: .9765625vw 1.953125vw;
            font-size: 1.953125vw
        }

    .popup-register .popup-content .custom-a {
        font-size: 2.44140625vw
    }

    .popup-register .popup-content .button-group {
        margin-top: .9765625vw
    }

        .popup-register .popup-content .button-group .btn-register {
            width: 47.16796875vw
        }

        .popup-register .popup-content .button-group .profile-success {
            font-size: 2.44140625vw
        }

    .section2 {
        z-index: 3
    }

        .section2 .section-container {
            padding-top: 83.0078125vw
        }

        .section2 .section-content {
            background: none;
            width: 93.5546875vw;
            height: 70.703125vw;
            padding: 6.34765625vw 5.859375vw 0
        }

            .section2 .section-content .note {
                font-size: 1.5625vw;
                margin-bottom: 1.953125vw
            }

            .section2 .section-content .upgrade {
                width: 37.6953125vw;
                margin: 14.16015625vw auto 0
            }

                .section2 .section-content .upgrade a {
                    display: block;
                    width: 100%;
                    transition: all .3s ease
                }

                    .section2 .section-content .upgrade a:hover {
                        filter: brightness(1.2);
                        transform: translateY(-.2604166667vw)
                    }

            .section2 .section-content .total-jade-recharged {
                margin-top: 4.39453125vw;
                position: relative
            }

                .section2 .section-content .total-jade-recharged .title {
                    font-size: 2.9296875vw;
                    height: 6.8359375vw;
                    color: #fff
                }

                .section2 .section-content .total-jade-recharged .content {
                    width: 100%;
                    overflow: hidden
                }

                    .section2 .section-content .total-jade-recharged .content::-webkit-scrollbar {
                        display: none
                    }

                    .section2 .section-content .total-jade-recharged .content .item-wrapper {
                        justify-content: flex-start;
                        display: flex;
                        gap: 0;
                        padding-top: 3.90625vw;
                        width: 100%
                    }

                    .section2 .section-content .total-jade-recharged .content .item {
                        flex: 0 0 auto;
                        width: 16.89453125vw;
                        height: 31.25vw;
                        padding-top: 18.5546875vw;
                        padding-right: 2.63671875vw;
                        position: relative
                    }

                        .section2 .section-content .total-jade-recharged .content .item:after {
                            width: 85%;
                            top: -7.5%;
                            left: 52%
                        }

                        .section2 .section-content .total-jade-recharged .content .item:before {
                            width: 3.125vw;
                            height: 3.125vw;
                            top: -3.90625vw;
                            left: 5.76171875vw;
                            transform: none
                        }

                        .section2 .section-content .total-jade-recharged .content .item .item-img {
                            width: 14.2578125vw
                        }

                        .section2 .section-content .total-jade-recharged .content .item .item-nb {
                            font-size: 2.9296875vw
                        }

                        .section2 .section-content .total-jade-recharged .content .item .item-btn {
                            width: 11.23046875vw;
                            margin: .9765625vw auto 0
                        }

                            .section2 .section-content .total-jade-recharged .content .item .item-btn a {
                                height: 3.22265625vw
                            }

            .section2 .section-content .btn-prev, .section2 .section-content .btn-next {
                position: absolute;
                top: 60%;
                width: 5.859375vw;
                display: block;
                cursor: pointer
            }

                .section2 .section-content .btn-prev img, .section2 .section-content .btn-next img {
                    width: 100%
                }

            .section2 .section-content .btn-prev {
                left: -6.34765625vw;
                transform: rotate(180deg)
            }

            .section2 .section-content .btn-next {
                right: -6.34765625vw
            }

    .section3 .section-container {
        display: block;
        padding-right: 0
    }

    .section3 .section-content {
        width: 100%;
        padding-top: 68.359375vw;
        column-gap: 19.53125vw
    }

    .section3 .item {
        width: 33.0078125vw;
        height: 47.65625vw;
        padding-top: 7.8125vw;
        font-size: 5.859375vw
    }

        .section3 .item:last-child {
            margin-top: -12.6953125vw
        }

        .section3 .item .item-title {
            -webkit-text-stroke: .68359375vw rgba(0,0,0,0)
        }

        .section3 .item .item-img {
            margin-top: .9765625vw;
            width: 16.6015625vw
        }

        .section3 .item .item-btn {
            width: 18.75vw;
            height: 5.6640625vw;
            margin: 1.953125vw auto 0
        }

            .section3 .item .item-btn a {
                height: 5.6640625vw
            }

    .section4 .section-content {
        padding-top: 112.3046875vw;
        width: 100%;
        margin: auto;
        position: relative;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        column-gap: 0
    }

    .section4 .item {
        position: relative;
        width: 24.21875vw;
        height: 26.3671875vw;
        top: inherit !important;
        left: inherit !important;
        padding-top: 14.6484375vw
    }

        .section4 .item .item-img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

        .section4 .item .item-btn {
            width: 15.625vw;
            margin: 5.859375vw auto 0
        }

            .section4 .item .item-btn a {
                height: 4.4921875vw
            }

    .section5 .section-container {
        padding: 83.0078125vw 0 0
    }

    .section5 .note {
        font-size: 3.41796875vw;
        margin-top: 6.8359375vw;
        padding: 0
    }

    .section5 .section-content {
        width: 100%;
        height: auto;
        column-gap: 2.9296875vw
    }

    .section5 .item {
        width: 19.62890625vw;
        height: 33.59375vw;
        padding-top: 22.94921875vw
    }

        .section5 .item:nth-child(5), .section5 .item:nth-child(6), .section5 .item:nth-child(7) {
            margin-top: -2.9296875vw
        }

        .section5 .item .item-btn {
            width: 18.45703125vw;
            margin: 2.44140625vw auto 0
        }

            .section5 .item .item-btn a {
                height: 5.56640625vw
            }
}

@keyframes sway {
    0%,to {
        transform: rotate(-2deg)
    }

    50% {
        transform: rotate(2deg)
    }
}

@keyframes popIn {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    80% {
        opacity: .8;
        transform: scale(1.1)
    }

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

@keyframes particleTwinkleIntense {
    0%,to {
        opacity: .2;
        transform: scale(.5)
    }

    50% {
        opacity: 1;
        transform: scale(1.5)
    }
}

@keyframes particleFloatDynamic {
    0% {
        transform: translateY(0) rotate(0) scale(.8)
    }

    to {
        transform: translateY(-1.5625vw) rotate(360deg) scale(1.2)
    }
}

@keyframes itemShake {
    0%,to {
        transform: translate(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate(-3px)
    }

    20%,40%,60%,80% {
        transform: translate(3px)
    }
}

@keyframes hoverLiftAndDrop {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}