/* line 33, ../../sass/_mixins.scss */
.banner {
  width: 100%;
  height: 376px;
}
@media only screen and (max-width: 991px) {
  /* line 33, ../../sass/_mixins.scss */
  .banner {
    height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 33, ../../sass/_mixins.scss */
  .banner {
    height: 120px;
  }
}

/* line 3, ../../sass/_base.scss */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding: 0;
}

/* line 8, ../../sass/_base.scss */
body {
  font-size: 16px;
}

/* line 11, ../../sass/_base.scss */
div, h1, h2, h3, h4, h5, h6, p, li, input, select, button {
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 300;
}

/* line 15, ../../sass/_base.scss */
a, a:link, a:hover, a:active, a:focus {
  text-decoration: none;
  color: inherit;
}

/* line 20, ../../sass/_base.scss */
h1 {
  font-size: 48px;
  color: #272e35;
  line-height: 60px;
}
@media only screen and (max-width: 767px) {
  /* line 20, ../../sass/_base.scss */
  h1 {
    font-size: 36px;
  }
}

/* line 29, ../../sass/_base.scss */
h2 {
  font-size: 30px;
  color: #272e35;
  font-weight: 500;
}

/* line 35, ../../sass/_base.scss */
h3 {
  font-size: 20px;
  color: #272e35;
}

/* line 40, ../../sass/_base.scss */
p {
  font-weight: 300;
}

/* line 44, ../../sass/_base.scss */
li {
  font-weight: 500;
}

/* line 47, ../../sass/_base.scss */
.container li {
  font-weight: 300;
}

/* line 51, ../../sass/_base.scss */
select {
  cursor: pointer;
}

/* line 55, ../../sass/_base.scss */
img {
  max-width: 100%;
}

/* line 59, ../../sass/_base.scss */
.container {
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 48px;
}

/* line 65, ../../sass/_base.scss */
.row {
  margin: 0;
}

/* line 68, ../../sass/_base.scss */
.gap {
  margin: 20px;
}

/* line 6, ../../sass/layouts/news.scss */
.banner {
  background: url("../../images/l_1/banners/news_banner.jpg") center/cover;
}

/* line 11, ../../sass/layouts/news.scss */
.container {
  width: 1330px;
  max-width: 100%;
}
/* line 14, ../../sass/layouts/news.scss */
.container h1 {
  margin: 20px;
}

/* line 19, ../../sass/layouts/news.scss */
.cards-container {
  max-width: 1330px;
  margin: 0 auto;
}

/* line 24, ../../sass/layouts/news.scss */
.news-card {
  cursor: pointer;
}
/* line 26, ../../sass/layouts/news.scss */
.news-card .gap {
  min-height: 431px;
  box-shadow: 0 2px 8px 0 rgba(153, 153, 153, 0.5);
}
.news-card .card-title {
  font-size: 20px;
  letter-spacing: 4px;
  line-height: 160%;
  color: #272e35;
  opacity: 0.9;
  padding: 15px;
  padding-left: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 30, ../../sass/layouts/news.scss */
.news-card .card-content {
  height: calc(100% - 176px);
  padding-bottom: 80px;
}
/* line 33, ../../sass/layouts/news.scss */
.news-card .card-content div {
  padding: 0 30px;
}
/* line 37, ../../sass/layouts/news.scss */
.news-card .card-content .card-date {
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 1.4px;
  color: #808080;
  padding: 25px 30px 20px;
}
/* line 44, ../../sass/layouts/news.scss */
.news-card .card-content .card-title {
 /* font-size: 20px;
  letter-spacing: 4px;
  line-height: 160%;
  color: #272e35;
  opacity: 0.9;
  padding: 0 30px 15px;*/
}
/* line 52, ../../sass/layouts/news.scss */
.news-card .card-content .card-desc {
  opacity: 0.6;
  line-height: 160%;
  letter-spacing: 1.8px;
  padding: 25px 30px 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 61, ../../sass/layouts/news.scss */
.news-card .more {
  text-align: center;
  letter-spacing: 1.6px;
  color: #000;
  opacity: 0.5;
  font-size: 14px;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
}
/* line 72, ../../sass/layouts/news.scss */
.news-card:before {
  content: "";
  position: absolute;
  bottom: 70px;
  width: calc(100% - 40px);
  height: 1px;
  background: #000;
  opacity: 0.2;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* line 85, ../../sass/layouts/news.scss */
.news-card:after {
  content: "MORE";
  position: absolute;
  font-size: 14px;
  left: 50%;
  bottom: 40px;
  letter-spacing: 1.6px;
  color: #000;
  opacity: 0.5;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  /* line 102, ../../sass/layouts/news.scss */
  .container h1 {
    margin: 40px 0;
  }

  /* line 107, ../../sass/layouts/news.scss */
  .news-card .gap {
    margin: 20px 0;
  }
  /* line 110, ../../sass/layouts/news.scss */
  .news-card:before {
    width: 100%;
    bottom: 50px;
  }
  /* line 114, ../../sass/layouts/news.scss */
  .news-card:after {
    bottom: 20px;
  }
}

/*# sourceMappingURL=news.css.map */