@layer pages {
    .main_area1 {
        margin-top: -2px;
    }

    .indexswiper a:has(img) {
        width: 100%;
        display: block;
    }

    .indexswiper img {
        width: 100%;
    }
}

@layer pages {
    .main_area2 {
        background-color: var(--blue_300);
        padding-top: clamp(2rem, 4vw, 5.3125rem);
        padding-bottom: clamp(2rem, 4.4vw, 5.3125rem);
    }
}

@layer pages {
    .main_area3 {
        background-color: var(--green_100);
        padding-top: clamp(2rem, 4vw, 5.3125rem);
        padding-bottom: clamp(2rem, 4.4vw, 5.3125rem);
    }

    .main_area3 h2 {
        margin-left: auto;
        margin-right: auto;
    }

    .main_area3 .swiper_nav{
        justify-content: center;
        margin-top: 1.5rem;
    }
}

@layer pages {
    .main_area4 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .main_area4 .bg_box {
        padding-top: clamp(3rem, 5.5vw, 7rem);
        padding-bottom: clamp(3rem, 5.5vw, 7rem);
    }

    .main_area4 .bg_box:first-child {
        padding-left: var(--container_pad_left);
        padding-right: var(--container_pad_right);
    }

    .main_area4 .bg_box:last-child {
        padding-left: var(--container_pad_left);
        padding-right: var(--container_pad_right);
    }

    .bg_box {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .bg_box::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-color: #434343;
        opacity: 0.7;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
    }

    .bg_box.bg1 {
        background-image: url('../images/bg1.jpg');
    }

    .bg_box.bg2 {
        background-image: url('../images/bg2.jpg');
    }

    .bg_box .bg_inner {
        position: relative;
        z-index: 1000;
    }

    .bg_box .title {
        font-size: 1.5rem;
        font-weight: bold;
        
        color: #fff;
    }

    .chineseVersion .bg_box .title {
        -webkit-text-stroke: clamp(0.35px, 0.04vw, 0.7px) #fff;
    }

    .bg_box .icon_title:before {
        filter: var(--white_filter);
    }

    .bg_box .link_list {
        color: #fff;
    }

    .bg_box .link_list>li {
        border-color: #fff;
    }

    .bg_box .link_list a {
        color: #fff;
    }

    .bg_box .link_list a::after {
        filter: var(--white_filter);
    }

    .bg_box .link_list .document_icon{
        display: none;
    }
}

@layer pages{
    .main_popup .swiper-button-lock{
        display: none;
    }
}