/* LINE Seed TW：本機字型檔，無需外部網路。 */
@font-face {
  font-family: lineSeed;
  src: url("../fonts/LINESeedTW_OTF_Th.woff2") format("woff2"),
       url("../fonts/LINESeedTW_OTF_Th.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: lineSeed;
  src: url("../fonts/LINESeedTW_OTF_Rg.woff2") format("woff2"),
       url("../fonts/LINESeedTW_OTF_Rg.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: lineSeed;
  src: url("../fonts/LINESeedTW_OTF_Bd.woff2") format("woff2"),
       url("../fonts/LINESeedTW_OTF_Bd.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: lineSeed;
  src: url("../fonts/LINESeedTW_OTF_Eb.woff2") format("woff2"),
       url("../fonts/LINESeedTW_OTF_Eb.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* 依參考網站的分工：reset、基礎排版及共用工具類別。 */
html, body, div, span, h1, h2, p, figure, figcaption, header, main, section {
  margin: 0;
  padding: 0;
  border: 0;
}
*, *::before, *::after { box-sizing: border-box; }
body {
  font-family: lineSeed, "Century Gothic", "Arial", "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  background: #fff;
}
img { display: block; width: 100%; height: auto; }
.innerBox { width: calc(100% - 60px); max-width: 1440px; margin: 0 auto; }
.VFlex { display: flex; flex-direction: column; width: 100%; }
.HFlex { display: flex; width: 100%; }
.VFlex.ac, .HFlex.ac { align-items: center; }
.VFlex.je, .HFlex.je { justify-content: end; }
.VFlex.cc, .HFlex.cc { align-items: center; justify-content: center; }
.Grid { display: grid; }
.Grid.g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gap5 { gap: 5px; }
.gap10 { gap: 10px; }
.gap20 { gap: 20px; }
.pcMode { display: block; }
.mobileMode { display: none; }
@media screen and (max-width: 768px) {
  .innerBox { width: calc(100% - 30px); }
  .pcMode { display: none; }
  .mobileMode { display: block; }
}
