
/* ==========================================
   Index Set.
   ==========================================
*/
#iBanner .slick-dots{ position: absolute; right: 50px; top: 50px; width: 20px; margin: 0; padding: 0; }
#conference #iBanner .slick-dots{ top: 45%; }
#iBanner.room .slick-dots{ top: 15%; }
#iBanner .slick-dots li { display: inline-block;}
#iBanner .ban-slick,
#iBanner .ban-slick .slick-list,
#iBanner .ban-slick .slick-track,
#iBanner .ban-slick .slick-slide { height: auto;}
#iBanner .ban-slick img { display: block; position: relative; width: 100%; height: auto;}
@media (max-width: 1680px) {
#iBanner.room .slick-dots{ top: 25%; right: 4%; }
}
@media (max-width: 1199px) {
#iBanner.room .slick-dots{ top: 20%; right: 4%; }
}
@media (max-width: 768px) {
#iBanner.room .slick-dots{ top: 10%; right: 4%; }
}
#iBanner .slick-dots li button {
  border: 1px solid #fff;
  color: #fff;
  height: 8px;
  width: 8px;
  overflow: hidden;
  opacity: 1;
  background: #fff;
  font-size: 0;
  margin: 0 5px 0;
  border-radius: 10px;
  display: inline-block;
  padding: 0;
}
#iBanner .slick-dots li.slick-active button{background: transparent;}

#index .iNews .owl-theme .owl-controls{ margin: 20px auto 0; }
#index .iNews .owl-next,
#index .iNews .owl-prev{ position: absolute; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 100%; line-height: 30px; text-align: center; color: #fff; background: url('../images/aw_left.png') center center no-repeat transparent; font-size: 0; margin: 0; padding: 0; }
#index .iNews .owl-prev{ left: 33%; }
#index .iNews .owl-next{background: url('../images/aw_right.png') center center no-repeat transparent; right: 33%}
#index .iNews .owl-dots{}
#index .iNews .owl-theme .owl-dots .owl-dot span{ background: #fff }
#index .iNews .owl-theme .owl-dots .owl-dot.active span,#index .owl-theme .owl-dots .owl-dot:hover span{ background: #b60005; }

#index .iGroup .owl-theme .owl-dots .owl-dot span{ background: #000 }
#index .iGroup .owl-theme .owl-dots .owl-dot.active span,#index .owl-theme .owl-dots .owl-dot:hover span{ background: #b60005; }
@media (max-width: 768px) {
  #index .iNews .owl-prev{ left: 0; }
  #index .iNews .owl-next{ right: 0; }
}





/****** lightgallery ******/
.lg-outer .lg-thumb-item {
  position:relative;
}
.lg-outer .lg-thumb-item:before {
  content:'';
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.75);
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.lg-outer .lg-thumb-item.active, 
.lg-outer .lg-thumb-item:hover {
  border-color:#fff;
}
.lg-outer .lg-thumb-item.active:before {
  opacity:1;
}


/****** 彈出按鈕樣式 ******/
.slick-arrow {
  z-index: 2;
  margin-top: -19px;
  width: 38px;
  height: 38px;
}
.slick-arrow:before {
  content: '';
}
.slick-prev {
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slick-next {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.slick-lightbox .slick-prev {
  left: 30px;
}
.slick-lightbox .slick-next {
  right: 30px;
}
.slick-lightbox .slick-prev,
.slick-lightbox .slick-next {
  opacity: 0.5;
  -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
       -o-transition: .25s ease-in-out;
          transition: .25s ease-in-out;
}
.slick-lightbox .slick-prev:hover,
.slick-lightbox .slick-next:hover {
  opacity: 1;
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-close {
  top: 30px;
  right: 30px;
  width: 35px;
  height: 35px;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:before,
.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:after {
  display: block;
  content: '';
  position: absolute;
  top: -1px;
  left: 17px;
  width: 1px;
  height: 40px;
  background-color: #46bdbe;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:before {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:after {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}


