@charset "utf-8";
/*
 * CSS Document
 * ==========================================================================
 * 版權所有 2016 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ==========================================================================
 * $Author: Jenny $
 * $Date: 2016-01-01 Mon. $
 * **請注意: 本樣式檔處理使用套件的客製樣式，避免因套件程式延遲載入造成樣式跑版。
*/

.slick-list{
  z-index: 1;
}
.slick-slide a{
  outline: none;
}
/*index banner*/
.banner-slick{
  position: relative;
}
.banner-slick .slick-arrow{
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  background: none;
  font-size: 0;
  border: none;
  width: 100px;
  padding: 0;
  margin: 0;
}
.banner-slick .slick-arrow:before,
.banner-slick .slick-arrow:after{
  content: "";
  position: absolute;
  display: block;
}
.banner-slick .slick-arrow:before{
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  z-index: 1;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  -ms-transform: rotate(45deg) translate(-50%, -50%);
  -o-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  border-color: #fff;
  border-style: solid;
}
.banner-slick .slick-arrow:after{
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.banner-slick .slick-arrow.slick-prev {
  left: 0;
}
.banner-slick .slick-arrow.slick-prev:before{
  border-width: 0 0 1px 1px;
  -webkit-transform-origin: 0 25%;
  -moz-transform-origin: 0 25%;
  -ms-transform-origin: 0 25%;
  -o-transform-origin: 0 25%;
  transform-origin: 0 25%;
}
.banner-slick .slick-arrow.slick-prev:after{
  background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.banner-slick .slick-arrow.slick-next {
  right: 0;
}
.banner-slick .slick-arrow.slick-next:before{
  border-width: 1px 1px 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}
.banner-slick .slick-arrow.slick-next:after{
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
}
@media (min-width: 992px) {
  .banner-slick .slick-arrow:hover:after{opacity: 0.7;}
}
@media (max-width: 991px) {
  .banner-slick .slick-arrow{ width: 50px;}
}

/*index news*/
.g-slick .slick-dots{text-align: center; padding: 0; margin: 25px 0 0 ;}
.g-slick .slick-dots li {display: inline-block;vertical-align: top; padding: 0 3px;}
.g-slick .slick-dots li button{width: 10px; height: 10px; padding: 2px; border-radius: 50%; background: none; font-size: 0; border: 2px solid #aaa;}
.g-slick .slick-dots li.slick-active button{background: #ff9628; border-color: #ff9628;}

/*product-view*/
.p-slick-nav{position: relative;}
.p-slick-nav .slick-slide {margin: 0 2px}
.p-slick-nav .slick-arrow{position: absolute; top: 0; height: 100%; z-index: 2; background: none; border: none; font-size: 0;}
.p-slick-nav .slick-arrow.slick-prev{left: 0;}
.p-slick-nav .slick-arrow.slick-next{right: 0;}
.p-slick-nav .slick-arrow:before{
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  z-index: 1;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  -ms-transform: rotate(45deg) translate(-50%, -50%);
  -o-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  border-color: #aaa;
  border-style: solid;
}
.p-slick-nav .slick-arrow.slick-prev:before{
  border-width: 0 0 2px 2px;
  -webkit-transform-origin: 0 25%;
  -moz-transform-origin: 0 25%;
  -ms-transform-origin: 0 25%;
  -o-transform-origin: 0 25%;
  transform-origin: 0 25%;
}
.p-slick-nav .slick-arrow.slick-next:before{
  border-width: 2px 2px 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}
@media (min-width: 992px) {
  .p-slick-nav .slick-arrow:hover:before{border-color: #dd411b;}
}

/*mfp*/
.mfp-no-margins img.mfp-img {
  padding: 0;
}
.mfp-no-margins .mfp-figure:after {
  top: 0;
  bottom: 0;
}
.mfp-no-margins .mfp-container {
  padding: 0;
}
.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;
}

.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-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}