@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC&display=swap');




.swiper-slide img { width: 100%; height: auto;}
a { color: #fff;}
.main_header_area { transition: 0.3s ease; background: #000; }
.nav-brand img { max-width: 77%;}
.nav-header { top: 10px; }
.me_tp_features a i { display: none;}
.stellarnav > ul > li > a { color: #ffffff; font-family: 'Noto Serif TC', serif;}
.box_link { display: none;}
.footer {  background: #000000;}
.footer_info li p { color: #fff; font-family: 'Noto Serif TC', serif;}
.footer_menu a {  border: 1px #b7b7b700 solid; color: #ffffff6e; background: #f0f0f000;}
.info_fix_links a { display: none;}
.info_fix { display: none;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; background: #000; margin: 0;}
.stellarnav .icon-close:after { border-bottom: solid 3px #000;}
.stellarnav .icon-close:before { border-bottom: solid 3px #000;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: #ffffff;}
.stellarnav a.dd-toggle .icon-plus:before {  border-bottom: solid 3px #d4bd76;}
.stellarnav a.dd-toggle .icon-plus:after { border-bottom: solid 3px #d4bd76;}
.i_prod_tit span { font-size: 24px; display: none;}
.products-list .item { padding: 0 10px;  margin: 20px 0;}
.products-list .price b { display: none;}
.products-list .more { border: 1px solid #d4bd76; color: #d4bd76; transition: unset;}
.me_tp_features a { color: #fff;}
.prod_related { background: #f3f3f3; padding: 42px 16px; margin: 317px 0px 0px 0px;}

.products-list .name { font-size: 16px; color: #333; font-family: 'Noto Serif TC', serif; font-weight: 600;}


.stellarnav ul { margin: 20px auto;}

.products-list .item a:hover .more { background: #d3bc7c;}
.animated-arrow { background: #d3bc7c;}
ul.prod li h3.prod-thumb { background: #000; color: #fff; font-family: 'Noto Serif TC', serif;  font-weight: 600;}
ul.prod li { font-family: 'Noto Serif TC', serif;}
.lastaction { color: #000000;  background-color: #f6f6f6;}
.nextaction { background-color: #d4bd76;}
.qaform .breakF { background: unset;}

.related_list li a { padding: 21px 4px 10px 4px;}
.lastPage { background: #d3bc7c;}
.inquiry_a3 { background: #d3bc7c;}
.sidebarBtn h2 { font-family: 'Noto Serif TC', serif;}
.product_info li .txt_box {color: #b2b2b2;}

/*footer logo*/
.footer_logo {
    background-image: url(https://pic03.eapple.com.tw/heshengge/logo-1.png) !important;  background-repeat: no-repeat;  background-size: contain; transition: all 0.5s ease-in-out;  background-position: center;
    margin-right: 20px;  height: 170px; width: 260px;  margin-top: -3px;}
.footer_logo img { display: none;}
/*------*/
.main_header_area.animated::before { background: #00000052;  backdrop-filter: saturate(93%) blur(7px);  border: solid 1px rgba(255, 255, 255, 0%); }

.blog_ri { width: calc(100% - 260px); padding: 0 0 0 60px; margin-bottom: 4vw;}

.blog_page h4.blog_category_title { display: none;}
h4.blog_category_title { border-bottom: 1px #ccc solid;}
.blog_subbox { grid-template-columns: 1fr 1fr 1fr;}
.module_i_news ul, .blog_subbox { display: grid;}
.blog_subbox { grid-template-columns: 1fr 1fr 1fr; gap: 25px 10px;}
.module_i_news li, .subbox_item, .i_blog_le, .i_blog_ri, .blog_list_le, .blog_list_ri { width: 100%;}
.module_i_news li a, .subbox_item a { padding: 5px; overflow: hidden;}
.i_blog_le, .blog_list_le { position: relative; padding-bottom: 100%; height: 0; overflow: hidden;}
.i_blog_le img, .blog_list_le img { display: block; max-width: 100%; min-width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.blog_list_ri { padding: 20px 3px;}
.blog_list_ri h5 { font-weight: 600; font-size: 22px;}
.i_blog_ri em, .blog_list_ri em { border-bottom: 1px solid; padding: 5px 5px 10px 0;}
.clearfix:before, .clearfix:after { display: none;}
.subbox_item a:after { border: unset;}
.subbox_item a:before { color: #d3bc7c;}
a { color: #666666;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a { color: #fff !important;}
.blog_le .accordion { border: 1px #0000 solid;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background: #000 !important;}
.main_part { max-width: 1500px;}
.show_content { padding: 20px 10px 10px;}
.footer_info li a { color: #fff;}



@media screen and (max-width: 1200px) {
    @media screen and (max-width: 980px) {
        @media screen and (max-width: 768px) {
            @media screen and (max-width: 600px) {
                .main_part {
                    padding: 50px 10px 10px;
                }
            }
        }
    }
}



@media screen and (max-width: 600px) {
	.module_i_news ul, .blog_subbox { grid-template-columns: 1fr;}
	.prod_related {
    background: #f3f3f3;
    padding: 42px 16px;
    margin: 20px 0px 0px 0px;
}
}



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

.navigation {
    padding: 20px 0 20px 0px; 
}
.stellarnav ul { margin: 0px;} 

}


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


@media screen and (max-width: 1440px) {.main_header_area { height: auto; }}



@media screen and (max-width: 1024px) {
.main_header_area { height: auto; }
.stellarnav ul { text-align: center;}
.blog_ri { width: 100%;  padding: 0px;  margin-bottom: 4vw;}
.me_tp_features { display: none;
    }
}






/*內頁BANNER 設定*/
.banner { position: relative; height: 40vw; max-height: 364px; min-height: 250px; background-position: center; background-size: cover;}
.banner h5 { color: #fff; font-family: 'Noto Serif TC', serif;  font-weight: 600; position: absolute; left: 50%; top: 42.5%; transform: translate(-50%,-50%); letter-spacing: 0.12em; font-size: var(--f50);
    width: 90%;}
.banner.banA { background-image: url(https://pic03.eapple.com.tw/heshengge/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}
.banner.banB { background-image: url(https://pic03.eapple.com.tw/heshengge/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}
.banner.banC { background-image: url(https://pic03.eapple.com.tw/heshengge/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}
.banner.banD { background-image: url(https://pic03.eapple.com.tw/heshengge/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}
.banner.banE { background-image: url(https://pic03.eapple.com.tw/heshengge/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}
.banner.banF { background-image: url(https://pic03.eapple.com.tw/heshengge/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}
.banner.banblog { background-image: url(https://pic03.eapple.com.tw/heshengge/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}