/* CSS Document */
.facList {
 margin: 0 -15px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 20px 0;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
.facList .facItem {
 width: 33.3333333333%;
 padding: 0 15px 30px;
}
@media (max-width: 1024px) {
 .facList .facItem {
  width: 50%;
 }
}
@media (max-width: 640px) {
 .facList .facItem {
  width: 100%;
 }
}
.facList .Img {
 width: 100%;
 overflow: hidden;
 background-color: #000;
}
.facList .Img img {
 width: 100%;
 height: auto;
 display: block;
 -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
}
@media (min-width: 1201px) {
 .facList .Img:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0.8;
 }
}
.facList .Txt {
 padding-top: 20px;
}
.facList .Txt .dateBox {
 font-size: 16px;
 font-weight: bold;
 font-family: "Cormorant", serif, "Noto Serif", serif;
 color: #d80212;
 letter-spacing: 0.8px;
}
.facList .Txt .title {
 font-size: 18px;
 font-weight: bold;
 font-family: "Noto Serif TC", serif, "Source Han Serif", serif;
 color: #000;
 letter-spacing: 0.9px;
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
 margin: 16px 0;
}
.facList .Txt .title a {
 font-size: 18px;
 font-weight: bold;
 font-family: "Noto Serif TC", serif, "Source Han Serif", serif;
 color: #000;
 letter-spacing: 0.9px;
}
@media (min-width: 1201px) {
 .facList .Txt .title:hover {
  color: #d80212;
 }
 .facList .Txt .title:hover a {
  color: #d80212;
 }
}
.facList .Txt .itemTitle {
 vertical-align: baseline;
}
.facList .Txt .itemTitle::after {
 content: "";
 display: inline-block;
 width: 1px;
 height: 12px;
 background-color: #898989;
 margin: 0 5px;
}
.facList .Txt .implement {
 font-size: 15px;
 font-weight: 400;
 font-family: "Noto Sans TC", sans-serif, "Microsoft JhengHei", sans-serif;
 color: #898989;
 letter-spacing: 0.75px;
 line-height: 1.66;
}
.facList .Txt .text {
 font-size: 15px;
 font-weight: 400;
 font-family: "Noto Sans TC", sans-serif, "Microsoft JhengHei", sans-serif;
 color: #898989;
 letter-spacing: 0.75px;
 line-height: 1.66;
 height: 75px;
 overflow: hidden;
}

.contentBox.insPage {
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
.contentBox.insPage .leftBox {
 width: 25%;
 -ms-flex-negative: 0;
     flex-shrink: 0;
 padding-right: 50px;
}
.contentBox.insPage .rightBox {
 width: 75%;
}
@media (max-width: 1024px) {
 .contentBox.insPage .leftBox {
  width: 100%;
  padding: 0;
 }
 .contentBox.insPage .rightBox {
  width: 100%;
 }
}

.insIntroBox {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
@media (max-width: 767px) {
 .insIntroBox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
}
.insIntroBox .introBox {
 -webkit-box-flex: 1;
     -ms-flex: 1;
         flex: 1;
 padding-bottom: 20px;
}
@media (max-width: 767px) {
 .insIntroBox .introBox {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
 }
}
.insIntroBox .introBox .articleTitle {
 margin-bottom: 15px;
 padding: 0 0 15px 0;
 font-weight: 500;
}
.insIntroBox .introBox .Txt {
 margin-top: 20px;
 line-height: 1.6;
 font-size: 15px;
 color: #898989;
 font-family: "Noto Sans TC", sans-serif, "Microsoft JhengHei", sans-serif;
}