.cms-main-banner-img:after { position: absolute;z-index: 0; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: .5;background-image: linear-gradient(to top, #dbdcd7 0%, #dddcd7 24%, #e2c9cc 30%, #e7627d 46%, #b8235a 59%, #801357 71%, #3d1635 84%, #1c1a27 100%);}



.cms-main-content{background:url("../images/index/bg-coach.jpg") no-repeat left top #fff;}

.cms-coach { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 1200px; justify-content:space-between; padding: 50px 0px;margin: 0 auto;}
.cms-coach li{ list-style: none;  width: calc( 100%/4 - 30px ); margin:10px 15px;}
.cms-coach li:nth-child(4n){margin-right: 0px;}
.cms-coach li figure{width: 100%; max-width: 100%;margin: auto;  display: block; position: relative;z-index: 0}
.cms-coach li figcaption{ width: 90%; padding: 5px; background: #e60013;  margin-top: -50px;position: relative;z-index: 2; -moz-transform: skew(-15deg, 0deg);  -o-transform: skew(-15deg, 0deg); -ms-transform: skew(-15deg, 0deg); -webkit-transform: skew(-15deg, 0deg); transform: skew(-15deg,0deg); } 
.cms-coach li h3 {margin: 0px auto; color:#f7ffcb; font-size:1.313rem; font-weight: 400; text-align: center; }
.cms-coach li h3 strong{ color: #fff;}
.cms-coach li p{ margin: 0px;  color: #fff; text-align: center; font-weight: 500;  }
 /* Outline Out */
.cms-coach li { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;}
.cms-coach li:before { content: ''; position: absolute; border: #e60013 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left;}
.cms-coach li:hover:before, .cms-coach li:focus:before, .cms-coach li:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px;}

@media (max-width: 768px) {
.cms-coach {  padding: 0px 0px;margin: 0 auto;}
.cms-coach li{ list-style: none;  width: calc( 100%/2 - 30px ); margin:10px 15px;}
.cms-coach li:nth-child(2n),.cms-coach li:nth-child(4n) {margin-right: auto;}
}


  /*----------------------------------------/
btn區塊
----------------------------------------*/
.cms-product-group{width: 100%; margin: 1% 0 1% 8%; display: flex; flex-wrap: wrap; justify-content:flex-start;}
.cms-product-group .btn{ width:auto;   flex: 1 1 auto;}

 
/*----------------------------------------/
產品詳細內容區塊
----------------------------------------*/
.cms-main-product-wrapper {  display: flex;  flex-wrap: wrap; justify-content: flex-end;  width: 100%; max-width: 1140px; margin:50px auto auto auto; }
.cms-main-product-left{width:50%; padding-left: 0px; }
.cms-main-product-right{ width: 50%; margin-bottom: 15px;  overflow: hidden; position: relative;  }
.cms-main-product-right .cms-main-breads .breadcrumb{justify-content: flex-start;}
/*----------------------------------------/
教練區 圖片輪播區塊
----------------------------------------*/
ul.cms-slider-for{ width: 100%;  height: auto; margin:0px; padding: 0px;}
ul.cms-slider-for li { width:100%; margin: 0px; padding: 0px; display: block;  }
ul.cms-slider-for li img{ width:100%;max-width:100%; margin: auto;   }
#cms-main ul.cms-slider-for .slick-dots {bottom:-20px;}
.cms-slider-for .slick-prev,.cms-slider-for .slick-next{ top:50%;}
.cms-slider-for .slick-prev {left:0px!important;z-index:1}
.cms-slider-for .slick-next {right:0px!important;}
@media (max-width: 1024px) {
.cms-main-product-wrapper {   margin:0px auto auto auto; }
.cms-main-product-left{width:50%; padding: 0px 10px 0px 10px;}
.cms-main-product-right{ width: 50%; padding-left: 0px;}
}
@media (max-width: 768px) {
.cms-main-product-left,.cms-main-product-right{width: 100%;padding:0px 15px;  }
.cms-main-product-left-image{ width:80%;max-width:100%; margin: auto;   }
   
}

.cms-main-product-info{ width:100%; padding:30px 50px;  }
#cms-main .cms-main-product-info h1{   padding:0px 0px 15px 0px;width: 100%; display: flex; justify-content: flex-start; font-size:2rem; font-weight: 400; color:#000; position: relative; word-spacing: normal; word-break:normal; }

.cms-main-item-title{ width: 50%; margin:0px 0px 0px -15%; padding: 10px 0px; background: #CD1A41;  -ms-flex-align: center; align-items: center; -webkit-transform: skewY(-5deg); -ms-transform: skewY(-5deg); transform: skewY(-5deg);  }
.cms-main-item-title h2{ margin-left: 15%; -webkit-transform: skewY(5deg); -ms-transform: skewY(5deg); transform: skewY(5deg); font-size: 1.5rem;  font-weight: 700; color: #fff;}

.cms-product-description{ padding:5px; }
#cms-main .cms-product-description p {margin-bottom: 15px; font-size:1rem; color: #98979d;}
#cms-main .cms-product-description ul{width: 100%; margin:0; padding: 0px; }

.cms-item-title{ color:#000;  font-size:1.188rem;}
.cms-item-title strong{color:#e60013; margin-right: 10px;}
 
.cms-product-marker { margin:15px 0px; border-top: 1px solid #e2e2e2; width: 100%;}
 @media (max-width: 991.98px) {
.cms-main-product-info{padding:15px; } 
 .cms-main-item-title{ width: 80%; margin:0px 0px 30px 0px;  }  
     
}
@media (max-width: 767.98px) {
 .cms-main-product-info{  padding:0px; border:none; }    
}
  /*----------------------------------------/
social-icons
----------------------------------------*/
#cms-main .cms-main-product-info .cms-social-icons{color:#675952;  display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; font-size:0.75rem;   }
 #cms-main .cms-main-product-info .cms-social-icons li{ width: auto!important; margin:5px; padding-top: 8px;  }
#cms-main .cms-main-product-info .cms-social-icons li a{ opacity:1;font-size:0!important;color:#675952!important;  }
/*----------------------------------------/
tab
----------------------------------------*/
.resp-tabs-list{ border-bottom: solid 1px #e9ebef;}
#cms-tabs-product .resp-tab-content { padding:30px 0px ;}
.resp-tab-content h4{ margin:2% 0;  font-size: 1.15rem; font-weight: 700; }
#cms-main .resp-tab-content p{ margin:1% auto; font-size: 1rem; font-weight: 400;  }

.edit{ display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; max-width:960px;padding:15px 5px; margin: auto; border-bottom: dashed 1px #c5c5c5; }
#cms-main .edit h3{ display: flex; justify-content: center;width: 100%; max-width:680px;  margin:15px auto!important; color:#333;font-size:1.5rem;  font-weight: 700;  }

#cms-main .edit h4{  width: 100%;  margin:15px auto!important; color:#333;font-size:1.35rem;  font-weight: 300;  }
.edit h4 img{display: block; width: 100%; max-width:600px;  margin: 15px auto!important;}
.edit .description{display: block; width: 100%; max-width:680px;  margin: 15px auto!important;}

 
 
.text-fill-color {
    font-size: 2.25rem;
    background-image: linear-gradient( 
135deg
, #ff5f41 30%, #ff0b51 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}