@charset "utf-8";
/*
 * CSS Document
 * ==========================================================================
 * 版權所有 2016 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ==========================================================================
 * $Author: 婷雯 $
 * $Date: 2016-09-13 (二) $
*/

/* 為了避免 Bootstrap 設置的全局盒模型所帶來的影響，可以重置單個頁面元素或覆蓋整個區域的盒模型。 */
.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
/*reset*/
.clearfix:before,
.clearfix:after {  content: "";  display: table;}
.clearfix:after {  clear: both;}
.clearfix {*zoom: 1; }
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a, a:hover { text-decoration: none; }
p{margin: 0;}

/*button*/
.btn {
  cursor: pointer;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  color: #fff;}

.btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn:active {
  border-color: #17954c;
  color: #17954c;
}

.btn:hover {
  background: #24b662;
}

.btn:before {
  position: absolute;
  height: 100%;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn:active:before {
  color: #17954c;
}
.btn:before {
  left: 130%;
  top: 7px;
  opacity: 0;
}
.btn:hover:before {
  left: 85%;
  opacity: 1;
}
.icon-arrow-right:before {
  content: url('../images/arrow.png');
}
/*index*/
.pogoSlider{box-shadow:0 3px 3px rgba(0, 0, 0, 0.3)}
.pogoSlider-nav{display: none}
.pogoSlider-dir-btn{width: 34px; height: 64px; background: url('../images/banner_arrow.png'); border: none; z-index: 1;}
.pogoSlider-dir-btn.pogoSlider-dir-btn--next{-webkit-transform: rotate(180deg) ;
-ms-transform: rotate(180deg) ;
-o-transform: rotate(180deg) ;
transform: rotate(180deg) ;}

