@charset "utf-8";
/*網站全域設定/＝＝＝＝＝*/
/*
  #93bad5 /*網站主要色系
  #5f7893 /*網站輔助色系1
  #fff; /*網站輔助色系2*/

/*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*Header/＝＝＝＝＝*/
.main_header_area{height:87px;box-shadow: 0 1px 17px rgba(0,0,0,0.1);background:#fff;}
/*選單最大寬度設定*/
.main_header_area .container {    max-width: 85%;}
.navigation {    padding:28px 0 19px 210px;}

/*第一層*/
.stellarnav li li {   border: none;}
.stellarnav > ul > li > a{   transition:all 0.3s;  font-size: 17px;   font-weight:bold;  color: #000; letter-spacing: 1px;}
.stellarnav > ul > li:hover > a{color: #7d7d7d; }

    

/*第二層*/
.stellarnav li li > a , .stellarnav li li.has-sub > a{    padding: 7px 5px;    transition: all 0.3s;border-left:1px solid transparent;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{color: #fff;	padding-left:10px;   background:#7d7d7d ;}
/*SubMenu*/
.shop_search_btn {    background: #ADA17E;}
.tp_links a{transition:all 0.3s;}
.tp_links a:hover {    color: #ADA17E;}

.me_tp_features {display:none;}


/*footer/＝＝＝＝＝*/
.footer_info li p:before {  top: 1px;}


/*Logo/＝＝＝＝＝*/
.nav-brand {    width: 80%;max-width: 200px;transition:all 0.3s;}
.header_area .nav-brand {    transition: all 0.3s;    margin-top: 3px;}
.header_area.sticky .nav-brand{}


/*按鈕/＝＝＝＝＝*/
.animated-arrow {    background: #ADA17E;}

/*隱藏浮動按鈕*/
.info_fix_links a {background:none;}
.info_fix_links a:hover {background:none;}
.info_fix_links a.info_fix_default {display:none;}

/*大圖/＝＝＝＝＝*/
/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;}
.swiper-slide img { height:auto;}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}

/*Banner/＝＝＝＝＝*/
.banner{height:300px;}
.banner h5{font-size: 25px;    letter-spacing: 3px;   color: #353535;   margin-top: 4%;  text-shadow: #ffffff4d 0.1em 0.1em 0.2em;     }

/*最新消息*/
.banA {background:url(https://pic03.eapple.com.tw//simplesofit/banA.jpg)no-repeat center center fixed;}
/*教練團隊*/
.banF {   background:url(https://pic03.eapple.com.tw//simplesofit/banF.jpg)no-repeat center center fixed}
/*改變的故事*/
.banblog {background:url(https://pic03.eapple.com.tw//simplesofit/banblog.jpg)no-repeat center center fixed;}
/*聯絡我們*/
.banC {background:url(https://pic03.eapple.com.tw//simplesofit/banC.jpg)no-repeat center center fixed;}




/*Page/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*頁碼＝＝*/
.page {    width: 100%;    margin: 40px auto;    display: flex;    flex-wrap: wrap;    justify-content: center;    align-items: center;}
.page li {    display: flex;    margin: 3px;    width: 30px;    height: 30px;    line-height:30px;    align-items: center;    justify-content: center;}
.page li a {    display: block;    width: inherit;    height: inherit;    line-height: inherit;    padding: 0;    transition:all 0.3s;}
.page strong, .page a:hover {    background: #ADA17E;border: 1px solid #ADA17E;}


/*促銷方案/＝＝＝＝＝*/
.news_part {    width: 90%;}
.news_list ul li a:hover {    background: #f9f9f9;}
.news_list ul li p:after {    background: #ADA17E;    padding: 3px 5px;    border-radius: 5px;    color: #fff;}

.other_promotion li a:hover:before , .other_promotion li a:hover:after {border-color:#8CEA00;}
.promotion_title span { display: none;}
.path {   width: 97%;    margin: auto;   font-size: 13px;    color: #444;   text-align: right;    border-bottom: 1px solid #ccc;}
.other_promotion li a {border: 1px #e1eddc dashed;}
.main_part {max-width: 1700px;}

/*文章管理/＝＝＝＝＝*/

/*側邊*/
.blog_le .accordion > li{transition:all 0.3s;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {    background: #333 !important;}
.submenu a:hover {    background: #cbc0a0;}
h5.blog_le_t {    display: none;}

/*首*/
.module_i_news ul{width: 90%;	grid-template-columns:1fr 1fr 1fr 1fr;}

/*功*/
.blog_subbox{grid-template-columns:1fr 1fr 1fr;}
.blog_subbox:before{content:none;}


/*文章排版*/
.subbox_item {    width: 20%;}
.blog_list_le {    overflow: hidden;    width: 100%;}
.blog_list_le img {    max-width: 100%;}
.blog_list_ri{    width: 100%;}
.blog_list_ri h5{padding: 2% 0;}
.subbox_item a:hover:after {    opacity: 1;    width: 100%;    transition: all 500ms;}
.subbox_item a:after,.module_i_news li a:after{    background: #f5f7f773;border:none}
.subbox_item a:before, .subbox_item a:after { transition: 0.4s;}
.subbox_item a:before {background: #81c31f;     color: #fff;   padding: 10px 5px;   text-align: center;left: 20%;  bottom: 10%;  width: 150px;;}

	
	
/*上下一篇回列表*/	
.blog_back a.article_btn_prev,.blog_back a.article_btn_next  {    background: #c3c3c3;}
.blog_back a.article_btn_back {   background: #4b4b4b;}


/*購物車-教練團隊/＝＝＝＝＝*
/
/*外層版面*/
body.product_page .main_part {    max-width: 1300px;}
.show_content {    width: 100%;    padding: 0;}
ul.products-list.clearfix {    display: flex;    flex-wrap: wrap;}
body.product_page .products-list .item {    padding: 0;    width: 33.3333%;    overflow: hidden;}
.products-list .item {    display: inline-block;    vertical-align: top;    margin: 20px 0;}
.products-list .item a {   padding: 0.5%;    width: 90%;}


/*商品照片和框*/
.products-list .pic {
    height: 40vh;
    line-height: 260px;
    padding: 0;
    padding-bottom: 0;
    border: solid 3px #f8f19b;
    background: #fff24d;}
.products-list .pic {
    height: 40vh;
    line-height: 260px;
    padding: 0;
    padding-bottom: 0;
    border: solid 3px #f8f19b;}
products-list .pic img {
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: relative;}
.products-list .pic:after {
    content: '';
    border: 10px solid #FFE66F;
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
    opacity: 0;
    transition: all 0.5s ease;}
.products-list .item:hover .pic:after, .products-list .item:focus .pic:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;}
	
	
/*教練名字和詳細資料*/
.products-list .name {
    height: auto;
    padding: 10px 0 20px 0;}
.products-list .more.slowAnimation {
    bottom: -34px;
    position: absolute;
    width: 100%;}
.products-list .more {
    background-color: #237d21;
    color: #fff;}
.products-list a:hover .more {
    border: none;
    color: #E91E63;}
body.product_page .products-list .item:hover {
    border-color: transparent;}
body.product_page .products-list .item:hover .more.slowAnimation {
    opacity: 1;
    bottom: 0px;
    background: #A3EE33;}
	

/*教練詳細頁*/
body.product_info_page .main_part {   max-width: 1300px;}
body.product_info_page .path {    display: none;}
.product_pic #bx-pager {    display: none; /* display: inline-block;*/}
.product_pic {   display: none;}
.sidebarBtn {    display: none;/*display: inline-block;*/}
ul.prod li .prod-panel {    margin-top: 0.5rem;}
.product-layer-two {   display: none; background: #f6f6f6;    color: #666;    text-align: center;   padding: 22px;}
/*ul.product-layer-two:before{    content: "教練資訊";letter-spacing: 2px;    font-size: 20px;    font-weight: bold;}*/
body.product_info_page .prod-panel p {
    font-size: 17px;
    line-height: 170%;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    color: #797979;
    font-weight: 400;}
body.product_info_page .prod-panel h4 {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.8px;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    color: #237d21;}
body.product_info_page .prod-panel h5 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.8px;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    color: #237d21;}
.lastPage {    background: #81c31f}

/*QA和商品資訊 隱藏*/
li.prod-item:last-child {    display: none;}
ul.prod li h3.prod-thumb {display: none;}



/*聯絡我們/＝＝＝＝＝*/
.contact_form li {padding-top: 15px; padding-bottom: 15px;}
.contact_form li.last cite {   background: #333;}
.contact_form li.last blockquote, .contact_form li.last cite{border:none}
.list_before.info li.PHONE,.list_before.info li.FAX  {   display: none;}
#content{
	background-image:url(https://pic03.eapple.com.tw//simplesofit/104896.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;}
/**/



/*RWD1200/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1200px) {

}

/*RWD1024/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1024px) {
/*Header/＝＝＝＝＝*/
.navigation {    padding: 10px;}
.main_header_area {    height: 118px;}
/*Logo/＝＝＝＝＝*/
.header_area .nav-brand{max-width: 100px;}
.header_area.sticky .nav-brand{max-width: 0;}



}

/*RWD980/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 980px) {



/*相簿/＝＝＝＝＝*/
ul.show-list , .other_subalbum ,ul.pic-list{    display: grid;    grid-template-columns: 1fr 1fr;}

}

/*RWD768/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 768px) {
/*選單漸變效果＝＝*/
/*首頁固定選單*//*
.pageIndex .header_area{position: position:relative;}
*//*header*/
.main_header_area {
    height: 95px;}


/*側邊選單/＝＝＝＝＝*/
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {
    padding: 21px;}
.stellarnav li li > a , .stellarnav li li.has-sub > a{    padding: 10px;border-left:none;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{padding: 10px;border-color:transparent;}

.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{    background: #fff;}
.stellarnav.mobile > ul > li > a {    color: #555;    padding: 15px 43px 16px 10px;}
.stellarnav > ul > li:hover > a { letter-spacing: 2px;}
.stellarnav.mobile > ul > li {border-bottom: 1px #f5f5f5 solid;}
.stellarnav.mobile li.open {background: #f5f5f5;}


/*Logo/＝＝＝＝＝*/
.nav-brand{ margin-top: 3px;}
.header_area .nav-brand{max-width: 207px;}
.header_area.sticky .nav-brand{max-width: 150px;margin-top: 14px;}
.nav-brand img {max-width: 77%;}



/*Footer/＝＝＝＝＝*/
#to_top { bottom:60px;}
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
.footer_info {    justify-content: center;}
.footer_logo {    text-align: center;}


/*Banner/＝＝＝＝＝*/
.banner{height:200px;}
.banner h5{font-size: 28px;}
.banA {background:url(https://pic03.eapple.com.tw//simplesofit/banA.jpg)center;background-size:cover;}
.banF {   background:url(https://pic03.eapple.com.tw//simplesofit/banF.jpg)center;background-size:cover;}
.banblog {background:url(https://pic03.eapple.com.tw//simplesofit/banblog.jpg)center;background-size:cover;}
.banC {background:url(https://pic03.eapple.com.tw//simplesofit/banC.jpg)center;background-size:cover;}


/*相簿/＝＝＝＝＝*/
.mobile_product_name{font-size: 20px;}
.subalbum-menu h2{    color: #cbc0a0;font-size: 20px;}
.subbox_item {   width: 100%;}

/*商品頁面-教練團隊/======*/
body.product_page .products-list .item {
    width: 50%;}
.products-list .pic {
    height: 31vh;}

}

/*RWD600/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 600px) {
/*Footer/＝＝＝＝＝*/
.box_link {    text-align: center;}

/*Banner/＝＝＝＝＝*/
.banner h5{font-size: 24px;}


/*相簿/＝＝＝＝＝*/
ul.show-list , .other_subalbum ,ul.pic-list{    display: grid;    grid-template-columns: 1fr;}
.mobile_product_name{font-size: 18px;}
.subalbum-menu h2{    font-size: 18px;}
}
/*RWD425/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 425px) {
.nav-brand img { max-width: 74%;}
.main_header_area {    height: 95px;}
.header_area .nav-brand {margin-top: 3px;}
.header_area.sticky .nav-brand {          max-width: 157px;       margin-top: 11px;}

.stellarnav .menu-toggle {    padding: 16px 10px;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {background: #ffffff;}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding: 16px;}

/*商品頁面-教練團隊/======*/
body.product_page .products-list .item {
    width: 100%;}
.products-list .pic {
    height: 35vh;}
}
/*RWD375/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 375px) {
