/* CSS Document */
.newsInfoBox {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 padding-bottom: 10px;
}
.newsInfoBox .dateBox, .newsInfoBox .classTitle {
 padding: 5px 0;
}
.newsInfoBox .dateBox .date {
 line-height: 1;
}
.newsInfoBox .classTitle {
 font-size: 14px;
 line-height: 1;
 letter-spacing: 0.5px;
 padding: 5px 10px;
}

.newsList {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 margin: 0 -15px;
}
.newsList .newsItem {
 width: 33.3333333333%;
 padding: 0 15px 30px;
}
@media (max-width: 1180px) {
 .newsList .newsItem {
  width: 50%;
 }
}
@media (max-width: 640px) {
 .newsList .newsItem {
  width: 100%;
 }
}
.newsList .item {
 -webkit-box-shadow: 5px 5px 20px 0px rgba(140, 140, 140, 0.2);
         box-shadow: 5px 5px 20px 0px rgba(140, 140, 140, 0.2);
}
.newsList .Img {
 width: 100%;
}
.newsList .Img img {
 width: 100%;
 height: auto;
 display: block;
 -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
}
.newsList .classTitle {
 width: 70px;
 background-color: #003057;
 font-size: 15px;
 font-weight: 500;
 font-family: "Noto Sans TC", "Microsoft JhengHei, sans-serif";
 color: #fff;
 letter-spacing: 1.2px;
 line-height: 23px;
 padding: 12px 15px;
 text-align: center;
 position: absolute;
 top: 0;
 left: 0;
}
.newsList .Txt {
 padding: 35px 25px;
 background-color: #fff;
}
.newsList .Txt .dateBox {
 font-size: 15px;
 font-weight: 400;
 font-family: "Poppins", "Microsoft JhengHei", sans-serif;
 color: #5e5e5e;
 letter-spacing: 0px;
}
.newsList .Txt .title {
 font-size: 18px;
 font-weight: 500;
 font-family: "Noto Sans TC", "Microsoft JhengHei, sans-serif";
 color: #000;
 letter-spacing: 1.08px;
 height: 26px;
 overflow: hidden;
}
.newsList .Txt .text {
 font-size: 15px;
 font-weight: 500;
 font-family: "Noto Sans TC", "Microsoft JhengHei, sans-serif";
 color: #5e5e5e;
 letter-spacing: 0.9px;
 padding-top: 15px;
 line-height: 1.5;
 height: 60px;
 overflow: hidden;
}

.inPage {
 padding-top: 50px;
}

.shareBox {
 float: right;
}
.shareBox .btn-fb {
 display: inline-block;
 vertical-align: middle;
 margin-right: 5px;
}
.shareBox .back {
 display: inline-block;
 vertical-align: middle;
 padding: 3px 5px;
 border-radius: 3px;
 font-size: 12px;
 color: #fff;
 background: rgb(174, 66, 51);
 /* Old browsers */
 /* FF3.6+ */
 /* Chrome,Safari4+ */
 /* Chrome10+,Safari5.1+ */
 /* Opera 11.10+ */
 /* IE10+ */
 background: -webkit-gradient(linear, left top, left bottom, from(rgb(174, 66, 51)), to(rgb(196, 76, 76)));
 background: linear-gradient(to bottom, rgb(174, 66, 51) 0%, rgb(196, 76, 76) 100%);
 /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae4233", endColorstr="#c44c4c", GradientType=0);
 /* IE6-9 */
 cursor: pointer;
}
@media (min-width: 1181px) {
 .shareBox .back:hover {
  background: #398cb1;
 }
}

.sideDataList .sideDataItem {
 padding-bottom: 20px;
}
.sideDataList .item {
 -webkit-box-shadow: 5px 5px 20px 0px rgba(140, 140, 140, 0.2);
         box-shadow: 5px 5px 20px 0px rgba(140, 140, 140, 0.2);
}
.sideDataList .Img {
 width: 100%;
}
.sideDataList .Img img {
 width: 100%;
 height: auto;
 display: block;
 -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
}
.sideDataList .classTitle {
 width: 70px;
 background-color: #003057;
 font-size: 15px;
 font-weight: 500;
 font-family: "Noto Sans TC", "Microsoft JhengHei, sans-serif";
 color: #fff;
 letter-spacing: 1.2px;
 line-height: 23px;
 padding: 12px 15px;
 text-align: center;
 position: absolute;
 top: 0;
 left: 0;
}
.sideDataList .Txt {
 padding: 35px 25px;
 background-color: #fff;
}
.sideDataList .Txt .dateBox {
 font-size: 15px;
 font-weight: 400;
 font-family: "Poppins", "Microsoft JhengHei", sans-serif;
 color: #5e5e5e;
 letter-spacing: 0px;
}
.sideDataList .Txt .title {
 font-size: 18px;
 font-weight: 500;
 font-family: "Noto Sans TC", "Microsoft JhengHei, sans-serif";
 color: #000;
 letter-spacing: 1.08px;
 height: 26px;
 overflow: hidden;
}
.sideDataList .Txt .text {
 font-size: 15px;
 font-weight: 500;
 font-family: "Noto Sans TC", "Microsoft JhengHei, sans-serif";
 color: #5e5e5e;
 letter-spacing: 0.9px;
 padding-top: 15px;
 line-height: 1.5;
 height: 60px;
 overflow: hidden;
}