@charset "utf-8";

/* CSS Document */
/* --- // activity START // -- */
.activity-bottom2rem {
  padding-bottom: 2rem;
}

#activity .col-lg-3 {
  padding-bottom: 10px;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

#activity figure {
  border: 1px solid transparent;
  /*border: 1px solid #dddddd;*/
  transition: all linear 0.4s;
  -webkit-transition: all linear 0.4s;
  -moz-transition: all linear 0.4s;
  -ms-transition: all linear 0.4s;
  -o-transition: all linear 0.4s;
}

#activity iframe {
  border: 3px solid transparent !important;
}

#activity figure img {
  width: 100%;
}


.slick-slide img {
  display: block;
}

#activity figure figcaption {
  position: relative;
  padding: 15px 15px 15px 15px;
  top: -2px;
  background: #eaeaea;
}
.activity-list  figcaption {
  position: relative;
  padding: 15px 15px 15px 15px;
  top: -2px;
  background: #eaeaea;
}

figcaption {
  margin-top: 0;
  margin-bottom: 0;
}

h3.title {
  font-size: 1rem;
  line-height: 1.314;
  font-weight: 600;
  letter-spacing: .1em;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  color: #5a5a5a;
  display: -webkit-box;
  /* 第一步：設定 display 為 -webkit-box 元素。 */
  -webkit-box-orient: vertical;
  /* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
  -webkit-line-clamp: 2;
  /* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
  overflow: hidden;
  /* 第四步：設定超過上述指定之行數時隱藏。 */
  max-height: 45px;
  /* 第五步：其它瀏覽器降級方式：給定最大高度 */
}

h4.p_text {
  font-size: 0.875rem;
  line-height: 1.314;
  letter-spacing: .1em;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  color: #5a5a5a;
  margin-bottom: 0;
  display: -webkit-box;
  /* 第一步：設定 display 為 -webkit-box 元素。 */
  -webkit-box-orient: vertical;
  /* 第二步：設定 box 的子元素，是由上往下垂直排列。*/
  -webkit-line-clamp: 2;
  /* 第三步：設定欲顯示的行數，超出則顯示省略符號(...)。 */
  overflow: hidden;
  /* 第四步：設定超過上述指定之行數時隱藏。 */
  max-height: 40px;
  /* 第五步：其它瀏覽器降級方式：給定最大高度 */
}

/*h4.p_text:hover {
	color: #c33c70;
}*/
#activity figure figcaption .review {
  padding: 3px 0;
}

#activity figure figcaption .cart-list {
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
}

#activity figure figcaption .cart-list li {
  display: inline-block;
}

#activity figure .cart-list li {
  margin: 0 5px;
}

/*--------相關連結CSS---------*/
.link-item {
  position: relative;
  display: inline-block;
  /* padding: 5px; */
}

.imgbox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border:1px solid #b5b5b5;

}

.imgbox img {
  width: 100%;
  max-width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.activity-list a:hover .imgbox img {
  transform: scale(1.05, 1.05);
}

.activity-list a:hover figcaption .title {
  color:#b92f2f;
}

/*--------相關連結 CSS---------*/
.links-item {
  position: relative;
  display: inline-block;
}

.link_box {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.link_box img:nth-of-type(2) {
  display: none;
}
.Links-list {
  margin-bottom: 20px;
}

.Links-list a:hover .link_box img:nth-of-type(2) {
  display: block;
}
.Links-list a:hover .link_box img:nth-of-type(1) {
  display: none;
}
@media(max-width:769px) {
  .Links-list .text-center {
    margin-bottom: 10px;
  }
}


/* --- // activity END // -- */