/*------------------------------------*\
  font face
\*------------------------------------*/
/* noto-sans-tc -  300 400 500 700 */
@font-face {
  font-family: 'Noto Sans TC';
  src: url('../fonts/NotoSansTC-Regular.woff2') format('woff2'), url('../fonts/NotoSansTC-Regular.woff') format('woff');
  font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('../fonts/NotoSansTC-Medium.woff2') format('woff2'), url('../fonts/NotoSansTC-Medium.woff') format('woff');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
font-family: 'Noto Sans TC';
src: url('../fonts/NotoSansTC-Bold.woff2') format('woff2'), url('../fonts/NotoSansTC-Bold.woff') format('woff');
font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('../fonts/NotoSansTC-Black.woff2') format('woff2'), url('../fonts/NotoSansTC-Black.woff') format('woff');
  font-weight: 900; font-style: normal; font-display: swap;
}



@font-face {
  font-family: 'ROBOTO';
  src: url('../fonts/Roboto_Condensed-Light.ttf') format('truetype');
  font-weight: 300; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'ROBOTO';
  src: url('../fonts/Roboto_Condensed-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'ROBOTO';
  src: url('../fonts/Roboto_Condensed-Medium.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'ROBOTO';
  src: url('../fonts/Roboto_Condensed-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'ROBOTO';
  src: url('../fonts/Roboto_Condensed-Black.ttf') format('truetype');
  font-weight: 900; font-style: normal; font-display: swap;
}



@font-face {
  font-family: 'Chiron GoRound TC';
  src: url('../fonts/ChironGoRoundTC-Light.ttf') format('truetype');
  font-weight: 300; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'Chiron GoRound TC';
  src: url('../fonts/ChironGoRoundTC-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'Chiron GoRound TC';
  src: url('../fonts/ChironGoRoundTC-Medium.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'Chiron GoRound TC';
  src: url('../fonts/ChironGoRoundTC-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'Chiron GoRound TC';
  src: url('../fonts/ChironGoRoundTC-Black.ttf') format('truetype');
  font-weight: 900; font-style: normal; font-display: swap;
}



@font-face {
  font-family: 'Noto Serif TC';
  src: url('../fonts/NotoSerifTC-Light.ttf') format('truetype');
  font-weight: 300; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'Noto Serif TC';
  src: url('../fonts/NotoSerifTC-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'Noto Serif TC';
  src: url('../fonts/NotoSerifTC-Medium.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'Noto Serif TC';
  src: url('../fonts/NotoSerifTC-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'Noto Serif TC';
  src: url('../fonts/NotoSerifTC-Black.ttf') format('truetype');
  font-weight: 900; font-style: normal; font-display: swap;
}