/* ==== 宣告 ==== */
:root {
  /* 顏色 */
  --color-main: #000; /* 主色 */
  --color-main-rgba: 0,0,0; 
  --color-secondary: #2a1115; /* 副色 */

  /* 字型 */
  --font-style-mix: 'MADEMirage', 'ShipporiMincho';
  --font-style-en: 'MADEMirage', 'ShipporiMincho';
  --font-style-tw: 'ShipporiMincho';

  /* 字元間距 */
  --letter-spac: 0.15rem;
}

@media (max-width: 767px) {
  :root {
    --letter-spac: 0.05rem;
  }
}

/* body */
html, body {
  font-size: 10px;
}
body {
  font-family: 'Hind', 'Arial', 'sans-serif', 'NotoSansCJKtc', 'Microsoft JhengHei', '微軟正黑體';
  font-size: 1.4rem;
  color: var(--color-main);
  font-weight: 300;
  letter-spacing: var(--letter-spac);
  line-height: 1.8;
  overflow-x: hidden;
  background-color: #fff;
  -webkit-text-size-adjust: none;
}

/* ======================= Default Set. ======================= */
img { border: 0; text-decoration: none;}
form, input, textarea, select, label { padding: 0;}
textarea { resize: none;}
a,a:hover,a:active,a:focus{ text-decoration: none; color: #666;}
.systemInfo{ text-align: center; min-height: 100px; margin: 10% auto 10%;}
.noData{ text-align: center; height: 40px; padding: 100px 0 200px; min-height: 200px;   color: #999;}
.noData .fa{ font-size: 2em; color: rgba(var(--color-main-rgba),0.15);}
.ulSet,
.ulSet li{ margin: 0; padding: 0; list-style: none;}
/* Table Set */
.tabSet,.tabSet th,.tabSet td { padding: 0; border: 0; border-spacing: 0; border-collapse: collapse;}
.tabSet input,.tabSet label,.tabSet select { vertical-align: middle;}

/* 文字編輯器 */
.edit{ width: 100%; margin: 20px auto 30px; line-height: 2em; color: var(--color-secondary); font-weight: 300; overflow: hidden; text-align: justify; line-height: 2em;}

/* news & article*/
#newsView .edit{ width: 80%; margin: max(40px, 3.2vw) auto; }
#newsView .edit img{ display: block; margin: 5% auto; width: 80%; }
#newsView .edit .leftImg img{width: 100%;}
.proView .edit{ position: relative }
.proView .edit p.center{ font-size: 1.1em; text-align: center; margin: 0 auto 3%; }
.proView .edit img{width: 100%;}
.proView .row.one{ float: left; }
.proView .row.two { float: right; margin-top: -150px; min-height: 200px; }
@media (max-width: 1199px) {
  .proView .row.two { float: right; margin-top: -90px; min-height: 200px; }
}
@media (max-width: 991px) {
  .proView .row.two{ margin-top: 0;}
  .proView .edit{ margin-bottom: 10px; }
  #newsView .ti{ margin: 0 30px; text-align: left}
  #newsView .edit.center{ text-align: left; padding-top: 0px; margin-top: 10px }
  }

#note .edit{ color: #333; }
#note h3.ti{ font-size: 1.3em; }
#note ol { margin-bottom: 50px; margin-right: 15px;}
#note ol li{ line-height: 2.5em; font-size: 1.1em;}
#faq .edit{ text-align: left }