:root {
    /**headline**/
    --font-Noto-Sans-TC: "Noto Sans TC", sans-serif;
    --font-Poppins: "Poppins", sans-serif;
}

html {
    font-size: 100%;
    /* 991以上100% 以下87.5% */
}



body {
    font-family: var(--font-Poppins), var(--font-Noto-Sans-TC)
}

h1,
h2,
h3,
h4,
p,
span,
i,
a {
    color: var(--font-color-2);
    line-break: anywhere;
    word-break: break-all;
}

.font-size-4xl {
    font-size: 3rem;
    /*48x*/
}

.font-size-3xl {
    font-size: 2rem;
}

.font-size-2xl {
    font-size: 1.5rem;
}

.font-size-xl {
    font-size: 1.25rem;
}

.font-size-l {
    font-size: 1.075rem;
}

.font-size-m {
    font-size: 1rem;
}

.font-size-s {
    font-size: .875rem;
    /*14px*/
}

.font-size-xs {
    font-size: .75rem;
    /*12px*/
}

.font-size-2xs {
    font-size: .5rem;
    /*8px*/
}

.font-weight-4 {
    font-weight: 400;
}

.font-weight-5 {
    font-weight: 500;
}

.font-weight-6 {
    font-weight: 600;
}

.font-weight-8 {
    font-weight: 800;
}

.sc-title{
    font-size: 2rem;
    font-weight: 600;
    color: var(--g-1st-100);
    padding-bottom: 2rem;
}
.sub-title{
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--font-color-1);
    padding-bottom: 1rem;
}

@media screen and (max-width:768px) {
    html {
        font-size: 87.5%;
    }
}