@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

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

.gs-banner-content {
    left: auto;
    right: 6%;
}


.gs-banner-desc {
    position: absolute;
    left: auto;
    top: 40%;
    right: 22%;
}

.gs-main-label {
    font-weight: 700;
}

.gs-live .gs-banner-desc,
.gs-exploring .gs-banner-desc {
    right: 17%;
}

.gs-inner-title {
    font-weight: 600;
    letter-spacing: 3px;
}

.gs-esg .gs-banner-desc {
    top: 40%;
    right: 7%;
}

.gs-joinus .gs-banner-desc {
    right: 22%;
}

.gs-contactus .gs-banner-desc {
    right: 22%;
}

@media screen and (max-width: 1600px) {
    .gs-banner-desc {
        right: 14.5%;
    }

    .gs-joinus .gs-banner-desc {
        right: 14.5%;
    }

    .gs-contactus .gs-banner-desc {
        right: 14.5%;
    }

    .gs-banner-content {
        left: auto;
        right: 8.5%;
    }

}

@media screen and (max-width: 1400px) {
    .gs-banner-desc {
        right: 11%;
    }

    .gs-joinus .gs-banner-desc {
        right: 11%;
    }

    .gs-contactus .gs-banner-desc {
        right: 11%;
    }
}

@media screen and (max-width: 1199px) {
    .gs-banner-content {
        left: 8.5%;
        right: auto;
    }

}

@media screen and (max-width: 640px) {
    .gs-main-label {
        font-size: 20px;
    }

    .gs-banner-content {
        top: 28.5%;
    }
}