@charset "UTF-8";
@import url("font/style.css");
/* line 3, blog.scss */
.tag a {
  white-space: break-spaces;
  text-align: center;
}

/* line 14, blog.scss */
.wp.news a.box div {
  padding-left: 37px;
  padding-right: 20px;
}
/* line 17, blog.scss */
.wp.news a.box div h3 {
  position: relative;
}
/* line 19, blog.scss */
.wp.news a.box div h3:before {
  top: 0.8em;
  left: -20px;
  transform: translate(0, -50%);
}
/* line 28, blog.scss */
.wp.news.blogs .breadcrumb {
  padding-bottom: 0;
}
/* line 33, blog.scss */
.wp.news.blogs a.box div p {
  letter-spacing: 0;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
}
/* line 42, blog.scss */
.wp.news.blogs .section-1 .content p {
  font-weight: 400;
  color: #646464;
}
/* line 45, blog.scss */
.wp.news.blogs .section-1 .content p.fw600 {
  color: #000;
  font-weight: 600;
}

/* line 57, blog.scss */
.search_box ::placeholder,
.search_box ::-webkit-input-placeholder,
.search_box ::-moz-input-placeholder,
.search_box ::-ms-input-placeholder {
  color: #7F7F7F !important;
}

/* line 67, blog.scss */
.search_box {
  width: 300px;
  position: relative;
  font-size: 0;
  border-bottom: solid 1px rgba(127, 127, 127, 0.97);
}
/* line 72, blog.scss */
.search_box form {
  position: relative;
  display: block;
  width: 100%;
}
/* line 77, blog.scss */
.search_box .search_enter {
  width: calc(100% - 40px);
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  border: none;
  color: #000;
  padding: 14px 0;
  font-size: 20px;
  line-height: 20px;
}
/* line 89, blog.scss */
.search_box .search_button {
  width: 40px;
  height: 40px;
  border: none !important;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
/* line 96, blog.scss */
.search_box .search_button svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 1;
}
/* line 108, blog.scss */
.search_box .search_button:hover svg {
  opacity: .65;
}

/* line 115, blog.scss */
.search_top {
  position: relative;
  padding-left: 320px;
  padding-right: 320px;
  margin-top: 58px;
  margin-bottom: 20px;
}
/* line 121, blog.scss */
.search_top .search_box {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
/* line 127, blog.scss */
.search_top p {
  font-weight: 400;
  color: #000;
  margin-bottom: 0;
  line-height: 1.4em;
}
/* line 132, blog.scss */
.search_top p span {
  display: inline-block;
}
/* line 135, blog.scss */
.search_top p .red {
  color: #C70C17;
}
@media (max-width: 1400px) {
  /* line 115, blog.scss */
  .search_top {
    margin-top: 45px;
    padding-left: 270px;
    padding-right: 270px;
  }
  /* line 143, blog.scss */
  .search_top .search_box {
    width: 250px;
  }
}
@media (max-width: 1200px) {
  /* line 115, blog.scss */
  .search_top {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
  }
  /* line 151, blog.scss */
  .search_top .search_box {
    margin-bottom: 35px;
    display: inline-block;
    position: relative;
    width: 800px;
    max-width: 100%;
    top: inherit;
    transform: translate(0, 0);
  }
}

/* line 164, blog.scss */
.breadcrumb a {
  font-weight: 500;
}

/* line 170, blog.scss */
.slider-blog-img .slick-dots {
  margin-bottom: 0;
  padding-right: 50px;
  font-size: 0;
  line-height: 0;
  margin-top: 42px;
  transform: translate(0, 50%);
}
/* line 177, blog.scss */
.slider-blog-img .slick-dots li {
  width: 12px;
  height: 12px;
}
/* line 180, blog.scss */
.slider-blog-img .slick-dots li button {
  width: 12px;
  height: 12px;
  border: none;
  background: #D9D9D9;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/* line 191, blog.scss */
.slider-blog-img .slick-dots li:hover button {
  background: #C70C17;
}
/* line 196, blog.scss */
.slider-blog-img .slick-dots li.slick-active button {
  background: #C70C17;
}
/* line 203, blog.scss */
.slider-blog-img .slick-prev,
.slider-blog-img .slick-next {
  width: 60px;
  height: 60px;
  left: auto;
  right: 50px;
  top: 100%;
  background: none;
  transform: translate(0, -50%);
  margin-top: 0;
  z-index: 9;
}
/* line 214, blog.scss */
.slider-blog-img .slick-prev:before,
.slider-blog-img .slick-next:before {
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  font-size: 32px;
}
/* line 235, blog.scss */
.slider-blog-img .slick-prev:hover:before,
.slider-blog-img .slick-next:hover:before {
  color: #C70C17;
}
/* line 240, blog.scss */
.slider-blog-img .slick-prev {
  margin-right: 75px;
}
/* line 242, blog.scss */
.slider-blog-img .slick-prev:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  background: #D9D9D9;
  width: 1px;
  height: 22px;
  z-index: 3;
}
/* line 253, blog.scss */
.slider-blog-img .slick-prev:before {
  content: "\e908";
}
/* line 257, blog.scss */
.slider-blog-img .slick-next {
  margin-right: 15px;
}
/* line 259, blog.scss */
.slider-blog-img .slick-next:before {
  content: "\e909";
}
@media (max-width: 850px) {
  /* line 264, blog.scss */
  .slider-blog-img .slick-dots {
    margin-top: 24px;
  }
  /* line 267, blog.scss */
  .slider-blog-img .slick-prev,
  .slider-blog-img .slick-next {
    right: 0;
  }
  /* line 271, blog.scss */
  .slider-blog-img .slick-prev {
    margin-right: 60px;
  }
  /* line 274, blog.scss */
  .slider-blog-img .slick-next {
    margin-right: 0;
  }
}

/* line 280, blog.scss */
.blog_top {
  padding-top: 20px;
}
/* line 282, blog.scss */
.blog_top .max1600 {
  padding-left: 0.05em;
  padding-right: 0.05em;
}
@media (max-width: 1700px) {
  /* line 282, blog.scss */
  .blog_top .max1600 {
    padding-left: 1%;
    padding-right: 1%;
  }
}
/* line 290, blog.scss */
.blog_top .search_box {
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 37px;
}
@media (max-width: 850px) {
  /* line 280, blog.scss */
  .blog_top {
    padding-top: 0;
  }
  /* line 297, blog.scss */
  .blog_top .search_box {
    width: 800px;
    max-width: 100%;
  }
}
/* line 303, blog.scss */
.blog_top .blog_top_date {
  display: flex;
}
@media (max-width: 850px) {
  /* line 303, blog.scss */
  .blog_top .blog_top_date {
    display: block;
  }
}
/* line 308, blog.scss */
.blog_top .blog_top_date .blog_img {
  width: 50%;
  z-index: 1;
}
/* line 311, blog.scss */
.blog_top .blog_top_date .blog_img .in_flex {
  padding-bottom: 30px;
}
/* line 314, blog.scss */
.blog_top .blog_top_date .blog_img .slider-blog-img {
  margin-top: -50px;
  width: calc(100% + 50px);
  max-width: inherit;
}
@media (max-width: 850px) {
  /* line 308, blog.scss */
  .blog_top .blog_top_date .blog_img {
    width: 100%;
  }
  /* line 322, blog.scss */
  .blog_top .blog_top_date .blog_img .slider-blog-img {
    margin-top: 0;
    width: 100%;
    max-width: 100%;
  }
}
/* line 329, blog.scss */
.blog_top .blog_top_date .blog_text {
  display: flex;
  z-index: 2;
  background: #F7F7F7;
  width: 50%;
  padding: 60px;
}
/* line 336, blog.scss */
.blog_top .blog_top_date .blog_text .in_flex {
  width: 635px;
  max-width: 100%;
}
/* line 340, blog.scss */
.blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box {
  padding-right: 70px;
}
/* line 342, blog.scss */
.blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box h3 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
/* line 346, blog.scss */
.blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box h3:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% + 25px);
  height: 1px;
  background: #ccc;
}
/* line 356, blog.scss */
.blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 4;
  -moz-box-orient: vertical;
  margin-bottom: 25px;
}
/* line 365, blog.scss */
.blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box span,
.blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box time {
  margin-bottom: 40px;
  display: block;
  font-family: "poppins";
  font-weight: 500;
}
/* line 372, blog.scss */
.blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box a {
  font-size: 16px;
  color: #C70C17;
  border: solid 1px #C70C17;
  width: 180px;
  padding: 15px;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: 0;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/* line 386, blog.scss */
.blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
/* line 395, blog.scss */
.blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box a:hover {
  background: #C70C17;
  color: #fff;
}
@media (max-width: 1800px) {
  /* line 340, blog.scss */
  .blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box {
    padding-right: 50px;
  }
}
@media (max-width: 1600px) {
  /* line 340, blog.scss */
  .blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box {
    padding-right: 30px;
  }
  /* line 405, blog.scss */
  .blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box h3 {
    width: calc(100% + 20px);
    font-size: 28px;
  }
  /* line 409, blog.scss */
  .blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box a {
    width: 170px;
  }
}
@media (max-width: 1450px) {
  /* line 414, blog.scss */
  .blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box h3 {
    font-size: 26px;
  }
  /* line 417, blog.scss */
  .blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box p {
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
  }
}
@media (max-width: 1400px) {
  /* line 340, blog.scss */
  .blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box {
    padding-right: 15px;
  }
  /* line 424, blog.scss */
  .blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box h3 {
    width: calc(100% + 15px);
    font-size: 24px;
  }
  /* line 428, blog.scss */
  .blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box a {
    width: 160px;
  }
}
@media (max-width: 850px) {
  /* line 340, blog.scss */
  .blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box {
    padding-right: 0;
  }
}
@media (max-width: 550px) {
  /* line 436, blog.scss */
  .blog_top .blog_top_date .blog_text .in_flex .slider-blog-text .slider-box a {
    margin-left: 0;
    padding: 12px;
  }
}
@media (max-width: 1300px) {
  /* line 329, blog.scss */
  .blog_top .blog_top_date .blog_text {
    padding: 40px;
  }
}
@media (max-width: 850px) {
  /* line 329, blog.scss */
  .blog_top .blog_top_date .blog_text {
    display: block;
    width: 100%;
    padding: 30px;
  }
  /* line 451, blog.scss */
  .blog_top .blog_top_date .blog_text .in_flex {
    width: 100%;
  }
}
@media (max-width: 550px) {
  /* line 329, blog.scss */
  .blog_top .blog_top_date .blog_text {
    padding: 20px;
  }
}

/* line 462, blog.scss */
.wp.news a.box div time {
  font-family: "poppins";
  font-weight: 500;
}

/* line 469, blog.scss */
.page_table {
  position: relative;
  width: 100%;
  border: solid 1px #ccc;
}
/* line 473, blog.scss */
.page_table .scroll_box {
  width: 100%;
  overflow-y: auto;
}
/* line 476, blog.scss */
.page_table .scroll_box table {
  font-size: 15px;
  line-height: 20px;
}
/* line 480, blog.scss */
.page_table .scroll_box table thead tr {
  border-left: solid 1px #ccc;
  background: #ededed;
}
/* line 483, blog.scss */
.page_table .scroll_box table thead tr th {
  font-weight: 600;
}
/* line 485, blog.scss */
.page_table .scroll_box table thead tr th.title-th {
  font-size: 14px;
  width: 180px;
  height: 140px;
  position: relative;
  vertical-align: bottom;
  overflow: hidden;
}
/* line 492, blog.scss */
.page_table .scroll_box table thead tr th.title-th:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 500px;
  background: #ccc;
  transform-origin: bottom right;
  -moz-transform: rotate(-52deg);
  -webkit-transform: rotate(-52deg);
  -o-transform: rotate(-52deg);
  -ms-transform: rotate(-52deg);
  transform: rotate(-52deg);
}
/* line 507, blog.scss */
.page_table .scroll_box table thead tr th.title-th span {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}
/* line 517, blog.scss */
.page_table .scroll_box table tr {
  border-bottom: solid 1px #ccc;
}
/* line 519, blog.scss */
.page_table .scroll_box table tr:last-child {
  border-bottom: none;
}
/* line 522, blog.scss */
.page_table .scroll_box table tr td,
.page_table .scroll_box table tr th {
  padding: 10px 20px;
  text-align: center;
  border-left: solid 1px #ccc;
}
/* line 527, blog.scss */
.page_table .scroll_box table tr td:first-child,
.page_table .scroll_box table tr th:first-child {
  max-width: 180px;
  min-width: 180px;
  text-align: left;
  border-left: none;
  font-weight: 600;
}

/* line 540, blog.scss */
.scroll_box {
  -webkit-overflow-scrolling: touch;
}
/* line 542, blog.scss */
.scroll_box::-webkit-scrollbar {
  height: 5px;
}
/* line 545, blog.scss */
.scroll_box::-webkit-scrollbar-track {
  /*拉霸底部顏色*/
  border-radius: 0px;
  background-color: #999999;
}
/* line 550, blog.scss */
.scroll_box::-webkit-scrollbar-thumb {
  /*拉霸顏色*/
  border-radius: 0px;
  background-color: #B01719;
}