@charset "UTF-8";
/*-------------------------------------------------------------------------------*/
/*    $index                                                                                */
/*-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/
/*    $Noimg                                                                                  */
/*-------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Anton");
.noimg {
  background: #f1f3f5 url(../../images/module/no_image.svg) center center no-repeat;
}

@media print {
  .noimg {
    border: 1px solid #f1f3f5;
  }
}
img {
  object-fit: cover;
}

.owl-carousel.index_banner {
  z-index: 0;
}

.index_banner {
  position: relative;
  border-top: solid 3px #d64203;
  overflow: hidden;
  z-index: 0;
}
.index_banner:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0;
  background: url(../../images/index_banner_after.svg) repeat-x bottom;
}
@media (min-width: 768px) {
  .index_banner:after {
    height: 60px;
  }
}

.no-js .owl-carousel.index_banner {
  display: flex;
  flex-wrap: wrap;
}
.no-js .owl-carousel.index_banner .item {
  max-width: 33.3%;
}

/*-------------------------------------------------------------------------------*/
/* 01-展覽海報
/* 02-活動消息
/*-------------------------------------------------------------------------------*/
.Information_wrap {
  position: relative;
  margin-top: 1.5rem;
}
.Information_poster {
  margin: 0 auto;
  margin-bottom: 3.5rem;
}
@media (min-width: 576px) {
  .Information_poster {
    width: 70%;
  }
}
@media (min-width: 825px) {
  .Information_poster {
    float: left;
    width: 330px;
    margin-bottom: 0;
  }
}
.Information_poster .owl-poster {
  background: url(../../images/index_bgposter.svg) no-repeat bottom, #e6e7e7;
}
.Information_poster a {
  display: block;
  padding: 2rem 1rem;
  color: #666666;
  margin: 2px;
}
.Information_poster a figcaption {
  padding: 2rem 0;
}
.Information_poster a p {
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Information_poster a .datetime {
  display: block;
  margin-top: 1rem;
  font-family: Arial;
}
.Information_poster a:hover .Information_poster_img img, .Information_poster a:focus .Information_poster_img img {
  transform: scale(0.95);
  transition: all 0.3s ease-in-out;
}
.Information_poster a:focus {
  outline-offset: -2px;
}
.Information_poster_img {
  position: relative;
  padding-bottom: 133%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
.Information_poster_img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.Information_poster .owl-controls .owl-nav {
  display: flex;
  position: absolute;
  bottom: -23.5px;
  right: 1rem;
}
.Information_poster .owl-controls .owl-nav .owl-prev,
.Information_poster .owl-controls .owl-nav .owl-next {
  width: 47px;
  height: 47px;
  background: url(../../images/owl_navArrow.svg) no-repeat, black;
}
.Information_poster .owl-controls .owl-nav .owl-prev a,
.Information_poster .owl-controls .owl-nav .owl-next a {
  display: block;
  overflow: hidden;
  width: 47px !important;
  height: 47px !important;
  margin: 0;
  padding: 0;
  color: white;
  text-indent: 120%;
  white-space: nowrap;
}
.Information_poster .owl-controls .owl-nav .owl-prev a:focus,
.Information_poster .owl-controls .owl-nav .owl-next a:focus {
  outline: 2px dotted yellow;
}
.Information_poster .owl-controls .owl-nav .owl-prev {
  transform: scaleX(-1);
  border-left: dotted 1px rgba(255, 255, 255, 0.3);
}
.Information_poster .owl-controls .owl-dots {
  position: absolute;
  bottom: -15px;
  left: 1rem;
}
.Information_poster .owl-controls .owl-dots .owl-dot {
  display: inline-block;
  width: 30px;
  height: 5px;
  margin-right: 0.5rem;
  background: #e6e7e7;
  transition: all 0.3s ease-in-out;
}
.Information_poster .owl-controls .owl-dots .owl-dot:hover, .Information_poster .owl-controls .owl-dots .owl-dot:focus, .Information_poster .owl-controls .owl-dots .owl-dot.active {
  background: #d64203;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 576px) {
  .no-js .Information_poster {
    width: 70%;
    overflow: auto;
  }
}
@media (min-width: 825px) {
  .no-js .Information_poster {
    width: 330px;
    height: 600px;
  }
}
.no-js .Information_poster a:hover .Information_poster_img img, .no-js .Information_poster a:focus .Information_poster_img img {
  transform: scale(1);
}

.BtnMore_common {
  text-align: center;
  transform: skewX(-12deg);
}
.BtnMore_common a {
  display: inline-block;
  position: relative;
  padding: 1rem 0;
  color: #d64203;
  transform: translateX(-20px);
  transition: all 0.3s ease-in-out;
}
.BtnMore_common a:after {
  content: "";
  position: absolute;
  right: -25px;
  width: 19px;
  height: 19px;
  background: url(../../images/icon_BtnMore_common.svg) no-repeat;
  transform: skewX(12deg);
}
.BtnMore_common a:hover {
  transform: translateX(0px);
  transition: all 0.3s ease-in-out;
}

/*-------------------------------------------------------------------------------*/
/* 01-熱門服務
/*-------------------------------------------------------------------------------*/
.HotServices {
  position: relative;
  width: 100%;
  margin-top: 5rem;
}
@media (min-width: 992px) {
  .HotServices {
    padding-right: 2rem;
    margin-top: 0;
  }
}
@media (min-width: 1050px) {
  .HotServices {
    width: 68%;
    padding-right: 5rem;
  }
}
.HotServices_title {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.HotServices_title:before, .HotServices_title:after {
  content: "";
  position: absolute;
  bottom: 0;
}
.HotServices_title:before {
  left: 0;
  width: 140px;
  border: solid 3px #d64203;
}
.HotServices_title:after {
  right: 0;
  width: calc(100% - 140px);
  border: solid 3px #e6e7e7;
}
@media (min-width: 825px) {
  .HotServices_title:after {
    width: calc(100% - (140px + 30px));
  }
}
.HotServices_title .coustom_title {
  padding-left: 0.75rem;
  padding-bottom: 1rem;
}
@media (min-width: 825px) {
  .HotServices_title {
    text-align: left;
  }
}
.HotServices_content {
  margin: 2.5rem auto 0;
  width: 90%;
}
@media (min-width: 768px) {
  .HotServices_content {
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .HotServices_content {
    width: 100%;
  }
}
.HotServices_content li {
  margin: 1.5rem auto;
}
.HotServices_content li a {
  display: block;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 24px 46px -10px rgba(106, 77, 55, 0.25);
}
.HotServices_content li a:hover, .HotServices_content li a:focus {
  position: relative;
  transform: scale(1.15);
  transition: all 0.3s ease-in-out;
  z-index: 1;
  box-shadow: 0px 24px 50px -20px rgba(106, 77, 55, 0.9);
}
@media (min-width: 576px) {
  .HotServices_content li {
    float: left;
    width: calc(99%/2 - 1rem/2);
    margin-right: 1rem;
  }
  .HotServices_content li:nth-child(1) {
    width: 100%;
  }
  .HotServices_content li:nth-child(3), .HotServices_content li:nth-child(5), .HotServices_content li:nth-child(7) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .HotServices_content li:nth-child(1), .HotServices_content li:nth-child(2), .HotServices_content li:nth-child(3), .HotServices_content li:nth-child(4) {
    width: calc(99%/2 - 1rem/2);
  }
  .HotServices_content li:nth-child(3), .HotServices_content li:nth-child(5) {
    margin-right: 1rem;
  }
  .HotServices_content li:nth-child(2), .HotServices_content li:nth-child(4), .HotServices_content li:nth-child(7) {
    margin-right: 0;
  }
  .HotServices_content li:nth-child(5), .HotServices_content li:nth-child(6), .HotServices_content li:nth-child(7) {
    width: calc(99%/3 - (1rem/3)*2);
  }
  .HotServices_content li:nth-child(5) a .HotServices_text, .HotServices_content li:nth-child(6) a .HotServices_text, .HotServices_content li:nth-child(7) a .HotServices_text {
    right: 0;
  }
}
@media (min-width: 992px) {
  .HotServices_content li:nth-child(1), .HotServices_content li:nth-child(2), .HotServices_content li:nth-child(3) {
    width: calc(99%/3 - (1rem/3)*2);
  }
  .HotServices_content li:nth-child(2), .HotServices_content li:nth-child(4) {
    margin-right: 1rem;
  }
  .HotServices_content li:nth-child(3), .HotServices_content li:nth-child(7) {
    margin-right: 0;
  }
  .HotServices_content li:nth-child(4), .HotServices_content li:nth-child(5), .HotServices_content li:nth-child(6), .HotServices_content li:nth-child(7) {
    width: calc(99%/4 - (1rem/4)*3);
  }
  .HotServices_content li:nth-child(4) a .HotServices_text, .HotServices_content li:nth-child(5) a .HotServices_text, .HotServices_content li:nth-child(6) a .HotServices_text, .HotServices_content li:nth-child(7) a .HotServices_text {
    right: 0;
  }
}
.HotServices_content:after {
  content: "";
  display: table;
  clear: both;
}
.HotServices_img {
  position: relative;
  width: 100%;
  padding-bottom: 51.6%;
  height: 0;
  overflow: hidden;
}
.HotServices_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  .HotServices_img {
    padding-bottom: 80%;
  }
}
.HotServices_text {
  position: absolute;
  bottom: 0;
  width: 100px;
  min-height: 100px;
  padding: 1rem;
  color: #3e3e3e;
  background: white;
}
.HotServices_text span {
  display: block;
}
.HotServices_text span:last-child {
  padding-top: 1rem;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 4rem;
}
.HotServices_text .mark_number {
  position: absolute;
  top: -20px;
  font-family: "Anton", sans-serif;
  font-size: 2.8125em;
}
.HotServices a {
  position: relative;
}
/*-------------------------------------------------------------------------------*/
/* 行事曆
/*-------------------------------------------------------------------------------*/
.HotServices_cal {
  position: relative;
  margin-top: 5rem;
}

.nl_cal {
  float: left;
  width: 100%;
  padding: 2rem 1rem;
  box-shadow: -4px 11px 60px 0px rgba(106, 77, 55, 0.25);
  border-radius: 10px;
}
@media (min-width: 576px) {
  .nl_cal {
    padding: 2rem 1.5rem;
  }
}
@media (min-width: 992px) {
  .nl_cal {
    padding: 2rem;
  }
}
@media (min-width: 1050px) {
  .nl_cal {
    width: 32%;
  }
}
.nl_cal .nl_cal_body {
  margin-top: 1.5rem;
}
.nl_cal .nl_cal_head_tit {
  display: inline-block;
  padding: 0 1rem 1rem 0.75rem;
}
.nl_cal .nl_cal_head_tit:before, .nl_cal .nl_cal_head_tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15px;
  transform: skewX(12deg);
}
.nl_cal .nl_cal_head_tit:before {
  width: 65px;
  border: solid 3px #d64203;
}
.nl_cal .nl_cal_head_mth {
  width: calc(99% - 100px);
  display: inline-block;
  font-size: 1.5rem;
  position: relative;
  border-bottom: 6px #e6e7e7 solid;
  padding-bottom: 0.625rem;
}
.nl_cal .nl_cal_head_mth_tit {
  font-style: italic;
  text-align: center;
  display: block;
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .nl_cal .nl_cal_head_mth_tit {
    font-size: 1.5rem;
  }
}

.nl_cal_padigation {
  position: absolute;
  top: calc(50% - 8px);
  width: 100%;
  padding: 0 1rem;
}
.nl_cal_padigation a {
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.nl_cal_padigation a.nl_cal-prev, .nl_cal_padigation a.nl_cal-next {
  height: 15px;
  width: 15px;
  border: 1px solid tomato;
  border-width: 2px 2px 0 0;
}
.nl_cal_padigation a.nl_cal-prev {
  transform: rotate(-130deg);
  float: left;
}
.nl_cal_padigation a.nl_cal-next {
  transform: rotate(45deg);
  float: right;
}

.nl_cal_days {
  color: #6b747d;
  font-family: "Roboto", sans-serif;
}

.nl_cal_ul {
  padding: 0.625rem 0;
  font-family: "Roboto", sans-serif;
}
.nl_cal_ul:after {
  content: "";
  display: table;
  clear: both;
}
.nl_cal_ul li {
  float: left;
  width: calc(99%/7);
  text-align: center;
}

.nl_cal_dates li {
  padding: 0.5rem 0;
}

.nl_cal_date {
  position: relative;
  display: inline-block;
  padding: 0.35rem;
  color: #5c5d5e;
  border-radius: 50%;
}
.nl_cal_date i {
  position: absolute;
  left: 0;
  font-size: 0.875rem;
  width: 30px;
  bottom: -15px;
  font-family: "Microsoft Jhenghei", "微軟正黑體", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nl_cal_date-disable {
  display: none;
}

.nl_cal_date-today {
  position: relative;
  background: #d64203;
  color: white;
  box-shadow: 2px 3px 4px 0px rgba(234, 84, 19, 0.5);
}
.nl_cal_date-today i {
  color: #d64203;
  background: white;
}

.nl_cal_date-rest {
  background: #2a75d4;
  color: white;
  box-shadow: 2px 3px 4px 0px rgba(101, 168, 254, 0.5);
}
.nl_cal_date-rest i {
  color: #2a75d4;
  background: white;
}

.nl_cal_rem_ul li {
  padding: 0.25rem 0;
  padding-left: 0.625rem;
  color: #5c5d5e;
  line-height: 1.2;
}
.nl_cal_rem_ul li .kf_icon-disc1:before,
.nl_cal_rem_ul li .kf_icon-disc2:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 0.25rem;
  border-radius: 2px;
}
.nl_cal_rem_ul li .kf_icon-disc1:before {
  background-color: #d64203;
}
.nl_cal_rem_ul li .kf_icon-disc2:before {
  background: #65a8fe;
}

/*-------------------------------------------------------------------------------*/
/* 01-精選服務
/* 02-影片
/* 03-花絮
/*-------------------------------------------------------------------------------*/
.other_wrap {
  padding: 5rem 0;
  background: url(../../images/bg_index_other.png) repeat-x;
  background-position: top 100px center;
}
@media (min-width: 825px) {
  .other_wrap {
    padding: 3rem 0;
  }
  .other_wrap .container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 825px) and (min-width: 992px) {
  .other_wrap .container {
    align-items: flex-end;
  }
}
@media (min-width: 992px) {
  .other_wrap {
    padding: 8rem 0;
    background-position: top 150px center;
  }
}

.othService_wrap {
  width: 100%;
}
.othService_wrap::after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 825px) {
  .othService_wrap {
    width: 330px;
  }
}
@media (min-width: 1200px) {
  .othService_wrap {
    width: 515px;
    margin-bottom: -50px;
  }
}
.othService_title {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.othService_title:before, .othService_title:after {
  content: "";
  position: absolute;
  bottom: 0;
}
.othService_title:before {
  left: 0;
  width: 140px;
  border: solid 3px #d64203;
}
.othService_title:after {
  right: 0;
  width: calc(100% - 140px);
  border: solid 3px #3e3e3e;
}
@media (min-width: 1200px) {
  .othService_title:after {
    width: calc(100% - 140px - 30px);
    margin-left: 30px;
  }
}
.othService_title .coustom_title {
  padding-left: 0.75rem;
  padding-bottom: 1rem;
  text-align: left;
}
.othService_list a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #3e3e3e;
  border-top: solid 1px #cececf;
  border-bottom: solid 1px #cececf;
  min-width: 312px;
  margin: 1rem 0;
}
.othService_list a span {
  position: relative;
  display: block;
  width: calc(100% - 140px);
  padding-left: 0.5rem;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 576px) {
  .othService_list a span {
    padding-right: 36px;
  }
  .othService_list a span:after {
    content: "";
    position: absolute;
    top: calc(99%/2 - 16px/2);
    right: 10px;
    width: 20px;
    height: 16px;
    background: url(../../images/icon_othService_arrow.svg) no-repeat center;
  }
}
.othService_list a:hover img, .othService_list a:focus img {
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}
.othService_list a:hover span, .othService_list a:focus span {
  transform: translateX(5px);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 576px) {
  .othService_list a:hover span, .othService_list a:focus span {
    transform: translateX(10px);
  }
}
@media (min-width: 1200px) {
  .othService_list {
    margin-left: 160px;
  }
}
.othService_img {
  width: 140px;
  height: 80px;
  overflow: hidden;
}
.othService_img img {
  transition: all 0.3s ease-in-out;
}

.owl-othservice {
  padding-top: 47px;
}
.owl-othservice .owl-controls .owl-nav {
  position: absolute;
  top: -5px;
  right: 0;
}
.owl-othservice .owl-controls .owl-nav .owl-prev,
.owl-othservice .owl-controls .owl-nav .owl-next {
  float: left;
  width: 47px;
  height: 47px;
  background: url(../../images/owl_navArrow.svg) no-repeat, black;
}
.owl-othservice .owl-controls .owl-nav .owl-prev {
  transform: scaleX(-1);
  border-left: dotted 1px rgba(255, 255, 255, 0.3);
}

@media (min-width: 825px) {
  .owl-carousel.owl-othservice {
    width: 320px;
  }
}
@media (min-width: 1200px) {
  .owl-carousel.owl-othservice {
    width: 332px;
  }
}

.VideoPhoto {
  width: 100%;
  margin-top: 3rem;
}
@media (min-width: 825px) {
  .VideoPhoto {
    width: calc(100% - 330px);
    margin-left: 50px;
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .VideoPhoto {
    width: calc(100% - 515px);
  }
}
.VideoPhoto_Video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 65%;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0px 24px 46px -10px rgba(54, 46, 43, 0.5);
}
.VideoPhoto_Video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (min-width: 825px) {
  .VideoPhoto_Video {
    margin-left: 3rem;
    width: calc(100% - 3rem);
    padding-bottom: calc(65% - 3rem);
  }
}
.VideoPhoto_PhotoWrap {
  position: relative;
  margin-top: 2rem;
}
.VideoPhoto_PhotoWrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  border-radius: 50px 0 0 0;
  background: #d64203;
}
@media (min-width: 630px) {
  .VideoPhoto_PhotoWrap:after {
    height: 100%;
  }
}
@media (min-width: 825px) {
  .VideoPhoto_PhotoWrap:after {
    top: -100px;
  }
}
@media (min-width: 992px) {
  .VideoPhoto_PhotoWrap:after {
    width: 85%;
    height: 340px;
  }
}
@media (min-width: 825px) {
  .VideoPhoto_PhotoWrap {
    margin-top: 0;
  }
}
.VideoPhoto_PhotoText {
  position: relative;
  color: white;
  padding: 2rem 2.5rem;
  z-index: 1;
}
@media (min-width: 630px) {
  .VideoPhoto_PhotoText {
    float: left;
    width: calc(100% - 330px);
  }
}
@media (min-width: 825px) {
  .VideoPhoto_PhotoText {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .VideoPhoto_PhotoText {
    width: calc(100% - 330px);
    padding: 2.5rem;
  }
}
.VideoPhoto_PhotoText .coustom_title {
  position: relative;
  margin-left: 0;
  padding-bottom: 1rem;
}
.VideoPhoto_PhotoText .coustom_title:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 140px;
  border: solid 3px white;
}
.VideoPhoto_PhotoText span {
  display: inline-block;
  color: #d64203;
  background: black;
  border-radius: 30px;
  padding: 0 1.5rem;
  line-height: 30px;
  margin: 1rem 0;
}
.VideoPhoto_PhotoText a {
  display: block;
  color: white;
}
.VideoPhoto_PhotoText a:focus {
  outline: #fff dotted 2px;
}
.VideoPhoto_PhotoText p {
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 4.5em;
  overflow: hidden;
  line-height: 1.5rem;
}
.VideoPhoto_PhotoImg {
  display: inline-block;
  position: relative;
  left: calc(99%/2 - 90%/2);
  width: 90%;
  height: 0;
  padding-bottom: 65%;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0px 24px 46px -10px rgba(54, 46, 43, 0.5);
}
.VideoPhoto_PhotoImg:focus {
  outline: #000 dotted 2px;
}
.VideoPhoto_PhotoImg img {
  position: absolute;
  width: 100%;
}
@media (min-width: 630px) {
  .VideoPhoto_PhotoImg {
    width: 330px;
    padding-bottom: 248px;
    left: auto;
    top: 50px;
    right: 15px;
  }
}
@media (min-width: 825px) {
  .VideoPhoto_PhotoImg {
    top: -20px;
    left: calc(99%/2 - 90%/2);
    width: 90%;
  }
}
@media (min-width: 992px) {
  .VideoPhoto_PhotoImg {
    width: 330px;
    padding-bottom: 248px;
    left: auto;
    top: 40px;
    right: 0px;
  }
}
.VideoPhoto .photo_more {
  position: absolute;
  left: 32px;
  bottom: -60px;
}
@media (min-width: 630px) {
  .VideoPhoto .photo_more {
    left: calc(20px + 2.5rem);
  }
}
@media (min-width: 825px) {
  .VideoPhoto .photo_more {
    bottom: -50px;
  }
}

.no-js .other_wrap .container {
  display: inherit;
}
.no-js .othService_wrap {
  width: 100%;
  margin-bottom: 50px;
}
.no-js .othService_list a {
  display: inline-block;
  width: auto;
  text-align: center;
  border: none;
  min-width: auto;
  margin: 1rem 0.5rem;
}
@media (min-width: 992px) {
  .no-js .othService_list a {
    width: calc(99%/5 - .5rem*2);
  }
}
.no-js .othService_list a span {
  display: block;
  width: 100%;
  padding: 0.5rem;
}
.no-js .othService_list a span:after {
  display: none;
}
.no-js .othService_list a:hover span, .no-js .othService_list a:focus span {
  transform: translateX(0);
}
.no-js .othService_list .item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0.75rem;
}
@media (min-width: 768px) {
  .no-js .othService_list .item {
    float: left;
  }
}
.no-js .othService_img {
  margin: 0 auto;
}
.no-js .owl-carousel.owl-othservice {
  width: 100%;
}
.no-js .owl-othservice {
  padding-top: 20px;
}
.no-js .VideoPhoto {
  width: 100%;
  margin: 0;
}
.no-js .VideoPhoto_Video {
  width: 100%;
  margin: 0;
  padding-bottom: 150px;
}
@media (min-width: 825px) {
  .no-js .VideoPhoto_PhotoWrap:after {
    top: 0;
  }
}
@media (min-width: 992px) {
  .no-js .VideoPhoto_PhotoWrap:after {
    height: 100%;
  }
}

/*-------------------------------------------------------------------------------*/
/* 01-相關連結
/*-------------------------------------------------------------------------------*/
.relatedlink_wrap {
  margin: 2rem 0 5rem;
}
.relatedlink_wrap .style_title01 {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}

.owl-relatedlink .item {
  display: block;
  margin: 0.5rem;
}
.owl-relatedlink .owl-controls .owl-nav {
  position: relative;
}
.owl-relatedlink .owl-controls .owl-nav .owl-prev,
.owl-relatedlink .owl-controls .owl-nav .owl-next {
  position: absolute;
  overflow: hidden;
  top: -65px;
  width: 47px;
  height: 47px;
  color: white;
  text-indent: 110%;
  background: url(../../images/owl_navArrow.svg) no-repeat, black;
}
.owl-relatedlink .owl-controls .owl-nav .owl-prev {
  left: -60px;
  transform: scaleX(-1);
  border-left: dotted 1px rgba(255, 255, 255, 0.3);
}
.owl-relatedlink .owl-controls .owl-nav .owl-next {
  right: -60px;
}

.no-js .owl-relatedlink .item {
  float: left;
  margin: 0.5rem 0;
  width: calc(99%/6);
}
.no-js .owl-relatedlink .item a {
  width: 100%;
}

.post_warp {
  position: relative;
}
.post_warp .post {
  position: absolute;
  top: 30px;
  right: 10px;
  max-width: 280px;
  background: white;
  padding: 1rem;
  border-radius: 16px;
  box-shadow: 10px 20px 48px -8px rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.post_warp .post_h3 {
  color: #d64203;
  font-size: 1.25rem;
  padding-bottom: 0.625rem;
}
.post_warp .post_txt, .post_warp .post_a a {
  color: #666666;
  font-size: 0.9375rem;
  line-height: 1.5;
  padding-bottom: 0.625rem;
}
.post_warp .post_a {
  text-align: center;
}
.post_warp .post_a a {
  display: inline-block;
  color: #d64203;
  font-size: 1rem;
  border: 1px #d64203 solid;
  padding: 0.25rem 0.625rem;
  border-radius: 16px;
}
.post_warp .post_a a:hover, .post_warp .post_a a:focus {
  color: white;
  border: 1px white solid;
  background: #d64203;
}
@media (min-width: 576px) {
  .post_warp .post {
    background: white url(../../images/post_bgimg.svg) no-repeat 130% -20px;
    width: 320px;
    height: 220px;
  }
  .post_warp .post_txt {
    width: 49%;
    padding: 1.5rem 0 1.25rem;
  }
  .post_warp .post_a {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .post_warp .post {
    right: 50px;
    top: 60px;
  }
}
@media (min-width: 1920px) {
  .post_warp .post {
    right: 370px;
    top: 60px;
  }
}
.post_warp .close-button {
  transition: all 0.5s ease;
  position: absolute;
  background-color: #f97235;
  padding: 5px 8px;
  right: 0;
  top: 0;
  margin-left: -10px;
  margin-top: -9px;
  border-radius: 50%;
  border: 2px solid #fff;
  color: white;
  box-shadow: -3px 1px 6px 0px rgba(0, 0, 0, 0.1);
}
.post_warp .close-button:hover {
  background-color: #d64203;
  color: #fff;
}

.precaution {
  position: fixed;
  z-index: 3;
  right: 1rem;
  bottom: 280px;
  width: 76px;
}
.precaution a {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.precaution a:hover .precaution_pic::after {
  width: 96px;
  height: 96px;
  top: -10px;
  background-color: rgba(255, 99, 71, 0.5);
}
.precaution span {
  display: block;
}
.precaution_txt {
  margin-top: 0.25rem;
  padding: 0.5rem 0;
  color: #d64203;
  font-weight: bold;
}
.precaution_pic {
  width: 76px;
  height: 76px;
  background-color: tomato;
  border-radius: 50%;
  overflow: hidden;
}
.precaution_pic::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 1px;
  height: 1px;
  top: 50px;
  left: 50%;
  border-radius: 50%;
  background-color: rgba(255, 99, 71, 0);
  transform: translateX(-50%);
  transition: all 0.2s ease-in-out;
}
@media (max-width: 824px) {
  .precaution {
    width: 60px;
    right: 0.5rem;
    bottom: 250px;
  }
  .precaution a:hover .precaution_pic::after {
    width: 70px;
    height: 70px;
  }
  .precaution_txt {
    font-size: 0.875rem;
  }
  .precaution_pic {
    width: 50px;
    height: 50px;
  }
  .precaution_pic::after {
    top: 30px;
  }
}

.ie-object-fit-contain,
.ie-object-fit-cover {
  background-position: center center;
  background-repeat: no-repeat;
}
.ie-object-fit-contain img,
.ie-object-fit-cover img {
  opacity: 0;
}

.ie-object-fit-contain {
  transition: all 0.3s ease-in-out;
  background-size: contain !important;
}

.ie-object-fit-cover {
  background-size: cover !important;
}

.Information_activity {
  position: relative;
}
@media (min-width: 825px) {
  .Information_activity {
    float: left;
    width: calc(100% - 330px);
  }
}
.Information_activity_content {
  display: inline-block;
  width: 100%;
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .Information_activity_content {
    padding-left: 1.5rem;
  }
}
@media (min-width: 992px) {
  .Information_activity_content {
    padding-left: 5rem;
    margin-top: 3rem;
    width: auto;
  }
}
.Information_activity_img {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
@media (min-width: 576px) {
  .Information_activity_img {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .Information_activity_img {
    width: 180px;
    padding-bottom: calc(180px * 0.5625);
  }
}
.Information_activity_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
}
.Information_activity_text {
  margin: 1.5rem 0 0;
}
@media (min-width: 576px) {
  .Information_activity_text {
    float: left;
    width: 100%;
    padding-top: 1rem;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .Information_activity_text {
    width: calc(100% - 180px);
    padding-top: 0rem;
    padding-left: 1rem;
  }
}
.Information_activity_text span {
  font-size: 1rem;
  display: inline-block;
  color: #d64203;
  background: black;
  border-radius: 30px;
  padding: 0.5rem 1.5rem;
  line-height: 1rem;
}
@media (min-width: 825px) {
  .Information_activity_text span {
    padding: 0.5rem;
  }
}
@media (min-width: 1050px) {
  .Information_activity_text span {
    padding: 0.5rem 1.5rem;
  }
}
.Information_activity_text .title_h5 {
  font-size: 1.25rem;
  color: #666666;
  line-height: 1.5rem;
  margin: 1rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 1.25em;
}
@media (min-width: 576px) {
  .Information_activity_text .title_h5 {
    font-size: 1rem;
    margin: 0.5rem 0;
  }
}
@media (min-width: 630px) {
  .Information_activity_text .title_h5 {
    -webkit-line-clamp: 2;
    height: 3em;
  }
}
@media (min-width: 768px) {
  .Information_activity_text .title_h5 {
    -webkit-line-clamp: 2;
  }
}
.Information_activity_text .datetime {
  display: inline-block;
  color: #6b747d;
  font-size: 0.875rem;
  font-family: Arial;
}
.Information_activity_text .first_child:after {
  content: "~";
  padding: 0 10px;
}
@media (min-width: 576px) {
  .Information_activity_text .txt_hidden {
    display: none;
  }
}
@media (max-width: 629px) {
  .Information_activity_text .txt_hidden {
    overflow: auto;
  }
}
.Information_activity_text p {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 56px;
}

.Information_activity_content li {
  display: block;
  width: 100%;
  margin: 0 0 1.5rem;
}
.Information_activity_content li a {
  display: inline-block;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.Information_activity_content li a:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
.Information_activity_content li a:hover .title_h5 {
  color: #d64203;
}
@media (min-width: 576px) {
  .Information_activity_content li {
    margin: 0 1.5rem 1.5rem 0;
    width: calc(50% - 1.5rem/2);
    float: left;
  }
  .Information_activity_content li:nth-child(odd) {
    margin-right: 0;
  }
  .Information_activity_content li:first-child {
    width: 100%;
  }
  .Information_activity_content li:first-child .Information_activity_text {
    width: calc(100% - 55%);
    padding-left: 1rem;
    padding-top: 0;
  }
  .Information_activity_content li:first-child .Information_activity_text .title_h5 {
    font-size: 1.25rem;
    -webkit-line-clamp: 2;
    height: 2.5em;
  }
  .Information_activity_content li:first-child .Information_activity_text p {
    display: block;
    display: -webkit-box;
  }
  .Information_activity_content li:first-child .Information_activity_img {
    width: 55%;
    padding-bottom: 30.93%;
  }
}
@media (min-width: 992px) {
  .Information_activity_content li {
    margin: 0 1.5rem 2rem 0;
  }
  .Information_activity_content li:first-child {
    margin-bottom: 3rem;
  }
}

.inTabs {
  position: relative;
  padding-top: 56px;
}
.inTabs::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 56px;
  left: 0;
  width: 100%;
  border-bottom: solid 5px #e6e7e7;
}
.inTabs .inTab:nth-child(1), .inTabs > div:nth-child(1) {
  right: 50%;
}
.inTabs .inTab:nth-child(3), .inTabs > div:nth-child(3) {
  left: 50%;
}
@media (min-width: 768px) {
  .inTabs .inTab:nth-child(1), .inTabs > div:nth-child(1) {
    left: 0.5rem;
  }
  .inTabs .inTab:nth-child(3), .inTabs > div:nth-child(3) {
    left: calc(.5rem + 172px);
  }
}

.inTab {
  position: absolute;
  top: 0;
}
.inTabBtn {
  position: relative;
  display: block;
  padding: 1rem;
  color: #212529;
  font-size: 1.5rem;
  text-align: center;
  transform-origin: bottom;
  transform: skewX(-12deg);
}
.inTabBtn::first-letter {
  color: #d64203;
}
.inTabBtn.active::after, .inTabBtn::after {
  content: "";
  position: absolute;
  display: block;
  left: 0.75em;
  bottom: -5px;
  width: 0;
  height: 5px;
  background: #d64203;
  transform: skewX(12deg);
  transition: all 0.3s ease-in-out;
}
.inTabBtn.active::after, .inTabBtn:hover::after {
  width: 80%;
}
@media (min-width: 768px) {
  .inTabBtn {
    width: 172px;
    padding: 1rem 2rem;
  }
}

.inTabContent {
  display: none;
  max-height: 0;
  overflow: hidden;
}
.inTabContent.active {
  display: block;
  max-height: 3000px;
  overflow: visible;
}

.no-js .inTab {
  position: static;
}
.no-js .inTabContent {
  display: block;
  overflow: visible;
  max-height: 1000px;
}