@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&family=Alumni+Sans+Pinstripe:ital@0;1&family=El+Messiri:wght@400..700&family=Kiwi+Maru&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+JP:wght@300&family=Noto+Serif+TC:wght@200..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Shippori+Mincho&family=Yuji+Mai&family=Zen+Kaku+Gothic+New&family=Zen+Maru+Gothic&display=swap');

/*new----------------------------------*/
/*header*/
.nav-menu {margin: 0 0 0 0;}
.stellarnav > ul > li:hover>a {color: #343a40 !important;}
li.tp_links {display: none;}

.header_area {
    padding: 0px 0;
    height: 100px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    background: #ffffff;
}
.me_tp_features { display:none; }
.navigation {  padding: 27px; }
.header_area.sticky { background:#ffffff; }

/*大圖*/
.pageIndex .swiper-slide {position: relative;}/*因為偽元素，所以要加的*/
.swiper-slide:before ,.swiper-slide:after { content: ""; position: absolute;  z-index: 999; pointer-events:none;}/*before+after依樣要寫的內容拆出來寫一起，要寫在個別下方也可以*/
/*第一張大圖的偽元素*/


.pageIndex .swiper-slide:nth-child(1):before {
    background: url(https://pic03.eapple.com.tw/hualien-twm/flow.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 30%;
    left: 55%;
    width: 32% !important;
    height: 0 !important;
    background-position: left;
    padding-bottom: calc(100% / 2 * 0.7);
}

.pageIndex .swiper-slide:nth-child(1):after {
    background: url(https://pic03.eapple.com.tw/hualien-twm/banner_ac1.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 55%;
    left: 60%;
    width: 27%;
    height: 0 !important;
    background-position: left;
    padding-bottom: calc(100% / 2 * 0.18);
}


.pageIndex .swiper-slide.swiper-slide-active:nth-child(1):before {  animation: jump 2.1s infinite linear alternate;}
.pageIndex .swiper-slide.swiper-slide-active:nth-child(2):before {  animation: jump 2.1s infinite linear alternate;}
.pageIndex .swiper-slide.swiper-slide-active:nth-child(1):after  { animation: slide-top  2s 0.3s both;}
.pageIndex .swiper-slide.swiper-slide-active:nth-child(2):after  { animation: slide-left  2s 0.3s both;}

/*文字出現特效*/
@keyframes slide-left {
0% {-webkit-transform: translateX(-5%);  /* 一開始的位置 在X-100(最下方)*/
          transform: translateX(-5%);
          opacity:0;/*透明度0*/}
100% {-webkit-transform: translateX(0);/* 跑到最後終止的位置 在X-0(最上方)*/
          transform: translateX(0);
          opacity:1;/*透明度顯示*/}
}
@keyframes slide-top {
  0% {-webkit-transform: translateY(-20%);  /* 一開始的位置 在Y-100(最下方)*/
            transform: translateY(-20%);
            opacity:0;/*透明度0*/}
  100% {-webkit-transform: translateY(0);/* 跑到最後終止的位置 在Y-0(最上方)*/
            transform: translateY(0);
            opacity:1;/*透明度顯示*/}
  }

/*上下浮動*/
@keyframes jump {
  0% {
      -webkit-transform: translateY(5%);
      transform: translateY(5%);
  }
  100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}

@keyframes run01{
  0% {
      background-position-x: 200px;
  }
  100% {
      background-position-x: -30px;
  }
}
.pageIndex #page .swiper-slide img {
  height: auto;
  transform: scale(1);
  animation: banner-img 2.8s forwards;
  animation-delay: 3s;
}

@keyframes banner-img {
  0%{
      opacity: 0.5;
      transform: scale(1.2);
  }
  100%{
      opacity: 1;
      transform: scale(1);
  }
}

/*下拉選單*/
.stellarnav > ul > li>li>a {display: block; color: #343a40 !important;}
.stellarnav > ul > li:hover>a, .stellarnav > ul > li.active>a, .stellarnav > ul > li.focus>a {color: #343a40 !important; background-color: #ffffff;}
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus, .nav-dropdown > li > a:active {color: #343a40 !important;}
.nav-dropdown > li > a:before, .nav-dropdown > li > a:after {color: #343a40 !important;}
.nav-dropdown {background: #ffffff;}
.nav-dropdown>li {padding: 3px 0; border-bottom: 1px solid #c3c3c3;}
.nav-dropdown > li > a {padding: 6px 20px; color: #343a40 !important;}
.stellarnav li.has-sub > a:after { display:none; }


/*特效*/
.stellarnav > ul > li > a { padding: 0px 15px;  color: #555; }
.stellarnav > ul > li > a {position: relative;}
.stellarnav > ul > li:hover>a:after {width: 100%;}
.stellarnav > ul > li > a:after {
    content: "";
    width: 0%;
    height: 1px;
    background: #c3c3c3;
    position: absolute;
    left: 50%;
    bottom: -10px;
    transition: all .3s;
	transform: translate(-50% , 0);
	color: #343a40 !important;}


/* 側邊按鈕*/
.info_fix { display:none; }

/*文章修改*/
.subbox_item a:before, .subbox_item a:after { display:none;}
.subbox_item a { display: block; }
.blog_subbox { grid-template-columns: repeat(auto-fill, minmax(315px, 1fr)); }
.blog_le .accordion { border: none; }

.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {  background: #b98e6e !important; }

/*footer*/
.box_link { display:none; }
.footer { background-color:white; }
.footer_menu a { background: #ffffff; }
.footer .center { text-align: center; }
.footer_info { display: block; }


/*內頁BANNER 設定*/
.banner { height:400px;}
.banner h5 { display:none;}
.banner.banA { background-image: url(https://pic03.eapple.com.tw/帳號/banA.jpg); background-position: center; width: 100%; height: 20vw; background-size: cover; }
.banner.banB { background-image: url(https://pic03.eapple.com.tw/帳號/banB.jpg); background-position: center; width: 100%; height: 20vw; background-size: cover; }
.banner.banC { background-image: url(https://pic03.eapple.com.tw/帳號/banC.jpg); background-position: center; width: 100%; height: 20vw; background-size: cover; }
.banner.banD { background-image: url(https://pic03.eapple.com.tw/帳號/banD.jpg); background-position: center; width: 100%; height: 20vw; background-size: cover; }
.banner.banE { background-image: url(https://pic03.eapple.com.tw/帳號/banE.jpg); background-position: center; width: 100%; height: 20vw; background-size: cover; }
.banner.banF { background-image: url(https://pic03.eapple.com.tw/帳號/banF.jpg); background-position: center; width: 100%; height: 20vw; background-size: cover; }
.banner.banblog { background-image: url(https://pic03.eapple.com.tw/帳號/banblog.jpg); background-position: center; width: 100%; height: 20vw; background-size: cover; }
#content {
	background-image: url(https://pic03.eapple.com.tw/shanmao/content.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

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


/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:100%;}


.car_page .information_left { display: block; }







/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1600px) {	

}
@media screen and (max-width: 1440px) {
}


@media screen and (max-width: 1367px) {	

}
@media screen and (max-width: 1200px) {
.swiper-slide img { height: auto;}
/*文章管理*/
}

@media screen and (max-width: 1050px) {	

}
@media screen and (max-width: 1035px) {	

}
@media screen and (max-width: 1024px) {
.navigation { padding: 15px 0 0 0; }
.header_area { position: relative; height:auto; }
}
@media screen and (max-width: 980px) {

}

@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
.main_header_area .container { max-width: 100%; margin: 0; }
.stellarnav .menu-toggle span.bars span { background: #827c78; }
.stellarnav .menu-toggle:after { color: #827c78; }
.navigation { padding: 1%; }
.footer_info li { padding: 2% 5%;}
.footer_logo { display: inline-block; }

/*文章管理/＝＝＝＝＝*/
h4.blog_category_title{font-size: 24px;}
h4.blog_category_title span{font-size: 20px;}
}
@media screen and (max-width: 570px) {
.header_area {  position: relative; }
.navigation { padding: 2%; }
.product_page .products-list { width: 100%; }
.products-list { grid-template-columns: 1fr 1fr; }
.contact_form li {  display: flex; justify-content: space-evenly; }
.contact_form li .form__label {   width: 120px; }

#content_main { margin-top: -10px; }
.product_page .products-list {  width: auto; }
.products-list {  display: block; }
.products-list .item {   width: 49%; }
.subbox_item {  width: 100%;  border-bottom: none; }


.footer { padding: 50px 0 0; }
.footer_info li { text-align: center; }
.footer_info ul { display: block;}
.footer_menu a {
	display: inline-block;
    border: 1px #ccc solid;
}
.stellarnav .menu-toggle {  padding: 15px;}
}


@media screen and (max-width: 414px) { 

}



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








/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*購物車-付款方式流程*/
.arrow { top: 42%; left: 80%; padding: 10px;  fill: #aa7ea9;}
.separate_title { background: #eee url(https://pic03.eapple.com.tw/jingtsa/separateTitle.png) left center no-repeat;}
.send_simple {  background: #a97ea8 url(../images/simple_right.png) 88% center no-repeat;}
.rewrite_simple {  background: #a2a2a2 url(../images/simple_left.png) 10% center no-repeat;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*選單置左設定*/
.product_page .main_part {    max-width: 1600px;}
.product_info_page .main_part {    max-width: 1200px;}
.product_page .show_content,.product_info_page .show_content{    width: 100%;    display: flex;    justify-content: space-between;    flex-wrap: wrap;    padding-top: 50px;}
.product_page .product-layer-two {    position: relative;    width: 240px;    letter-spacing: 1px;    border-right: 1px solid #ccc;    min-height: 30vw;}
.product_page .products-list, .product-wrapper {    width: calc(100% - 290px);}
.page{    width: 100%;}
/*購物車主分類設定寬度100%*/
.product-layer-two > li {    width: 100%;    max-width: 100%;    text-align: left;    margin: 0;    padding: 0 10px;}
.product-layer-two > li + li {    border-top: 1px dotted #ccc;}

/*購物車次分類固定展開*/
.product-layer-two li ul {    position: relative;    margin-top: 10px;    width: 100%;    margin-left: 0;    display: block !important;    border: none !important;}
.product-layer-two li li {    display: block;    padding: 5px 10px;    transition: all ease .3s;    background: transparent;}
.product-layer-two > li ul > li + li {    margin-top: 5px;}
.product-layer-two li li a{    padding: 0;background: transparent;}
.product-layer-two li li:hover > a { color: #efb533;}
/*購物車內頁不顯示分類選單*/

.product_info_page .product-layer-two {    display: none;}
.product_info_page .products-list, .product-wrapper {    width: 100%;}
/*次分類hover箭頭*/
.product-layer-two li li:hover{    margin-left: 15px;}
.product-layer-two li li > a:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 8px;
    background: transparent;
    left: 0;
    margin-left: -20px;
    top: 50%;
    margin-top: -4px;
    clip-path: polygon(0 0, 100% 50% , 0 100%);}
.product-layer-two li li:hover > a:before {    background: #efb533;}
/**/
@media screen and (max-width: 980px) {
.product-layer-two , .products-list, .product-wrapper {    width: 100%;}}
@media screen and (max-width: 768px) {
.product-layer-two {    margin-right: 0;}
.product-layer-two > li {    margin-bottom: 5px;}
.product_page .product-layer-two , .product_page .products-list {    width: 100%;}
/*調整手機版選單順序*/
.product_page .show_content > a {    order: 1;}
.product_page ul.products-list {    order: 2;}
.product_page .page {    order: 3;}
.product_page ul.product-layer-two {    order: 4;    border-right: none;}
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝分隔線＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*購物車設定*/
/*外層*/
ul.products-list {    display: flex;    flex-wrap: wrap;}
.products-list .item {    width: 25%;}
li.item.first_box {    width: 100%;}

.products-list .name {    text-align: justify;    /*color: #fff;*/}

@media screen and (max-width: 1200px) {.product_page .products-list .item {    width: calc(100% / 3);}}
@media screen and (max-width: 1024px) {.products-list .item {    width: calc(100% / 3);}.product_page .products-list .item{    width: 50%;}}
@media screen and (max-width: 768px) {.products-list .item {    width: 50%;}}
@media screen and (max-width: 500px) {.products-list .item , .product_page .products-list .item{    width: 100%;}}

.product-layer-two li a {
    /*color: #fff;*/
    border: none;
    background: transparent;
    transition: all 0.3s;
    line-height: 200%;
    padding-left: 25px;
    transition: all 0.3s;
}
.product-layer-two > li > a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 18px;
    content: "��";
    color: #fff;
    background: #000;
    width: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    padding-left: 2px;
    font-size: 13px;
	display:none;
}
.product-layer-two li:hover > a , .product-layer-two li.active > a {color: #000000;}
.product-layer-two li:hover > a:before, .product-layer-two li.active > a:before {
    background: #efb533;
    color: #000;
}


.products-list .item a:hover .more {
    background: #000000;
}
.product-layer-two li.active a { border: none;}

/*內層*/
.nextaction {    background-color: #efb533;}
.lastaction {    color: #fff;    background-color: #efb533;}
ul.prod {    /*color: #fff;*/}
li.prod-item {    margin-top: 20px;}
li.prod-item.is-active * {    max-width: 100%;    line-height: 250%;    text-align: justify;}
.sidebarBtn .price {    color: #efb533;}
.action-button {    background: #212121;}
.action-button:hover {    background: #efb533;}
.prod_related {    /*display: none;*/ background: unset;}

.bx-wrapper img {    width: 100%;}
.product_pic {    padding: 10px 20px;}
.product_pic #bx-pager {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    position: relative;grid-gap: 5px;
}
.product_pic #bx-pager h6 {    display: none;}
.product_pic #bx-pager a {
    margin: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
}
.product_pic #bx-pager a img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    object-fit: contain;
    -moz-object-fit: contain;
    -ms-object-fit: contain;
    -o-object-fit: contain;
    -webkit-object-fit: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


.qaform li span {    /*color: #fff;*/}
.half_box:nth-child(2) > ul >li {    /*color: #fff;*/}
.breakF {    background: #161616;    /*color: #fff;*/    border: none;    border-radius: 5px;}


.inquiry_a1, .inquiry_a2, .inquiry_a3, .nextaction, .lastaction, .lastPage {
    background: #000000;
	transition:.3s;
}

.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover, .nextaction:hover, .lastaction:hover, .lastPage:hover {
    background: #B5B5B5;
}


ul.prod li h3.prod-thumb { display: none; }
ul.prod li .prod-panel { color: #333; }

/*購物車金額*/
.sidebarBtn {    border: none;   border-radius: 15px;}
.sidebarBtn h2 {}

.products-list .price {    display: flex;    flex-wrap: wrap;    line-height: 0;    min-height: 50px;    align-items: center;    justify-content: center;}
.products-list .price b {    margin: 0 5px;    line-height: 180%;    text-align: center;color: #efb533;}
.products-list .price b.ori_price {    font-size: 13px;}
/*規格調整*/
.product_info li {    padding: 0 5px;}
.product_info li .txt_box {    color: #777;    font-size: 15px;    width: 100%;}
.product_info li span {    margin: 5px 0;    width: 100%;}
.radio-inline__label {    color: #d1d1d1;    width: 100%;    padding: 5px 10px;    margin: 3px 0;}
.radio-inline__input:checked + .radio-inline__label {    background: #B5B5B5;    border: 1px #B5B5B5 solid;color: #FFF;}
/*購物流程*/
.shopping-cart .cart_head {    background: #000000;}
.cart_content, .cart_content a {    /*color: #fff;*/}
.separate_title {    color: #fff;    background: #000000;position:relative;}
.separate_title:before {
    position: absolute;
    content: "";
    background: #efb533;
    width: 18px;
    height: 100%;
    left: 0;
    top: 0;
    clip-path: polygon(0 0, 100% 50%,0 100%);
}
.total_amount {    /*color: #fff;*/}
.form label.Bigcheck {    /*color: #fff;*/}
.declaration {
    background: #FFF;
    border-radius: 50px;
    line-height: 40px;
    padding: 5px 15px;
}
.send_simple {
    background: #000000 url(../images/simple_right.png) 88% center no-repeat;
}
.rewrite_simple {
    background: #000000 url(../images/simple_left.png) 10% center no-repeat;
}

.order_list_tab td {
    border-top: 5px solid #f7f6f1;
}

.payer {
    background: unset;
}


@media screen and (max-width: 500px) {.price {    min-height: unset;}}