/*text-----------------------------------------------------------------------------------*/
/*@font-face {
    font-family: 'cwTeXHei';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
    src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
    url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
    url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype');
}*/
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 100;
  src: url(fonts/tw/SourceHanSansTW/extralight/SourceHanSansTW-ExtraLight.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/extralight/SourceHanSansTW-ExtraLight.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/extralight/SourceHanSansTW-ExtraLight.woff) format('woff'), url(fonts/tw/SourceHanSansTW/extralight/SourceHanSansTW-ExtraLight.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/extralight/SourceHanSansTW-ExtraLight.svg#SourceHanSansTW-ExtraLight-Alphabetic) format('svg');
}
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/tw/SourceHanSansTW/light/SourceHanSansTW-Light.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/light/SourceHanSansTW-Light.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/light/SourceHanSansTW-Light.woff) format('woff'), url(fonts/tw/SourceHanSansTW/light/SourceHanSansTW-Light.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/light/SourceHanSansTW-Light.svg#SourceHanSansTW-Light-Alphabetic) format('svg');
}
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/tw/SourceHanSansTW/normal/SourceHanSansTW-Normal.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/normal/SourceHanSansTW-Normal.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/normal/SourceHanSansTW-Normal.woff) format('woff'), url(fonts/tw/SourceHanSansTW/normal/SourceHanSansTW-Normal.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/normal/SourceHanSansTW-Normal.svg#SourceHanSansTW-Normal-Alphabetic) format('svg');
}
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 500;
  src: url(fonts/tw/SourceHanSansTW/regular/SourceHanSansTW-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/regular/SourceHanSansTW-Regular.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/regular/SourceHanSansTW-Regular.woff) format('woff'), url(fonts/tw/SourceHanSansTW/regular/SourceHanSansTW-Regular.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/regular/SourceHanSansTW-Regular.svg#SourceHanSansTW-Regular-Alphabetic) format('svg');
}
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 600;
  src: url(fonts/tw/SourceHanSansTW/medium/SourceHanSansTW-Medium.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/medium/SourceHanSansTW-Medium.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/medium/SourceHanSansTW-Medium.woff) format('woff'), url(fonts/tw/SourceHanSansTW/medium/SourceHanSansTW-Medium.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/medium/SourceHanSansTW-Medium.svg#SourceHanSansTW-Medium-Alphabetic) format('svg');
}
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/tw/SourceHanSansTW/bold/SourceHanSansTW-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/bold/SourceHanSansTW-Bold.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/bold/SourceHanSansTW-Bold.woff) format('woff'), url(fonts/tw/SourceHanSansTW/bold/SourceHanSansTW-Bold.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/bold/SourceHanSansTW-Bold.svg#SourceHanSansTW-Bold-Alphabetic) format('svg');
}
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 900;
  src: url(fonts/tw/SourceHanSansTW/heavy/SourceHanSansTW-Heavy.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/heavy/SourceHanSansTW-Heavy.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/heavy/SourceHanSansTW-Heavy.woff) format('woff'), url(fonts/tw/SourceHanSansTW/heavy/SourceHanSansTW-Heavy.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/heavy/SourceHanSansTW-Heavy.svg#SourceHanSansTW-Heavy-Alphabetic) format('svg');
}
/*color-------------------------------------------------------------------------------------*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
body {
  /*news list*/
}
body .pageContent {
  width: 100%;
  background-color: #e5e5e5;
}
body .pageContent .newsHeader {
  text-indent: -9999px;
}
body .pageContent .newsList {
  min-height: 80vh;
  background-color: #111111;
}
body .pageContent .newsList .newsItem {
  display: block;
  height: calc(40vh);
  overflow: hidden;
}
body .pageContent .newsList .newsItem .newsImg {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
}
body .pageContent .newsList .newsItem .newsImg img {
  width: 101%;
  height: 101%;
  object-fit: cover;
}
body .pageContent .newsList .newsItem .mask {
  width: 101%;
  height: 101%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
body .pageContent .newsList .newsItem .newsInfo {
  width: 100%;
  padding: 30px;
  color: #ffffff;
}
body .pageContent .newsList .newsItem .newsInfo span {
  display: block;
  font-family: Georgia, serif;
  letter-spacing: .1em;
  margin-bottom: 28px;
}
body .pageContent .newsList .newsItem .newsInfo h2 {
  font-weight: bolder;
  /*font-size: 2em;*/
  font-size: calc(3.08vh);
  letter-spacing: .2em;
  margin-bottom: 20px;
}
body .pageContent .newsList .newsItem .newsInfo h3 {
  font-weight: normal;
  letter-spacing: .2em;
  line-height: 2em;
  /*font-size: 1em;*/
  font-size: calc(1.56vh);
}
@media screen and (max-width: 992px) {
  body .pageContent .newsList .newsItem .newsInfo {
    padding: 10;
  }
  body .pageContent .newsList .newsItem .newsInfo span {
    font-size: .6em;
    margin-bottom: 12px;
  }
  body .pageContent .newsList .newsItem .newsInfo h2 {
    font-weight: bolder;
    font-size: 1em;
    letter-spacing: .1em;
    margin-bottom: 9px;
  }
  body .pageContent .newsList .newsItem .newsInfo h3 {
    font-size: .8em;
    line-height: 1.5em;
  }
}
body .pageContent .newsList .newsItem:hover .newsImg {
  transform: scale(1.1);
}
body .pageContent .newsList .newsItem:hover .mask {
  background-color: rgba(242, 110, 37, 0.7);
}
@media screen and (max-width: 992px) {
  body .pageContent .newsList .newsItem {
    height: 220px;
  }
}
body .pageContent .newsList .newsLinkBtn {
  text-decoration: none;
}
body .pageContent .newsList .newsLinkBtn h1 {
  display: table-column;
  text-indent: -9999px;
}
body .pageContent .newsList .newsLinkBtn .pcImg {
  padding: 20px 7px;
  background-color: #ffffff;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px;
}
body .pageContent .newsList .newsLinkBtn .mobileImg {
  padding: 7px 20px;
  zoom: 50%;
  box-sizing: content-box;
  background-color: #ffffff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
body .pageContent .newsList:after {
  content: '';
  display: block;
  clear: both;
}
body .newsLabel {
  position: fixed;
  z-index: 1;
  text-decoration: none;
}
body .newsLabel h3 {
  display: table-column;
  text-indent: -9999px;
}
body .newsLabel .pcImg {
  box-sizing: content-box;
  width: 40px;
  height: 198px;
  object-fit: contain;
  -o-object-fit: contain;
  padding: 21px 6px;
  background-color: #ffffff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
@media screen and (max-width: 992px) {
  body .newsLabel .pcImg {
    padding: 21px 8px;
    zoom: 50%;
    box-sizing: content-box;
    background-color: #ffffff;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
  }
}
body .newsLabel .mobileImg {
  padding: 21px 8px;
  zoom: 50%;
  box-sizing: content-box;
  background-color: #ffffff;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
}
body .newsLabel.w3-display-left {
  margin-left: calc(100vw / 3 - 26px);
}
@media screen and (max-width: 992px) {
  body .newsLabel.w3-display-left {
    top: 50%;
    margin-left: 15px;
  }
}
@media screen and (max-width: 600px) {
  body .newsLabel.w3-display-left {
    top: 50%;
  }
}
body .newsLabel.w3-display-right {
  margin-right: calc(100vw / 3 - 26px);
}
@media screen and (max-width: 992px) {
  body .newsLabel.w3-display-right {
    top: 50%;
    margin-right: 15px;
  }
}
@media screen and (max-width: 600px) {
  body .newsLabel.w3-display-right {
    top: 50%;
  }
}
body .newsLabel.open {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
@media screen and (max-width: 992px) {
  body .newsLabel.open {
    opacity: 0;
  }
}
@media screen and (max-width: 992px) {
  body .pageContent {
    padding: 70px 0 0 0;
  }
  body .pageContent .newsList {
    min-height: 50vh;
  }
}
@media screen and (max-width: 600px) {
  body .pageContent {
    padding: 70px 0 0 0;
  }
  body .pageContent .newsList {
    min-height: 0;
  }
}