.path p, .path p a {
    text-align: right;
    line-height: 24px;
    font-size: 13px;
    color: #ffffff;
}

.contact_le_nomap {
    padding-left: 6px;
}

#content_main {
    width: 100%;
    min-height: 80vh;
    overflow: hidden;
    z-index: 60;
    position: relative;
    margin-top: 00vh; 
    background: #fff;
}
  
.tp_links{display:none;}
.box_link{display:none;}


.swiper-pagination-bullets.swiper-pagination-horizontal {   display:none;}



@media screen and (max-width: 600px) {  
.nav-header {
    /* height: 74px !important; */
    padding-top: 2px;
    width: 150px;
    }
}

.me_tp_features{ width: 100%; text-align: right;}



.header_area:after {
    content: "";
    position: absolute;
    display: block;
    width: 0%;
    height: 5px;
    background: linear-gradient(45deg, #ffc100, #fffcc1);
    transform: translate(-20px, -1px);
    transition: .5s;
    z-index: -1;
}
.header_area.sticky:after {
    width: 107%;
    transition: .5s;
}


.nav-header {    max-width: 400px;}

.nav-brand img {
    max-width: 200% !important;
}


.banner h5 {text-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6);}

	
	


.linksBtn{background:#FFC107;}
.info_fix:hover>.linksBtn { background:#ffc203;}

.info_fix_links a {background: #ffce1e;}
.info_fix_links a:hover { background:#ffb300;}

.main_header_area{background: #ffffffa8;backdrop-filter: blur(5px);  }




.header_area {padding:0px 0px;background: #ffffffdb;top: 0px;}
.header_area.sticky,   .header_area {
        position: fixed;
        width: 100%;
        top: 0px;
        background: unset;
    }
}
.navigation {    padding: 0 10px;}
.box_search {display:none;}

.header_area .main_header_area::after {
		content:"";
		position:absolute;
		width:0%;
		height:100%;
		top:0px;
		left:0%;
		background: linear-gradient(to right, #ffffff 30%, #ffffff00 100%);
		backdrop-filter: blur(20px);
		transition: all 1s;
		opacity: 0;
	}
	
	.header_area.sticky .main_header_area::after {
		width:100%;
		opacity: 1;
		backdrop-filter: blur(20px);
	}
	

.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-banner .swiper-slide img { height:auto;}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
	.main_header_area{background: #ffffffa8;backdrop-filter: blur(5px);  backdrop-filter: unset; }

}

.bannerindex .swiper-slide::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://pic03.eapple.com.tw/storehouse/phone.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    opacity: 1;
    pointer-events: none;
}

@media (max-width: 768px){
.bannerindex .swiper-slide::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://pic03.eapple.com.tw/storehouse/phone01.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    opacity: 1;
    pointer-events: none;
}
}




.main_header_area .container {max-width:95%;}

.header_area.sticky{background: #ffffff00;}

.navigation {    padding:0px }



.stellarnav > ul > li > a{padding:0 16px 0px 0px;color: #000102;text-transform:uppercase;position:relative;display:inline-block;font-size:19px;line-height:40px;height:40px;margin:0 5px;overflow: hidden;cursor: pointer;text-align:center;font-size: 20px;font-family: "Noto Sans TC", sans-serif;font-weight: 900;}
.stellarnav li li > a {font-family: "Noto Sans TC", sans-serif; font-weight: 500;   }
.stellarnav > ul > li:hover > a{color: #0434ab;}
.stellarnav > ul > li > a b{font-weight: 700;}

.stellarnav > ul > li.has-sub > a{padding-right: 17px;}
.stellarnav > ul > li > a b { display:block; line-height:40px; height:40px; font-style:normal; -webkit-transition: ease .3s; -moz-transition: ease .3s; -ms-transition: ease .3s; -o-transition: ease .3s;  transition: ease .3s; font-weight: normal;}
.stellarnav > ul > li > a:hover b { transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); }


.stellarnav ul ul{background: transparent;}

.stellarnav li li > a , .stellarnav li li.has-sub > a{padding: 7px 5px; transition: all 0.3s; border-left:10px solid transparent;
    background: rgb(255 255 255 / 70%);

}

.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{padding-left: 25px; border-color:#ff9d00 ;
    background: rgb(64 146 207); color: #ffffff; 

}

@media (max-width: 768px){
.stellarnav.mobile > ul > li > a {text-align:left;overflow:auto;height:auto;line-height: 250%;display: block;}
.stellarnav.mobile > ul > li > a b {/* color: aliceblue; */display:inline;vertical-align:top;height:auto;line-height:150%;}
.stellarnav.mobile > ul > li > a:hover b { transform:none;}
.stellarnav > ul > li > a b:nth-child(2) {
        font-weight: 500;
        color: #2277cd;
        font-size: 18px;
	padding-left:5px;
    }
}


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

/*SubMenu*/
.shop_search_btn {    background: #ADA17E;}
.tp_links a{transition:all 0.3s;}
.tp_links a:hover {    color: #ADA17E;}




.me_tp_features a.tp_btn_cart {display: none;}

.me_tp_features a.tp_btn_notice{display: none;}

.tp_links{display: none;}


.pageIndex .header_area{position: fixed;width: 100%;background: #ffffff00;}


.nav-brand {    width: 100%;max-width: 200px;transition:all 0.3s;}
.header_area .nav-brand {    transition: all 0.3s;    margin-top: 10px;}
.header_area.sticky .nav-brand{}

.copy {    background: #ff982a;    color: #fff; border:none; }
.copy a{    color: #fff;transition:all 0.3s;}
.box_link a{transition:all 0.3s;}
.box_link a:hover {    background: #ADA17E;    color: #fff;}


.nav-brand {    width: 100%;max-width: 200px;transition:all 0.3s;}
.header_area .nav-brand {transition: all 0.3s;margin-top: 14px;margin-right: 50%;}
.header_area.sticky .nav-brand{}


.animated-arrow {background:#c39f5a; border-radius:12px;}


.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;}
.swiper-slide img { height:100vh;}
@media screen and (max-width: 768px) {
.bannerindex {padding:0px;margin:0;background:#ffffff;padding-top: 75px;}
}

.banC .banner,.album_info_page .banner,.blog_in_page .banner,.car_page .banner,.album_class_page .banner, .product_info_page .banner,.other_page .banner, .product_page .banner,.blog_page .banner,.album_page .banner{ display: none;}


.banner h5{font-size: 45px; letter-spacing: 10px; color: #ffffff;font-style: italic;-webkit-text-stroke: 1px #ffffff;}

.banC {background: url(https://pic03.eapple.com.tw/yiyiweco/ban4.jpg)no-repeat center center;display: none;}
.banF {background: url(https://pic03.eapple.com.tw/yiyiweco/ban3.jpg)no-repeat center center;}
.banblog{background: url(https://pic03.eapple.com.tw/yiyiweco/ban5.jpg)no-repeat center center;}
.banB {background: url(https://pic03.eapple.com.tw/yiyiweco/bn1.jpg)no-repeat center center;}
.banner{min-height: 350px;} 

.path p a:hover {    color: #ADA17E;}

.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: #ADA17E;border: 1px solid #ADA17E;}









.nav-brand{ margin-top: 0; width: 150px;}
.header_area.sticky .nav-brand{max-width: 200px;}


/*menu*/
.stellarnav .menu-toggle { padding: 8px 0px;}
.stellarnav .menu-toggle:after {color: #3aa7de;}
.stellarnav .menu-toggle span.bars span { background: #777;}





/*close*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {background: transparent;color: #3aa7de;}
.stellarnav a { color: #4d9dd2;}
.stellarnav .icon-close:before, .stellarnav .icon-close:after {border-bottom: solid 1px #3aa7de;}



.stellarnav.mobile ul { background: #ffffffb5; backdrop-filter: saturate(93%) blur(4px);}

.stellarnav li li > a , .stellarnav li li.has-sub > a{padding: 10px;border-left:none;margin: 0;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{padding: 10px;border-color:transparent;
background: #0081c791; color: white; }
.stellarnav.mobile > ul > li {border-bottom: 0px #cdcdcd00 dashed;}


.stellarnav.mobile li.open{ background: transparent;}
.stellarnav ul ul {margin: 0 15px 15px;z-index: 100;}

.stellarnav li li > a, .stellarnav li li.has-sub > a {background: #0081c7;color: white;}
.stellarnav li li:hover > a, .stellarnav li li.has-sub:hover > a {background: rgb(10 78 136); color:#ffffff;}
.stellarnav li li {border: 1px  #ffffff solid;z-index: 100;}


/*+*/
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after {  border-bottom: solid 3px #4d9dd2;}
.stellarnav.mobile > ul > li > a.dd-toggle {  background: transparent;}








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


.blog_page .main_part {    max-width: 1400px;}
.blog_list_le , .blog_list_ri {    width: 100%;}
.blog_subbox {    display: flex;    flex-wrap: wrap;    justify-content: flex-start;}
.subbox_item { width: calc(100% / 3);  padding: 5px;}
.i_blog_ri em { font-size: 12px;   font-style: normal;  display: block;   margin: 5px 0;}

@media screen and (max-width: 980px) {
.module_i_news li , .subbox_item {    width: 31%;}
.module_i_news ul {    max-width: 100%;}
.products-box {    margin: 70px auto;}
.module_i_news {    padding: 70px 20px;}
}

@media screen and (max-width: 768px) {
.module_i_news li , .subbox_item {    width: 48%;}
}

@media screen and (max-width: 600px) {
.module_i_news {    padding: 50px 20px;}
.module_i_news li , .subbox_item{    width: 100%;    margin: 0 auto;    max-width: 350px;}
.products-box {    margin: 50px auto;}
}


/*------------------------------------------------------------------------------*/



/*文章設定*/

h5.blog_le_t { font-family: 'Noto Sans TC','Microsoft JhengHei', sans-serif;}
h5.blog_le_t span { font-family: 'Geologica';}
h5.blog_le_t {letter-spacing: 0;}
.accordion li .link a {font-weight: 500;}
.blog_search input[type=search] {border-radius: 0;}
.blog_le .accordion {  border-radius: 0;   border: NONE;}
.accordion li:not(:last-of-type) {  border-bottom: 1px solid #fff;}
.accordion li .link a {
    cursor: pointer;
    display: block;
    padding: 15px 10px;
    color: #5f8fbd;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background: #0879ed !important;   transition: all 0.3s;}
.blog_subbox {  display: grid;  grid-template-columns: 1fr 1fr 1fr;  grid-gap: 10px;  background: #ffffff5e; padding: 12px;}
.blog_subbox:before {content: none;}
.subbox_item {  width: 100%;  margin-bottom: 0; background-color: #f7f7f7; padding: 15px;}
.blog_list_le {  padding: 0; width: 100%;}
.blog_list_ri {  padding: 12px 0;  width: 100%;}
.blog_list_ri em {   font-size: 12px;  color: #999; font-style: normal;  display: block;  margin: 5px 0;}
.blog_list_ri p { -webkit-line-clamp: 2;  line-height: 160%;   font-size: 14px;   font-weight: bold;   letter-spacing: 0.5px;}
.blog_list_le {  position: relative;  height: auto;  aspect-ratio: 4/3;   overflow: hidden;}
.blog_list_le img {   min-width: 100%;   display: block;  width: 100%;  margin: 0 auto;  height: 100%;   object-fit: cover;  object-position: center;}
h4.blog_category_title {border-bottom: 0px #afafaf solid;}
.submenu a:hover { background: #666;  color: #FFF;}
.submenu a {  display: block;   position: relative;  color: #666;   padding: 13px 6px 12px 29px;  letter-spacing: 1px;  font-size: 12px;}
.subbox_item a:before, .subbox_item a:after {content: none;}
.subbox_item a:hover .blog_list_le:before, .subbox_item a:hover .blog_list_le:after {  opacity: 1;}
.subbox_item a .blog_list_le:after {   content: '';
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 8;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: all .4s;
}
.subbox_item a .blog_list_le:before {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    content: 'VIEW MORE +';
    font-size: 14px;
    font-weight: 400;
    color: #f0f0f0;
    transform: translate(-50%, -50%);
    width: 148px;
    height: 40px;
    left: 50%;
    top: 50%;
    z-index: 9;
    opacity: 0;
    transition: ease all .4s;
    letter-spacing: 1px;
}
	
.blog_list_ri h5 {  font-weight: bold;}	

/*內頁*/
.blog_back {  width: 100%;   margin: 0 auto;  display: grid;  grid-template-columns: repeat(3, 1fr);  grid-gap: 10px;  justify-content: center;}
.blog_back a {width: 100%;}
.blog_back a.article_btn_back {  background: #565656;}
h5.blog_le_t, .blog_le .accordion {   display: block;}





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

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

/*文章*/
/*側邊*/
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background:#094e94ab !important;}
.subbox_item a { display: grid;  grid-template-columns: auto;  position: relative;  grid-gap: 20px;}
.news_related h6 span:before {  content: '相關文章';  font-size: 24px; color: #333;}
.lastPage {   background: #5d5d5d;}
.news_related_list li a {   background: transparent;}
.blog_back a.article_btn_back {   background: #555555;}
.articel_mainPic img { display: none; max-width: 100%;}



/*首頁文章管理*/
.products-box {    width: 90%;    max-width: 1300px;    margin: 100px auto;    border-top: 1px solid #ccc;    padding-top: 50px;}
.module_i_news ul {  display: flex;  flex-wrap: wrap;   max-width: 1400px;}
.module_i_news li {width: 23%;  padding: 10px;  background: #ffffff; border: 1px solid #eee;}
.i_blog_ri , .i_blog_le { width: 100%;}
.i_blog_ri p {  font-size: 15px;   color: #666;   line-height: 150%;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;   white-space: normal;  overflow: hidden;  word-break: break-all;}

.module_i_news li a {  position: relative;  display: flex;  grid-gap: 10px;  flex-direction: column;}
.module_i_news li a:before , .module_i_news li a:after , .subbox_item a:before , .subbox_item a:after{    transition: 0.3s;}
.module_i_news li a:after , .subbox_item a:after{ background: rgb(222 184 135 / 70%);content: none;}
.module_i_news li a:before, .subbox_item a:before { background: rgb(90 90 90 / 80%); color: #fff;}
.module_i_news li a:before , .subbox_item a:before { transform: translateX(-50%);    width: 100%;   top: unset; }
.module_i_news li a:hover:before , .subbox_item a:hover:before { opacity: 1;  transform: translateX(-50%);  bottom: 0;}
.module_i_news li a:before {  left: 50%;   font-size: 18px;  padding: 10px 5px;}


.module_i_news .title_i_box h4 {color: #555;font-size: 28px;font-weight: bold;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.module_i_news .title_i_box h4:before {content: "ARTICLE";display: flex;justify-content: center;font-family: PT serif;color: #060606;font-size: 45px;letter-spacing: 1px;margin-bottom: -5px;padding-right: 20px;font-style: italic;padding-bottom: 5px;}


.news_part .title_i_box h4 {color: #555;font-size: 28px;font-weight: bold;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.news_part .title_i_box h4:before {content: "NEWS";display: flex;justify-content: center;font-family: PT serif;color: #060606;font-size: 45px;letter-spacing: 1px;margin-bottom: -5px;padding-right: 20px;font-style: italic;padding-bottom: 5px;}

@media screen and (max-width: 500px) {
.module_i_news .title_i_box h4:before,.news_part .title_i_box h4:before {
    font-size: 28px;}
}
.news_part .title_i_box h4,.module_i_news .title_i_box h4{font-size: 20px;}

 }   

@media screen and (max-width: 980px) {
.module_i_news li , .subbox_item {    width: 31%;}
.module_i_news ul {max-width: 100%;}
.products-box {    margin: 70px auto;}
.module_i_news {padding: 70px 20px;}
}

@media screen and (max-width: 768px) {
.module_i_news li , .subbox_item {    width: 48%;}
}

@media screen and (max-width: 600px) {
.module_i_news {    padding: 50px 20px;}
.module_i_news li , .subbox_item{    width: 100%;    margin: 0 auto;    max-width: 350px;}
.products-box {    margin: 50px auto;}
}


.other_album {
    position: relative;
    display: none;
}

.main_part {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    padding: 90px 20px;
}

.contact_form li.last cite {
    background: #094e94;
    color: #fff;
}
.contact_form li.last blockquote, .contact_form li.last cite {
    display: block;
    vertical-align: top;
    font-style: normal;
    padding: 7px;
    text-align: center;
    border: 1px #094e94 solid;
    width: 150px;
    max-width: calc(50% - 10px);
}
/* = = = footer = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.footer_info li p.add2:before {
    content: '';
}

.footer {
    padding: 30px 0 0;
    font-size: 14px;
    background: #5f8fbd;
    position: relative;
    z-index: 99;
}



.footer_info {
    padding: 0;
    grid-template-columns: 260px 1fr;
    row-gap: 0;
    column-gap: 60px; }
.footer_info ul { 
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    font-family: "Noto San TC", sans-serif;}

/*footer_info*/
.footer_info li:nth-child(1) {display: inline-block;width: 100%;padding: 20px 10px;color: #000000;}
.footer_info li p {color: #000000;text-align: left;}
.footer_info li p a { color: inherit;}

/*footer_menu*/
.footer_info li:nth-child(2) { display: inline-block; width: 100%; vertical-align: top;}
.footer_menu {margin-top: 10px;display: grid;grid-template-columns: repeat(auto-fit, minmax(min(130px,100%), 1fr));gap: 5px;font-weight: 600;}/*footer按鈕最小寬度100px*/
.footer_menu a {margin: 5px;padding: 5px 10px;background: #094e94;/* border: 1px #ffffff solid; */text-align: center;color: #ffffff;letter-spacing: 2px;border: 0px;}
.footer_menu a:hover {background: #ffc107;color: #ffffff;}

.box_link {display: none;}
.fa-whatsapp:before, .fa-envelope::before {color: #ffffff;}


.copy {background: #094e94;color: #fff;border: none;}
.copy a { color: #fff; transition:all 0.3s;}

/*--RWD---------------------------------------*/

@media screen and (max-width: 1024px) {
    .footer_info {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 20px;}
    .footer_menu {margin-top: 10px ; display: grid ; grid-template-columns: repeat(3, 1fr) ; gap: 5px;}
    .footer_info ul {width: 100% ; padding: 0;}
    .footer_info li:nth-child(1) {
        display: grid;
        padding-left: 5%;
        align-content: space-between;
        width: 80%;
    }
}
@media screen and (max-width: 768px) {
    /*footer*/
    .footer_info { justify-content: center;}
    .footer_logo { text-align: center;}
    .footer_info ul { flex-direction: column;}
    .footer_info li:nth-child(1) { text-align: center; width: 100%;}
    .footer_info li:nth-child(2) { width: 100%; border-left: none;}

   
    .footer.with_shopping_mode {padding: 30px 0 50px;}
}

@media screen and (max-width: 600px) { 
    /*footer*/
    .footer_info ul { width: 100%;}
    .footer_menu{    grid-template-columns: 1fr 1fr;}

   
}


.footer_logo {
    display: inline-block;
    vertical-align: top;
    max-width: 300px;
    margin: 0;
    padding-top: 25px;
    background: url(https://pic03.eapple.com.tw/storehouse/logo03.png) no-repeat center;
	background-size:contain
}

.footer_logo img {
    max-width: 0%;}
}