@charset "utf-8";

.slick-list { z-index: 1; }
.slick-slide a { outline: none; }

/*dots*/
.slick-dots { position: absolute; left: 50%; bottom: 80px; margin: 0; padding: 0; z-index: 2; font-size: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.slick-dots li { display: inline-block; vertical-align: middle; margin: 0; text-align: center; }
.slick-dots li{ width: 31px; height: 31px; border-radius: 100%; }
.slick-dots li button { width: 10px; height: 6px; border-radius: 8px; padding: 0; background: transparent; border: none; position: relative; background: #aaaaaa; display: inline-block; vertical-align: middle; transition: all .3s ease; -o-transition: all .3s ease;-moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.slick-dots li.slick-active button { height: 9px; width: 9px;border-radius: 9px;  border: 1px solid #aaaaaa; }
.slick-dots li.slick-active {border: #ddd 1px solid;}
@media (max-width:991px) {
  .slick-dots { bottom: 20px; }
}
	
/* 頁碼&左右箭頭共用 */

.slider .slick-arrow { position: absolute; outline: none; text-indent: -9999px; z-index: 9; cursor: pointer; padding: 0; top: 50%; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; background: #e8e8e8; -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1); border: 0; }
.slider .slick-arrow:before { content: ""; position: absolute; display: block; left: 20px; width: 10px; height: 10px; top: 21px; -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.3, 0.5); transition: all 0.5s cubic-bezier(0.5, 0, 0.3, 0.5); border-width: 0 0 1px 1px; border-style: solid; transform: rotate(45deg); border-color: #000;-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.3, 0.5); }
.slider .slick-arrow.slick-prev { left: 0; }
.slider .slick-arrow.slick-next { right: 0; }
.slider .slick-arrow.slick-next:before {transform: rotate(-135deg) }
@media (min-width:992px) {
  .slider .slick-arrow:hover { background: #ccc; }
  .slider .slick-arrow:hover:before { border-color: #fff }
}

/*magnificpopup*/
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 0;
  background: #fff;
  color: #000
}

.mfp-with-zoom .mfp-container {
  padding: 0!important;
}
.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-figure {
  position: relative;
  background: #fff;
}

.mfp-figure button.mfp-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  background: transparent;
  color: #000;
}

.mfp-figure img.mfp-img {
  padding: 0;
}

.mfp-figure:after {
  box-shadow: none;
}

.lg-outer .lg-thumb-item{ border-radius: 0; border-width: 1px }
.lg-outer .lg-thumb-item.active{ border-color: #45968f }