/* 清除瀏覽器預設差異，避免 Chrome、Edge、Safari 等瀏覽器對標題、按鈕、圖片、頁面邊距套用不同的預設值 */

/* 統一box模型計算方式 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 移除頁面四周預設留白 */
html,
body {
  margin: 0;
  padding: 0;
}

/* 統一字體 */
body,
button,
input,
select,
textarea {
  font-family:
    "Noto Sans TC",
    "Microsoft JhengHei",
    Arial,
    sans-serif;
}

/* 讓按鈕依循完整字體設定 */
button {
  font: inherit;
}

/* 統一圖片顯示方式，去除底部可能留下的像素空隙、自動縮小到畫面寬度內 */
img,
svg {
  display: block;
  max-width: 100%;
}