:root {
    --fontFamily: 'Noto Sans TC', sans-serif;
    --lineHeight4: calc(1em + 4px);
    --lineHeight8: calc(1em + 8px);
    --lineHeight12: calc(1em + 12px);
    --fontSize12: 12px;
    --fontSize14: 14px;
    /* line-height：12以上：+ 4px */
    --fontSize16: 16px;
    --fontSize18: 18px;
    --fontSize20: 20px;
    --fontSize22: 22px;
    /* line-height：16以上：+ 8px */
    --fontSize24: 24px;
    --fontSize28: 28px;
    --fontSize40: 40px;
    /* line-height：24以上：+ 12px */
    --fontWeightRegular: 400;
    --fontWeightMedium: 500;
    --fontWeightBold: 700;
    /* 文字元件 */
    --title01: var(--fontWeightBold) var(--fontSize28)/1.5em var(--fontFamily);
    --title02: var(--fontWeightBold) var(--fontSize20)/1.5em var(--fontFamily);
    /* --title03: var(--fontWeightBold) var(--fontSize20)/1.5em var(--fontFamily);
    --title04: var(--fontWeightMedium) var(--fontSize22)/1.5em var(--fontFamily);
    --title05: var(--fontWeightBold) var(--fontSize22)/1.5em var(--fontFamily);
    --title06: var(--fontWeightMedium) var(--fontSize16)/1.5em var(--fontFamily); */
    --content01: var(--fontWeightBold) var(--fontSize18)/1.5em var(--fontFamily);
    --content02: var(--fontWeightBold) var(--fontSize16)/1.5em var(--fontFamily);
    --content03: var(--fontWeightBold) var(--fontSize14)/1.5em var(--fontFamily);
    --content04: var(--fontWeightRegular) var(--fontSize14)/1.5em var(--fontFamily);
}

@media screen and (min-width: 1024px) {
     :root {
        /* 文字元件 */
        --title01: var(--fontWeightBold) var(--fontSize40)/1.5em var(--fontFamily);
        --title02: var(--fontWeightBold) var(--fontSize28)/1.5em var(--fontFamily);
        /* --title03: var(--fontWeightBold) var(--fontSize24)/1.5em var(--fontFamily);
        --title04: var(--fontWeightMedium) var(--fontSize28)/1.5em var(--fontFamily);
        --title05: var(--fontWeightBold) var(--fontSize28)/1.5em var(--fontFamily);
        --title06: var(--fontWeightMedium) var(--fontSize18)/1.5em var(--fontFamily); */
        --content01: var(--fontWeightBold) var(--fontSize24)/1.5em var(--fontFamily);
        --content02: var(--fontWeightBold) var(--fontSize20)/1.5em var(--fontFamily);
        --content03: var(--fontWeightBold) var(--fontSize18)/1.5em var(--fontFamily);
        --content04: var(--fontWeightRegular) var(--fontSize18)/1.5em var(--fontFamily);
    }
}

body {
    font: var(--content01);
}

a {
    cursor: pointer;
}

p a,
p a:visited,
ol li a,
ol li a:visited {
    text-decoration: none;
}

p a:hover,
ol li a:hover,
p a:active,
ol li a:active {
    color: initial;
}