@import url('https://fonts.googleapis.com/css2?family=Cactus+Classical+Serif&family=Noto+Serif+TC:wght@621&display=swap');


/*大圖不變形*/
.swiper-slide img { width: 100%; height: auto;}

/*哀鳳文章不跑版*/
.subbox_item a { position: relative; display: flex; justify-content: space-between; align-items: flex-start; align-content: flex-start;}
.me_tp_features { display: none;}
.main_header_area {  background: #ffe265; font-family: 'Noto Serif TC'; font-weight: 600;}
.stellarnav > ul > li > a { color: #0b4075; line-height: 40px; height: 31px; font-family: 'Noto Serif TC'; font-weight: 600;}
.footer { background: #fee171;}
.box_link { display: none;}
.nav-header { top: 10px; }
.nav-brand img { max-width: 100%; margin: 10px;}
footer img {  margin: 39px auto; width: 100%;}
.footer_info li { font-family: 'Noto Serif TC';}
.footer_menu a {  border: 1px #ccc0 solid; color: #0b4075; background: #ffffff52;}
.footer_menu a:hover { background: #0b4075;}
.info_fix>span { background-color: #0b4075;}
.info_fix_links {  display: flex !important;  padding: 0;  align-items: flex-end;}
.info_fix_links {  display: block !important;}
.info_fix>span{  display: none;}
.info_fix_links a { display: none;}
.navigation {  padding: 30px 0px 30px 203px;}
.products-list .more { border: 1px solid #0b4075; color: #0b4075;}
.product-layer-two li a { background: #fee171; color: #124173;}
.sidebarBtn { border: 5px #fff3c2 solid;}
ul.prod li h3.prod-thumb { background: #f0f4f8; color: #0b4075;}
.qaform .breakF { background: #f0f4f8;}
.lastaction { color: #0b4075; background-color: #ffe582;}
.nextaction { background-color: #0b4075;}
.prod_related { background: #ffffff;}
.lastPage { background: #0b4075;}
.prod_related h6 span:before { color: #0b4075;}
.contact_form li.last cite { background: #fde07b; color: #0b4075;}
.contact_form li.last blockquote, .contact_form li.last cite { border: 1px #fde07b solid;}
.contact_form li.last blockquote { color: #0b4075;}
.other_album_choice li { background: #0b4075;}
.nav-header {    top: 21px;}




.stellarnav ul ul{ display:none !important;}
.stellarnav li.has-sub > a:after {
	display:none;}





@media screen and (max-width: 1440px) {
.main_header_area { height: auto; }
.nav-brand img { width: auto; }
}


@media screen and (max-width: 1024px) {
.main_header_area { height: auto; }
.navigation { padding: 10px 0;}
}

@media screen and (max-width: 768px) {
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: #fee171;}
.stellarnav .icon-close:after { border-bottom: solid 3px #0b4075;}
.stellarnav .icon-close:before {border-bottom: solid 3px #0b4075;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { color: #0b4075;}

}


/*內頁BANNER 設定*/
.banner { height:500px; background-repeat: no-repeat; height: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; clip-path: ellipse(100% 75% at 50% 24%);}
.banner h5 { font-family: 'Noto Serif TC'; color: #2c2c2c; line-height: 1; font-size: 32px;  font-weight: 600;  letter-spacing: 5px; text-shadow: 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff;}

.banner.banA { background-image: url(https://pic03.eapple.com.tw/xander/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}
.banner.banB { background-image: url(https://pic03.eapple.com.tw/xander/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}
.banner.banC { background-image: url(https://pic03.eapple.com.tw/xander/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}
.banner.banD { background-image: url(https://pic03.eapple.com.tw/xander/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}
.banner.banE { background-image: url(https://pic03.eapple.com.tw/xander/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}
.banner.banF { background-image: url(https://pic03.eapple.com.tw/xander/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}
.banner.banblog { background-image: url(https://pic03.eapple.com.tw/xander/banA.jpg); background-position: center; width: 100%; height: 25vw; background-size: cover;}