@charset "utf-8";

/* *********************************** */
/* 沒有開購物車-預設 vs 有開購物車 */
/**/
.search_link a.with_shopping_mode { display: inline-block;}
#menuTop ul:before { border-top:0 !important; }

/* *********************************** */
/**/
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    height: 2px;
    background: #fff;
}
.products-box {    display: none !important;}
/* *********************************** */
/* Header設定 */
#header {
    box-shadow: 0 0 5px black;
    background: url(https://pic03.eapple.com.tw/flyyoung/header.png);
    background-size: cover;
    background-position: center;
    padding: 14px 0;
    height: 100px;
}
.pageIndex #content_main {  background-color: white; }

/*選單設定*/
#menuTop ul {    margin-top: 20px;}
#menuTop li {    border-left: 1px solid #fff;}
#menuTop li:first-child{    border-left:none;}
#menuTop li ul li {    border-left: none;}
#menuTop li a {
    padding: 1px 16px;
    color: #fff;
    text-shadow: 0px 0px 8px rgb(0 0 0 / 80%);
}
#menuTop li ul {    box-shadow: none;    background: #fbfbfb;}
#menuTop li li a {
    width: 100%;
    height: auto;
    margin: 0;
    text-shadow: none;
    color: #444;
    background: transparent;
    transition: all 0.3s;
}
#menuTop li li:hover a {
    background: #ab6f3c;
    color: #fff;
}
#menuTop li:nth-child(2) > ul {    display: none;}

#nav-toggle {    margin-top: 15px;  margin-left: 35px;}

/*Footer*/
.footer {
    border-top: none !important;
    padding: 25px 0 0;
    background: url(https://pic03.eapple.com.tw/flyyoung/footer.png) center;
    background-size: cover !important;
}
.footer_menu {
    width: 100%;
    max-width: 1200px;
    margin: 30px auto 0;
    background: rgb(21 21 21 / 50%);
    border-radius: 30px 30px 0 0;
    padding: 0 5px;
    border-bottom: 1px solid #e8c492 !important;
}
.footer_menu li a {    color: #fff;}
.copy {    background: rgb(21 21 21 / 50%);    color: #fff;}
.copy a{    color: #fff;}

.footer_info {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.footer_logo {
    display: block;
    width: 300px;
    margin-left: 0;
    margin: 0 15px;
}
.footer_info ul {
    display: table;
    width: 100%;
    max-width: 670px;
}
.footer_info li {    color: #fff;    text-shadow: 0 0 10px black;    display: table-cell;    vertical-align: middle;}
.footer_info li:nth-child(2) {    width: 200px;    text-align: center;}
.footer_info li img {    max-width: 100%;}
.footer_info li em {    font-style: normal;    font-size: 15px;    color: #fff;    display: block;    padding: 5px;}


.fa-angle-up:before , .fa-home:before {    color: #71533c;}
#bottom_menu li a {    color: #71533c;}
#bottom_menu {    border-top: 1px solid #71533c;}
#bottom_menu li {    border-right: 1px solid #71533c !important;}
.ff01 { flex-direction: row !important;}
.ff02 {
    border-left: 2px solid;
    padding-left: 11px;}

/* *********************************** */
/*LOGO設定*/
#header .logo img {    margin-top: -25px;    width: 270px;}
.footer_logo img {    width: 270px;    margin-top: 25px;}

/* *********************************** */
/* 產品的看更多按鈕設定 */
.products-list .more {    display: none;}
/*
.products-list .more {    border: 1px solid #ab6f3c !important;    color: #ab6f3c;}
.products-list a:hover .more {    background: #ab6f3c;    border-color: #ab6f3c;    color: #fff;    letter-spacing: 5px;}
*/

/*首頁+聯絡按鈕*/
.animated-arrow {    background: url(https://pic03.eapple.com.tw/flyyoung/header.png) left;}
.swiper-pagination {    margin-left: -30px;}

/*聯絡我們填字框*/
/* 商品回上一頁Q&A按鈕 */

.product_page .main_part {    max-width: 1400px;}
.products-list .item a {    max-width: 100%;}
.products-list .item a:hover img {
    filter: brightness(0.6);
}
.products-list .item a img {
    transition: all 0.3s;
}
.products-list .pic img {
    max-height: 100%;
    max-width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: left;
}
.products-list .name {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #ab6f3c;
}

.products-list .pic:before {
    content: "VIEW MORE";
    position: absolute;
    color: #fff;
    width: 110px;
    height: 30px;
    z-index: 1;
    left: 50%;
    font-size: 16px;
    top: 50%;
    margin-left: -55px;
    margin-top: -15px;
    opacity: 0;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0);
    transition: 0.2s;
}
.products-list .pic:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: 0.3s;
}


/*內層*/
.product-layer-two {    display: none;}
.product_info_page .show_content {    padding: 0 10px;}
.sidebarBtn {    display: none;}
.toShare {    border-top: none;    margin-top: 0;    padding-top: 0;}

.product_pic .bx-wrapper .bx-viewport {
    margin: auto;
}



.product_pic {    padding: 20px 0;}
/*
.prod_view img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.prod_view {
    width: 100%;
    height: 100%;
    margin: auto;
    text-align: center;
}
*/
.lastPage {    background:#ab6f3c;}
.nextaction {    background-color:#ab6f3c;}
.lastaction {    color: ;    background-color:#ab6f3c;}

/* 購物車商品按鈕 */
.action-button {
    background: ;}
.action-button:hover {
    background: ;
}

.prod_c {    text-align: center;}
.prod_c p {    text-align: center;}
.prod_c h2 {    padding-bottom: 10px;}

@media screen and (max-width: 600px) {
.prod_c p {    text-align: justify;}
}

/* *********************************** */
/* 頁面的麵包屑 首頁/頁面名稱/ */
.path { display:none;}

/* *********************************** */
/* 頁面上方廣告 */
.banner {
    background-image: url(https://pic03.eapple.com.tw/flyyoung/oBanner.png);
    background-position: bottom;
    height: 170px;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner h5 {
    color: #fff;
    text-shadow: 0 0 5px #5d220c;
}

/* *********************************** */
/* 針對頁尾第幾個作設定 */
.footer_info ul li:nth-child(1) { /*display:none;*/}


/*聯絡我們*/
.list_before.info li:last-child {    padding-left: 0;}

/*文章分享*/
.share_page .edit img {    display: block;    max-width: 100%;    margin: auto;}
.promotion_title h2 {    border-bottom: 2px solid #ab6f3c;}


/*相簿*/
.work_page .main_part , .work_info_page .main_part{    max-width: 1400px;}
.other_album_choice li {    background: #ab6f3c;}
.promotion_title {    border-bottom: 1px solid #ab6f3c;}


.other_promotion li {    width: 23%;    margin: 20px 1%;}
.other_select_page .main_part {    max-width: 1300px;    padding: 0px 20px 50px;}

@media screen and (max-width: 980px) {
#header {    height: auto;}
#header .logo img {    margin-top: 20px;}
#header .logo {    clear: both;    text-align: center;    width: 100%;    margin: 0 auto;}
#menuTop ul li a {    padding: 1px 16px;}
#menuTop li ul {    margin-top: 30px;}
.other_promotion li {
    width: 31.3%;
    padding: 0 10px;
    margin: 20px 1%;
}
}
/***************************************************/
/* 手機版設定 */
@media screen and (max-width: 768px) {
#header { height:100px; }
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding: 50px 0 70px; }
.other_promotion li {
    width: 48%;
}
/*手機底部*/
#bottom_menu li:last-child {display:none;}

/*footer*/
.footer_menu {text-align: left; padding: 10px 5px;}
.footer_menu li {width: 25%;}
.footer_info li p a {
    color: #fff;}

/* *********************************** */
/*手機板LOGO調整*/
#header .logo {    clear: none;  width: auto;}
#header .logo img { margin-top:0;    width: ;   }
.footer_logo img{   width: ;margin-top:0;   }
.footer_logo {    margin-left: unset;    margin: auto;    text-align: center;}

/* 預設手機版單張圖片 沒有開啟 */
/*
.bannerindex { display:none;}
.mobile_wp { display:block;}
*/
}

@media screen and (max-width: 600px) {

.other_promotion li {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
}

/* 手機版 輪播圖另外在換圖*/
.swiper-slide img { display:none; }
.bannerindex {    height: 90vh;    padding: 0;}
.swiper-banner {    height: 90vh;}
.swiper-slide:nth-child(1) {
    background-image: url(https://pic03.eapple.com.tw/flyyoung/sBanner1.png);
    background-size:  cover;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-slide:nth-child(2) {
    background-image: url(https://pic03.eapple.com.tw/flyyoung/sBanner2.png) ;
    background-size:  cover;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-slide:nth-child(3) {
    background-image: url(https://pic03.eapple.com.tw/flyyoung/sBanner3.png) ;
    background-size:  cover;
    background-position: center;
    background-repeat: no-repeat;
}
.banner {    height: 130px;}

}

@media screen and (max-width: 480px) {
.products-list .item {    width: 100%;}
/*
.prod_view  {    max-height: 60vh;    left: 0;    overflow: hidden;}
.prod_view img  {    max-height: 67vh;}
*/
#header .logo img {    max-width: calc(100% - 105px);    max-height: 80px;    height: 100%;}

.footer_info li {
    display: block;
    width: 100% !important;
    padding: 10px;
    text-align: center;
}
.footer_info li:nth-child(n), .ff01 {
    align-items: flex-start !important;}
.ff02 {
    align-items: flex-start !important;}


}
@media screen and (max-width: 390px) {
.ff01 {flex-wrap: wrap !important; width: 295px;}

}