.ind_C_lis {padding: 2.605% 0 0 0; position: relative; z-index: 1; padding-bottom: 60px; }
.ind_C_lis > .en {font-family: "Montserrat", 'Noto Sans TC', sans-serif; color: #d40a2b; font-size: 466.666667%; font-weight: 600; line-height: 1; letter-spacing: 0.4px; padding: 0; margin: 0; transform:rotate(90deg); position: absolute; bottom: 17.6%; right: calc(50% + 539px); z-index: -1; -webkit-animation: change_color_d40a2b 5000ms infinite; animation: change_color_d40a2b 5000ms infinite;}
.ind_C_lis_con {border-radius: 10px; overflow: hidden; background: #fff; position: relative; z-index: 1; max-width: 370px;}
.ind_C_lis_con > .img {line-height: 0; font-size: 0; padding-bottom: 62.163%; height: 0; overflow: hidden; position: relative; z-index: 1;}
.ind_C_lis_con > .img img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.ind_C_lis_con > .txt {border: 1px solid #e0e0e0; padding: 0 0 58px 0; position: relative; z-index: 1;}
.ind_C_lis_con > .txt > .tit {color: #444444; font-weight: 500; line-height: 28px; letter-spacing: 0.47px; padding: 0 16px 0 18px; margin: 11px 0; min-height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.ind_C_lis_con > .txt > .lin {background: #e0e0e0; height: 1px; width: 100%; line-height: 0; font-size: 0; padding: 0; margin: 0 0 9px 0;}
.ind_C_lis_con > .txt > .fon {color: #666666; text-align: justify; line-height: 24px; letter-spacing: 0.47px; padding: 0 18px 0 19px; min-height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.ind_C_lis_con > .txt > .dat {font-family: "Montserrat", 'Noto Sans TC', sans-serif; color: #a9a9a9; line-height: 1; letter-spacing: 0.2px; position: absolute; bottom: 26px; left: 18px; z-index: -1; display: flex; flex-flow: wrap; align-items: center;}
.ind_C_lis_con > .txt > .dat img {margin: 0 5px 0 0;}
.ind_C_lis_con > .txt > .but {color: #3e3e3e; text-align: right; line-height: 1; letter-spacing: 0.2px; position: absolute; bottom: 28px; right: 22px; z-index: 100; display: flex; flex-flow: wrap; align-items: center; justify-content: flex-end; transition: all 0.5s ease 0s;}
.ind_C_lis_con > .txt > .but::after {content: ''; background: url("../images/icon_01g.png") no-repeat center / cover; width: 16px; height: 10px; display: block; line-height: 0; font-size: 0; padding: 0; margin: 1px 0 0 8px; transition: all 0.5s ease 0s;}
.ind_C_lis_con:hover > .img img {transform: scale(1.2, 1.2);}
.ind_C_lis_con:hover > .txt > .but {color: #dd0026;}
.ind_C_lis_con:hover > .txt > .but::after {background: url("../images/icon_01gh.png") no-repeat center / cover;}
.ind_C_lis .item { margin-bottom: 50px; }

@media only screen and (max-width:1600px){
  .ind_C_lis > .en {right: calc(50% + 550px); font-size: 400%;}
}
@media only screen and (max-width:1400px){
  .ind_C_lis > .en {bottom: 12.6%; right: calc(50% + 38.8%); font-size: 350%;}
}

@media only screen and (max-width:1200px){
  .ind_C_lis {padding: 15px 0 30px 0;}
  .ind_C_lis > .en {font-size: 200%; transform: rotate(0deg); position: relative; top: auto; right: auto; padding: 0 50px 10px 50px;}
  .ind_C_lis .owl-nav {opacity: 1!important; left: -40px!important; right: -40px!important;}
}
@media only screen and (max-width:992px){
  .ind_C_lis > .en {padding: 0 20px 10px 20px;}
  .ind_C_lis_con > .txt > .tit, .ind_C_lis_con > .txt > .fon {padding: 0 10px;}
  .ind_C_lis_con > .txt > .dat {left: 10px;}
  .ind_C_lis_con > .txt > .but {right: 10px; bottom: 25px;}
  .ind_C_lis .owl-nav {position: relative!important; left: auto!important; right: auto!important; top: auto!important; height: 40px; margin: 10px 0 0 0!important;}
}

@media only screen and (max-width:576px){
  .ind_C_lis_con {margin: auto;}
  .ind_C_lis_con > .txt {padding: 10px 0 55px 0;}
  .ind_C_lis_con > .txt > .tit {min-height: 28px; -webkit-line-clamp: 1; line-clamp: 1;}
}
@media only screen and (max-width:350px){
  .ind_C_lis_con > .txt > .but {bottom: 28px;}
}


/* News Detail ============================================================== */
.wrap-news-detail {
  word-break: break-all;
}
.wrap-news-detail a:hover {
  color: #c8cf72;
}
.news-detail-title {padding: 0 0 20px 0;}
.news-detail-title h1 {
  font-size: 1.7rem;
  font-weight: 600;
}
@media (max-width: 460px) {
  .news-detail-title h1 {
    font-size: 1.2rem;
  }
}

.news-detail-btn-out {
  margin-top: 5%;
}

.news-detail-btn-out {
  text-align: center;
}

.news-detail-btn {
  display: inline-block;
  color: #fff !important;
  background: linear-gradient(#d40a2b, #c20f16);
  padding: 5px 25px 5px 45px;
  border-radius: 3px;
  position: relative;
  margin-bottom: 60px;
}
.news-detail-btn:hover {
  color: #fff;
  background: linear-gradient(#c20f16, #d40a2b);
  text-decoration: none;
}
.news-detail-btn:after {
  content: "";
  position: absolute;
  top: 13px;
  left: 20px;
  background: url(icons/icon-back-2.svg) no-repeat;
  width: 15px;
  height: 15px;
}