@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');

body{
	overflow-x:hidden;
	font-family: "El Messiri","微軟正黑體","arial","sans-serif";
	font-weight: 500;
}

@charset "utf-8";

/*網站全域設定/＝＝＝＝＝*/
*{word-break: auto-phrase !important;}
:root {
    --MainColor: #19575E;
    /*網站主要色系*/
    --SubColor:#176336;
    /*網站輔助色系1*/
    --SubColor2: #222;
    /*網站輔助色系2*/
   }

/*banner固定設定*/
.pageIndex .header_area{top: 0;}

/*版面範圍設定*/
.page{margin: 0;}
#content {max-width: 2600px;margin: 0 auto;min-height: auto;}

.me_tp_features {  display: none;}
/*手機板漢堡鈕相關*/
.nav-dropdown > li > a{width: 100%;}
/*手機版底下按鈕*/
#bottom_menu{display: none !important;}

/*文章分享側邊欄設定*/
.blog_le .accordion li .link{padding: 0;}
.blog_le .accordion li .link a{padding: 15px 10px;display: block;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*整體網頁設定*/

.main_header_area .container { max-width: 1600px;margin: auto;}
.main_part {max-width: 95%;padding: 0;}
.nav-brand {width: 200px; padding-top: 14px;}
.services_page .main_part {max-width: 100%;}
.pageIndex .main_part{border-top: none;}
.show_content { margin: auto; padding: 0;}
.services_page .edit { padding: 0;}



.header_area {
    position: relative;
    z-index: 9999;
    padding: 10px;
    background: #ffffff;
    position: sticky;
    top: 0;
    width: 100%;
    transition: .5s ease-out;
    margin: auto;
    box-shadow: 1px 1px 10px rgb(133 132 132 / 23%);
}
.header_area.sticky {
    z-index: 9999;
    background: rgb(255 255 255 / 85%);
    backdrop-filter: saturate(93%) blur(10px);
    border-radius: 50px;
    top: 10px;
    max-width: 100%;
    width: 90%;
    margin: auto;
}
.nav-header {
    max-width: 270px;}
.navigation {
    grid-template-columns: 270px 1fr;}
.main_header_area .container {
    max-width: 90%;
    margin: auto;
}


/*第一層*/
.stellarnav > ul > li {    transition: all 0.6s;    vertical-align: top;    position: relative;}
.pageIndex .stellarnav > ul > li:hover > a{color: var(--MainColor);}
.pageIndex .sticky .stellarnav > ul > li:hover > a{color: var(--SubColor);}
.stellarnav.mobile > ul > li > a.dd-toggle { padding-top: 22px;}
.stellarnav > ul > li > a:not(.dd-toggle), .stellarnav > ul > li.has-sub > a:not(.dd-toggle) {
  
    padding: 0 14px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-top: 58px;
    display: block;
    position: relative;
    height: 70px;
    line-height: 8px;
    transition: all 0.3s;
    /* overflow: unset; */
}
.stellarnav > ul > li:hover > a{color: var(--SubColor);}
.stellarnav > ul > li > a:not(.dd-toggle):before {
    content: "";
    width: 45px;
    position: absolute;
    aspect-ratio: 8 / 7;
    z-index: 10;
    transition: all .5s;
    filter: drop-shadow(1px 0 0 white) drop-shadow(0 1px 0 white) drop-shadow(-1px 0 0 white) drop-shadow(0 -1px 0 white);
    /* padding-top: 40px; */
    display: block;
    margin: 0 auto;
    transform-origin: bottom;
    top: 8px;
    left: 50%;
    transform: translate(-50%, 0%);
    height: 37px;
}
.stellarnav > ul > li:hover > a:not(.dd-toggle):before{        animation: iconhop 0.3s ease;}

@keyframes iconhop {
	0% {transform: translate(-50%, 0%) scaleY(1);}
	5% {transform: translate(-50%, 0%) scaleY(0.9);}
	50% {transform: translate(-50%,-20%) scaleY(1.1);}
	10% {transform: translate(-50%, 0%) scaleY(0.9);}
	100% {transform: translate(-50%, 0%) scaleY(1);}
}

.stellarnav > ul > li:nth-of-type(1)>a:not(.dd-toggle):before {
    background: url(https://pic03.eapple.com.tw/073231879/top_icon01.png) no-repeat center;
   background-size: contain;
}
.stellarnav > ul > li:nth-of-type(2)>a:not(.dd-toggle):before {
	background-size: contain;
	background-image: url(https://pic03.eapple.com.tw/073231879/top_icon01.png);
	background-repeat: no-repeat;
}
.stellarnav > ul > li:nth-of-type(3)>a:not(.dd-toggle):before {
    background: url(https://pic03.eapple.com.tw/073231879/top_icon01.png) no-repeat center;
   background-size: contain;
}
.stellarnav > ul > li:nth-of-type(4)>a:not(.dd-toggle):before {
    background: url(https://pic03.eapple.com.tw/073231879/top_icon01.png) no-repeat center;
   background-size: contain;
}.stellarnav > ul > li:nth-of-type(5)>a:not(.dd-toggle):before {
    background: url(https://pic03.eapple.com.tw/073231879/top_icon01.png) no-repeat center;
   background-size: contain;
}
.stellarnav > ul > li:nth-of-type(6)>a:not(.dd-toggle):before {
    background: url(https://pic03.eapple.com.tw/073231879/top_icon01.png) no-repeat center;
   background-size: contain;
}
.stellarnav > ul > li:nth-of-type(7)>a:not(.dd-toggle):before {
    background: url(https://pic03.eapple.com.tw/073231879/top_icon01.png) no-repeat center;
   background-size: contain;
}

.stellarnav li.has-sub > a {padding:28px 17px 0 0;}
.stellarnav li.has-sub > a:after {top:85%; border-top: 6px solid #c7b3b3;}
.stellarnav li.has-sub:hover > a:after {border-top: 6px solid var(--SubColor);}
.pageIndex .stellarnav li.has-sub:hover > a:after {border-top: 6px solid var(--MainColor);}
.pageIndex .sticky .stellarnav li.has-sub:hover > a:after {border-top: 6px solid var(--SubColor);}


/*第二層*/
.stellarnav li li {    border: none;}
.stellarnav li li > a , .stellarnav li li.has-sub > a{    padding: 7px 5px;    transition: all 0.3s;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{color: #fff;	padding-left:10px;background:var(--SubColor) ;}
/*SubMenu*/
.shop_search_btn {    background: var(--SubColor);}
.tp_links a{transition:all 0.3s;}
.tp_links a:hover {    color: var(--MainColor);}
.box_search input[type=text],.shop_search_btn {border-radius:0;}

/*隱藏選單按鈕連結*/
.tp_links{display: none;}


/* 開場動畫 */
.bannerindex::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: transparent;
    backdrop-filter: grayscale(1)  blur(0px);
    z-index: 1000000000000010000000;
    animation: action-bg 4.3s cubic-bezier(0.80, 0.08, 0.11, 0.5) forwards;
    pointer-events: none;
}
.bannerindex .swiper-wrapper {
    transform: scale(0.8);
    animation: action-banner 3s cubic-bezier(0.80, 0.08, 0.11, 0.59) forwards ;
}

@keyframes action-bg {
    0%{
        backdrop-filter: grayscale(0)  blur(0px);
    }
    100%{
        backdrop-filter: grayscale(0)  blur(0px);
    }
}


@keyframes action-banner {
    0%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
    
}
/*開場*/
.nav-header {
    opacity: 1;
}

.pageIndex .nav-header {
    opacity: 0;
    animation: banner-nav-logo 0.25s forwards;
    animation-delay: 1s;
}

@keyframes banner-nav-logo {
   0% {
        left: 70vw;
        opacity: 0;
    }

    100% {
        left: 68vw;
        opacity: 1;
    }
}


.pageIndex .stellarnav.desktop {
    opacity: 0;
    animation: banner-navbar 0.4s forwards;
    animation-delay: 1.5s;
}

.stellarnav.desktop {
    opacity: 1;
    z-index: 0;
}



@keyframes banner-navbar {
    0% {
        top: 97px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}





/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;}
.swiper-slide img {
    height: auto;
}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/


/* 大圖 */
.swiper-banner .swiper-slide img {
    aspect-ratio: 2000/1000;
    object-fit: cover;

}
.bannerindex .swiper-slide{ opacity:0;}
.bannerindex .swiper-slide:before{
    content: "";
    position: absolute;
    z-index: 999;
    pointer-events: none;
    width: 40%;
    height: 100%;
    object-fit: contain;
	
    background-size: 100%;
    background-repeat: no-repeat;
    aspect-ratio: 2000/1000;
	 left: 30%;
    top: 20%;
}



.bannerindex .swiper-slide:nth-child(1):before {
    background-image:  url(https://pic03.eapple.com.tw/073231879/con_text.png);
}
.bannerindex .swiper-slide:nth-child(2):before {
    background-image:  url(https://pic03.eapple.com.tw/073231879/con_text.png);
}



/**/
.bannerindex .swiper-slide.swiper-slide-active:before {
   -webkit-animation: 7s wobble linear infinite;
           animation: 7s wobble linear infinite;
}



@-webkit-keyframes wobble {
  0% {
    transform: scale(0, 0);
  }
  1% {
    transform: scale(0.086484529651881, 0.179427456557767);
  }
  2% {
    transform: scale(0.292554252432152, 0.545376716848168);
  }
  3% {
    transform: scale(0.545376716848168, 0.894404964543183);
  }
  4% {
    transform: scale(0.788551391390369, 1.120376016086594);
  }
  5% {
    transform: scale(0.985835941661639, 1.205153326404069);
  }
  6% {
    transform: scale(1.120376016086594, 1.184807461549862);
  }
  7% {
    transform: scale(1.191045818185745, 1.113400777234015);
  }
  8% {
    transform: scale(1.207445230574602, 1.037247338712057);
  }
  9% {
    transform: scale(1.184807461549862, 0.983312126349848);
  }
  10% {
    transform: scale(1.139672272493081, 0.959151493096828);
  }
  11% {
    transform: scale(1.086773838727188, 0.959207005548428);
  }
  12% {
    transform: scale(1.037247338712057, 0.972534530793938);
  }
  13% {
    transform: scale(0.998010256157525, 0.98880159678671);
  }
  14% {
    transform: scale(0.972031419546276, 1.001379435012348);
  }
  15% {
    transform: scale(0.959151493096828, 1.00783265522376);
  }
  16% {
    transform: scale(0.957140100254271, 1.008821093113781);
  }
  17% {
    transform: scale(0.96274018852263, 1.006488198218787);
  }
  18% {
    transform: scale(0.972534530793938, 1.003092956925791);
  }
  19% {
    transform: scale(0.983552526255917, 1.000221414749495);
  }
  20% {
    transform: scale(0.993604544681563, 0.998573305048547);
  }
  21% {
    transform: scale(1.001379435012348, 0.998133854506318);
  }
  22% {
    transform: scale(1.006367469874671, 0.998500975623806);
  }
  23% {
    transform: scale(1.00867876840649, 0.999191084459488);
  }
  24% {
    transform: scale(1.008821093113781, 0.999833501948366);
  }
  25% {
    transform: scale(1.007486437375814, 1.000240340703161);
  }
  26% {
    transform: scale(1.005378103626964, 1.000385276149533);
  }
  27% {
    transform: scale(1.003092956925791, 1.000339232175458);
  }
  28% {
    transform: scale(1.001059752569101, 1.000203385122328);
  }
  29% {
    transform: scale(0.999525049489696, 1.000062534362191);
  }
  30% {
    transform: scale(0.998573305048547, 0.999964849826148);
  }
  31% {
    transform: scale(0.998166624576185, 0.999922697095762);
  }
  32% {
    transform: scale(0.998191241770966, 0.999924761163581);
  }
  33% {
    transform: scale(0.998500975623806, 0.999950419122189);
  }
  34% {
    transform: scale(0.998951615476555, 0.999980662109647);
  }
  35% {
    transform: scale(0.99942365059167, 1.000003563281379);
  }
  36% {
    transform: scale(0.999833501948366, 1.000014970213524);
  }
  37% {
    transform: scale(1.000135225951195, 1.000016350718153);
  }
  38% {
    transform: scale(1.00031555507819, 1.000011778605271);
  }
  39% {
    transform: scale(1.000385276149533, 1.000005429970832);
  }
  40% {
    transform: scale(1.00036955135608, 1.000000175788403);
  }
  41% {
    transform: scale(1.000299099745054, 0.999997234930038);
  }
  42% {
    transform: scale(1.000203385122328, 0.999996522266158);
  }
  43% {
    transform: scale(1.000106253265117, 0.999997264764804);
  }
  44% {
    transform: scale(1.000023918238932, 0.999998563845857);
  }
  45% {
    transform: scale(0.999964849826148, 0.999999744931904);
  }
  46% {
    transform: scale(0.999930953553717, 1.000000476269022);
  }
  47% {
    transform: scale(0.999919425875407, 1.000000722388812);
  }
  48% {
    transform: scale(0.999924761163581, 1.000000621989317);
  }
  49% {
    transform: scale(0.999940535092441, 1.000000364142579);
  }
  50% {
    transform: scale(0.99996074901389, 1.000000103935755);
  }
  51% {
    transform: scale(0.999980662109647, 0.999999927251821);
  }
  52% {
    transform: scale(0.999997145282538, 0.999999853998891);
  }
  53% {
    transform: scale(1.000008657088084, 0.999999861387962);
  }
  54% {
    transform: scale(1.000014970213524, 0.999999910625746);
  }
  55% {
    transform: scale(1.000016775086596, 0.999999966780841);
  }
  56% {
    transform: scale(1.000015265384358, 1.000000008427682);
  }
  57% {
    transform: scale(1.000011778605271, 1.000000028536839);
  }
  58% {
    transform: scale(1.000007531821609, 1.000000030270993);
  }
  59% {
    transform: scale(1.000003464072008, 1.000000021355454);
  }
  60% {
    transform: scale(1.000000175788403, 1.000000009501385);
  }
  61% {
    transform: scale(0.999997943086903, 0.99999999989862);
  }
  62% {
    transform: scale(0.999996779924779, 0.999999994661554);
  }
  63% {
    transform: scale(0.999996522266158, 0.999999993527534);
  }
  64% {
    transform: scale(0.999996913355979, 0.999999995014962);
  }
  65% {
    transform: scale(0.999997675912265, 0.999999997456225);
  }
  66% {
    transform: scale(0.999998563845857, 0.999999999625199);
  }
  67% {
    transform: scale(0.999999391872285, 1.000000000937729);
  }
  68% {
    transform: scale(1.000000045503658, 1.000000001352395);
  }
  69% {
    transform: scale(1.000000476269022, 1.000000001139136);
  }
  70% {
    transform: scale(1.000000687807928, 1.00000000065078);
  }
  71% {
    transform: scale(1.000000718100621, 1.000000000170632);
  }
  72% {
    transform: scale(1.000000621989317, 0.999999999851502);
  }
  73% {
    transform: scale(1.000000456728239, 0.999999999724765);
  }
  74% {
    transform: scale(1.00000027190648, 0.999999999744926);
  }
  75% {
    transform: scale(1.000000103935755, 0.999999999839136);
  }
  76% {
    transform: scale(0.999999974491714, 0.999999999943276);
  }
  77% {
    transform: scale(0.999999891858109, 1.000000000018919);
  }
  78% {
    transform: scale(0.999999853998891, 1.000000000054265);
  }
  79% {
    transform: scale(0.999999852290513, 1.000000000055976);
  }
  80% {
    transform: scale(0.999999875091735, 1.000000000038668);
  }
  81% {
    transform: scale(0.999999910625746, 1.000000000016565);
  }
  82% {
    transform: scale(0.999999948934096, 0.999999999999035);
  }
  83% {
    transform: scale(0.999999982891666, 0.999999999989729);
  }
  84% {
    transform: scale(1.000000008427682, 0.999999999987969);
  }
  85% {
    transform: scale(1.000000024178711, 0.999999999990925);
  }
  86% {
    transform: scale(1.000000030817137, 0.999999999995506);
  }
  87% {
    transform: scale(1.000000030270993, 0.999999999999484);
  }
  88% {
    transform: scale(1.000000024997425, 1.000000000001836);
  }
  89% {
    transform: scale(1.000000017409911, 1.000000000002528);
  }
  90% {
    transform: scale(1.000000009501385, 1.000000000002084);
  }
  91% {
    transform: scale(1.000000002659794, 1.000000000001161);
  }
  92% {
    transform: scale(0.999999997642536, 1.000000000000276);
  }
  93% {
    transform: scale(0.999999994661554, 0.9999999999997);
  }
  94% {
    transform: scale(0.999999993528801, 0.999999999999482);
  }
  95% {
    transform: scale(0.999999993818591, 0.999999999999531);
  }
  96% {
    transform: scale(0.999999995014962, 0.999999999999711);
  }
  97% {
    transform: scale(0.999999996625079, 0.999999999999904);
  }
  98% {
    transform: scale(0.999999998251508, 1.000000000000041);
  }
  99% {
    transform: scale(0.999999999625199, 1.000000000000103);
  }
  100% {
    transform: scale(1.000000000606774, 1.000000000000103);
  }
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes wobble {
  0% {
    transform: scale(0, 0);
  }
  1% {
    transform: scale(0.086484529651881, 0.179427456557767);
  }
  2% {
    transform: scale(0.292554252432152, 0.545376716848168);
  }
  3% {
    transform: scale(0.545376716848168, 0.894404964543183);
  }
  4% {
    transform: scale(0.788551391390369, 1.120376016086594);
  }
  5% {
    transform: scale(0.985835941661639, 1.205153326404069);
  }
  6% {
    transform: scale(1.120376016086594, 1.184807461549862);
  }
  7% {
    transform: scale(1.191045818185745, 1.113400777234015);
  }
  8% {
    transform: scale(1.207445230574602, 1.037247338712057);
  }
  9% {
    transform: scale(1.184807461549862, 0.983312126349848);
  }
  10% {
    transform: scale(1.139672272493081, 0.959151493096828);
  }
  11% {
    transform: scale(1.086773838727188, 0.959207005548428);
  }
  12% {
    transform: scale(1.037247338712057, 0.972534530793938);
  }
  13% {
    transform: scale(0.998010256157525, 0.98880159678671);
  }
  14% {
    transform: scale(0.972031419546276, 1.001379435012348);
  }
  15% {
    transform: scale(0.959151493096828, 1.00783265522376);
  }
  16% {
    transform: scale(0.957140100254271, 1.008821093113781);
  }
  17% {
    transform: scale(0.96274018852263, 1.006488198218787);
  }
  18% {
    transform: scale(0.972534530793938, 1.003092956925791);
  }
  19% {
    transform: scale(0.983552526255917, 1.000221414749495);
  }
  20% {
    transform: scale(0.993604544681563, 0.998573305048547);
  }
  21% {
    transform: scale(1.001379435012348, 0.998133854506318);
  }
  22% {
    transform: scale(1.006367469874671, 0.998500975623806);
  }
  23% {
    transform: scale(1.00867876840649, 0.999191084459488);
  }
  24% {
    transform: scale(1.008821093113781, 0.999833501948366);
  }
  25% {
    transform: scale(1.007486437375814, 1.000240340703161);
  }
  26% {
    transform: scale(1.005378103626964, 1.000385276149533);
  }
  27% {
    transform: scale(1.003092956925791, 1.000339232175458);
  }
  28% {
    transform: scale(1.001059752569101, 1.000203385122328);
  }
  29% {
    transform: scale(0.999525049489696, 1.000062534362191);
  }
  30% {
    transform: scale(0.998573305048547, 0.999964849826148);
  }
  31% {
    transform: scale(0.998166624576185, 0.999922697095762);
  }
  32% {
    transform: scale(0.998191241770966, 0.999924761163581);
  }
  33% {
    transform: scale(0.998500975623806, 0.999950419122189);
  }
  34% {
    transform: scale(0.998951615476555, 0.999980662109647);
  }
  35% {
    transform: scale(0.99942365059167, 1.000003563281379);
  }
  36% {
    transform: scale(0.999833501948366, 1.000014970213524);
  }
  37% {
    transform: scale(1.000135225951195, 1.000016350718153);
  }
  38% {
    transform: scale(1.00031555507819, 1.000011778605271);
  }
  39% {
    transform: scale(1.000385276149533, 1.000005429970832);
  }
  40% {
    transform: scale(1.00036955135608, 1.000000175788403);
  }
  41% {
    transform: scale(1.000299099745054, 0.999997234930038);
  }
  42% {
    transform: scale(1.000203385122328, 0.999996522266158);
  }
  43% {
    transform: scale(1.000106253265117, 0.999997264764804);
  }
  44% {
    transform: scale(1.000023918238932, 0.999998563845857);
  }
  45% {
    transform: scale(0.999964849826148, 0.999999744931904);
  }
  46% {
    transform: scale(0.999930953553717, 1.000000476269022);
  }
  47% {
    transform: scale(0.999919425875407, 1.000000722388812);
  }
  48% {
    transform: scale(0.999924761163581, 1.000000621989317);
  }
  49% {
    transform: scale(0.999940535092441, 1.000000364142579);
  }
  50% {
    transform: scale(0.99996074901389, 1.000000103935755);
  }
  51% {
    transform: scale(0.999980662109647, 0.999999927251821);
  }
  52% {
    transform: scale(0.999997145282538, 0.999999853998891);
  }
  53% {
    transform: scale(1.000008657088084, 0.999999861387962);
  }
  54% {
    transform: scale(1.000014970213524, 0.999999910625746);
  }
  55% {
    transform: scale(1.000016775086596, 0.999999966780841);
  }
  56% {
    transform: scale(1.000015265384358, 1.000000008427682);
  }
  57% {
    transform: scale(1.000011778605271, 1.000000028536839);
  }
  58% {
    transform: scale(1.000007531821609, 1.000000030270993);
  }
  59% {
    transform: scale(1.000003464072008, 1.000000021355454);
  }
  60% {
    transform: scale(1.000000175788403, 1.000000009501385);
  }
  61% {
    transform: scale(0.999997943086903, 0.99999999989862);
  }
  62% {
    transform: scale(0.999996779924779, 0.999999994661554);
  }
  63% {
    transform: scale(0.999996522266158, 0.999999993527534);
  }
  64% {
    transform: scale(0.999996913355979, 0.999999995014962);
  }
  65% {
    transform: scale(0.999997675912265, 0.999999997456225);
  }
  66% {
    transform: scale(0.999998563845857, 0.999999999625199);
  }
  67% {
    transform: scale(0.999999391872285, 1.000000000937729);
  }
  68% {
    transform: scale(1.000000045503658, 1.000000001352395);
  }
  69% {
    transform: scale(1.000000476269022, 1.000000001139136);
  }
  70% {
    transform: scale(1.000000687807928, 1.00000000065078);
  }
  71% {
    transform: scale(1.000000718100621, 1.000000000170632);
  }
  72% {
    transform: scale(1.000000621989317, 0.999999999851502);
  }
  73% {
    transform: scale(1.000000456728239, 0.999999999724765);
  }
  74% {
    transform: scale(1.00000027190648, 0.999999999744926);
  }
  75% {
    transform: scale(1.000000103935755, 0.999999999839136);
  }
  76% {
    transform: scale(0.999999974491714, 0.999999999943276);
  }
  77% {
    transform: scale(0.999999891858109, 1.000000000018919);
  }
  78% {
    transform: scale(0.999999853998891, 1.000000000054265);
  }
  79% {
    transform: scale(0.999999852290513, 1.000000000055976);
  }
  80% {
    transform: scale(0.999999875091735, 1.000000000038668);
  }
  81% {
    transform: scale(0.999999910625746, 1.000000000016565);
  }
  82% {
    transform: scale(0.999999948934096, 0.999999999999035);
  }
  83% {
    transform: scale(0.999999982891666, 0.999999999989729);
  }
  84% {
    transform: scale(1.000000008427682, 0.999999999987969);
  }
  85% {
    transform: scale(1.000000024178711, 0.999999999990925);
  }
  86% {
    transform: scale(1.000000030817137, 0.999999999995506);
  }
  87% {
    transform: scale(1.000000030270993, 0.999999999999484);
  }
  88% {
    transform: scale(1.000000024997425, 1.000000000001836);
  }
  89% {
    transform: scale(1.000000017409911, 1.000000000002528);
  }
  90% {
    transform: scale(1.000000009501385, 1.000000000002084);
  }
  91% {
    transform: scale(1.000000002659794, 1.000000000001161);
  }
  92% {
    transform: scale(0.999999997642536, 1.000000000000276);
  }
  93% {
    transform: scale(0.999999994661554, 0.9999999999997);
  }
  94% {
    transform: scale(0.999999993528801, 0.999999999999482);
  }
  95% {
    transform: scale(0.999999993818591, 0.999999999999531);
  }
  96% {
    transform: scale(0.999999995014962, 0.999999999999711);
  }
  97% {
    transform: scale(0.999999996625079, 0.999999999999904);
  }
  98% {
    transform: scale(0.999999998251508, 1.000000000000041);
  }
  99% {
    transform: scale(0.999999999625199, 1.000000000000103);
  }
  100% {
    transform: scale(1.000000000606774, 1.000000000000103);
  }
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@media screen and (max-width: 1024px) {
	/*.swiper-slide {height: 500px;overflow: hidden;}
	.swiper-slide img{height: 505px;object-fit: cover;}
	.swiper-slide:before{content: "";width: 250px;height: 70px;}
	.swiper-slide.swiper-slide-active:nth-child(1):before{left: 12vw;*/}
}
@media screen and (max-width: 600px){
	/*.swiper-slide.swiper-slide-active:nth-child(1):before{left: auto;right: 30px;top: auto;bottom: 15vw;}
	.swiper-slide.swiper-slide-active:nth-child(2):before{left: 30px;right: auto;bottom: 15vw;}
	.swiper-slide {height: 350px;}
	.swiper-slide img{height: 355px;}*/
}







/*頁籤*/
.page{padding-top: 80px;}
.page strong, .page a {border: none;background: transparent;}
.page strong, .page a:hover {background: transparent;}




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



/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1300px){
	/*banner固定設定= = = = = = = = */
	.bannerindex{position: relative;height: auto;}
	.swiper-slide img{min-height: inherit;}
	#content_main{margin-top: 0;}
	/*以下其他設定= = = = = = = = */
	.pic-list{column-count: 2;}
	/*文章*/
	.subbox_item{width: 48%;}
	/*相簿*/
	.other_album_choice li{width: 30%;}
}
@media screen and (max-width: 1200px){
	.nav-menu>li>a {padding: 10px 20px;}
	/*相簿*/
	.show-list .show_name{font-size: 18px;}
	/*首頁相簿*/
	.new_i_album li{width: 50%;}
}

@media screen and (max-width: 1024px){
.banner h5 {padding-top:25px;}}
@media screen and (max-width: 768px) {
	/*預設banner= = = = = = = = */
	.bannerindex { padding:0; margin:0;}

	/* 開啟手機板下方按鈕所需設定= = = = = = = = */
	#bottom_menu {display: block; }
	#to_top { bottom:10px;}
	
	/*以下其他設定= = = = = = = = */
	.nav-menu>li>a{border-right: none;}
	.header_area{position: relative;}
	.nav-toggle:before {background-color: #fff;box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;}
	.nav-toggle:after{color: #fff;}
	.navigation-portrait .nav-menus-wrapper {background-color: #181d20;}
	.nav-menus-wrapper-close-button{color: #fff;}

	/*聯絡我們*/
	.contact_content .information_right{padding-left: 0;padding: 10px;}
	.list_before.info {width: 100%; max-width: initial;}
	/*整體網頁設定*/
	#content{padding-top: 0px;}
	.main_part{padding: 10px;}
	.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {   background-color: #fff; }
.stellarnav.mobile li a {   border-bottom: none; }
.main_header_area .container {    max-width: 100%;}
.stellarnav.mobile { padding-top: 10px;}
.stellarnav > ul > li > a:not(.dd-toggle), .stellarnav > ul > li.has-sub > a:not(.dd-toggle) {padding-top: 36px;}
.stellarnav > ul > li > a:not(.dd-toggle):before { top: 20px;}
}

@media screen and (max-width: 600px) { 
	
	.swiper-container-fade .swiper-slide:before {width: 250px;height: 50px;}
	.banner { height: 200px;}
	.banner h5 {padding-top:5px;}
	.blank_letter{font-size: 24px;}
	/*相簿*/
	.pic-list{column-count: 1;}
	.other_album_choice li{width: 46%;margin: 5px auto;}
	/*文章*/
	.subbox_item{width: 100%;}
	/*banner*/
	/*.swiper-slide{height: 90vh;background-size: cover !important;background-position: center !important;}
    .swiper-slide:nth-child(1){background: url(https://pic03.eapple.com.tw/ /banner01_s.png) no-repeat;}
    .swiper-slide:nth-child(2){background: url(https://pic03.eapple.com.tw/ /banner02_s.png) no-repeat;}
    .swiper-slide:nth-child(3){background: url(https://pic03.eapple.com.tw/ /banner03_s.png) no-repeat;}
    .swiper-slide:nth-child(4){background: url(https://pic03.eapple.com.tw/ /banner04_s.png) no-repeat;}
    .swiper-slide:nth-child(5){background: url(https://pic03.eapple.com.tw/ /banner05_s.png) no-repeat;}
	.swiper-slide img{display: none;}*/
	/*header*/
	.nav-brand{width: 180px;}
	.sticky .nav-brand{width: 170px;}
	/*聯絡我們*/
	
}


/*麵包屑＝＝*/
.path p a:hover {    color: #888888;}
.path p{   padding: 15px 0px;}
.other_page .path {display:none;}
/*頁碼＝＝*/
.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: #888888;border: 1px solid #888888;}















/*top*/
#to_top {width: 45px; height: 45px; bottom: 28px; right: 22px; left: unset; border: 0px solid #fff; box-shadow:none; color: #707070;}
#to_top i:before, #to_top i:after {background: #707070;}
#to_top i.top {margin-bottom: -10px;}


/*浮動出現位置*/
.info_fix>span { margin-bottom: 15px;}















/*首頁最新消息*/
.pageIndex .news_part .title_i_box h4 { font-size: 33px;  font-weight: bold; color: #454444;  font-family: "Noto Sans TC", sans-serif;}
.news_list ul li a:hover { background: #ffffff;}
.pageIndex .animated-arrow { background: #bab6af;border-radius: 5px;width: 200px;}
.fa-arrow-right::before{ display:none;}
.i_news_b a i.fa-solid.fa-arrow-right {  display: none;}
.news_list ul li p {  color: #454444;}
.news_list ul li span { color: #7c7c7c;}
.news_list ul li {  border-bottom: 1px #dadada solid;}
.blog_page .show_content,.blog_in_page .show_content   {   max-width: 1600px;}
/*文章*/
.blog_le .accordion {  border-radius: 0px;  border: none;}
.accordion li .link a { font-weight: 500;}
.submenu li.on_this_category a, .submenu a:hover { background: transparent;  color: #333;}
.submenu {  background: #ffffff;}
.fa-circle-chevron-right::before { color: #707070;}
.subbox_item a { grid-template-columns: 100%;flex-direction: column;}
.subbox_item a { display: flex; justify-content: space-between;  align-items: center;}
.blog_list_ri {  padding: 0px 10px 10px 10px;width: 100%;}
.blog_subbox { /*grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));*//*grid-template-columns: 100%;*/grid-template-columns: 1fr 1fr 1fr;grid-gap: 45px 25px;}
.subbox_item a:before { font-weight: 400;opacity: 1;  font-size: 12px; color: #fff;bottom: -25px;  background-color: #838d63;padding: 7px 15px;  border-radius: 3px;}
.subbox_item a:hover:before {  color: #434444; background-color: #ece8e1; transition: all .5s;  font-weight: 500;}
h5.blog_le_t em { color: #838d63;   margin-left: 5px;   font-size: 25px;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background: #6a6561 !important;}
.blog_le .accordion > li:hover .link, .blog_le .accordion > li.on_this_category .link {  color: #fff !important;}
.blog_search input[type=search] { border-radius: 3px;}
.fa-circle-plus::before { font-size: 18px;}
.subbox_item a:after { content: ''; width: 100%;}
.blog_list_le { width: 100%;}
.blog_list_ri h5 {  font-weight: 500;  font-size: 20px;  color: #454444;  margin-bottom: 15px;color: #3d3d3d;  font-family: "noto sans TC";}
.subbox_item a:after {  background: transparent; border-bottom: none;border:none;}
.blog_list_ri p {  letter-spacing: 1px;  font-size: 15px;  color: #777;  line-height: 150%;    font-family: "noto sans TC";}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a {  background-color: #838d63;}
.submenu li.on_this_category a, .submenu a:hover {  background: #fff;}
/*文章內頁*/
.blog_back a.article_btn_back { background: #707070; color: #ffffff;}
h4.blog_category_title { font-family: "noto sans TC"; color: #434444;  font-size: 20px;  font-weight: 500;  letter-spacing: 1px; border-bottom: 1px #999 solid;  padding: 10px 0; margin-bottom: 20px;}
.blog_shareData {  margin-bottom: 0px;}
.blog_back a.article_btn_next { background: #767c62;  color: #fff;}
.blog_back a.article_btn_prev {  background: #767c62; color: #fff;}
.news_related h6 span:before {  color: #6a6460;}
.news_related { background: #f8f8f8;}
/*相簿*/
.show-list .item:hover .show_name { color: #838d63;}
.show-list .show_name { font-size: 16px; font-weight: 500;text-align: center;}
.overlay {  background: rgb(0 0 0 / 18%);}
.other_album_choice li a { color: #333;}
.other_album_choice li { background: #ece8e1;  border-radius: 0px;}
.album_fixed_title span:before {   color: #333;}
.other_subalbum li a p {  color: #333;  font-weight: 500;  letter-spacing: 1px;}
.subalbum-menu h2 { color: #333; font-weight: 500; letter-spacing: .5px;}

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


/*文章*/
.blog_list_ri h5 {font-weight: 500;  font-size: 18px;}
.subbox_item a:before{ display:none;}
.subbox_item {   border-bottom: 1px #e9e9e9 solid; padding: 10px;}
.blog_subbox { grid-template-columns: 1fr;}

}

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

/*文章*/
.blog_list_ri p {  font-size: 12px;}
/*內頁*/
.main_part {  padding: 20px 15px 10px; }
}
@media screen and (max-width: 500px) {
.prod_part {  padding: 0px 10px 10px; }
}
@media screen and (max-width: 400px) {
.subbox_item { padding-bottom: 15px;padding: 15px 0px;}

}




/*聯絡我們*/
.information_left, .information_right {padding: 0;}
.contact_content .information_left {width: 30%;}
.list_before {margin-top: 0;margin-bottom: 30px;font-size: 15px;color: #190e07;letter-spacing: 0.05em;}
.list_before.info li {padding-left: 40px;margin: 10px 0 0;letter-spacing: 0.1em;color: #190e07;}
.list_before li+li {padding-top: 10px;border-top: 1px solid #eee;}
.info_TEL:before, .info_TEL2:before, .info_PHONE:before, .info_LINE:before, .info_FAX:before, .info_TAXID:before, .info_MAIL:before, .info_ADD:before, .info_ADD2:before {
    width: 40px;font-size: 15px;font-weight: 400;letter-spacing: 0.1em;color: #793f20;}

.contact_le_nomap {border-radius: 10px;overflow: hidden;}

.contact_content .information_right {width: 65%;padding-left: 0;}
.contact_content form {max-width: 1500px;width: 100%;margin: auto;display: flex;padding: 50px 0;justify-content: space-between;}
.blank_letter {padding-top: 0;font-family: 'Noto serif TC';padding-bottom: 30px;font-size: 25px;color: #190e07;letter-spacing: 0.1em;}
.note {letter-spacing: 0.08em;padding-left: 15px;}
.contact_form {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 15px;
    margin-top: 0;margin-bottom: 0;font-size: 16px;color: #000000;}
.contact_form li {width:100%;padding-left: 0;grid-template-columns: unset;grid-gap: 5px;}
.contact_form li .form__label {max-width: unset;display: flex;width: 100%;text-align: right;margin-left: 0;letter-spacing: 0.08em;
    padding-right: 0;vertical-align: top;flex-direction: row-reverse;justify-content: flex-end;}
.contact_form li input.noborder, .contact_form li textarea.noborder {width: 100%;border-radius: 5px;
    border: 0;padding: 10px;background: #f5f5f5;color: #000;letter-spacing: 0.08em;}
.form select {color: #000000;letter-spacing: 0.08em;width: 100%;padding: 9px 30px 7px 10px;margin-right: 0;margin-bottom: 5px;border-radius: 5px;}
.contact_form li.last {width: 100%;justify-content: space-between;}
.contact_form li.last blockquote, .contact_form li.last cite {padding: 10px;border: unset;width: 49%;max-width: unset;border-radius: 5px;}
.contact_form li.last cite {background: #838d63;color: #fff;}
.contact_form li.last blockquote {background:#8b8f89;color: #fff;}
.contact_form li.last blockquote:hover, .contact_form li.last cite:hover {background: #318548;}
.contact_form li.last blockquote:hover input, .contact_form li.last cite:hover input {letter-spacing: 5px;}

@media screen and (max-width: 1024px) {
.contact_content .information_left {width: 40%;}
.contact_content .information_right {width: 55%;}
}
@media screen and (max-width: 768px){
.contact_content form {flex-direction: column;align-items: center;padding: 0;gap: 50px;}
.contact_content .information_left, .contact_content .information_right {width: 95%;}
.blank_letter {padding-bottom: 15px;font-size: 22px;}
}
@media screen and (max-width: 600px){
.contact_form li .form__label {font-weight: normal;padding: 0;background: unset;}
}
@media screen and (max-width: 450px){
.blank_letter {padding-bottom: 10px;font-size: 20px;}
.info_TEL:before, .info_TEL2:before, .info_PHONE:before, .info_LINE:before, .info_FAX:before, .info_TAXID:before, .info_MAIL:before, .info_ADD:before, .info_ADD2:before {
    font-size: 14px;}
.list_before.info li { font-size: 14px;}
.contact_form li .form__label {font-size: 14px;}
}

/*●●●●●●●●●●●●●●●●●●●●●●●●   FOOTER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/

/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
.footer{background: #eee;padding: 50px 0;}
.footer .center{max-width: 1600px;padding: 0 3%;}
.footer_logo{width: 200px;margin: 0;}
.footer_logo img{width: 100%;}
.footer_info { padding: 0;  display: block;}
.footer_info ul {display: flex;justify-content: space-between;padding-left: 0px;width: 100%;}
.footer_info li{padding: 20px 0px;}
.footer_info li:nth-child(1){width: 48%;}
.footer_info li:nth-child(2){width: 48%;text-align: right;}
.footer_info li p,.footer_info li p a{color: #000;}
.footer_menu {max-width: 330px;margin: 0 0 0 auto;}
.footer_menu a {background: transparent;color: #000;border: none;font-weight: 300;}
.footer_menu a:hover { background: #318548;}
.footer_menu a:first-child{display: none;}
.copy {max-width: 1600px;padding: 30px 3%;color: #444;text-align: left;margin: 0 auto;border-top: none;}
.copy a{color: #444;font-weight: 200;}
.box_link {  display: flex;top: 70%; width: 100%; text-align: right;  padding: 0; max-width: 270px;  flex-direction: row;}
.box_link a i{max-width: 100%;font-size: 18px;line-height: 30px;display: block;}

@media screen and (max-width: 768px){
	.footer {padding:30px 0;}
	.footer_logo{margin-bottom: 0;}
	.footer_info ul {flex-wrap: wrap;}
	.footer_info li:nth-child(1){width: 100%;}
	.footer_info li:nth-child(2){width: 100%;text-align: center;}
	.footer_menu {margin: 0 auto;}
	.footer_menu a{font-size: 12px;}
	 .box_link {  padding: 15px 0px 0px 10px; }
}
	
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
.footer {
	border-top: 1px solid #dfdddd;
	background-image: url(https://pic03.eapple.com.tw/073231879/f_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.footer_info li p:before{margin: 0;}
.footer_menu {max-width: 570px;}
.box_link a {  background:#298544;  border: 0;}
.box_link a i{color: #fff;}
.copy,.copy a{color: #888;}

@media screen and (max-width: 1024px){
	.footer_info ul{flex-wrap: wrap;}
	.footer_info li:nth-child(1){width: 100%;}
	.footer_info li:nth-child(2) {  padding: 0;  width: 48%; text-align: left;  }

}

@media screen and (max-width: 768px){
.footer_info li:nth-child(2) {   width: 100%; }
.footer_menu {  max-width: 100%;    padding-bottom: 25px;  }
}


@media screen and (max-width: 600px){
.copy { border-top: 1px solid #e9e9e9;}}





/*購物車*/
/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint at 2023.1.5  */
.product_page .main_part { max-width:1600px;}
.prod_part {
	padding: 70px 20px;
	background-image: url(https://pic03.eapple.com.tw/073231879/bg.jpg);
}
.i_prod_tit span, .i_video_tit span {
   font-weight: 550;
   color: #555;
}
.pageIndex .productsListBox, .productsListBox.swiper {padding: 40px 0;}
/* .product_info_page .main_part { max-width:1200px;} */
.prod_part section {max-width: 1400px;
 }
.product_page .show_content,
.product_info_page .show_content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; align-content: flex-start;max-width: 1640px;}
.product_page .product_menu_list { position: relative; width: 250px; letter-spacing: 1px; /*border-right: 1px solid #ccc;*/min-height: 30vw;}
.product_page .products-list,
.product-wrapper { width: calc(100% - 260px);grid-gap: 50px 20px;}
.products-list {  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));}
ul.page { width: 100%;}
.product-layer-two li ul { position:static; margin-top:5px; /*display:block !important;*/ width:100%; margin-left:0;}
.product-layer-two li:hover ul { border: none !important; /*display:block !important;*/}
.product-layer-two li li { display: block; padding:0; transition:all ease .3s;}
.product-layer-two li li a{ padding:8px 10px;}
.product-layer-two li li:hover > a { background:#fff; color:#793f20;}
.product-layer-two > li { width:100%; max-width:100%; padding:0; text-align:left; border-bottom:1px dotted #ccc; padding-bottom: 5px;margin-bottom: 5px;}
.product-layer-two > li ul > li + li { margin-top:5px;}
.product-layer-two li a {border: unset;background:#c8d3c5;color: #190e07;padding: 10px 15px;}
.product-layer-two li i {width: 43px;height: 43px;color: #190e07;}

.product-layer-two li li:hover{ margin-left: 15px;}
.product-layer-two li li > a:before { content: ""; position: absolute; width: 12px; height: 10px; background: transparent; left: 0; margin-left: -15px; top: 50%; margin-top: -5px; clip-path: polygon(0 0, 100% 50% , 0 100%);}
.product-layer-two li li:hover > a:before { background:#793f20;}

.products-list .name {color: #190e07;letter-spacing: 0.08em;}
.products-list .price b {color: #176336;letter-spacing: 0.05em;font-weight: 500;}
.products-list .more {
	border: 1px solid #CAD3C5;
	;
	color: #176336;
	font-weight: 500;
	line-height: 35px;
	background-color: #ffffff;
}
.products-list .item a:hover .more {background: #176336;;letter-spacing: 0.15em;}
.products-list .pic img:hover {
     transition: .5s;
    transform: scale(1.205);
}
.product_info_page .product_menu_list { display: none;} 
.product_info_page .products-list,
.product-wrapper { width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}

.product_main {width: 65%;padding: 0;}
.product_pic {display: flex;position: relative;padding-left: 0;flex-direction: row;justify-content: space-between;}
.proImgSwiper img {width: 100%;object-fit: contain;}
#prod_thumbSwiper {width: 10%;position: relative;}
#prod_thumbSwiper .swiper-slide {height: 100% !important;aspect-ratio: 3 / 2;}
.proImgSwiper .swiper-button-next:after, .proImgSwiper .swiper-button-prev:after {text-shadow: unset;background: #a5b791;padding: 12px;}
.sidebarBtn {width: 30%;border: unset;background: #f9f9f7;padding: 30px 30px 0;}
.sidebarBtn h2 {color: #190e07;font-size: 22px;font-weight: 400;letter-spacing: 0.08em;}
.sidebarBtn .price {padding: 20px 0;border-bottom: 3px solid #f1e5d1;letter-spacing: 0.08em;}
.sidebarBtn .price span {display: block;font-size: 20px;text-align: center;font-weight: 600;color: #333;}
.product_info li span {font-size: 14px;color: #793f20;margin-bottom: 5px;font-family: auto;letter-spacing: 0.08em;text-align: left;}
.radio-inline__label {padding: 5px 10px 7px;margin: 2px 2px 5px 0;color: #793f20;border: 1px solid #793f20;}
.radio-inline__input:checked + .radio-inline__label {background: #793f20;color: #ffffff;}
.product_info li .txt_box {color: #333;width: 100%;letter-spacing: 0.08em;}
.product_info li#count_inp {text-align: center;margin: 25px 0 0;padding-top: 25px;border-top: 3px solid #f1e5d1;}
.amountNum {width: 100%;height: 40px;border: unset;line-height:40px;margin-left: 0;color: #000000;background: #ffffff;padding-left: 0;}
.inquiry_a3 {background: #793f20;}
.inquiry_a3:hover {letter-spacing: 0.15em;background: #190e07;}

.prod_tabs {width: 100%;}
.pd_tabTitle {color: #000000;}
.pd_tabTitle li {border-bottom: 1px solid #f1e5d1;}
.pd_tabTitle li a {padding: 15px 10px;font-size: 20px;letter-spacing: 0.1em;line-height: 1.8;}
.pd_tabTitle li.activeTab::after {height: 3px;background:#effff4;}

.pd_tabInner_contain {padding-top: 30px;line-height: 1.8;}

.product_info_page .half_box { width: 100%; float: none; padding-right: 0;}
.product_info_page .half_box li.btn_blankTop { margin-top: 50px; justify-content: space-between; display: flex;}
.product_info_page .half_box li.btn_blankTop input { width: calc(50% - 10px); background-image: none; padding: 0; text-align: center;}

.prod_related {background: unset;padding: 50px 0 0;}
.prod_related h6 {width: 90%;max-width: 1500px;margin: 0 auto 25px;padding-bottom: 25px;border-bottom: 1px solid #eee;}
.prod_related h6 span:before {content: '相關推薦';font-size: 25px;letter-spacing: 0.1em;font-weight: 400;color: #190e07;}
.related_list li figure {aspect-ratio: 3 / 2;transition: .6s ease;}
.related_list li:hover figure {opacity: 0.5;}
.related_list {max-width: 1500px;width: 90%;letter-spacing: 0.1em;}
.related_list li a p {font-size: 15px;color: #190e07;line-height: 1.5;padding-top: 10px;}
.lastPage {width: 100%;color: #fff;background: #7d9384;letter-spacing: 0.3em;padding: 15px 20px;margin: 50px auto 0;}
.inquiry_a1 { background: #974233;}
.inquiry_a2 { background: #6a735f;}
@media screen and (max-width: 1200px) {
.product_info_page .products-list, .product-wrapper {justify-content: space-between;grid-gap: 30px 0px;}
.product_main {width: 68%;}
.sidebarBtn {width: 30%;padding: 20px;}
.sidebarBtn h2 {font-size: 18px;}
.sidebarBtn .price span {font-size: 18px;}
.product_info li span {font-size: 13px;}
}
@media screen and (max-width: 1024px) {
.product_info_page .products-list, .product-wrapper {flex-direction: column;align-items: center;}
.product_main {width: 100%;}
.sidebarBtn {width: 100%;}
.prod_tabs {margin-top: 0;}
.prod_related {padding: 0;}
.prod_related h6 span:before {font-size: 22px;}
}
@media screen and (max-width: 768px) {
.product_menu_list,
.products-list,
.product_page .product-layer-two, 
.product-wrapper { width: 100%;}
.product-layer-two { margin-right: 0; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-gap: 5px;}
.product_page .products-list { width: 100%; border-right: none;}
.product_page .product_menu_list>h5{display: block;font-size: 23px;font-weight: 400;}


.product_page .show_content > a { order: 1;}
.product_page ul.products-list { order: 2;}
.product_page ul.page { order: 3;}
.product_page .product_menu_list {width: 100%; order: 0; min-height: unset;}

.mobile_product_name {display: none;}
.product_pic {flex-direction: column-reverse;}
.proImgSwiper {width: 100%;}
#prod_thumbSwiper {width: 100%;}
#prod_thumbSwiper .swiper-slide {height: auto !important;padding-top: 0;}

.related_list li a p {font-size: 14px;}
}
@media screen and (max-width: 600px) {
.pd_tabTitle li a {padding: 10px;font-size: 18px;}
.prod_related h6 span:before {font-size: 20px;}
}



/*購物車*/
.products-list .price {display:none;}
.car_page .show_content {position: relative;}
.stepImg {max-width: 510px;letter-spacing: 0.08em;}
.stepImg img {filter: hue-rotate(320deg);}
.stepImg span.active {color: #ff9b7e;}

.shopping-cart .cart_head {background: #793f20;border-radius: 5px;}
.shopping-cart .cell.product_name {font-weight: normal;}
.shopping-cart .cell {font-size: 16px;letter-spacing: 0.1em;padding: 20px 15px;line-height: 1;}

.small_pic {width: 150px;height: 150px;border-radius: 5px;}
.shopping-cart .cell.product_name p {width: calc(100% - 160px);letter-spacing: 0.1em;font-weight: 400;line-height: 1.5;}

.car_page .information_left {display: block;position: absolute;bottom: 0;width: 50%;}
.contact_le_map a {background: #793f20;border-radius: 5px;}
.contact_le_map a b {letter-spacing: 0.1em;font-weight: 400;}

.total_amount .rewrite_simple, .total_amount .send_simple {width: 49%;max-width: unset;border-radius: 5px;letter-spacing: 0.1em;}
.rewrite_simple {background: #4c2a14 url(../images/simple_left.png) 10% center no-repeat;}
.send_simple {background: #190e07 url(../images/simple_right.png) 88% center no-repeat;}

@media screen and (max-width: 1200px) {
.car_page .information_left {width: 40%;}
}
@media screen and (max-width: 1024px) {
.total_amount {width: 100%;}
.car_page .information_left {position: relative;width: 100%;padding-top: 30px;}
}
@media screen and (max-width: 768px) {
.shopping-cart .cell:before {font-weight: normal;padding-bottom: 10px;color: #793f20;}
.amountNum {height: 20px;line-height: 1;}
.shopping-cart .cell.amount:last-child {border-bottom: unset;}
.total_amount .rewrite_simple, .total_amount .send_simple {width: 48%;}
}

@media screen and (max-width: 450px) {
.small_pic {width: 75px;height: 75px;}
.shopping-cart .cell.product_name p {width: calc(100% - 90px);}
.car_page .information_left {padding-top: 0;}
.shopping-cart .cell:before {text-align: left; width: 50px;}
.amountNum {text-align: right;}
}

/*訂購資料*/
.form label .inputbox {filter: hue-rotate(300deg);}
.border200 {width: 100%;border: unset;padding: 5px 10px;border-radius: 5px;background: #f5f5f5;}
.longer {width: 100%;}
.form label .inputbox {margin-right: 8px;top:2px;}
.form label.Bigcheck .inputbox {background-size: contain;}
.form label .inputbox.Big { width: 18px;height: 17px;}

/*匯款通知*/
.form_content {padding: 50px 0;max-width: unset;letter-spacing: 0.1em;}   
.path{display:none;}
.car_page .information_left {  display: block;}

/*內頁BANNER 設定*/

.banB{display:none;}
.banner{min-height: 400px;padding: 0;position: relative;border-radius: 10px;margin: 2% 8% 2%;justify-content: flex-start;text-align: left;}
.banner h5 {position: absolute;transform: translate(0%, -50%);left: 10%;top: 60%;font-weight: 700;
    font-size: 30px;font-family: 'Noto serif TC';letter-spacing: 0.15em;text-align: left;color: #190e07;}
.banner h5:before {content: '';display: block;font-size: 20px;font-family: 'Barlow';
    font-weight: 500;letter-spacing: 0.1em;padding-bottom: 5px;color: #fff3ea;}
.services_page .banner.banB h5:before {content: 'Process';}
.other_page .banner.banB h5:before {content: 'Brand';}
.banner.banC h5:before {content: 'Contact';color:#c16e42;}
.banner.banF h5:before {content: 'Products';color: #c16e42;}
.banner.banblog h5:before {content: 'Article';color:#c16e42;}
.car_page .banner.banF h5:before {content: 'Cart';color:#c16e42;}
.banner {background: url(https://pic03.eapple.com.tw/073231879/ban.png) no-repeat right;background-size: cover;}
.banF {background: url(https://pic03.eapple.com.tw/073231879/ban1.png) no-repeat right;background-size: cover;}
@media screen and (max-width: 1024px){
.banner {min-height: 300px;margin: 1% ;}
.banner h5 {top: 70%;font-size: 28px;}
.banner h5:before {font-size: 18px;}
}
@media screen and (max-width: 768px){
.banner {min-height: 250px;}
.banner h5 {font-size: 25px;}
.banner h5:before {font-size: 17px;}

}
@media screen and (max-width: 600px){
.banner {min-height: 200px;}
.banner h5 {font-size: 22px;}
.banner h5:before {font-size: 16px;}
}
@media screen and (max-width: 450px){
.banner {min-height: 150px;}
.banner h5 {top: 65%;font-size: 20px;}
.banner h5:before {font-size: 15px;}
.banner h5 {color: #ffffff;}
}