:root {
  /* layout內距 */
  --layout-padding: 48px;
  
  /* 背景底色 */
  --body-bg: #98c4e3;

  /* 背景圖片 (桌機) */
  --kv-bg: url('../img/kv.jpg');

  /* 背景圖片 (手機) */
  --kv-bg-m: url('../img/kv_m.jpg');

  /* 區塊標題文字 */
  --title-main-color: #ce4033;

  /* 區塊內文文字 */
  --text-normal-color: #444444;

  /* 區塊標題下方裝飾線 */
  --deco-line-color: #707070;

  /* 區塊按鈕 */
  --btn-primary-color: #ce4033;

  /* 區塊按鈕文字 */
  --btn-primary-text-color: #fff;

  /* 導覽列背景色 */
  --nav-bg-color:#ce4033;
  /* --nav-bg-color: #ce4033; */

  /* 導覽列文字 */
  --nav-text-color: #fff;

  /* 導覽列文字hover */
  --nav-hover-color: #ce4033;

  /* 導覽列下拉選單 */
  --menu-color: #ce4033;
  
  /* qa答案文字 */
  --qa-answer-color: #ce4033;

  /* 書單標題文字hover */
  --bk-list-hover-color: #ce4033;

  /* footer背景 */
  --footer-color: #ce4033;

  /* go top按鈕背景 */
  --go-top-color: #ce4033;
}

@media screen and (max-width: 768px) {
  :root {
    /* layout內距 */
    --layout-padding: 20px;

    /* 導覽列文字hover */
    --nav-hover-color: rgba(255, 255, 255, .2)
  }
}