/* CSS Document */
.facList {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
@media (max-width: 1040px) {
 .facList {
  margin: 0 -10px;
 }
}

.facItem {
 width: 100%;
 margin-bottom: 80px;
}
.facItem .item {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.facItem .item .albumListMain {
 width: 620px;
 margin: 0 -10px;
}
.facItem .item .albumListMain .albumItem {
 width: 100%;
 height: 400px;
 padding: 0 10px;
}
.facItem .Img img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
    object-fit: contain;
}
.facItem .Img.phoneImg {
 display: none;
}
.facItem .linkWrap {
 width: 100%;
 height: 100%;
 margin: auto;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
}
.facItem .Txt {
 -webkit-box-flex: 1;
     -ms-flex: 1;
         flex: 1;
 padding-left: 40px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
.facItem .Txt .title {
 margin-bottom: 20px;
}
.facItem .Txt .title a {
 font-size: 26px;
 font-weight: bold;
 font-family: "Noto Serif TC", serif, "Source Han Serif", serif;
 color: #000;
 letter-spacing: 1.3px;
}
@media (min-width: 1201px) {
 .facItem .Txt .title a:hover {
  color: #d80212;
 }
}
.facItem .Txt .subtitle {
 font-size: 18px;
 font-weight: 400;
 font-family: "Noto Sans TC", sans-serif, "Microsoft JhengHei", sans-serif;
 color: #d80212;
 letter-spacing: 0.9px;
 height: 26px;
 overflow: hidden;
 margin-bottom: 20px;
}
.facItem .Txt .line {
 width: 45px;
 height: 1px;
 background-color: #d9d9d9;
 margin-bottom: 30px;
}
.facItem .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;
 overflow: hidden;
 max-height: 75px;
}
.facItem .Txt .contentBox {
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: end;
     -ms-flex-align: end;
         align-items: flex-end;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 gap: 10px;
 margin-top: 20px;
}
.facItem .Txt .contentBox .picture {
 width: 200px;
}
.facItem .Txt .contentBox .picture img {
 width: 100%;
}
.facItem .albumListNav {
 margin: 40px -10px;
}
.facItem .albumListNav .albumItem {
 width: 100%;
 height: 280px;
 padding: 0 10px;
}
.facItem .albumListNav .albumItem img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
    object-fit: contain;
 cursor: pointer;
}
.facItem:nth-child(even) .item {
 -webkit-box-orient: horizontal;
 -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
}
.facItem:nth-child(even) .Txt {
 padding-left: 0;
 padding-right: 40px;
}
@media (max-width: 1200px) {
 .facItem .item .albumListMain {
  width: 500px;
 }
 .facItem .item .albumListMain .albumItem {
  height: 320px;
 }
 .facItem .Txt .contentBox .picture {
  width: 180px;
 }
}
@media (max-width: 1040px) {
 .facItem {
  width: 50%;
  padding: 0 10px;
 }
 .facItem .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
 .facItem .Img {
  display: none;
 }
 .facItem .Img.phoneImg {
  display: block;
 }
 .facItem .Txt {
  padding: 40px 0 0 0;
 }
 .facItem .Txt .title {
  font-size: 24px;
  font-weight: bold;
  font-family: "Noto Serif TC", serif, "Source Han Serif", serif;
  color: #000;
  letter-spacing: 1.2px;
 }
 .facItem .albumListNavBox {
  display: none;
 }
 .facItem:nth-child(even) .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
 .facItem:nth-child(even) .Txt {
  padding: 40px 0 0 0;
 }
}
@media (max-width: 720px) {
 .facItem {
  width: 100%;
  padding: 0;
 }
}
@media (max-width: 400px) {
 .facItem .Txt .contentBox .picture {
  display: none;
 }
}

.contentBox.insPage .albumListMain .albumItem {
 height: 400px;
}
.contentBox.insPage .insIntroBox {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 padding-bottom: 40px;
}
.contentBox.insPage .insIntroBox .introBox {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
.contentBox.insPage .insIntroBox .introBox .articleTitle {
 font-size: 26px;
 font-weight: bold;
 font-family: "Noto Serif TC", serif, "Source Han Serif", serif;
 color: #000;
 letter-spacing: 1.3px;
 margin-bottom: 20px;
 padding: 0;
}
.contentBox.insPage .insIntroBox .introBox .articleTitle::before {
 display: none;
}
.contentBox.insPage .insIntroBox .introBox .subtitle {
 font-size: 18px;
 font-weight: 400;
 font-family: "Noto Sans TC", sans-serif, "Microsoft JhengHei", sans-serif;
 color: #d80212;
 letter-spacing: 0.9px;
 margin-bottom: 20px;
}
.contentBox.insPage .insIntroBox .introBox .Txt {
 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;
 overflow: hidden;
}
.contentBox.insPage .insIntroBox .introBox .Txt::before {
 content: "";
 display: block;
 width: 45px;
 height: 1px;
 background-color: #d9d9d9;
 margin-bottom: 30px;
}
.contentBox.insPage .insIntroBox .introBox .picture {
 width: 100%;
 text-align: right;
}
@media (max-width: 1040px) {
 .contentBox.insPage .insIntroBox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
 .contentBox.insPage .insIntroBox .albumBox {
  width: 100%;
  margin-right: 0;
  margin-bottom: 30px;
 }
}
@media (max-width: 540px) {
 .contentBox.insPage .insIntroBox .albumListMain .albumItem {
  height: 360px;
 }
}
@media (max-width: 400px) {
 .contentBox.insPage .insIntroBox .albumListMain .albumItem {
  height: 320px;
 }
}