@charset "utf-8";
/***浙懿設計***/
/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/

body {
    font-family: "Kanit", "Noto Sans TC";
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1px;
}

.main_part {
    max-width: 1700px;
}



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


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

.pageIndex .header_area {
    position: fixed;
}


/*內頁page*/
.edit {
    margin: auto;
    padding-top: 10px;
}

.edit_part {
    padding: 0px;
}

.edit_part .show_content {
    margin-bottom: -5px;
}

.other_page .show_content {
    margin-bottom: -6px;
}

#content_main {
    margin: 0;
    background-color: #f2f2ee;
}

.path p,
.path p a {
    display: none;
}

.promotion_title {
    display: none;
}

.other_promotion {
    display: none;
}

#content {
    background-image: url(https://pic03.eapple.com.tw/theyiw/page_bg_content.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.prod_related {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
@media screen and (max-width: 768px) {
#content { background-image: url(https://pic03.eapple.com.tw/theyiw/page_bg_content.jpg); background-repeat: repeat; background-position: unset;}
}

/*上方選單右邊設定 臉書/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 {
	max-width: 175px;
    margin-top: 0px;
    transition: transform 0.25s ease;
    padding: 0px;
	filter: brightness(0.65);
	margin-left: 0px;
}

.pageIndex .nav-brand {
	filter: brightness(10);
}

.nav-brand img {
    max-width: 100%;
}

.footer_logo {
    max-width: 200px;
    margin: 0px 3px;
}


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

/*header選單欄位*/
.main_header_area .container {
    max-width: 86%;
}

.main_header_area {
    background: linear-gradient(rgb(185 181 169 / 24%), rgb(245 243 239));
	transition: all 0.5s ease;	
}
.pageIndex .main_header_area {
    background: linear-gradient(rgb(0 0 0 / 33%), rgb(0 0 0 / 0%));
    transition: all 0.5s ease;
}

.stellarnav>ul>li>a {
    letter-spacing: 2.2px;
    padding: 0px;
    color: #5f5f5f;
    transition: all 0.5s ease;
    font-weight: 500;
    transition: all 0.3s;
    font-size: 16px;
    height: 100px;
	margin: 0 8px;
    line-height: 100px;
}

.pageIndex .stellarnav>ul>li>a {
    letter-spacing: 2.2px;
    padding: 0px;
    color: #e8e8e8;
    transition: all 0.5s ease;
    font-weight: 400;
    transition: all 0.3s;
    font-size: 16px;
}
.stellarnav>ul>li.has-sub>a {
    padding-right: 0px;
}

.shop_search_btn {
    border: solid 1px #6a6a6a;
    height: 25px;
    top: 3px;
}


.stellarnav>ul>li>a:hover {
    transition: all 0.5s ease;
    font-weight: 600;
}

.stellarnav li a {
    padding: 9px;
    color: #111113;
    font-size: 15px;
}

.stellarnav ul {
    margin: 0px 0px 0px 0px;
}

.pageIndex .header_area {
    background: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.5s;
    border-bottom: none;
    background-position: center;
}

.header_area {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    background-position: center;
	transition: .5s ease all;
}

.header_area.sticky {
    transition: .5s;
    border-bottom: solid 1px #7d891a3b;
    background: transparent;
    backdrop-filter: saturate(93%) blur(7px);
    background-position: center;
}

.pageIndex .header_area.sticky {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    transition: .5s;
    border-bottom: solid 1px #7d891a3b;
    border-bottom: none;
    background: transparent;
    backdrop-filter: saturate(93%) blur(7px);
    height: 100px;
    background-color: #a19b8c30;
	transition: .5s ease all;   
}
.stellarnav {
    margin: 0px;
}
.me_tp_features {
    position: absolute;
    z-index: 999999;
    top: 5px;
}
.fa-line:before {
    display: none;
}

.stellarnav li.has-sub>a:after {
    border-top: 6px solid #fff;
    display: none;
}

.stellarnav li.has-sub>a:after {
    border-top: 6px solid #fff;
}

.stellarnav li.has-sub>a:after {
    border-top: 6px solid #ffffff;
}

.stellarnav li li.has-sub>a:after {
    border-left: none;
    right: 10px;
}

/*選單下拉調整*/
.stellarnav li.drop-left ul ul {
    right: 150px;
}

.anchorList {
    padding: 0 20px 0 220px;
}

.anchorList>li {
    letter-spacing: 1px;
    text-align: center;
    position: relative;
    margin: 0px 5px 0px 5px;
}

.anchorList>li>a {
    color: #653F07;
    font-weight: bold;
    padding: 18px 7px 30px 7px;
}

.stellarnav>ul>li.drop-left>ul {
    right: unset;
    top: calc(65% + 10px);
}

.swiper-banner .swiper-slide img {
    width: 100%;
    max-width: unset;
}

.stellarnav.desktop > ul > li.mega > ul{
    overflow-y: scroll;
    max-height: 90vh;
}
.stellarnav.desktop > ul > li.mega > ul > li > a{
    font-size: 18px;
}


/*選單中轉英*/
.stellarnav .anchorList > li > a{
    position:relative;
    overflow:hidden;
}

.stellarnav .anchorList > li > a b{
    display:block;
    transition:.8s cubic-bezier(.22,1,.36,1);
}

.stellarnav .anchorList > li > a b:first-child{
    transform:translateY(0);
}

.stellarnav .anchorList > li > a b:last-child{
    position:absolute;
    left:0;
    right:0;
    top:0;
    transform:translateY(120%);
    opacity:0;
}

.stellarnav .anchorList > li:hover > a b:first-child{
    transform:translateY(-120%);
    opacity:0;
}

.stellarnav .anchorList > li:hover > a b:last-child{
    transform:translateY(0);
    opacity:1;
}
.stellarnav .anchorList > li > a b {  width: 100px; letter-spacing: 0.5px;}
.stellarnav .anchorList > li > a b:nth-child(2) {  width: 100px; letter-spacing: 0.5px; font-size:14px;}
.stellarnav > ul > li > a b { line-height: 97px; height: 97px;}

/*hover選單出現底線*/
.stellarnav .anchorList > li > a::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:25px;
    width:100%;
    height:2px;
    background:#c8c8c8;
    transform:translateX(-50%) scaleX(0);
    transform-origin:center;
    transition:.4s cubic-bezier(.22,1,.36,1);
}

.stellarnav .anchorList > li:hover > a::after{
    transform:translateX(-50%) scaleX(1);
}

@media screen and (max-width: 768px) {
.stellarnav.mobile > ul > li > a b { display: contents;}
.stellarnav .anchorList > li > a b:nth-child(2) {  font-size: 15px; color: #979797;}
.stellarnav .anchorList > li > a::after{ display:none;}
}


:root {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #000000 #282829;
}

/*側邊滾輪*/
@media screen and (max-width: 1700px) {}

@media screen and (max-width: 1450px) {
    .main_header_area .container {
        max-width: 95%;
    }

    .stellarnav>ul>li>a {
        margin: 0 2px;
    }

    .stellarnav>ul>li>a {
        font-size: 15px;
        margin: 0 5px;
    }
}

@media screen and (max-width: 1310px) {
    .stellarnav ul {
        text-align: left;
    }

    .stellarnav ul {
        margin: 0px;
    }

    .stellarnav ul {
        text-align: right;
    }

    .tp_links {
        display: none;
    }
}

@media screen and (max-width: 1150px) {
    .navigation {
        grid-template-columns: 185px 1fr;
    }
}

@media screen and (max-width: 1024px) {
    .stellarnav ul {
        text-align: center;
    }

    .header_area {
        padding: 0px 0px;
    }

    .pageIndex .main_header_area {
        background: #111113;
    }
	.stellarnav>ul>li>a {  height: 65px; line-height: 65px;}
	.stellarnav > ul > li > a b { line-height: 66px; height: 66px;}
}

@media screen and (max-width: 768px) {
    .stellarnav {
        margin: 15px 0px 3px 0px;
    }

    .nav-header {
        margin: 10px auto;
    }

    .header_area.sticky {
        backdrop-filter: none;
    }

    .pageIndex .header_area.sticky {
        backdrop-filter: none;    box-shadow: none;
    }

}

/*主選單hover*/

/*選單上移特效*/
.anchorList>li>a:hover,
.nav-menu>li>a {
    transition: all .3s;
}


/*大圖/＝＝＝＝＝*/
/*預設解除背景輪播*/
#content_main {
    margin: 0;
}

.bannerindex {
    position: static;
    height: auto;
}

.swiper-banner {
    position: static;
    margin: 0;
    height: auto;
}

.swiper-slide img {
    height: auto;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: none;
}

/*大圖01*/
.bannerindex::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://pic03.eapple.com.tw/theyiw/banner_bg.png);
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10000;
    pointer-events: none;
    animation: scale-in-ver-center 1.5s forwards cubic-bezier(0.73, 0.08, 0.11, 0.99);
}


@-webkit-keyframes scale-in-ver-center {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes scale-in-ver-center {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
  }
}



.bannerindex::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 130%;
    height: 110%;
    background-image: url(https://pic03.eapple.com.tw/theyiw/banner_bg2.png);
    background-position: center;
    background-repeat: no-repeat;
  	background-size: 110%;
    z-index: 10000;
    pointer-events: none;
    animation: glowMove 12s ease-in-out infinite alternate;
	

}
@keyframes glowMove {

    0% {
        transform:
            translate(-100px, 0px)
            scale(1)
            rotate(0deg);
    }

    25% {
        transform:
            translate(-40px, -35px)
            scale(1.06)
            rotate(0.5deg);
    }

    50% {
        transform:
            translate(80px, 20px)
            scale(1.12)
            rotate(-0.5deg);
    }

    75% {
        transform:
            translate(100px, -10px)
            scale(1.08)
            rotate(0.5deg);
    }

    100% {
        transform:
            translate(-80px, 0px)
            scale(1)
            rotate(0deg);
    }
}


.pageIndex .swiper-wrapper .swiper-slide::before{
    content: "";
    position: absolute;
    left: 7%;
    bottom: 10%;
    width: 350px;
    height: 180px;
    background-image: url(https://pic03.eapple.com.tw/theyiw/banner_text01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    z-index: 10000;
    pointer-events: none;
	animation: floatUp 2.5s forwards cubic-bezier(0.73, 0.08, 0.11, 0.99);
}
@keyframes floatUp {
    0%{
        opacity:0;
        transform:translateY(80px);
    }

    100%{
        opacity:1;
        transform:translateY(0);
    }
}


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

.bannerindex::after {
    width: 145%;
    height: 100%; 
  	background-size: 145%;
    animation: glowMove 12s ease-in-out infinite alternate;}
@keyframes glowMove {

    0% {
        transform:
            translate(-30px, 0px)
            scale(1)
            rotate(0deg);
    }

    25% {
        transform:
            translate(-10px, -35px)
            scale(1.06)
            rotate(1deg);
    }

    50% {
        transform:
            translate(20px, 20px)
            scale(1.12)
            rotate(-1deg);
    }

    75% {
        transform:
            translate(20px, -20px)
            scale(1.08)
            rotate(0.5deg);
    }

    100% {
        transform:
            translate(-20px, 0px)
            scale(1)
            rotate(0deg);}
	}
}
@media screen and (max-width: 1024px) {

	@keyframes glowMove{
		0%{
			background-position:45% 50%;
		}
	
		50%{
			background-position:55% 50%;
		}
	
		100%{
			background-position:45% 50%;}
		}

}
@media screen and (max-width: 768px) {
.bannerindex { padding: 0;  margin: 0;min-height: 75vh; }
/*手機板大圖01*/
.bannerindex::before {
    background-image: url(https://pic03.eapple.com.tw/theyiw/banner_text01_ph.png);
	animation:none;
}
.swiper-banner .swiper-slide img {
    min-height: 94vh;
    object-fit: cover;
}
.pageIndex .header_area.sticky {   background-color: transparent;}
.bannerindex::after {  background-image: url(https://pic03.eapple.com.tw/theyiw/banner_bg2_ph.png);animation:none;min-height: 75vh;object-fit: cover;width: 106%;background-size: 120%;}
.pageIndex .swiper-wrapper .swiper-slide::before {  width: 250px;}
}

@media screen and (max-width: 500px) {
.pageIndex .swiper-wrapper .swiper-slide::before {  width: 200px;}
.bannerindex::after { background-position: top;}
}
@media screen and (max-width: 460px) {
.swiper-banner .swiper-slide img {   min-height: 94vh; }
.bannerindex::after { min-height: 75vh; width: 130%; background-size: 130%;}
}
@media screen and (max-width: 420px) {
.swiper-banner .swiper-slide img {   min-height: 91vh;}
.bannerindex{ min-height: auto;}
.bannerindex::before { background-image: url(https://pic03.eapple.com.tw/theyiw/banner_text01_ph400.png); }
.pageIndex .swiper-wrapper .swiper-slide::before{ display:none;}
}
@media screen and (max-width: 350px) {
.bannerindex::after {  width: 130%;   background-size: 136%;}
.bannerindex::before {background-size: 140%;  }
}

.fa-envelope::before {  display: none;}

/*icon隱藏*/
.fa-phone-volume::before { display: none;}

/*icon隱藏*/
.box_search input[type=text] {
    padding: 7px 55px 6px 32px;
    color: #fff !important;
    background-color: #000000;
    border: solid 1px #636363;
    border-radius: 0px;
    max-width: 135px;
    font-size: 8px;
}

.shop_search_btn {
    font-size: 9px;
    letter-spacing: 1px;
    background: #4c4c4c00;
}

.box_search {
    margin-bottom: -2px;
    margin-right: 10px;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-radius: 0px;
}

.stellarnav li li a:not(.dd-toggle),
.stellarnav li li.has-sub>a:not(.dd-toggle),
.stellarnav li li.has-sub:hover li a:not(.dd-toggle) {
    font-size: 12px;
    padding: 8px 10px;
    line-height: initial;
    height: auto;
    margin: 0;
    transition: all ease .5s;
    font-weight: 400;
    letter-spacing: .5px;
}

/*下拉*/
.stellarnav li.drop-left li.has-sub>a:after {
    border-right: 6px solid #ffffff;
    display: none;
}

.nav-header {
    justify-content: left;
}
.stellarnav li li > a:not(.dd-toggle),
.stellarnav li li.has-sub > a:not(.dd-toggle),
.stellarnav li li.has-sub > li > a:not(.dd-toggle) {
    color: #111113;
    background-color: #faf9f7;
    transition: all ease .5s;
}

.stellarnav li li.has-sub:hover li:hover a:not(.dd-toggle){
    color: #ffffff;
    background-color: #e27954;
    transition: all ease .5s;
}

.news_classes{
    background:#111 !important;
}

.news_classes li a{
    color:#111113 !important;
    transition:.3s;
}

.news_classes li a:hover{
    background:#637486 !important;
    color:#fff !important;
}

/*選單主分類*/
/* 第一個選項 */
.news_classes > li:first-child > a{
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

/* 最後一個選項 */
.news_classes > li:last-child > a{
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}

/*選單次分類*/
/* 第一個選項 */
.news_classes li li:first-child > a{
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
/* 最後一個選項 */
.news_classes li li:last-child > a{
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}


/*下拉*/
.stellarnav li li {
    border: none;
}

.stellarnav ul ul {
    width: 150px;
    top: calc(65% + 10px);
	border-radius: 5px;
}

/*右側邊上會員*/
.right_member_in {
    top: 0%;
    background: #161616;
    border: 1px #383838 solid;
}

.right_member_in p>i {
    color: #ececec;
}

.right_member_in p,
.right_member_in a {
    color: #ececec;
}

.right_member_in .fa-right-to-bracket,
.right_member_in button {
    color: #ececec;
}

.member_login tr td:nth-child(1) {
    width: 111px;
}

.me_tp_features a i {
    color: #c7c7c7;
}

.me_tp_call {
    display: none;
}

.me_tp_mail {
    display: none;
}

.me_tp_ig {
    display: none;
}

.me_tp_fb {
    display: none;
}

.fa-facebook:before {
    display: none;
}

.fa-instagram:before {
    display: none;
}

.tp_links {
    display: none;
}

a.tp_btn_cart span {
    color: #e2e2e2;
    font-size: 10px;
}

.me_tp_features a.tp_btn_notice {
    color: #e2e2e2;
    font-size: 10px;
}

@media screen and (max-width: 1024px) {
    .me_tp_features {
        position: relative;
    }

    .box_search {
        width: 130px;
    }
}

@media screen and (max-width: 768px) {
    .me_tp_features {
        top: -16px;
    }	
	.news_classes li a{
		color:#a3a3a3 !important;
		transition:.3s;
	}
	
	.news_classes li a:hover{
		background: transparent !important;
		color:#fff !important;
	}
}

/*首頁精選案例*/
.pageIndex .news_part .title_i_box h4 {
    font-size: 33px;
    font-weight: bold;
    color: #454444;
}

.news_list ul li a:hover {
    background: #ffffff;
}

.pageIndex .animated-arrow {
    background: transparent;
    border: solid 1px #bdbdbd7a;
    border-radius: 50px;
    width: 155px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 50px;
    height: 55px;
    line-height: 55px;
	transition: .8s all ease;
}
a.animated-arrow.slowAnimation:hover {
    background-color: #f2f3ee;
    transition: .8s all ease;
    box-shadow: 1px 1px 15px #efcab7;
}

.pageIndex .animated-arrow b:hover {
    color: #111;
    transition: .5s;
}

.pageIndex .module_i_news li a:after {
    border: 1px #a19b8c00 solid;
    transition: .6s all;
    background: rgb(129 129 129 / 0%);
}

.pageIndex .module_i_news li {
    background-color: #f5f5f500;
    border-bottom: none;
}

.pageIndex .module_i_news li a:before {
    color: #111113;
    font-weight: 500;
}

.pageIndex .i_blog_ri {
    padding: 10px 20px;
    color: #adadad;
    font-family: "Kanit", "Noto Sans TC";
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.i_blog_b a i.fa-solid.fa-arrow-right {
    display: none;
}

.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;
}

.module_i_news section {
    max-width: 1360px;
}

.pageIndex .module_i_news .title_i_box h4:after {
    content: "PROJECT";
    display: block;
    font-family: "DM Serif Display", "Noto Sans TC";
    font-size: 60px;
	letter-spacing: 2.5px;
    font-weight: normal;
    color: #2e2e32;
    line-height: 1;
    padding: 5px 0px;
	font-weight: 400;
}

.pageIndex .module_i_news .title_i_box h6{ display:none;}
@media screen and (max-width: 768px) {
.pageIndex .module_i_news .title_i_box h4:after {  font-size: 50px;}
.pageIndex .module_i_news02 { padding: 50px 20px 40px 20px;  }
}
@media screen and (max-width: 600px) {
.pageIndex .module_i_news02 { padding: 60px 30px 10px 30px;}
}
@media screen and (max-width: 550px) {
.pageIndex .module_i_news .title_i_box h4:after {
    font-size: 33px;
}

.pageIndex .module_i_news {
    padding: 40px 20px;
}
.module_i_news_list, .module_i_news_list.swiper { padding: 20px 0; }
}
@media screen and (max-width: 400px) {
.pageIndex .module_i_news .title_i_box h4:after { font-size: 28px;  }
.pageIndex .module_i_news .title_i_box h4 {  font-size: 18px;}
.pageIndex .module_i_news { padding: 40px 30px 10px 30px;}
.pageIndex .module_i_news02 .module_i_news_list, .module_i_news_list.swiper {  padding: 30px 0;}

}

/*文章*/
.blog_le .accordion {
    border-radius: 0px;
    border: none;
}

.accordion li .link a {
    font-weight: 600;
    color: #161616;
    padding: 15px 20px;
	font-family: "Playfair Display", "noto serif TC";
	font-size: 15px;
}

.blog_le .accordion li.open i.fa-chevron-down::before {
    color: #161616;
}

.submenu li.on_this_category a,
.submenu a:hover {
    background: #8a776800;
    color: #161616;
}

.submenu {
    background: #edeae4;
}

.submenu a i {
    left: 10px;
    font-size: 12px;
}

.fa-circle-chevron-right::before {
    color: #161616;
    font-size: 11px;
}

.subbox_item a {
    grid-template-columns: 100%;
}

.submenu a {
    color: #161616;
}

.subbox_item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    flex-direction: column;
}

.blog_list_ri {
    padding: 0px 0px 10px 0px;
    width: 100%;
}

.blog_subbox {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 35px;
}

.subbox_item a:before {
    font-weight: 400;
    opacity: 1;
	bottom: -20px;
    right: 0px;
    font-size: 14px;
    color: #222;
    font-family: "Kanit", "Noto Sans TC";
}

.subbox_item a:hover:before {
    color: #637486;
    transition: .5s;
}

.blog_list_le img {
    border-radius: 0px;
}

h5.blog_le_t em {
    color: #161616;
    font-size: 25px;
    margin: 10px;
	font-family: "noto serif TC";
}

.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: 30px;
    color: #333 !important;
    border: solid 1px #b5b5b5;
    background-color: #edeae4;
	font-weight: 400;
	padding: 10px 35px 10px 20px;
}

.fa-circle-plus::before {
    font-size: 14px;
    color: #161616;
}

.subbox_item a:after {
    content: '';
    width: 100%;
}

.blog_list_le {
    width: 100%;
}

.blog_list_ri h5 {
    font-weight: 600;
    font-size: 17px;
    -webkit-line-clamp: 2;
    color: #111113;
    margin-bottom: 12px;
    border-bottom: solid 1px #a39d8d59;
    padding: 8px 0px;
	font-family: "Playfair Display", "noto serif TC";
}
.subbox_item a {  grid-gap: 10px;}
.subbox_item a:after {
    background: transparent;
    border-bottom: none;
    border: none;
}

.blog_list_ri p {
    letter-spacing: 1px;
    font-size: 13px;
    color: #161616;
    line-height: 150%;
    font-weight: 400;
}

.blog_list_ri em {
    font-size: 11px;
    color: #555;
    font-weight: 400;
}
.blog_le .accordion>li:hover .link a,
.blog_le .accordion>li.on_this_category .link a {
    background-color: #edeae4;
    color: #161616 !important;
}

.fa-chevron-down::before {
    color: #101114;
}

.submenu li.on_this_category a,
.submenu a:hover {
    background: #8a776800;
    color: #161616;
    opacity: .9;
    transition: .5s;
}

.accordion li+li .link {
    border-top: 1px solid #c2c2c2;
}

.submenu li+li {
    border-top: 1px solid #c2c2c2;
}
h5.blog_le_t span{ display:none;}

.module_i_news02 .module_i_news_list, .module_i_news_list.swiper {
    padding: 50px 0;
}
/*第一項占一整行*/
.article_b .blog_subbox > .subbox_item:first-child{
    grid-column:1 / -1;
	border-bottom: solid 1px #a39d8d59;
	margin: 0px 0px 70px 0px;
}
.article_b .blog_subbox > .subbox_item:first-child > a{
    display:flex;
    align-items:center;
    gap:110px;
	flex-direction: row;

}
.article_b .blog_subbox .subbox_item:first-child img {
    transition: all .8s ease;
    aspect-ratio: 1.35 / 1;
    object-fit: cover;
    max-height: 600px;
}
.article_b .blog_subbox > .subbox_item:first-child .blog_list_le{
    flex:0 0 50%;
}

.article_b .blog_subbox > .subbox_item:first-child .blog_list_ri{
    flex:1;
}
.article_b .blog_subbox > .subbox_item:first-child .blog_list_ri > h5{font-size: 22px; }
.blog_list_ri h5 { margin-bottom: 0px;  border-bottom: solid 1px #a39d8d00;  padding: 8px 0px 5px 0px;}

/*文章hover效果*/
.blog_subbox .subbox_item{
    position:relative;
    overflow:hidden;
    transition:all .5s cubic-bezier(.25,.46,.45,.94);
}

.blog_subbox .subbox_item img{
    transition:all .8s ease;
}

.blog_subbox .subbox_item:hover{
    transform:translateY(-12px);
    padding: 10px;
}
.article_b .blog_subbox .subbox_item:hover{
    transform:translateY(-12px);
    padding: 20px;
}

.blog_subbox .subbox_item:hover img{
    transform:scale(1.05);
}



/* 第一篇 導圓角*/
.article_b .blog_subbox > .subbox_item:first-child .blog_list_le{
    border-radius:20px;
    overflow:hidden;
}

.article_b .blog_subbox > .subbox_item:first-child .blog_list_le img{
    border-radius:0;
}
/*其他篇 導圓角*/

.blog_list_le{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.blog_list_le img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.subbox_item:hover .blog_list_le img{
    transform: scale(1.08);
}


@media screen and (max-width: 1500px) {
/*第一項占一整行後手機板*/
.article_b .blog_subbox .subbox_item:first-child img {  max-height: 500px;}
.article_b .blog_subbox > .subbox_item:first-child{ margin: 0px 0px 50px 0px;}
}
@media screen and (max-width: 1300px) {
/*第一項占一整行後手機板*/
.article_b .blog_subbox .subbox_item:first-child img {  max-height: 430px; }
}
@media screen and (max-width: 1200px) {
/*第一項占一整行後手機板*/
.article_b .blog_subbox .subbox_item:first-child img {  max-height: 400px;}
.article_b .blog_subbox > .subbox_item:first-child{ margin: 0px 0px 50px 0px;}
.article_b .blog_subbox > .subbox_item:first-child > a {  gap: 70px;}
}
@media screen and (max-width: 1050px) {
/*第一項占一整行後手機板*/
.article_b .blog_subbox .subbox_item:first-child img {  max-height: unset; }
.article_b .blog_subbox > .subbox_item:first-child > a {  gap: 50px;}
.article_b .blog_subbox > .subbox_item:first-child {  border-bottom: none;}
}
@media screen and (max-width: 850px) {
/*第一項占一整行後手機板*/
.article_b .blog_subbox > .subbox_item:first-child > a { display: flex;  gap: 20px;  flex-direction: column;}
.article_b .blog_subbox > .subbox_item:first-child .blog_list_le { flex: 0 0 100%;}
.article_b .blog_subbox .subbox_item:first-child img { max-height: unset; }
.article_b .blog_subbox > .subbox_item:first-child { margin: 0px;}


}

@media screen and (max-width: 768px) {
.accordion li+li .link { border-top: 1px solid #dedbd5;}
.submenu li+li {  border-top: 1px solid #dedbd5;}
.blog_subbox > .subbox_item:first-child {  border-bottom: 1px #c8c8c8 solid;}
.blog_subbox > .subbox_item:first-child .blog_list_ri > h5{font-size: 17px; }
}

/*文章內頁*/
.blog_back a.article_btn_back {
    background: #6b665a;
    color: #f5f3ef;
	border-radius: 3px;
}

h4.blog_category_title {
    color: #111113;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1px;
    border-bottom: none;
    padding:  10px;
    margin-bottom: 10px;
	font-family: "noto serif TC";
	text-align: center;
}
.article_b h4.blog_category_title { display:none;}
.blog_in_page.article_b h4.blog_category_title {
    font-size: 28px;
    margin-bottom: 80px !important;
	font-family: "noto serif TC";
}

.blog_shareData {
    margin-bottom: 0px;
    display: none;
}

.blog_back a.article_btn_next {
    background: #222222;
    color: #fff;
    font-weight: 500;
	border-radius: 3px;
}

.blog_back a.article_btn_prev {
    background: #222222;
    color: #fff;
    font-weight: 500;
	border-radius: 3px;
}

.news_related h6 span:before {
    color: #1e1d1d;
    font-weight: 600;
    font-size: 20px;
    display: none;
}

.news_related h6 {
    margin: 20px auto 40px;
}

.news_related {
    background: #f5f3ef00;
    border-top: solid 1px #d1d1d1;
}

.news_related_list li a p {
    margin: 10px 0px;
    color: #222;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1.3px;
	font-family: "noto serif TC";
}
.news_related_list {  max-width: 1700px;}
.news_related_list li figure { aspect-ratio: 1.35 / 1;}
.news_related_list li a img {  border-radius: 5px;}
.news_related_list li a {
    background: transparent;
    padding: 0px;
}

.toShareNews b,
.toShareNews a,
.toShareNews a object,
.toShareNews a i {
    color: #ccc;
}

.article_a .articel_mainPic:nth-child(1) img {
    display: none;
}
@media screen and (max-width: 768px) {
.article_a h4.blog_category_title {
    color: #111113;
    font-size: 20px;
    letter-spacing: 1px;
    border-bottom: none;
    margin-top: 50px;
    padding: 0px;
    margin-bottom: 0px;
}
}
/*首圖隱藏*/
.blog_le,
.blog_ri {
    margin-top: 50px;
}
.blog_ri {
    padding: 0px 0px 0px 50px;
}
.article_b .blog_ri {
    padding: 0px 0px 0px 0px;
	width: 100%;
}
/*.blog_in_page .article_b .blog_ri {
    padding: 0px;
	display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    align-items: center;

}
*/
.article_b .blog_box_edit.clearfix {
    display: flex;
    flex-direction: row;
	align-items: flex-start;
}
.blog_in_page .article_b .blog_le{ display:none;}



/*.article_b .blog_le.fadeInLeft.animated15 {
    display: none;
}*/


/*文章市場觀點選單*/
.blog_page.article_b .blog_le {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0 20px;
    padding: 0;
}
.blog_page.article_b .blog_le .accordion {
    margin: auto;
    border-radius: 0;
	border: none;
    overflow: visible;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
    padding: 10px 0;
    background: #edeae4;
    border-radius: 50px;
}
.blog_page.article_b .submenu li {
    display: none;
}
.blog_page.article_b .blog_le .accordion li.openSub i.fa-chevron-down::before{
    display: none;
}
.blog_page.article_b .accordion li+li .link {
    border-top: none;
}
.blog_page.article_b .fa-chevron-down::before{
    display: none;
}
.blog_page.article_b .accordion li .link a::before {
    content: "";
    display: block;
    width: 0%;
    height: 100%;
    background-color: #a39d8d2b;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    transition: all 0.5s cubic-bezier(0.73, 0.08, 0.11, 0.99);
}
.blog_page.article_b .accordion li .link a:hover:before,.accordion > li.on_this_category .link a::before{
    width: 140%;
    transition: all 0.5s cubic-bezier(0.73, 0.08, 0.11, 0.99);
}

.blog_in_page.article_b .blog_le{ display:none;}
.blog_page.article_b h5.blog_le_t em {  display: none;}
.blog_page.article_b .blog_le .accordion>li:hover .link, .blog_le .accordion>li.on_this_category .link {
    background-color: #edeae4 !important;
}
.blog_page  .main_part { padding: 0px 20px 50px 20px;}


@media screen and (max-width: 768px) {
.blog_page.article_b h5.blog_le_t em {  width: 110px;display: none;}
.accordion li .link a {  padding: 15px 10px; font-size: 12px;}
.blog_page.article_b .blog_le {   justify-content: flex-start;}
.blog_page.article_b .fa-caret-down::before{display: none;}
}
@media screen and (max-width: 450px) {
.blog_page.article_b .blog_le .accordion{ display:none;}

}

.blog_in_page .article_b .blog_in_page .edit {
    margin: 10px 80px;
	max-width: 650px !important;
}
.blog_in_page .article_b .blog_ri {
    width: 1700px;
}
.blog_box_edit .edit img {
    border-radius: 20px;
}

.blog_back {
    margin-bottom: 50px;
	margin-top: 150px;
}

.blog_in_page .edit {
    color: #161616;
    font-size: 16px;
    font-weight: 400;

}
.blog_in_page.article_b .edit {
	flex: 1;
    width: auto;
    margin: 10px 80px;
}

.blog_box_edit p,
.blog_box_edit span {
    color: #111113;
}
.blog_in_page .main_part { padding: 0px 20px 50px 20px;}


/*左右圖片比例*/
.article_bg .blog_box_edit.clearfix{
    display:flex;
    align-items:flex-start;
    gap:60px;
}

.article_b .articel_mainPic{
    flex:0 0 30%;
	padding: 20px 0px;
}

.article_b .articel_mainPic img{
    width:100%;
    min-width:0;
    aspect-ratio:1.35/1;
    object-fit:cover;
	border-radius: 20px;
}

@media screen and (max-width: 1400px) {
.article_b .articel_mainPic img {  min-width: 500px;}
.blog_in_page.article_b .edit { margin: 10px 50px;  width: 60%;}

}
@media screen and (max-width: 900px) {
.article_b .blog_box_edit.clearfix {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.blog_in_page.article_b .edit {
    width: 100%;
    margin: 20px 0px;
}
.article_b .articel_mainPic img {
    min-width: 200px;
    width: 100%;
}

}
@media screen and (max-width: 600px) {
.blog_in_page.article_b h4.blog_category_title {
    font-size: 23px;
    margin-bottom: 60px !important;
}
.blog_back { margin-top: 50px;}
}
@media screen and (max-width: 400px) {
.blog_in_page.article_b h4.blog_category_title {  font-size: 20px;  margin-bottom: 10px !important;}
}


/*相簿*/
.show-list .item:hover .show_name {
    color: #8a7768;
}
.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: #2d2823;
}

.other_album_choice li {
    background: #dbd2c5;
    border-radius: 0px;
    padding: 10px 20px;
}

.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;
}

/*聯絡我們*/
.contact_content {
    margin: auto 0px;
}

.contact_content .information_left {
    width: 21%;
    display: inline-block;
}

.tncode {
    background: linear-gradient(to bottom, #ffffff 0%, #eae5e5 100%)!important;
    box-shadow: 0 2px 5px rgb(187 187 187 / 20%)!important;
	color: #333!important;
}
.tncode:hover {
    /*background: #b0aea9!important;
    color: #ffffff;*/
	color: #444!important;
    box-shadow: 0 4px 12px rgb(200 200 200 / 40%) !important;
}

/*聯絡資訊*/
.contact_content .information_right {
    width: 78%;
    padding: 0% 2% 7% 4%;
}

.contact_form li input.noborder {
    border: none;
    border-bottom: 1px #4545454a solid;
    padding: 10px;
    margin: 2px 0px;
    background-color: transparent;
    color: #111113;
	font-weight: 300;
}

.contact_form li textarea.noborder {
    border: none;
    border-bottom: 1px #4545454a solid;
    background-color: transparent;
    color: #222;
    font-weight: 300;
}

.contact_form li .form__label {
    letter-spacing: 1.1px;
    color: #222;
    text-align: left;
	width: 100%;
	max-width: 200px;
}
.form select {
    background-color: #f2f3ee;
}


.blank_letter {
    padding-left: 0px;
    font-size: 25px;
    color: #222;
    font-family: "Noto Sans TC", serif;
    font-weight: 500;
	font-family: "Cactus Classical Serif", "noto serif TC";
    letter-spacing: 1.5px;
    font-size: 28px;
}

.contact_form li.last blockquote,
.contact_form li.last cite {
	padding: 3px;
    border: 1px #bbbbbb solid;
    width: 350px;
    max-width: calc(60% - 10px);
	border-radius: 50px;
}
i.fa-solid.fa-arrow-right{ display:none;}

.contact_form li.last cite {
    background: #222;
    color: #fff;
    border-radius: 50px;
}

.list_before.info li {
    padding-left: 0px;
    text-align: left;
    margin-bottom: 0px;
}

.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-weight: 500;
    position: unset;
    width: unset;
    left: 0;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    display: inline-table;
    margin-right: 18px;
}
.contact_form li.last blockquote:hover input, .contact_form li.last cite:hover input {
    letter-spacing: 3px;
}
.noborder {
    padding: 8px;
}

.contact_form {
    grid-gap: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 40px;
}

.contact_form li {
    padding: 30px 5px;
    width: 49%;
    display: flex;
    flex-direction: column;
}

.contact_form li:nth-last-child(1),
.contact_form li:nth-last-child(2) {
    width: 25%;
}

.contact_form li.last {
    border: none;
    text-align: right;
    margin-top: 20px;
    padding-left: 0;
}

.contact_editbox {
    padding: 0px;
}

.blank_letter {
    text-align: left;
}

.contact_le_map a {
    background: #808080;
}

.list_before li {
    font-size: 13px;
    font-weight: 400;
}

/*網站使用條款*/
.privacy_page .banner h6 {  font-size: .7em;  color: #222; font-weight: 400;}
.privacy_page .main_part {  padding: 0 20px 100px;}
.privacyContent h6 {  font-weight: 500;  font-family: "noto serif TC";}

/*footer*/
.footer {
    background-image: url(https://pic03.eapple.com.tw/theyiw/footer_bg.jpg);
    padding: 0px 0px 0px 0px;
    transition: 0.5s;
    background-size: 100%;
    background-repeat: repeat;
	background-position: top;
}

.footer .center {
    max-width: 88%;
}

.footer_info {
    display: flex;
    padding: 0;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
}

.footer_info ul {
    display: flex;
    flex-direction: column-reverse;
}

.footer_info li:nth-child(1) {
    padding-top: 0;
    position: absolute;
    top: 80%;
    display: flex;
    flex-direction: column;
    display: none;
}

.footer_info li:nth-child(2) {
    padding-top: 0;
    display: none;
}

.footer_info li p,
.footer_info li p a {
    color: #332b19;
    font-size: 13px;
    line-height: 250%;
    font-weight: 500;
}


.footer_menu a:nth-child(2) {
    padding: 0 10px;
    padding-left: 0;
}

.footer_menu a {
    margin: 0;
    text-align: left;
    padding: 5px 0;
    transition: all 0.3s;
    letter-spacing: 2px;
    color: #9c9c9c;
    border: none;
    background: transparent;
    font-size: 13px;
    padding-right: 11px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.footer_menu a:hover {
    background: transparent;
    opacity: .8;
    color: #847553;
}

.copy {
    color: #3a3a3a;
    border: none;
    text-align: right;
    padding: 30px 0px;
    max-width: 88%;
    margin: 0px auto 0px auto;
    font-size: 9px;
    justify-content: start;
}

.copy a {
    color: #5c5c5c;
    transition: all 0.3s;
    z-index: 99999999999999999;
    position: relative;
	
}
.copy p:nth-child(1) {
    display: none;
}/*底部ykqk隱藏*/

.copy span {
	display: none;
}/*累積人氣隱藏*/

.privacyLinks {
    margin-left: -7px;
}
.privacy_page .banner h5 {
    text-align: center;
	display: block;
}

.privacyLinks a+a {
    border-left: 1px solid #3d3d3d;
}

.copy a:hover {
    color: #ffffff78;
}

.box_link {
    display: flex;
    right: 0%;
    top: 100%;
    width: 100%;
    justify-content: flex-start;
    display: none;
}

.box_link a {
    transition: all 0.3s;
    border: none;
    color: gray;
    margin: 0 2px;
    width: auto;
    text-align: right;
    font-size: 20px;
    font-size: 16px;
}

.footer_menu a:nth-child(1) {
    display: none;
}

/*回首頁隱藏*/
.box_link a:hover {
    background: transparent;
    opacity: .8;
}

.box_link a:first-child {
    padding-left: 10px;
}

.footer_info li p.tel:before {
    content: '電話：';
}

.footer_info li p.mail:before {
    content: '信箱：';
}

.footer_info li p.add:before {
    content: '地址：';
}

.footer_info li p.fax:before {
    content: '營業時間：';
}

.footer_info li p.phone:before {
    content: '電話 TEL ｜';
}

.footer_info li p.fax:before {

    content: '傳真 FAX ｜';
}

.footer_info li p.mail:before {
    content: '電郵 E-Mail ｜';
}

.footer_info li p.tel:before {
    content: '業務窗口 ｜';
}

.footer_info li p.add:before {
    content: '地址 ｜';
}

.footer_info li p.line:before {
    content: 'Line ID ｜';
}

p.phone {
    order: 0;
}

p.mail {
    order: 2;
}

p.add {
    order: 3;
}

p.fax {
    order: 1;
}

p.tel {
    order: 4;
}

p.line {
    order: 5;
}


#to_top {
    font-size: 9px;
    position: fixed;
    left: 25px;
    bottom: 25px;
    z-index: 600;
    width: 58px;
    height: 58px;
    line-height: 18px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 50%;
    color: #74747491;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
    transition: .4s ease;
	padding-top: 12px;
}
#to_top:hover{
    transform: translateY(-4px);
	color: #ccc;
    background: rgba(255,255,255,.12);

    box-shadow:
        0 15px 35px rgba(0,0,0,.25),
        0 0 15px rgba(255,255,255,.15),
        0 0 30px rgba(255,255,255,.08);
}
#to_top i:before, #to_top i:after {
    background: #74747491;
}
#to_top i:hover:before, #to_top i:hover:after{background:#ccc; transition:0.5s all; }



/*Logo/＝＝＝＝＝*/

.footer_logo {
    width: 300px;
    max-width: 120px;
    margin: 0;
    position: absolute;
    bottom: 0px;
}

.footer_logo img {
    max-width: 180px;
    width: 100%;
}

.footer_logo>a {
    display: inline-block;
    width: 100%;
    height: 70px;
    background-size: contain;
    background-position: top right;
    margin-top: 0px;
	filter: brightness(0.5);
}

@media screen and (max-width: 768px) {
    .footer_menu a {
        padding: 8px 0;
    }

    .footer_logo>a {
        margin-top: 25px;
    }


}


/*首頁文章*/
.pageIndex .module_i_news .title_i_box h4 {
    font-size: 25px;
    color: #222;
    font-weight: 500;
	font-family: "Cactus Classical Serif","noto serif TC";
	letter-spacing: 1.5px;
}

.pageIndex .module_i_news .title_i_box {
    margin: 50px 0px 0px 0px;
    text-align: left;
}

.pageIndex .i_blog_ri h5 {
    font-weight: 600;
    font-size: 22px;
    color: #111;
	font-family: "Playfair Display", "noto serif TC";
}

.pageIndex .i_blog_ri em {
    color: #3e3e3e;
	font-weight: 400;
	font-size: 13px;
}

.pageIndex .module_i_news li a {
    position: relative;
    display: flex;
    grid-template-columns: 500px 1fr;
    grid-gap: 60px;
    flex-direction: column;
    flex-direction: row;
}

.pageIndex .module_i_news ul {
    grid-template-columns: repeat(auto-fill, minmax(850px, 1fr));
    grid-gap: 20px;
}
.pageIndex .module_i_news section {
    max-width: 1650px;
	width: 88%;
}

.pageIndex .module_i_news li a:before {
    font-family: "Kanit", "Noto Sans TC";
	bottom: 15px;
    right: 20px;
    opacity: 1;
}

.pageIndex .module_i_news {
    padding: 50px 20px 20px 20px;
    background-image: url(https://pic03.eapple.com.tw/theyiw/page_bg.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    background-position: top;
}
.pageIndex .module_i_news02 {
    padding: 20px 20px 70px 20px;
    background-image: url(https://pic03.eapple.com.tw/theyiw/page_bg02.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    background-position: top;
}
.pageIndex .i_blog_le {
    aspect-ratio: 1 / .6;
}
.pageIndex .i_blog_ri p {
    color: #444;
    font-weight: 400;
    font-size: 13px;
}

.pageIndex .i_blog_le {
    width: 100%;
}

/*文章圖片左右*/
.module_i_news01 .module_i_news_list ul{
    margin:0;
    padding:0;
}

.module_i_news01 .module_i_news_list li{
    list-style:none;
    margin:60px 0;
}

.module_i_news01 .module_i_news_list li:first-child{
    margin-top:60px;
}

.module_i_news01 .module_i_news_list li>a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8%;
    text-decoration:none;
}

/* 左右比例 */
.module_i_news01 .i_blog_le{
    flex:0 0 56%;
    overflow:hidden;
	/*border-radius: 180% 125% 180% 125%;*/
	border-radius:2%;
}

.module_i_news01 .i_blog_ri {
    flex: 0 0 39%;
    padding: 10px 80px;
}

/* 圖片 */
.module_i_news01 .i_blog_le img{
    width:100%;
    display:block;
    transition:.8s cubic-bezier(.22,.61,.36,1);
}

.module_i_news01 li:hover img{
    transform:scale(1.06);
}

/* 偶數左右交換 */

.module_i_news01 li:nth-child(even)>a{
    flex-direction:row-reverse;
}
.pageIndex .module_i_news li:nth-child(even)> a:before{
    flex-direction:row-reverse;
}

/* 文字錯位 */

.module_i_news01 li:nth-child(odd) .i_blog_ri{
    transform:translateY(-40px);
	padding: 10px 110px 10px 0px;
}

.module_i_news01 li:nth-child(even) .i_blog_ri{
    transform:translateY(-40px);
	padding: 10px 0px 10px 110px;
}

/*READ MORE*/
.pageIndex .module_i_news li:nth-child(odd) a:before {
    left: 35%;
	bottom: 28%;
}

.pageIndex .module_i_news li:nth-child(even) a:before {
    left: 2%;
    bottom: 28%;
    width: 9%;
}
@media screen and (max-width: 1820px) {
.module_i_news01 li:nth-child(even) .i_blog_ri {  padding: 10px 0px 10px 105px;}
.module_i_news01 .module_i_news_list li>a { gap: 7.7%;}
.pageIndex .module_i_news li:nth-child(even) a:before { left: 4%; text-align: left;}
}
@media screen and (max-width: 1780px) {
.pageIndex .module_i_news li:nth-child(even) a:before {  left: 4%;  text-align: left;}
}
@media screen and (max-width: 1650px) {

.pageIndex .module_i_news li:nth-child(even) a:before { left: 3.7%;}
.pageIndex .module_i_news li:nth-child(odd) a:before { left: 36%;}
.pageIndex .module_i_news01 li:nth-child(even) .i_blog_ri { padding: 10px 0px 10px 90px;}
}
@media screen and (max-width: 1510px) {
.pageIndex .module_i_news li:nth-child(even) a:before {  left: 4%; }

}
@media screen and (max-width: 1400px) {
.pageIndex .module_i_news01 li:nth-child(even) .i_blog_ri {  padding: 10px 0px 10px 84px;}
.pageIndex .module_i_news li:nth-child(odd) a:before {  left: 37%;}
}
@media screen and (max-width: 1400px) {
.pageIndex .module_i_news li:nth-child(even) a:before {left: 4.2%; }
}
@media screen and (max-width: 1260px) {
.pageIndex .module_i_news li:nth-child(odd) a:before {  left: 37.5%; }
.pageIndex .module_i_news li:nth-child(even) a:before { left: 5%;}
}
@media screen and (max-width: 1230px) {
.pageIndex .module_i_news li:nth-child(even) a:before { left: 5.2%;}
}
@media screen and (max-width: 1205px) {
.pageIndex .module_i_news01 .i_blog_le { flex: 0 0 50%;}
.pageIndex .module_i_news section { width: 90%;}
.pageIndex .module_i_news ul {  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));   grid-gap: 30px; }
.module_i_news01 li:nth-child(even) .i_blog_ri { transform: translateY(-20px); padding: 10px 0px 10px 30px;}
.module_i_news01 li:nth-child(odd) .i_blog_ri {  transform: translateY(-20px);  padding: 10px 30px 10px 0px;}
.pageIndex .module_i_news li:nth-child(odd) a:before {  left: 33.5%;bottom: 16%;}
.pageIndex .module_i_news li:nth-child(even) a:before {  left: 3%;bottom: 16%;width: 19%;}
.pageIndex .module_i_news01 li:nth-child(even) .i_blog_ri { padding: 10px 0px 10px 30px; }
}
@media screen and (max-width: 1050px) {
.pageIndex .module_i_news li:nth-child(odd) a:before {left: 35%;}
}
@media screen and (max-width: 988px) {
.pageIndex .module_i_news li:nth-child(even) a:before { left: 3.3%;}
}

@media screen and (max-width: 950px) {
.pageIndex .module_i_news ul { grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); }
.pageIndex .module_i_news01 .i_blog_le { flex: 0 0 44%;}
.pageIndex .module_i_news li:nth-child(even) a:before {  left: 3.7%; bottom: 7%;  width: 19%;  font-size: 12px; }
.pageIndex .module_i_news li:nth-child(odd) a:before { left: 17.5%;  bottom: 7%;  font-size: 12px;}
.pageIndex .i_blog_ri h5 { font-size: 19px;}
.pageIndex .module_i_news01 .i_blog_ri {  flex: 0 0 47%;}
.pageIndex .module_i_news01 .module_i_news_list li { margin: 25px 0;}
.pageIndex .i_blog_ri em { font-size: 11px;}
}
@media screen and (max-width: 820px) {
.pageIndex .module_i_news li:nth-child(odd) a:before { left: 19.5%;}
}
@media screen and (max-width: 768px) {
.pageIndex .module_i_news .title_i_box h4 {  font-size: 22px; }
.pageIndex .module_i_news .title_i_box { margin: 0px; }
.pageIndex .module_i_news li {  border-bottom: 1px #a29c8d59 solid; }
.pageIndex .module_i_news { padding: 80px 20px 10px 20px;}
.pageIndex .module_i_news01 .module_i_news_list li>a {  flex-direction: column;}
.pageIndex .module_i_news01 li:nth-child(odd) .i_blog_ri { transform: translateY(0px); padding: 20px 0px 20px 0px;}
.pageIndex .module_i_news01 li:nth-child(even)>a { flex-direction: column;}
.pageIndex .module_i_news01 li:nth-child(even) .i_blog_ri { transform: translateY(0px);  padding: 20px 0px 20px 0px;}
.pageIndex .module_i_news01 .module_i_news_list li {  margin: 10px 0;}
.pageIndex .module_i_news li a:before { bottom: 9px;  right: 0px;  opacity: 1; font-size: 12px;}
.pageIndex .i_blog_ri p { margin-bottom: 7px;}
.pageIndex .module_i_news li:nth-child(odd) a:before {right: 0%;   text-align: right;  left: 33.5%;bottom: 1%;}
.pageIndex .module_i_news li:nth-child(even) a:before { text-align: right; right: 0%;  bottom: 1%;  width: 100%; }
}

@media screen and (max-width: 600px) {
.pageIndex .module_i_news ul {   grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));  grid-gap: 15px;}
.pageIndex .i_blog_ri {   padding: 8px 12px 15px 12px; }
.pageIndex .i_blog_ri h5 {  font-size: 14px; }
.pageIndex .animated-arrow {  margin-bottom: 0px; }
.copy {   margin: 150px 0px 0px 0px; }
.pageIndex .module_i_news { padding: 60px 30px 10px 30px;}
}
@media screen and (max-width: 500px) {
.pageIndex .module_i_news ul {  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
.pageIndex .module_i_news section {  width: 100%;}
.pageIndex .module_i_news li:nth-child(odd) a:before {  font-size: 10px;  letter-spacing: 0.5px; }
.pageIndex .module_i_news li:nth-child(even) a:before {  font-size: 10px;  letter-spacing: 0.5px; left: unset;}
.pageIndex .i_blog_ri em {  font-size: 9px;  margin: 7px 0;}
}
@media screen and (max-width: 360px) {
.pageIndex .module_i_news ul { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));   grid-gap: 15px;  }
}


/*首頁文章02*/
.pageIndex .module_i_news02 li a {  flex-direction: column;grid-gap: 15px;}
.pageIndex .module_i_news02 ul {  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); grid-gap: 60px;}
.pageIndex .module_i_news02 li:nth-child(odd) a:before {  left: unset; right: 3%; bottom: -4%;}
.pageIndex .module_i_news02 li:nth-child(even) a:before {left: unset;  right: 3%;  bottom: -4%;  width: unset;}
.pageIndex .module_i_news02 .i_blog_ri { padding: 5px 10px;}
.pageIndex .module_i_news02 .i_blog_le { aspect-ratio: 1 / .75;}
.pageIndex .module_i_news02 .i_blog_le { border-radius: 2%;}
.pageIndex .module_i_news02 .i_blog_ri h5 {  font-size: 20px;}
.pageIndex .module_i_news02 .i_blog_ri em {  font-size: 12px;}
.pageIndex .module_i_news02 .i_blog_ri p {  line-height: 1.65em;}
.pageIndex .module_i_news02 .title_i_box h4:after { content: "MARKET VIEW";}
.page li.pre_page a, .page li.first_page a, .page li.last_ten a, .page li.last_page a, .page li.next_page a, .page li.next_ten a {  padding: 6px 10px; font-size: .85em;}
.page li a, .page li strong { font-weight: 400;}
	
/*hover效果*/
.module_i_news_list li{
    overflow:hidden;
}

.module_i_news_list li a{
    display:flex;
    transition:.45s ease;
}

.module_i_news_list .i_blog_le{
    overflow:hidden;
}

.module_i_news_list .i_blog_le img{
    transition:.6s cubic-bezier(.22,.61,.36,1);
}

.module_i_news_list .i_blog_ri{
    transition:.45s ease;
}

.module_i_news_list li:hover img{
    transform:scale(1.08);
}

.module_i_news_list li:hover .i_blog_ri{
    transform:translateY(-10px);
}

@media screen and (max-width: 768px) {
.pageIndex .module_i_news02 ul {  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));  grid-gap: 60px;}
.pageIndex .module_i_news02 .i_blog_ri h5 { font-size: 14px;}
.pageIndex .module_i_news02 li:nth-child(even) a:before { right: 0%;  bottom: 1%;}
.pageIndex .module_i_news02 li:nth-child(odd) a:before { right: 0%; bottom: 1%;}
.pageIndex .module_i_news02 .module_i_news li {  padding-bottom: 30px;}
}

@media screen and (max-width: 350px) {
.pageIndex .module_i_news02 ul {  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
}

/*促銷方案*/
.promotion_title h2 {
    font-size: 24px;
    color: #6b6360;
    margin-left: 8px;
}

.news_list ul li p:after {
    content: 'read more';
    font-size: 12px;
    color: #454444;
    letter-spacing: 0px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .6s;
    background-color: #f4eae2;
    padding: 8px 17px;
    border-radius: 3px;
    margin-right: 8px;
}


/* 商品下拉超過30個變大 */
.stellarnav.desktop li.bigMenu>ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    left: 0;
    width: 100%;
    position: fixed;
    padding: 20px;
}

.stellarnav.desktop li.bigMenu ul ul {
    top: 100%;
    left: 0;
    width: 100%;
    background: #efefef;
    height: auto;
    max-height: 300px;
    overflow: auto;
}

.stellarnav.desktop li.bigMenu ul ul li {
    margin: 0;
}

.stellarnav.hasBigMenu li.bigMenu li.has-sub>a:after {
    border-left: 6px solid transparent;
    border-bottom: unset;
    border-right: 6px solid transparent;
    border-top: 6px solid #898989;
    right: 5px;
}

/* 主分類超過30個但次分類直接顯示 
.stellarnav.desktop li.bigMenu>ul{grid-gap: 10px;}
.stellarnav.desktop li.bigMenu li{border: 0;}
.stellarnav.desktop li.bigMenu>ul>li>a{border: 1px solid #ddd;}
.stellarnav.desktop li.bigMenu ul ul{display: block !important; position: relative; top: 0; background: unset; border: 0;}
.stellarnav.desktop li.bigMenu ul ul li{border: 0;}
 主分類超過30個但次分類直接顯示-結束 */

/* 商品下拉超過30個--結束 */

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*首頁購物車*/
.pageIndex .prod_part {
    padding: 90px 20px 10px 20px;
    background-image: url(https://pic03.eapple.com.tw//index01.jpg);
    background-position: top;
    background-repeat: repeat;
}

.pageIndex .i_prod_tit span,
.i_video_tit span {
    font-size: 36px;
    color: #161616;
    font-family: "Kanit", "Noto Sans TC";
}

a.animated-arrow.slowAnimation b {
    color: #111113;
    font-weight: 500;
    font-size: 15px;
}
.pageIndex .i_prod_b a i.fa-solid.fa-arrow-right {
    display: none;
}

.pageIndex .products-list .item:nth-child(n+5) a {
    display: none;
}

.pageIndex .products-list .item a {
    padding-bottom: 0px;
}

.pageIndex .productsListBox,
.productsListBox.swiper {
    padding: 30px 0px 0px 0px;
}

/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint at 2023.1.5  */
.product_page .main_part {
    max-width: 1500px;
}

.order_finish_page .main_part {
    max-width: 1100px;
}

/* .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;
    align-items: flex-start;
    align-content: flex-start;
}

.product_page .product_menu_list {
    position: relative;
    width: 220px;
    letter-spacing: 1px;
    /*border-right: 1px solid #ccc;*/
    min-height: 30vw;
}

.product_page .products-list,
.product-wrapper {
    width: calc(100% - 270px);
}

ul.page {
    width: 100%;
}

.product-layer-two ul {
    grid-gap: 1px;
}

.product-layer-two li ul {
    position: static;
    margin-top: 8px;
    /*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;
    background: transparent;
}

.product-layer-two li li a {
    padding: 10px;
    padding-left: 15px;
    background: transparent;
}

.product-layer-two li li:hover>a {
    background: transparent;
    color: #161616;
}

.product-layer-two>li {
    width: 100%;
    max-width: 100%;
    padding: 0;
    text-align: left;
    /*border-bottom:1px solid #e5e5e5; */
    padding-bottom: 2px;
}

.product-layer-two>li ul>li+li {
    margin-top: 5px;
}

.product_info_page .product-layer-two {
    display: none;
}

.product_info_page .products-list,
.product-wrapper {
    width: 100%;
}

/*.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: 16px;
    margin-left: -12px;
    top: 50%;
    margin-top: -4px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);

    display: none;
}

.product-layer-two li li:hover>a:before {
    background: #6a6561;
}

.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;
}

/*購物車總攬頁面*/
.products-list .item a:hover .more {
    background: #fff;
    color: #555;
    letter-spacing: 2px;
}

.products-list .more {
    border: 1px solid #e1e1e1;
    background: #ffffff;
    color: #333;
    font-weight: 500;
    display: none;
}

/*詳細資料隱藏*/
.products-list .price b {
    color: #333;
    font-size: 15px;
}

.products-list .price .sp_price {
    color: #b41214;
}

.product-layer-two li a {
    background: #ffffff00;
    padding: 10px 15px;
    margin: 0px;
    font-size: 14px;
    color: #424242;
    font-weight: 500;
    border: 1px #ffffff00 solid;
    border-bottom: solid 1px #ccc;
}

.product-layer-two li i.close::before {
    color: #161616;
    font-size: 18px;
}

.product-layer-two li i {
    width: 50px;
    height: 38px;
}

.products-list .name {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    color: #161616;
}

.product-layer-two li.active a {
    color: #555;
    font-weight: bold;
    border: none;
    border-bottom: 1px #d5d5d5 dashed;
    color: #555;
}

.product-layer-two>li {
    border-bottom: none;
}

.product-layer-two li li.active a {
    background: rgb(236 232 225 / 41%);
    padding: 10px 15px;
}

.products-list .item a {
    padding-bottom: 0px;
}

.product_page .products-list {
    grid-gap: 35px;
}

/*購物車商品頁面*/
.inquiry_a1,
.inquiry_a2,
.inquiry_a3 {
    border-radius: 0px;
    background: #161616;
    color: #fff;
    border-radius: 2px;
}

.inquiry_a2 {
    background: transparent;
    color: #161616;
    border: solid 1px #dbd9d4;
}

.inquiry_a3 {
    background: #b41214;
    color: #fff;
}

.inquiry_a2:hover {
    background: #f3f3f3;
    color: #161616;
}

.inquiry_a1:hover,
.inquiry_a3:hover {
    opacity: .9;
}

.inquiry_a1:hover,
.inquiry_a3:hover {
    background: #1c1c1c;
}

/*.inquiry_a1:hover, .inquiry_a3:hover {  background:#b41214;}*/
.lastPage {
    background: #222;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
	border-radius: 50px;
    margin-top: 40px;
}

.sidebarBtn .price span {
    font-size: 15px;
}

.prod_related h6 span:before {
    color: #1e1d1d;
    letter-spacing: 5px;
    font-size: 30px;
    color: #161616;
    font-family: "Kanit", "Noto Sans TC";
    font-weight: 500;
}

.pd_tabTitle li.activeTab a {
    color: #161616;
    font-size: 20px;
    font-size: 30px;
    font-family: "Kanit", "Noto Sans TC";
}

.pd_tabTitle li.activeTab::after {
    height: 3px;
    background: #505050;
}

.pd_tabTitle li::after {
    background: #dfdfdf;
}

.pd_tabTitle li {
    border-bottom: none;
}

.sidebarBtn h2 {
    color: #313131;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: .5px;
    font-size: 20px;
}

.sidebarBtn .price {
    padding: 15px 0;
    border-bottom: 1px solid #c8c8c8;
}

.sidebarBtn .sp_price {
    color: #ad2424;
}

.sidebarBtn {
    border: none;
    background: transparent;
    border: solid 1px #b9b9b978;
    padding: 25px;
}

.radio-inline__label {
    padding: 4px 15px;
    font-size: 15px;
    margin: 2px 3px 2px 0;
    border-radius: 0px;
    color: #161616;
    border: 1px solid #c8c8c8;
}

.toShare {
    border-top: 1px solid #c8c8c8;
}

.product_info li .txt_box {
    color: #6a6561;
    font-size: 13px;
}

.prod_related {
    background: #e8e8e8;
    border-top: solid 1px #b9b9b9;
    padding: 50px 15px;
    background-image: url(https://pic03.eapple.com.tw/hpmj1118/bg_page.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 33% 90%;
}

#prod_thumbSwiper .swiper-slide::before {
    background: #a2a2a24a;
}

.pd_tabTitle li,
.pd_tabTitle {
    letter-spacing: 2px;
    font-weight: 500;
}

.proImgSwiper li {
    align-items: flex-start;
}

.pd_tabTitle li a {
    color: #161616;
}

.related_list li a p {
    padding: 15px 5px;
    color: #1e1d1d;
    font-weight: 600;
}

.fa-caret-down::before {
    color: #161616;
}

.prod_related h6 {
    margin: 0 auto 25px;
}

.related_list li a {
    background: #f1ead9;
}

.product_info_page .related_list li a {
    background: #c0c0c0;
}

.product_info_page .related_list li a p {
    color: #161616;
}

.proImgSwiper .swiper-button-next:after,
.proImgSwiper .swiper-button-prev:after {
    text-shadow: none;
    color: #53483d;
}

.amountNum {
    background-color: #f5f5f5;
}

/*匯款通知*/
.formbox_form li.last input:last-child {
    background: #d4d4d4;
    color: #1e1d1d;
}

.rewrite_simple,
.send_simple {
    width: 170px;
    height: 52px;
    border-radius: 0px;
}

.rewrite_simple {
    background: #ffffff;
    color: #1e1d1d !important;
}

.separate_title {
    font-size: 25px;
    color: #161616;
    letter-spacing: 1px;
    padding: 10px 0 5px 6px;
    background: none;
}

.border200 {
    width: 100%;
    border: 1px #1616164a solid;
    padding: 10px;
    margin: 3px 0px;
    background-color: #eeeeee;
}

/*購物車結帳頁面*/
.shopping-cart .row {
    padding: 5px 20px;
}

.shopping-cart .cart_head {
    background: #161616;
    color: #fff;
}

.total_amount .rewrite_simple,
.total_amount .send_simple {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.total_amount .send_simple {
    background-color: #161616;
    padding-right: 8px;
}

.stepImg span.active {
    color: #6a6561;
}

.stepImg img {
    filter: grayscale(1.5);
}

.stepImg span {
    color: #bcbcbc;
}

.red {
    margin-right: 6px;
}

.shopping-cart.check .cell {
    font-weight: 500;
}

.shopping-cart .cell.product_name p {
    color: #333;
    font-weight: 500;
}

.shopping-cart.inquiry_cart .cell.product_spec {
    font-weight: 500;
}

.declaration {
    line-height: 46px;
    background: transparent;
}

.form label .inputbox {
    margin-right: 11px;
    top: 5px;
}

.form label.Bigcheck {
    top: 0px;
}

.form label {
    margin-bottom: 0px;
}

.total_amount {
    width: 330px;
}

/*會員系統*/

/*.member_title h2 {
    border-bottom: 2px #222222 solid;
}

.login_mem_submit {
    background: #b41214;
}

.login_mem_other_link a {
    color: #8c8c8c;
}

.member_login_regist a {
    background: #767676;
}

.member_login_regist {
    background: #f0f0f0;
}

.mem_regist_title_s {
    background: #e7e7e7;
}
*/
@media screen and (max-width: 1550px) {
/*header*/
    .nav-brand img {
        max-width: 100%;
    }

    .nav-brand {
        margin: 0px 15px;
    }

    /*聯絡資訊*/
    .contact_content .information_left {
        width: 100%;
        margin-right: 0px;
    }

    .contact_content .information_right {
        width: 100%;
    }

}

@media screen and (max-width: 1200px) {
/*header*/
    .stellarnav>ul>li>a {
        letter-spacing: 1px;
        padding: 0px;
        font-size: 12px;
        margin: 0 5px;
    }

    .stellarnav ul {
        margin: 0 0px 0px 0px;
    }

    .nav-header {
        justify-content: center;
    }




}

@media screen and (max-width: 1024px) {
    .nav-brand {
        margin: 15px 0px -8px 0px;
        max-width: 140px;
    }

    .pageIndex .header_area {
        position: relative;
    }

    .main_header_area {
        background: #161616;
		background-image: url(https://pic03.eapple.com.tw/theyiw/footer_bg.jpg);
		background-size: 100%;
    }

    .contact_form li.last blockquote,
    .contact_form li.last cite {
        max-width: 100%;
    }

    /*.stellarnav>ul>li>a:before {
        display: none;
    }*/

    .stellarnav ul ul {
        top: inherit;
    }

    .stellarnav>ul>li.drop-left>ul {
        top: inherit;
    }
}

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

    /*header*/
    .stellarnav {
        margin: 0px 0px 3px 0px;
    }

    .stellarnav>ul>li {
        padding: 0px;
    }

    .stellarnav>ul>li>a {
        padding: 0px;
        height: 55px;
        line-height: 55px;
        margin: 0 1px;
    }

    .anchorList>li {
        margin: 0px 5px 0px 5px;
    }

    .stellarnav .menu-toggle,
    .stellarnav .call-btn-mobile,
    .stellarnav .location-btn-mobile,
    .stellarnav .close-menu {
        padding: 0px;
    }

    .stellarnav>ul>li>a {
        font-size: 13px;
		color: #aaaaaa;
    }

    .pageIndex .stellarnav>ul>li>a {
        font-size: 13px;
		color: #aaaaaa;
    }

    /*footer*/
    .footer_info li:nth-child(2) {
        width: 100%;
    }

    .copy {
        margin: 0px 45px 0px 75px;
        text-align: left;
    }

    .footer_logo>a {
        height: 70px;
    }
}

@media screen and (max-width: 788px) {
    .copy {
        margin: 0px 61px 0px 66px;
    }

    .blank_letter {
        font-size: 18px;
    }

    .footer_logo>a {
        height: 50px;
    }

    .separate_title {
        font-size: 18px;
        color: #333;
        padding: 10px 0 5px 6px;
        background: none;
    }
	.contact_content .information_left {
        margin-bottom: 50px;
    }

}

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

/*header*/
    .nav-brand {
        max-width: 135px;
        margin: 10px 0px 5px 10px;
		background-image: url(https://pic03.eapple.com.tw/theyiw/LOGO.png);
        background-size: contain;
        background-repeat: no-repeat;
		filter: brightness(3);
    }
	.nav-brand img {
        opacity: 0;
    }
	.stellarnav.mobile {
        position: absolute;
        right: 0;
		left:unset;
	}
	.nav-header {
    	max-width: none;
		justify-content: left;
	}
    .stellarnav.mobile ul {
        background: #eaeaea;
    }

    .stellarnav.mobile ul ul {
        width: 100%;
        background-color: transparent;
    }

    .stellarnav.mobile>ul>li {
        border-bottom: none;
    }

    .stellarnav.mobile li li.has-sub a {
        font-size: 13px;
        padding: 10px 30px;
    }

    .stellarnav li a {
        font-size: 15px;
    }

    .stellarnav.mobile li.open {
        background: transparent;
        color: #fff;
        padding: 0px;
    }

    .nav-brand img {
        margin-right: 0px;
    }

    .tp_links a {
        display: none;
    }

    .stellarnav.mobile.right>ul,
    .stellarnav.mobile.left>ul {
        border-right: 1px #232323 solid;
        background: #111113f0;
        backdrop-filter: none;
        max-width: 75%;
    }

    .stellarnav.mobile.right .close-menu,
    .stellarnav.mobile.left .close-menu {
        background: transparent;
        border-bottom: none;
        color: #8e8777;
        padding: 10px 15px;
        font-size: 0;
    }

    .stellarnav li li a:not(.dd-toggle),
    .stellarnav li li.has-sub>a:not(.dd-toggle),
    .stellarnav li li.has-sub:hover li a:not(.dd-toggle) {
        background-color: #e3c2ad00;
        /*#f8faf3;*/
        border: none;
        color: #909090;
        padding: 11px 30px;
    }

    .stellarnav .icon-close:after {
        border-bottom: solid 2px #c1c1c1;
		width: 18px;
    }

    .stellarnav .icon-close:before {
        border-bottom: solid 2px #c1c1c1;
		width: 18px;
    }

    .stellarnav a.dd-toggle .icon-plus:after {
        border-bottom: solid 2px #cfcfcf;
    }

    .stellarnav a.dd-toggle .icon-plus:before {
        border-bottom: solid 2px #cfcfcf;
    }

    .stellarnav li li:hover a:not(.dd-toggle),
    .stellarnav li li.has-sub:hover a:not(.dd-toggle),
    .stellarnav li li.has-sub:hover li:hover a:not(.dd-toggle) {
        background-color: #e3c2ad00;
        color: #d3d3d3;
    }

	#bottom_menu li {  border-right: 1px solid #3c3c3c;   background-color: #000;}
	.fa-credit-card::before {  color: #fff;}
	.fa-cart-shopping::before {  color: #fff;}
	.fa-house::before {  color: #fff;}
	#bottom_menu li a em { color: #a0a0a0;}
	#bottom_menu li a {  display: none;}

    .stellarnav .icon-close {
        margin-right: 3px;
		width: 18px;
    	height: 18px;
    }

    .anchorList>li {
        margin: 0px;
    }

    .stellarnav.mobile>ul>li>a.dd-toggle {
        padding: 11px 0px;
    }

    .stellarnav.mobile>ul>li>a {
        color: #cfcfcf;
        padding: 18px 30px;
        font-weight: 500;
        font-size: 14px;
        border-bottom: 1px solid #2f2f2f;
    }

    .stellarnav .menu-toggle span.bars span {
        background: #e3e2da;
        height: 2px;
    }

    .stellarnav .menu-toggle:after {
        color: #e3e2da;
        transform: scale(0.75);
        font-weight: 300;
        letter-spacing: 1px;
		display:none;
		
    }

    .stellarnav>ul>li>a:hover:before {
        display: none;
    }

    .stellarnav.mobile li a {
        border-bottom: 1px solid rgb(255 255 255 / 9%);
    }

    .shopping-cart .cell:before {
        color: #53524d;
    }

    /*header icon*/
    .anchorList>li>a:before {
        top: 5px;
        left: 40%;
    }

    a.dd-toggle:before {
        display: none;
    }

    /*下拉重複icon隱藏*/
    .stellarnav.mobile {
        top: 34px;
    }

    .me_tp_features {
        z-index: 0;
    }

    /*購物車*/
    .product_menu_list,
    .products-list,
    .product-wrapper {
        width: 100%;
    }

    .product-layer-two {
        margin-right: 0;
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
        grid-gap: 5px;
    }

    .product_page .product-layer-two,
    .product_page .products-list {
        width: 100%;
        border-right: none;
    }

    .product_page .product_menu_list>h5 {
        display: block;
    }

    .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;
    }

    .product_menu_list>h5 {
        color: #161616;
        font-size: 18px;
    }

    .mobile_product_name {
        color: #161616;
        font-size: 20px;
    }

    .stellarnav.mobile li.open li.open {
        background: #c7bbab00;
        /*#c7bbab30;*/
    }

    .total_amount {
        width: 260px;
    }

    .pageIndex .i_prod_tit span,
    .i_video_tit span {
        font-size: 26px;
    }

    .pageIndex .productsListBox,
    .productsListBox.swiper {
        padding: 20px 0;
    }

    .pageIndex .products-list .item a {
        padding-bottom: 0px;
    }

    .prod_related h6 span:before {
        font-size: 23px;
    }

    .pd_tabTitle li.activeTab a {
        font-size: 23px;
    }

    .stellarnav ul ul {
        top: unset;
    }

    .stellarnav>ul>li.drop-left>ul {
        top: unset;
    }

    .product-layer-two li a {
        padding: 10px 0px;
    }

    .product-layer-two li li a {
        padding: 10px 0px;
        padding-left: 0px;
    }

    .pageIndex .prod_part {
        padding: 90px 20px 10px 20px;
        background-position-x: 13%;
        background-position-y: 15%;
        background-repeat: repeat;
        background-size: cover;
    }
	.payment_form {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

    /*logo*/
    .footer_logo {
        width: 220px;
    }

    .footer_info li:nth-child(1) {
        top: 88%;
    }

    .footer_info ul {
        margin-bottom: 35px;
    }

    /*文章*/
    .blog_list_ri h5 {
        font-weight: 500;
        font-size: 18px;
		padding:0px;
		margin-bottom: 0px;
		border-bottom:none;
		
    }

    .subbox_item a:before {
        display: none;
    }

    .subbox_item {
        border-bottom: 1px #c8c8c8 solid;
        padding: 10px 0px 15px 0px;
		
    }

    .blog_back {
        padding: 0px 0px;
    }

    .blog_le,
    .blog_ri {
        margin-top: 0px;
		padding: 0px;
    }

    /*聯絡我們*/
    .contact_content {
        margin: auto 35px;
    }

    /*footer*/
    .copy {
        margin: 0px 0px 0px 36px;
        text-align: center;
    }

    .footer {
        background-size: cover;
    }
}

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

    /*header*/
    .me_tp_features a.tp_btn_cart, .me_tp_features a.tp_btn_notice { display: inline-block;}
    .me_tp_features {
        justify-content: center;
    }

    .box_search input[type=text] {
        font-size: 10px;
    }

    .main_header_area .container {
        max-width: 100%;
    }
	.main_header_area {  height: 60px; }
	.nav-brand {   max-width: 102px;}

    .stellarnav .menu-toggle,
    .stellarnav .call-btn-mobile,
    .stellarnav .location-btn-mobile,
    .stellarnav .close-menu {
        margin: 0px 8px;
    }

    .nav-header {
        margin: 5px auto;
    }
	.nav-brand {  margin: 5px 0px 5px 20px;}
	 .stellarnav.mobile {
        top: 18px;
        right: 10px;
    }

    .footer_info li p,
    .footer_info li p a {
        font-size: 11px;
    }

    .box_search {
        display: block;
        margin-right: 15px;
        text-align: center;
        margin-bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
    }

    .me_tp_features a i,
    .me_tp_features a span {
        margin: 0 1px;
        font-size: 14px;
        letter-spacing: 1px;
        font-size: 10px;
    }

    .contact_content {
        margin: auto 25px;
    }
	.footer_info ul {
        margin-bottom: 5px;
    }

    /*聯絡我們*/
    .contact_form li .form__label {
        padding: 0px;
        background: transparent;
		color: #444;
		font-size: 13px;
		font-weight: 500;
    }

    .contact_form li {
        grid-gap: 0px;
        padding: 10px 5px;
    }

    .contact_form li:nth-last-child(1),
    .contact_form li:nth-last-child(2) {
        width: 51%;
    }

    .contact_form li.last blockquote,
    .contact_form li.last cite {
        margin-bottom: 10px;
		border-radius: 3px;
    }

    .contact_content .information_right {
        padding: 2% 0% 0% 0%;
    }

    /*購物車*/
    .pageIndex .animated-arrow {
        margin-bottom: 18px;
        font-size: 14px;
    }

    /*文章*/
    .blog_list_ri p {
        font-size: 12px;
    }
	.blog_box {
     	padding: 5px;
	}

    /*內頁*/
    .main_part {
        padding: 20px 15px 10px;
    }

    /*footer*/
    .footer_info {
        display: flex;
        padding: 0;
        flex-direction: column;
        align-items: flex-end;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .footer_logo {
        display: none;
    }

    .box_link {
        display: none;
    }

    #to_top {
        font-size: 10px;
        width: 48px;
        height: 48px;
        padding-top: 10px;
		bottom: 30px;
		left: 16px;
    }

    #to_top i.top {
        width: 14px;
        height: 14px;
    }

    .total_view {
        line-height: 1.8em;
    }

    .footer_menu a {
        padding-right: 5px;
    }

    .copy {
        padding: 20px 0px;
        justify-content: center;
        margin: 10px 0px 0px 0px;
        max-width: 100%;
    }
}

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


    .right_member_in {
        top: 25%;
    }
}

@media screen and (max-width: 470px) {
    .copy {
        margin: 5px 0px 0 0px;
        letter-spacing: 1px;
    }

    .footer_menu a {
        margin: 0px 0px 5px 3px;
    }

    .contact_form li {
        width: 100%;
    }

    .blog_subbox {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }

    .pageIndex .productsListBox,
    .productsListBox.swiper {
        padding: 20px 0px 0px 0px;
    }

    .pageIndex .animated-arrow {
        width: 150px;
    }

    .pageIndex .prod_part {
        padding: 50px 20px 10px 20px;
    }

    .contact_content {
        margin: auto 10px;
    }

    .blank_letter {
        padding-top: 0px;
    }
	.contact_form {  margin-top: 25px;}

}

@media screen and (max-width: 400px) {
    .blog_list_le {
        width: 100%;
    }

    .subbox_item {
        padding-bottom: 15px;
        padding: 10px 0px 10px 0px;
    }

    .footer_info li:nth-child(1) a,
    .footer_info li:nth-child(1) p {
        font-size: 12px;
    }

    .copy {
        margin: 0px 7px 0px 7px;
        max-width: 100%;
        justify-content: center;
    }

    .footer_menu a {
        font-size: 13px;
    }
}

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


/*預設解除背景輪播*/
#content_main {
    margin: 0;
}

.bannerindex {
    position: relative;
    height: auto;
}

.swiper-banner {
    position: static;
    margin: 0;
    height: auto;
}

@media screen and (max-width: 768px) {
    .bannerindex {
        padding: 0;
        margin: 0;
    }
}


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


/*內頁BANNER 設定*/

.banner h5 {
    display: block;
    position: relative;
    max-width: 1600px;
    width: 100%;
    height: max-content;
    margin: 0 auto;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    color: #222;
	font-family: "Cactus Classical Serif", "noto serif TC";
    top: 15%;
    letter-spacing: 3px;
	display:none;
	
}

.banner {
    background: repeat center center #f5f3ef;
    background-size: cover; 
	background-image: url(https://pic03.eapple.com.tw/theyiw/banner_page.jpg);
	min-height: 277px;/*background-position: bottom;*/}

.banner.banA {}

.banner.banB {}

.banner.banC {}

.banner.banD {}

.banner.banE {}

.banner.banblog {}
@media screen and (max-width: 768px) {
.banner h5 { font-size: 23px;}
.banner { background-image: url(https://pic03.eapple.com.tw/theyiw/banner_page_ph.jpg); background-size: cover;  min-height: 220px; background-position: left;  }
}
@media screen and (max-width: 500px) {
.banner {   min-height: 170px; }

}
@media screen and (max-width: 400px) {
.banner {   min-height: 120px; }

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


/*文章設定*/
/*一排呈現
.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; } 取消連結被點擊效果
*/


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





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

    /* 開啟手機板下方按鈕所需設定 */
    /*#bottom_menu {display: block; }*/
    .footer.with_shopping_mode {
        padding: 0px 0 0px;
        /*background-size: 100%;*/
        background-repeat: no-repeat;
    }
	 #to_top {  bottom: 42px;}
}

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