/*
Template Name: Multi
Version: 1.0
Author: ShapeBootstrap
Author URL: http://shapebootstrap.net
PS: 此為 SHIMANO 零組件 2016 網站改版使用的 CSS，內容包括
--- Fiona 新增區塊
--- Watson 新增區塊
請記得將新增的 CSS 放到自己的區塊內，以免互相覆蓋。
*/

/* ----------------------------------------------
-------------------------------------------------
     重要！我是 Watson 的專屬區塊
-------------------------------------------------
----------------------------------------------- */
.tiagra {
  background: url(../img/road/tiagrabg.jpg) 50% 70% no-repeat
}
.shimano105 {
  background: url(../img/road/105.jpg) 50% 70% no-repeat
}
.Sora {
  background: url(../img/road/sorabg.jpg) 50% 70% no-repeat
}
.Claris {
  background: url(../img/road/clarisbg.jpg) 50% 70% no-repeat
}
.deore {
  background: url(../img/mtb/deore/deore.jpg) 50% 20% no-repeat
}
.deorextdi2 {
  background: url(../img/mtb/deore/deoredi2.jpg) 50% 20% no-repeat
}
.slx {
  background: url(../img/mtb/slx/slx.jpg) 50% 50% no-repeat
}
.saint {
  background: url(../img/mtb/saint/saint.jpg) 50% 50% no-repeat
}
.zee {
  background: url(../img/mtb/zee/zee.jpg) 50% 50% no-repeat
}

/* ----------------------------------------------
-------------------------------------------------
     重要！我是 Fiona 的專屬區塊
-------------------------------------------------
---------------------------------------------- */

/*------------------------------------
----------------- INDEX ----------------
------------------------------------*/
#main-slider .slider1 .slogan {
  width: 350px;
  margin-top: 80px;
}
#main-slider .slider1 .pull-right {
  margin-top: 335px;
}
#main-slider .slider1 .logo {
  width: 200px;
  float: right;
  margin-right: 25px;
}
#main-slider .slider-inner .credit {
  font-size: 10px;
  color: #555;
  float: left;
  margin-top: 10px;
  margin-left: 20px;
}
#main-slider .slider1 .btn {
  margin-top: 330px!important;
}
#main-slider .slider2 img {
  margin-top: 140px;
}
#main-slider .slider2 h2 {
  margin-top: 25px;
  font-size: 32px;
  color: #000;
}
#main-slider .slider2 p {
  color: #64686d;;
}
#main-slider .slider3 .carousel-content {
  margin-left: 70px;
}
#main-slider .slider3 h2 {
  margin-top: 100px;
  font-size: 32px;
}
#main-slider .slider4 h2 {
  margin-top: 0;
}
#main-slider .slider5 h2 {
  margin-top: 80px;
  margin-bottom: 30px;
  font-size: 2.5em;
}
#main-slider .item {
  height: 550!important;
}
#main-slider .slider3 .slider-3-text {
  color: #45aed6;
  font-size: 28px;
  line-height: 1.3em;
  margin-top: 70px;
}
#main-slider .slider4-dark-bg {
  background: rgba(0,0,0,.5);
  padding: 20px;
}
#main-slider .slider4 .carousel-content {
  margin-top: 350px;
}
.index-content .index-item4 img{
  border: 1px solid #ddd;
}
.index-content img {
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.index-content img:hover {
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.9;
}
#cta .btn-news {
  margin-top: 0!important;
}
@media only screen and (max-width: 991px) {
  #main-slider .owl-item:first-child .item {
    background-position: 20%;
  }
  #main-slider .slider1 .logo {
    width: 160px;
  }
  #main-slider .owl-item:nth-child(3) .item {
    background-position: 55%;
  }
}

@media only screen and (min-width: 768px) {
  .cta-news .news-sec {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #main-slider .owl-item:first-child .item {
    background-position: 0%;
  }
  #main-slider .slider2 {
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .cta-news .news-sec {
    margin-top: 30px;
  }
  #main-slider .slider4 .carousel-content {
    margin-top: 300px;
  }
  .cta-news .news-sec {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  #main-slider .slider3 .carousel-content {
    margin-left: 70px;
  }
  #main-slider .slider3 h2 {
    margin-top: 150px;
    font-size: 32px;
  }
  #main-slider .slider4 .carousel-content {
    margin-top: 350px;
  }
}
.update-soon-body {
  overflow-y: hidden;
}
.update-soon {
  padding: 70px 0!important;
}
.update-soon i {
  font-size: 5em;
}
.update-soon h2 {
  margin: 40px 0;
}
.update-soon h3 {
  color: #888;
  font-size: 1.2em;
  font-weight: normal;
}
/*------------------------------------
----------------- PRODUCT ----------------
------------------------------------*/
#get-in-touch {
  padding: 70px 0 50px!important;
}
.note {
  text-align: center;
  color: #aaa!important;
  margin: 15px 0;
}
.bh-sl-container .bh-sl-map-container .row {
  margin:0!important;
}
.series-intro .embed-video-s {
  padding-bottom: 15%;
}
.series-intro .embed-video {
  padding-bottom:30%;
}
.ultegra-page-header {
  background: url(../img/road/ultegra-header-bg.jpg) 50% 70% no-repeat;
}
.xtr-di2-page-header {
  background: url(../img/mtb/xtr-di2-header-bg.jpg) 50% 0% no-repeat;
}
.deore-xt-11-page-header {
  background: url(../img/mtb/deore-xt-11-header-bg.jpg) 50% 70% no-repeat;
}
.deore-xt-10-page-header {
  background: url(../img/mtb/deore-xt-10-header-bg.jpg) 50% 70% no-repeat;
}

.all-road-page-header {
  background: url(../img/road/all-road-header-bg.jpg) 50% 70% no-repeat;
  height: 300px!important;
  padding-top: 90px!important;
}

.all-mtb-page-header {
  background: url(../img/mtb/all-mtb-header-bg.jpg) 50% 40% no-repeat;
  height: 300px!important;
  padding-top: 90px!important;
}
.series-intro .ultegra-text {
  padding: 35px 0 100px 40px;
}
.series-intro .xtr-di2-text {
  padding-bottom: 30px;
}
#page-content, .page-content, #mtb-price-content, #repair-content {
  padding: 50px 0;
}
#page-content .about-strong, #ssc h3, #osp h3 {
  font-size: 2em;
  color: #009ad9;
  margin-right: 5px;
  font-weight: normal;
}
#ssc h3, #osp h3 {
  line-height: 1.5em;
}
#page-content img {
  margin-bottom: 20px;
}
#page-content i {
  font-size: 8em;
  color: #5cb85c;
}
.cd-logo img {
  width: 160px;
}
.no-video-intro {
  padding:0;
}
.product-thumbnail .product-item {
  padding-bottom: 30px;
  margin-top: 30px;
  min-height:342px;
}
.product-thumbnail img {
  margin-bottom: 0;
}
.xtr-di2-intro .series-intro .embed-video {
  width: 48%;
}
.embed-video-left {
  margin-left: 35px;
  margin-right: 10px;
}
.about-text {
  font-size: 1.1em;
  line-height: 1.8em;
  text-align: justify;
}
.align-center {
  text-align: center!important;
}

.table-striped-dark>tbody>tr:nth-of-type(odd) {
  background-color: #f5f5f5;
}

.center-table {
  margin-left: 13%;
}
.panel-title {
  font-size: 16px!important;
  line-height: 1.6em;
}
.shimano-105-product img, .tiagra-product img, .sora-products img, .claris-products img {
  padding: 30px;
}

/*------------------------------------
----------------- FAQ ----------------
------------------------------------*/
.faq-sub-title {
  padding: 15px 0;
}
/*.faq-sub-title:before {
  content: "─ ";
  position: relative;
}*/
#road .col-sm-12 img, #mtb .col-sm-12 img, #gear .col-sm-12 img, .page-content .alert-danger {
  margin: 20px 0;
}
#road p, #mtb p, #gear p {
  line-height: 1.9em;
}
#road h3, #mtb h3, #gear h3 {
  line-height: 1.5em;
}
#road #collapse5 i {
  font-size: 1.2em;
  color: #f50000;
}
#road #collapse15 i {
  font-size: 1.2em;
  color: #449d44;
}
#road #collapse15 strong {
  color: #449d44;
}

/*------------------------------------
---------------- PRICE ---------------
------------------------------------*/
#road-price-content {
  padding: 30px 0 70px;
}
.price-alert strong, #repair-content strong {
  font-size: 1.3em;
  line-height: 2em;
}
.tab-content {
  border: 1px solid #ddd!important;
  border-top:0!important;
}
.tab-content table>tbody>tr>th:first-child {
  text-align: center;
}
#price-content .table>tbody>tr>td, #price-content .table>thead>tr>th {
  line-height: 26px;
}
#product-page-header .alert-warning {
  margin-top: 30px;
  margin-bottom: 0;
}
.price-intro {
  padding: 0!important;
}
.price-sec-title img {
  height: 60px;
}
.price-sec-title .s-logo {
  width: 200px;
  height: auto;
  margin: 0 10px;
}
.price-sec-title {
  margin-top: 30px;
  text-align: center;
}
.price-col-1 {
  height: 68px!important;
  width: 5px;
}
.price-col-2 {
    height: 68px!important;
  width: 10%;
}
.price-col-3 {
    height: 68px!important;
  width:65%;
}
.price-col-4 {
    height: 68px!important;
  width: 18%;
}
.price-sum {
  background-color: #c0e8f4!important;
}
.price-dura-ace-di2 table thead th {
  text-align: center;
}
.road-nav {
  font-size: 0.9em;
  margin-top: 30px;
}
.road-nav>li>a {
  padding: 10px 6.5px!important;
}

/*------------------------------------
---------------- DEALERS ---------------
------------------------------------*/

.ssc-cta2 img {
  margin-top: 30px;
}
.ssc-cta2 .dealers-product {
  margin-right: 10px;
}
.ssc-content i {
  font-size: 1.5em;
  color: rgb(92, 184, 92);
}

/*------------------------------------
---------------- REPAIR ---------------
------------------------------------*/
.repair-right {
  padding-left: 30px;
  border-left: 1px solid #ddd;
}
.repair-left h2 {
  color: #009ad9;
  font-weight: 500;
  line-height: 1.5em;
}
#repair-content .about-text i {
  color: #009ad9;
  line-height: 2.5em;
  margin-right: 10px;
}
.repair-note, .warranty-update {
  font-size: 0.8em;
  color: #aaa;
}
.repair-note {
  margin-left: 27px;
}
.repair-right h2 {
  color: #5cb85c;
  font-weight: 500;
  line-height: 1.5em;
}
.repair-right .about-text i {
  color: #5cb85c!important;
}
.warranty .panel-title {
  font-weight: bold!important;
  font-size: 20px!important;
}
.warranty h4 {
  font-weight: normal;
}
.warranty p, .warranty li {
  font-size: 15px;
}
.repair-download {
  text-align: center;
}

/*------------------------------------
---------------- ALL-ROAD ---------------
------------------------------------*/
#all-road {
  padding: 30px 0 70px;
}
.all-road-series .media img {
  height: 50px;
}
.portfolio-item {
  -webkit-box-shadow: 5px 5px 20px 0px rgba(230,230,230,1);
  -moz-box-shadow: 5px 5px 20px 0px rgba(230,230,230,1);
  box-shadow: 5px 5px 20px 0px rgba(230,230,230,1);
}
.portfolio-item .portfolio-item-inner .portfolio-info {
  margin: -6px;
}
#all-road .shimano-105 img, #all-road .claris img, #all-road .sora img, #all-road .all-tiagra img {
  padding: 10px;
}

@media only screen and (max-width: 991px) {
  .item-image-hover {
    display: block;
  }
  .item-image-hover h2, .item-image-hover p {
    display: none;
  }
  .center-table {
    margin-left: 0;
  }
  #faq-road img, #faq-mtb img, #faq-gear img {
    margin: 20px 0;
  }
  .price-col-1 {
    width: 20px;
  }
  .price-col-2 {
    width: auto;
  }
  .price-col-3 {
    width: auto;
  }
  .price-col-4 {
    width: auto;
  }
  .repair-left {
    border-right: none;
  }
  .repair-top {
    padding-top: 0!important;
  }
  .repair-left {
    border-bottom: 1px solid #ddd;
  }
  .repair-right {
    border-left: none;
  }
}
@media only screen and (min-width: 768px) {
  .nav-tabs.nav-justified>li>a {
    height: 62px;
  }
}