@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&display=swap');

* {
    font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
}

.inner-item-title {
    font-family: "Noto Sans SC", "Noto Sans TC", sans-serif!important;
}

#IndexSwiperDiv .swiper-button-prev .swiper-button-text {
    font-size: 24px;
    min-width: 80px;
    text-align: left;
}

#IndexSwiperDiv .swiper-button-next .swiper-button-text {
    font-size: 24px;
    min-width: 80px;
    text-align: right;
}

#IndexBannerTextDiv3 {
    transform: translateX(-540px) translateY(185px);
}

#IndexBannerTextDiv4 {
    transform: translateX(560px) translateY(165px);
}

#IndexBannerTextDiv5 {
    transform: translateX(-510px) translateY(135px);
}

.bc-title {
    font-weight: bold;
}

.bc-content-text {
    max-width: 500px;
}

.bc-content-text p {
    font-size: 24px;
}

.navbar-box {
    justify-content: space-around;
}

.nav-label {
    font-size: 21px;
}

.lang-box {
    width: 200px;
}

.csi-label {
    font-size: 32px;
}

.cv-label {
    font-size: 32px;
}

#Index2TextDiv p {
    font-size: 42px;
    font-weight: 700;
}

#Index2TextDiv2 p {
    font-size: 42px;
    font-weight: 700;
}

#MtItemDiv .board-desc {
    text-align: center;
}

#IndexBusinessOverviewDiv .bo-content-inner {
    left: 260px;
}

@media screen and (max-width: 1920px) {
    #IndexBannerTextDiv {
        transform: translateX(-480px) translateY(105px);
    }

    #IndexBannerTextDiv p {
        font-size: 90px;
        line-height: 70px;
    }

    #IndexBannerTextDiv3 {
        transform: translateX(-540px) translateY(185px);
    }

    #IndexBannerTextDiv4 {
        transform: translateX(560px) translateY(165px);
    }

    #IndexBannerTextDiv5 {
        transform: translateX(-510px) translateY(125px);
    }

    #IndexBannerTextDiv5 p {
        font-size: 90px;
        line-height: 70px;
    }

    .bc-bo-1 {
        font-size: 24px;
    }

    .bc-report-announcement-box {
        right: 255px;
    }

    #IndexOurCommitmentDiv .bo-content-inner {
        right: 210px;
    }

    .wholesale-content {
        max-width: 360px;
    }

    .csi-content {
        padding: 20px 0;
    }

    .cv-desc {
        font-weight: 400;
    }
}

@media screen and (max-width: 1750px) {
    .inner-nav-title p {
        font-size: 75px;
    }

    #IndexBannerTextDiv3 p,
    #IndexBannerTextDiv4 p {
        font-size: 75px;
        line-height: 55px;
    }

    #IndexBannerTextDiv {
        transform: translateX(-480px) translateY(120px);
    }

    .bc-report-announcement-box {
        right: 280px;
    }

}

@media screen and (max-width: 1600px) and (min-height: 900px) {}

@media screen and (max-width: 1366px) and (min-height: 900px) {}

@media screen and (max-width: 1600px) {
    #IndexOurCommitmentDiv .bo-content-inner {
        right: 150px;
    }

    .our-commitment-content {
        max-width: 360px;
    }

    .bc-bo-1 {
        font-size: 24px;
    }

    .bc-bo-num {
        font-size: 40px;
        min-width: 95px;
        text-align: center;
    }

    #IndexDiv4 {
        background-position: left;
    }

    #IndexBusinessOverviewDiv .bo-content-inner {
        max-width: 100% !important;
        left: 190px;
    }

    .bc-report-announcement-box {
        right: 100px;
    }

    #Index2TextDiv {
        transform: translateX(-349px) translateY(-250px);
    }

    #Index2TextDiv2 {
        transform: translateX(-618px) translateY(97px);
    }

    #IndexBannerTextDiv {
        transform: translateX(-475px) translateY(115px);
    }

    #IndexBannerTextDiv3 {
        transform: translateX(-540px) translateY(185px);
    }

    #IndexBannerTextDiv4 {
        transform: translateX(560px) translateY(160px);
    }

    #IndexBannerTextDiv5 {
        transform: translateX(-510px) translateY(135px);
    }
}

@media screen and (max-height: 900px) and (max-width: 1600px) {
    .bc-report-announcement-box {
        right: 180px;
    }

    #IndexBannerTextDiv {
        transform: translateX(-428px) translateY(92px);
    }

    #IndexBannerTextDiv2 {
        transform: translateX(440px) translateY(65px);
    }

    #IndexBannerTextDiv3 {
        transform: translateX(-500px) translateY(180px);
    }

    #IndexBannerTextDiv4 {
        transform: translateX(505px) translateY(153px);
    }

    #IndexBannerTextDiv5 {
        transform: translateX(-460px) translateY(110px);
    }

    #Index2TextDiv {
        transform: translateX(-349px) translateY(-310px);
    }

    #Index2TextDiv2 {
        transform: translateX(-618px) translateY(40px);
    }
}


@media screen and (max-width: 1536px) {}

@media screen and (max-width: 1440px) {
    .bc-report-announcement-box {
        right: 30px;
    }

    #IndexBannerTextDiv5 p,
    #IndexBannerTextDiv p {
        line-height: 65px;
    }

    #IndexBannerTextDiv3 p,
    #IndexBannerTextDiv4 p {
        font-size: 65px;
        line-height: 55px;
    }

    #IndexBannerTextDiv3 {
        transform: translateX(-508px) translateY(185px);
    }

    #IndexBannerTextDiv4 {
        transform: translateX(510px) translateY(160px);
    }

    .a-obj4 {
        max-width: 140px;
        left: 114px;
        bottom: 608px;
    }
}

@media screen and (max-width: 1400px) {
    #Index2TextDiv {
        transform: translateX(-326px) translateY(-208px);
    }

    #Index2TextDiv2 {
        transform: translateX(-580px) translateY(120px);
    }
}

@media screen and (max-width: 1366px) {
    .bc-report-announcement-box {
        right: -40px;
    }

    #IndexBannerTextDiv3 p,
    #IndexBannerTextDiv4 p {
        font-size: 55px;
        line-height: 45px;
    }

    #IndexBannerTextDiv3 {
        transform: translateX(-512px) translateY(190px);
    }

    #IndexBannerTextDiv4 {
        transform: translateX(510px) translateY(163px);
    }
}

@media screen and (max-width: 1366px) and (max-height: 660px) {
    #IndexBusinessOverviewDiv .bo-content-inner {
        max-width: 100% !important;
        left: 153px;
    }

    #IndexBannerTextDiv {
        transform: translateX(-395px) translateY(105px);
    }

    #IndexBannerTextDiv3 {
        transform: translateX(-460px) translateY(180px);
    }

    #IndexBannerTextDiv4 {
        transform: translateX(465px) translateY(160px);
    }

    #IndexBannerTextDiv5 {
        transform: translateX(-415px) translateY(118px);
    }

    .a-obj4 {
        max-width: 75px;
        left: 114px;
        bottom: 478px;
    }

    #Index2TextDiv {
        transform: translateX(-328px) translateY(-180px);
    }

    #Index2TextDiv2 {
        transform: translateX(-580px) translateY(150px);
    }

    #IndexOurCommitmentDiv .bo-content-inner {
        right: 80px;
    }

    .bc-content-text {
        max-width: 360px;
    }

    .nav-label {
        font-size: 18px;
    }

    .bc-report-announcement-box {
        right: 120px;
    }

    .our-commitment-content {
        width: 100%;
        max-width: 375px;
    }

    .a-car1,
    .a-car2,
    .a-car3 {
        max-width: 100px;
    }
}

@media screen and (max-width: 1280px) and (max-height: 720px) {}

@media screen and (max-width: 1199px) {
    .bc-report-announcement-box {
        right: auto;
    }

    .bc-content-text {
        max-width: 100%;
    }

    .bc-content-text p {
        font-size: 18px;
        line-height: 22px;
    }

    .wholesale-content {
        max-width: 100%;
    }
}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 640px) {
    .bc-bo-1 {
        font-size: 18px;
        line-height: 24px;
    }

    .bc-bo-num {
        text-align: center;
    }

    .bc-content-text p {
        font-size: 14px;
    }
}

@media screen and (max-width: 575px) {}

@media screen and (max-width: 414px) {}

@media screen and (max-width: 375px) {}