@charset "utf-8";

/*預設解除背景輪播*/
#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;}
}

/*手機板漢堡鈕相關*/
.nav-dropdown > li > a{width: 100%;}

/*手機版底下按鈕*/
#bottom_menu{display: none !important;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
#content{background: url(https://pic03.eapple.com.tw/austinrfjoe/content_bg.png) no-repeat;background-color: #fa9ea9;}

/*banner固定設定*/
/*.bannerindex{position: fixed;}
#content_main{margin-top: 100vh;}
.pageIndex .header_area{top: 0;}*/
/*header*/
.tp_links{display: none !important;}
.pageIndex .header_area{position: fixed;width: 100%;}
.main_header_area{background: #fff5ea;border-top: 5px solid #ffe566;box-shadow: 1px 1px 10px rgba(0,0,0,0.5);}
.nav-header{padding: 5px;}
.nav-brand{width: 190px;}
.nav-menu {margin: 15px 0;}
.nav-menu>li{margin: 0 10px;}
.nav-menu > li > a{font-size: 16px;color: #333;font-weight: bold;}
.submenu-indicator-chevron {border-color: transparent #333 #333 transparent;}

.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {color: #ffe566;}
/*footer*/
.footer{background: #ffe4c7; z-index: 99;}
.box_link a.me_ft_line {display: none;}
.footer_logo{width: 220px;}
.footer_logo img{width: 100%;}
.footer_info ul{margin-top: 20px;}
.footer_info li p {color: #333;font-size: 15px;}
.footer_info li:nth-child(2) {width: 100%;margin-top: 10px;}
.footer_menu a {color: #333;background: rgba(0,0,0,0);border-radius: 30px;padding: 5px 15px;border: 1px #333 solid;}
.copy{background: #ffe566;color: #111;}

/*分享文章*/
.time{color: #888; }
.promotion_title h2 {color: #555;border-bottom: 2px solid #555;}
.promotion_title span {color: #888;}
.promotion_title h2 span{color: #555;}
.promotion_title {border-bottom: 1px solid #555;}
.other_promotion li {width: 45%;border: 1px solid #ccc;}
.share_page #content{padding-bottom: 50px;}
.share_page .main_part {background: #fff;border-radius: 50px;box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}

/*購物車*/
.product_page #content{padding-bottom: 50px;}
.product_page .main_part {background: #fff;border-radius: 50px;box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
.product_info_page #content{padding-bottom: 50px;}
.product_info_page .main_part {background: #fff;border-radius: 50px;box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
/*外層*/
.products-list .item{padding: 5px;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);}
.products-list .name {color: #333;font-weight: bold;text-align: center;font-size: 17px;}
.products-list .more {border: 1px solid #e83428;color: #fff;background: #e83428;}
.products-list a:hover .more {background: #ffe4c7;border-color: #ffe4c7;color: #555}
/*內層*/
.product-wrapper {display: flex;flex-wrap: wrap-reverse;}
.sidebarBtn{border:none;width: 100%;text-align: center;}
.fixedsticky{top: 0;position: relative;}
.toShare{display: none;}
.product_info li span{color: #333;}
.product_main{width: 100%;}
.product_pic{width: 72%;margin:0 auto;margin-bottom: 120px;}
.mobile_product_name{display: none;}
.accordion-thumb {background: #e83428;color: #fff;text-align: center;}
.sidebarBtn h2{color: #e83428;}
.lastPage{background: #e83428;}
.pageIndex .main_part:nth-child(2){display: none !important;}/*首頁購物車不出現*/

/*相簿*/
.album_page #content{padding-bottom: 50px;}
.album_page .main_part {background: #fff;border-radius: 50px;box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}

/*聯絡我們*/
.animated-arrow {background: #e83428;}
.blank_letter {font-size: 24px;color: #252525;}
.contact_content{padding:0 0;}
.contact_page #content{padding-bottom: 50px;}
.contact_page .main_part {background: #fff;border-radius: 50px;box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}

/*內頁BANNER 設定*/
.banner {height: 300px;position: relative;background: none;}
.banner:before{content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 750px;height: 250px;background-size: contain !important;}
.banner h5 {display: none;}
.banner.banA:before {background: url(https://pic03.eapple.com.tw/austinrfjoe/公佈欄.png) no-repeat;}
.banner.banB {}
.banner.banC:before {background: url(https://pic03.eapple.com.tw/austinrfjoe/聯絡我們.png) no-repeat;}
.banner.banD {}
.banner.banE:before {background: url(https://pic03.eapple.com.tw/austinrfjoe/活動花絮.png) no-repeat;}
.banner.banF:before {background: url(https://pic03.eapple.com.tw/austinrfjoe/學員分享.png) no-repeat;}
.banner.banblog{}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1000px){
	.banner:before{width: 600px;height: 220px;}
	.share_page .main_part {border-radius: 0;}
	.contact_page  .main_part {border-radius: 0;}
	.album_page  .main_part {border-radius: 0;}
	.product_page  .main_part {border-radius: 0;}
	.product_info_page  .main_part {border-radius: 0;}
} 


@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 0; }
#to_top { bottom:60px;}
.pageIndex .header_area{position: relative;}
.nav-toggle:before {box-shadow: 0 0.5em 0 0 #ffe566, 0 1em 0 0 #ffe566;background-color: #ffe566;}
.nav-toggle:after {color: #ffe566;}
.footer_info ul{margin-top: 0;}
}

@media screen and (max-width: 600px) { 
	.banner{height: 200px;}
	.other_promotion li {width: 90%;}
	.banner:before {width: 360px;height: 130px;}
}




/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*上方選單解除滑動固定
.header_area.sticky { position:relative;}
*/

/*上方選單右邊設定 臉書/LINE/電話/信箱
.tp_links a:before {寬高大小設定}
.tp_links a.me_tp_fb {}
.tp_links a.me_tp_fb:before {背景換圖/建議.SVG}
.tp_links a.me_tp_line {}
.tp_links a.me_tp_line:before {背景換圖/建議.SVG}
.tp_links a.me_tp_call {}
.tp_links a.me_tp_call:before {背景換圖/建議.SVG}
.tp_links a.me_tp_mail {}
.tp_links a.me_tp_mail:before {背景換圖/建議.SVG}
*/


/*電腦LOGO
.nav-brand {}
*/

/*手機LOGO
.nav-brand-m {}
*/

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本分類全版面 ( 限制最寬2000px
.work_page .main_part { max-width:2000px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list .item { width:33%; display:inline-block; float:none; margin:0; padding:0;}
@media screen and (max-width: 768px) {
.work_page .show-list .item { width:49%;}
}
@media screen and (max-width: 570px) {
.work_page .show-list .item { width:100%;}
}
.work_page .show-list .item a { max-width:100%;}
.work_page .show-list .show_pic { height:auto; line-height:0;}
.work_page .show-list .show_pic img { max-width:100%; max-height:100%;}
.work_page .show-list .show_name { position:absolute; top:50%; right:10%; width:80%; height:auto; line-height:160%; font-size: 20px; color: #FFFFFF !important; border: solid 1px #fff; text-align: center; margin: -20px 0 0 -120px; padding:5px 20px; transition:all ease-in .3s; opacity:0;}
.work_page .show-list .item:hover .show_name {opacity:1;}
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本列表
.work_info_page .main_part { max-width:2000px;}
.work_info_page .show_content { padding:0; width:100%;}
.work_info_page .subalbum-menu { text-align:center;}
.work_info_page .subalbum-menu h2 { float:none;}
.work_info_page .pic-list .item { margin:0; padding:10px; width:49%; float:none; display:inline-block;}
@media screen and (max-width: 768px) {
.work_info_page .pic-list .item { width:100%;}
}
.work_info_page .pic-list .show_pic { height:auto; line-height:0;}
.work_info_page .pic-list .show_pic img { max-width:100%; max-height:100%;}
.work_info_page .pic-list .item a { max-width:100%; pointer-events: none; cursor: default; } 取消連結被點擊效果
*/