@charset "UTF-8";
/* CSS Document */
.newsList .Img::before, .newsList .Img img {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }

.articleTitle {
  margin-top: 0;
  padding-top: 0; }

/*列表*/
.newsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 641px) {
    .newsList {
      margin-top: 40px;
      margin-left: -22px;
      margin-right: -22px; } }
  @media (max-width: 640px) {
    .newsList {
      margin-top: 20px; } }
  .newsList li {
    padding: 20px 22px; }
    @media (min-width: 1051px) {
      .newsList li {
        width: calc(100% / 3); } }
    @media (min-width: 641px) and (max-width: 1050px) {
      .newsList li {
        width: 50%; } }
    @media (max-width: 640px) {
      .newsList li {
        width: 100%;
        padding: 20px 0; } }
  .newsList .Img {
    position: relative; }
    .newsList .Img::before {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: #ef8203;
      opacity: 0; }
    .newsList .Img a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden; }
    .newsList .Img img {
      position: relative;
      display: block;
      width: 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
  .newsList .Txt {
    padding-top: 16px; }
  .newsList h3 {
    font-size: 20px;
    font-family: "Poppins", Arial, "Noto Sans TC", "微軟正黑體", Heiti TC, "メイリオ", sans-serif;
    font-weight: 400;
    letter-spacing: 1px; }
    @media (max-width: 1180px) {
      .newsList h3 {
        font-size: 18px; } }
    .newsList h3 a {
      display: block;
      color: #222;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
  .newsList li:hover .Img::before {
    bottom: -5px;
    right: -5px;
    opacity: 1; }
  .newsList li:hover .Img img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02); }

.newsDate {
  padding: 5px 0;
  font-size: 12px;
  color: #a7a7a7;
  letter-spacing: 1.5px;
  text-transform: uppercase; }
  .newsDate strong {
    font-weight: 400; }
    .newsDate strong i {
      margin-right: 2px;
      font-size: 14px;
      color: #AE4233; }
  .newsDate b {
    margin-left: 3px; }

.newIcon {
  position: relative;
  display: inline-block;
  padding: 0 50px 0 0;
  margin-right: 5px;
  font-size: 14px;
  font-family: "Poppins", Arial, "Noto Sans TC", "微軟正黑體", Heiti TC, "メイリオ", sans-serif;
  font-weight: 400;
color: #ef8203;
   }


  .newIcon span {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 40px;
    height: 1px;
    opacity: .7; 
    background-color: #ef8203;
  }

/*內頁*/
.titleArea {
  position: relative; }
  .titleArea .shareBox {
    position: absolute;
    bottom: 20px;
    right: 5px;
    width: 100px;
    display: none; }

.side_news .side_newsList {
  margin-top: 20px; }