.pop_group {
    position: relative;
    display: none;
    z-index: 9999;
    height: auto;
    min-height: 250px;
    box-sizing: border-box;
}

    .pop_group .close-pop,
    .pop_group .close-msg {
        position: absolute;
        top: 0px;
        right: -50px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        opacity: 0.8;
        background: url(assets/home/btn-close.html) no-repeat;
        background-size: 100% 100%;
        z-index: 999999;
    }

        .pop_group .close-pop:hover,
        .pop_group .close-msg:hover {
            opacity: 1;
        }

.pop_log {
    position: relative;
    width: 832px;
    min-height: 445px;
    background: #8a0005;
    border: 2px solid #fff192;
    padding: 0 20px 20px;
    box-sizing: border-box;
}

    .pop_log .pop_body {
        position: relative;
        margin-top: -57px;
        width: 100%;
    }

    .pop_log .nav-tabs {
        position: relative;
        width: 100%;
    }

        .pop_log .nav-tabs .nav-item {
            width: 50%;
            height: 77px;
        }

            .pop_log .nav-tabs .nav-item .nav-link {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                font-family: "ShopeeDisplay";
                font-weight: 900;
                font-size: 42px;
                color: #d0110f;
                background: #740001;
                border: 1px solid #bf0301;
                border-radius: 15px 15px 0 0;
            }

                .pop_log .nav-tabs .nav-item .nav-link.active {
                    color: #a20000;
                    background: url(assets/home/pop-nav-active.html) no-repeat;
                    background-size: 100% 100%;
                    border: none;
                }

    .pop_log .tab-content {
        width: 100%;
        height: 100%;
    }

        .pop_log .tab-content .tab-pane {
            position: relative;
            width: 100%;
            height: 100%;
            background: url(assets/home/bg-register.html) no-repeat;
            background-size: 100% 100%;
            padding: 59px 45px 20px;
            box-sizing: border-box;
        }

        .pop_log .tab-content .form-label {
            font-family: "ShopeeDisplay";
            color: #424242;
            font-size: 24px;
            line-height: 28px;
        }

            .pop_log .tab-content .form-label .require {
                color: red;
            }

        .pop_log .tab-content .form-control {
            height: 50px;
            width: 100%;
            font-family: "ShopeeDisplay";
            font-size: 24px;
            line-height: 28px;
            padding: 0.375em 0.75em;
            border-radius: 0.25em;
            margin: 10px 0;
        }

        .pop_log .tab-content .btn-log {
            display: block;
            position: relative;
            width: 426px;
            margin: 30px auto 0;
        }

.pop_msg {
    position: relative;
    width: 700px;
    min-height: 400px;
    background: #8a0005;
    border: 2px solid #fff192;
    padding: 0 15px 15px;
    box-sizing: border-box;
}

    .pop_msg .pop_title {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-family: "ShopeeDisplay";
        font-weight: 900;
        font-size: 42px;
        color: #a20000;
        background: url(assets/home/pop-nav-active.html) no-repeat;
        background-size: 100% 100%;
        border-radius: 15px 15px 0 0;
    }

    .pop_msg .pop_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        height: 100%;
        background: url(assets/home/bg-register.html) no-repeat;
        background-size: 100% 100%;
        padding: 59px 45px 20px;
        box-sizing: border-box;
    }

    .pop_msg .text {
        font-family: "ShopeeDisplay";
        font-weight: 900;
        font-size: 27px;
        line-height: 31px;
        color: #a20000;
        text-align: center;
        margin: 40px 0;
    }

@media (max-width: 1200px) {
    .pop_log {
        width: 954rem;
        min-height: 500rem;
    }

        .pop_log .pop_body {
            margin-top: -68rem;
        }

        .pop_log .nav-tabs {
            position: relative;
            width: 100%;
        }

            .pop_log .nav-tabs .nav-item {
                height: 88rem;
            }

                .pop_log .nav-tabs .nav-item .nav-link {
                    font-size: 48rem;
                    border-radius: 15rem 15rem 0 0;
                }

        .pop_log .tab-content .tab-pane {
            padding: 68rem 55rem 20rem;
        }

        .pop_log .tab-content .form-label {
            font-size: 27rem;
            line-height: 32rem;
        }

        .pop_log .tab-content .form-control {
            height: 57rem;
            font-size: 27rem;
            line-height: 32rem;
            margin: 15rem 0;
        }

        .pop_log .tab-content .btn-log {
            display: block;
            position: relative;
            width: 489rem;
            margin: 37rem auto 0;
        }

    .pop_msg {
        width: 954rem;
        min-height: 450rem;
    }

        .pop_msg .pop_body {
            margin-top: -68rem;
        }

        .pop_msg .pop_title {
            height: 88rem;
            font-size: 48rem;
            border-radius: 15rem 15rem 0 0;
        }

        .pop_msg .ok {
            width: 150rem;
        }

        .pop_msg .text {
            font-size: 40rem;
            line-height: 40rem;
            margin: 80rem 0;
        }

        .pop_msg .btn-ok {
            width: 489rem;
        }
}

@media (max-width: 1200px) {
    .pop_video iframe {
        width: 370rem;
        height: 202.5rem;
        padding: 0 20rem 20rem;
    }

    .pop_group .close-pop, .pop_group .close-msg {
        top: -50rem;
        right: -100rem;
        width: 80rem;
        height: 80rem;
        line-height: 80rem;
    }
}