@charset "utf-8";
:root {
  --WebColor01: #226ebd;
  --WebColor02: #285bad;
  --WebColor03: #125693;
  --WebColor04: #7dafe2;
  --WebColor05: #544f43;
  --WebColor06: #232323;
  --WebColor07: #d7bf92;
  --SFont:"Noto Sans TC", sans-serif;/*特殊字體*/
  --SFontE:;/*特殊字體*/
  --pd100:100px 0;
  --m120:120px;
  --m100:100px;
  --m80:80px;
  --m50:50px;
  --m30:30px;
  --m20:20px;
  --fz60:60px;
  --fz48:48px;
  --fz40:40px;
  --fz36:36px;
  --fz32:32px;
  --fz28:28px;
  --fz24:24px;
  --fz22:22px;
  --fz20:20px;
  --fz18:18px;
  --fz17:17px;
  --fz16:16px;
}
@media (max-width:1024px) {
:root{
  --m120:100px;
  --m100:80px;
  --m80:75px;
  --m50:40px;
  --m30:25px;
  --m20:18px;
  --fz60:48px;
  --fz48:40px;
  --fz40:36px;
  --fz36:32px;
  --fz32:28px;
  --fz28:24px;
  --fz24:22px;
  --fz22:20px;
}
}
@media (max-width:768px) {
:root{
  --pd100:70px 0;
  --m120:80px;
  --m100:75px;
  --m80:60px;
  --m50:30px;
  --m30:20px;
  --m20:15px;
  --fz60:40px;
  --fz48:32px;
  --fz40:28px;
  --fz36:26px;
  --fz32:24px;
  --fz28:20px;
  --fz24:20px;
  --fz20:18px;
  --fz18:17px;
  --fz17:16px;
}
}
@media (max-width:600px) {
:root{
  --pd100:50px 0;
  --m120:75px;
  --m100:50px;
  --m80:40px;
  --m50:25px;
  --m30:15px;
  --m20:10px;
  --fz60:32px;
  --fz48:28px;
  --fz40:24px;
  --fz36:22px;
  --fz32:20px;
  --fz28:18px;
  --fz24:18px;
  --fz22:18px;
  --fz20:17px;
  --fz18:16px;
  --fz17:15px;
  --fz16:15px;
}
}
@media (max-width:375px) {
:root{
  --fz60:28px;
  --fz48:24px;
  --fz40:20px;
  --fz36:18px;
  --fz32:18px;
  --fz28:17px;
  --fz24:17px;
  --fz22:17px;
  --fz20:16px;
  --fz18:15px;
}
}
body *{font-family: var(--SFont);}

.main_part{width: 90%;max-width: 1500px;padding: var(--m100) 0;}
.show_content{padding: 0;}
body{background: #f5f5f5;}

.animated-arrow {    background: var(--WebColor01);}
.shop_search_btn {    background: var(--WebColor01);}
.contact_le_map a{background: var(--WebColor01);}
.contact_form li.last cite{background: var(--WebColor01);}
.products-list .more{border-color: var(--WebColor01);color: var(--WebColor01);}
.products-list .item a:hover .more {    background: var(--WebColor01);}

.linksBtn{background: var(--WebColor01);}

/*****************************************/

/*HEADER*/
.header_area {    background: #fff;}
.header_area.sticky {    background: rgba(255, 255, 255, .9);}
.main_header_area .container{ max-width: 95%;  }

.navigation{grid-template-columns: 70px 1fr;     align-items: center;}
.nav-header{grid-row: unset;}
.me_tp_features{display: none;}

.stellarnav > ul > li{padding: 0 10px;}
.stellarnav > ul > li > a{margin: 0;transition:all 0.3s;font-size:15px; }
.stellarnav > ul > li.has-sub > a{padding: 0;}
.stellarnav > ul > li > a b:nth-child(2){font-size: 85%;font-weight: 800;}
.stellarnav > ul > li:hover > a{color: var(--WebColor01);}
.stellarnav li li{border-color:#4d4d4d; }
.stellarnav > ul > li li a{transition:all 0.3s;font-size:14px;background:#454545;color:#fff; }
.stellarnav > ul > li li a:hover{background: var(--WebColor07);color: #fff;}
.stellarnav li.has-sub > a:after{content: none;}

.stellarnav > ul > li > a { height:35px;line-height:35px; }
.stellarnav > ul > li:after {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    background: var(--WebColor01);
    left: 50%;transform:translateX(-50%);
    bottom: 0;
    border-radius: 10px;
    transition: all 0.3s;
    opacity: 0;
}
.stellarnav > ul > li:hover:after{width: 100%;opacity: 1;}

/*電腦LOGO*/
.nav-brand {}
.nav-brand img {    display: block;}
/*手機LOGO
.nav-brand-m {}
*/

/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex {    position: relative;    height: auto;}

.pageIndex .swiper-slide:before, .pageIndex .swiper-slide:after {
    content: "";
    position: absolute;
    width: 35%;
    max-width: 750px;
    aspect-ratio: 3 / 1;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));transition: all 0.8s;bottom: 12.5%;
}
.pageIndex .swiper-slide:nth-child(1):before, .pageIndex .swiper-slide:nth-child(1):after{    left: 7.5%;}
.pageIndex .swiper-slide:nth-child(2):before, .pageIndex .swiper-slide:nth-child(2):after{    right: 7.5%;}
.pageIndex .swiper-slide:before{background-position: left bottom;background-image: url(https://pic03.eapple.com.tw/shengfull/Df_img-10.png);}
.pageIndex .swiper-slide:after{background-position: right top;background-image: url(https://pic03.eapple.com.tw/shengfull/Df_img-09.png);}
.pageIndex .swiper-slide.swiper-slide-active:before{animation: ani_down 0.8s 1s both;}
.pageIndex .swiper-slide.swiper-slide-active:after{animation: ani_up 0.8s 0.5s both;}

@keyframes ani_up {
    0% {      transform:translateY(-5vw);opacity: 0;   }
    100% {      opacity:translateY(0);opacity: 1;    }
}
@keyframes ani_down {
    0% {      transform:translateY(5vw);opacity: 0;   }
    100% {      opacity:translateY(0);opacity: 1;    }
}



.swiper-banner { position:static; margin:0; height:auto;}
/* .swiper-slide img { height:auto;} */

@media screen and (max-width: 1024px) {
.bannerindex:before{content: none;}
}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
.pageIndex .swiper-slide:before, .pageIndex .swiper-slide:after {    width: 45%;    bottom: 15%;}
}
@media screen and (max-width: 600px) {
.pageIndex .swiper-slide:nth-child(n):before, .pageIndex .swiper-slide:nth-child(n):after {    bottom: var(--m100);left: 50%;
        right: unset;
        transform: translateX(-50%);}
}

/* 商品下拉超過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個但次分類直接顯示-結束 */

/*FOOTER*/
.footer {    background: #4d4d4d;    padding-top: var(--m50);}
.footer .center {    max-width: 1500px;width: 90%;}
.footer_logo{display: none;}
.footer_info li p , .footer_info li a{color: #fff;transition: all 0.3s;}
.copy {    background: #454545;    color: #fff;  border:none;}
.copy a{    color: #fff;transition:all 0.3s;}

.footer_info{padding: 0; grid-template-columns:2fr 1fr;grid-gap: var(--m30);align-items: flex-start;}
.footer_info ul{order: -2;display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--m30);    align-items: self-start;}
.footer_info li{padding: 0;}

.footer_menu {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(min(130px, 100%), 1fr));    grid-gap: 0 10px;}
.footer_menu a {    margin: 0;    background: transparent;    border: none;    transition: all 0.3s;    padding: 0;    display: block;    width: fit-content;    line-height: 175%;}
.footer_menu a:hover {    background:transparent;color: var(--WebColor07);}
.footer_menu a:nth-child(1){display: none;}
.footer_info li:nth-child(1) p:hover, .footer_info li:nth-child(1) p:hover *{color: var(--WebColor07);}

.footer_info li:nth-child(1):before , .footer_info li:nth-child(2):before ,.box_link:before{color: #fff;display: block;font-size: var(--fz20);border-bottom: 1px solid;line-height: 180%;margin-bottom: var(--m20);    width: 100%;font-weight: 800;    letter-spacing: 0.05em;}
.footer_info li:nth-child(1):before{content: "CONTACT"; order: -999;}
.footer_info li:nth-child(2):before{content: "SITEMAP";}
.box_link:before{content: "LINK";}


.box_link {
    position: static;
    max-width: unset;
    order: -1;
    align-items: flex-start;
    width: 100%;
    flex-direction: unset;
    justify-content: flex-start;
}
.box_link a {
    border: none;
    margin: 0;
    padding: 0;
    font-size: 20px;
    text-align: left;
}
.box_link a i {    color: #fff;transition: all 0.3s;}
.box_link a:hover i {    color: var(--WebColor07);}



.footer_info li:nth-child(1){display: grid;grid-template-columns: 1fr;}
.footer_info li p.tel{order: -1;}
.footer_info li p.line:before {    content: '官方 Line：';}
.footer_info li p.fax:before {    content: '維修 Line：';}
.footer_info li p.add2:before {    content: '營業時間：';}

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

/*內頁BANNER 設定*/
.path{display: none;}

.banner {
    background-image: url(https://pic03.eapple.com.tw/shengfull/sBanner_00.jpg);
    background-size: cover;
    background-position: center;
    height: 35vw;
    max-height: 400px;
    min-height: 260px;position: relative;
}
.banner h5 {position: absolute;left: 50%;bottom:var(--m80);transform:translateX(-50%);
    width: 90%;transition:all 0.3s; max-width: 1500px;
    text-align: left;
    color: #fff;
    font-size: var(--fz24);letter-spacing:0.05em;border-bottom: 1px solid #fff;padding-bottom: 5px;
}
.banner h5:before{font-size: var(--fz60);padding-right: var(--m20);transition:all 0.3s;}

.product_page .banner h5:before , .product_info_page .banner h5:before{content:"CATALOG";}
.services_page .banner h5:before{content:"OUR SERVICES";}
.album_page .banner h5:before , .album_class_page .banner h5:before , .album_info_page .banner h5:before{content:"CASE";}
.video_page .banner{}
.banner.banblog h5:before{content:"NEWS";}
.contact_page .banner h5:before{content:"CONTACT US";}


/**/
.privacy_page .main_part{width: 100%; max-width: 100%; padding: 0;}
.privacy_page .banner{    background-image: url(https://pic03.eapple.com.tw/shengfull/sBanner_00.jpg);    background-size: cover;    background-position: center;}
.privacy_page .banner h5 {    font-size: var(--fz24);}
.privacy_page .banner h5:before{content:"PRIVACY & TERMS";}
.privacy_page .banner h6{display: none;}

.privacyContent{padding: var(--m100) 0;max-width: 1200px; width: 90%; margin: auto; color: #222;}

/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint at 2023.1.5  */
.stellarnav > ul > li:nth-of-type(4){display: none;}
.footer_menu a:nth-child(6){display: none;}
/**/

.product_page .main_part { max-width:1500px;}
.product_info_page .main_part { max-width:1200px;}
.prod_part{padding: var(--m100) 0;}

.pageIndex .products-list{gap:var(--m50) var(--m30);}
.prod_part section{width: 90%;max-width: 1500px;}


.product_page .products-list{gap:var(--m50) var(--m30);}
.products-list .price b{color: #222;}
.products-list .price b.ori_price{color: #222;}
.products-list .price b.sp_price{color: var(--WebColor01);font-weight: bold;}

.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: 250px; letter-spacing: 1px; /*border-right: 1px solid #ccc;*/min-height: 30vw;}
.product_page .products-list,
.product-wrapper { width: calc(100% - 280px);}
ul.page { width: 100%;}

.product_menu_list>h5{font-size: var(--fz36);}

.product-layer-two li ul { position:static; margin-top:5px; /*display:block !important;*/ width:100%; margin-left:0;}
.product-layer-two li i {    top: 4px;}
.product-layer-two li:has(i) a{padding-right: 40px;}
.product-layer-two li i::before {    color: var(--WebColor06);}
.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:5px 10px;background: transparent;}
.product-layer-two li li:hover > a , , .product-layer-two li li.active > a { background:transparent; color:#ad925e;}
.product-layer-two > li { width:100%; max-width:100%; padding:5px 0; text-align:left; border-bottom:1px dotted #ccc;}
.product-layer-two > li ul > li + li { margin-top:5px;}

ul.product-layer-two {    max-height: 80vh;    overflow-y: auto;background: #fff;    padding: 10px 15px;    border-radius: 5px;}

.product-layer-two li a , .video-layer-two li a{background: transparent;color: #4e4e4e;padding: 7px 5px;  font-size: 15px;  font-weight: bold;border: none;transition:all 0.3s;}
.product-layer-two li:hover > a, .video-layer-two li:hover> a {    color: var(--WebColor02);}
.product-layer-two li.active, .video-layer-two li.active {    border-bottom: none;    padding-bottom: 5px;}
.product-layer-two li li.active, .video-layer-two li li.active {    border-bottom: none;padding-bottom: 0;}
.product-layer-two li.active a , .video-layer-two li.active a{    border: none;    color: var(--WebColor03);}
.product-layer-two li:hover a , .video-layer-two li:hover a , {color: var(--WebColor03);}
.product_menu_list > .product-layer-two > li.active> a {    border-bottom: 1px solid;}
.product-layer-two li li.active a{background: transparent;color: var(--WebColor03);}
.product-layer-two li.active li:hover a{color: var(--WebColor03);}
.product_info_page .product-layer-two { display: none;}
.product_info_page .products-list,
.product-wrapper { width: 100%;}

.product-layer-two li li:hover , .product-layer-two li li.active{ margin-left: 10px;}
.product-layer-two li li > a:before , .product-layer-two li li.active > a:before{
    content: "";
    height: 1px;
    width: 5px;
    position: absolute;
    left: 0;
    margin-left: -5px;
    top: 50%;transition:all 0.3s;
}
.product-layer-two li li:hover > a:before , .product-layer-two li li.active > a:before { background:#ad925e;}

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


.sidebarBtn .sp_price{}
.sidebarBtn .price span.sp_price{color: var(--WebColor01);font-size: var(--fz18);}
.sidebarBtn form {    display: flex;    flex-wrap: wrap;justify-content: space-between;}
.product_info li .txt_box{color: #222;}

.mobile_product_name{display: none;}
.sidebarBtn h2{font-size: var(--fz24);margin-bottom: 10px;}

.pd_tabInner table {    max-width: 100%;    width: 100%;    overflow-x: auto;}

.inquiry_a1{    background: var(--WebColor02);width: calc(50% - 5px);}
.inquiry_a2{    background: var(--WebColor03);width: calc(50% - 5px);}
.inquiry_a3 {    background: var(--WebColor01);}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover{background: var(--WebColor06);}

.prod_related{padding: var(--m100) 0;background: #fff;}
.prod_related h6{margin-bottom: var(--m50);color: #222}
.prod_related h6 span:before{content: 'RELATED PRODUCTS';color: #222;display: block;    font-size: var(--fz60);}
.prod_related h6 span:after {    content: '關聯商品';color: #222;    font-size: var(--fz24);text-align: center;}


.related_list{max-width: 1500px;width: 90%;}
.lastPage{background: var(--WebColor06);border-radius:50px;margin: var(--m50) auto 0;}

ul.page{margin-bottom: 0;}
li.activeN {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--WebColor06);
    color: #fff;
    width: 25px;
    height: 25px;
    padding: 0;
    border-radius: 100%;
    margin: 0;
}
.page li.prev a , .page li.next a{background-color: #bcbcbc;color: #fff;}
.page li.prev a:hover , .page li.next a:hover{background-color: #d7bf92;}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.stellarnav > ul > li:nth-of-type(4){display: block;}
.stellarnav > ul > li:nth-of-type(5){display: none;}

.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{ width: 100%; border-right: none;    max-height: 50vh;}
.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;}
}
@media screen and (max-width: 600px) {
.product_page .products-list{grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
}

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





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




/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*文章設定*/

.module_i_news{padding: var(--m100) 0;background: #fff;}
.module_i_news section{width: 90%;max-width: 1200px;display: flex;flex-wrap:wrap;}
.i_blog_b{width: 100%;}
.i_blog_b a {    display: block;    margin: var(--m30) 0 0 auto; max-width: 200px;}

.module_i_news .title_i_box{margin-bottom: 0;text-align: right;}
.module_i_news .title_i_box h6 {    font-size: var(--fz60);    color: #222;font-weight: bold;line-height: 85%;}
.module_i_news .title_i_box h4{font-size: var(--fz24);font-weight: bold;color: #222;margin-top: 10px;}

.module_i_news ul {    grid-template-columns: 1fr;    padding: var(--m30);    background: #f5f5f5;    border-radius: 10px;grid-gap: 10px;}
.module_i_news_list{flex:1;padding: 0;padding-left: var(--m100);}
.module_i_news li a{grid-template-columns: 1fr;}
.module_i_news li a:before , .module_i_news li a:after{content:none;}
.module_i_news li a .i_blog_le{display: none;}
.module_i_news li a .i_blog_ri{padding: 0; display: grid;grid-template-columns: 1fr 120px;grid-gap: 10px;border-bottom: 1px solid #ccc;transition:all 0.5s;align-items: baseline;}
.module_i_news li a .i_blog_ri h5{font-size: var(--fz18);color: #666;transition:all 0.4s;line-height: 200%;    padding-bottom: 5px;}
.module_i_news li a .i_blog_ri em{transition:all 0.4s;text-align: center;border-radius:3px;}
.module_i_news li a:hover .i_blog_ri{border-bottom-color: #222;}
.module_i_news li a:hover .i_blog_ri h5{color: #222;}
.module_i_news li a:hover .i_blog_ri em{    background: var(--WebColor07);    color: var(--WebColor06);}
.module_i_news li a .i_blog_ri p{display: none;}

/********************************************/

h5.blog_le_t{font-size: var(--fz24);color: #222;margin-bottom: var(--m20);letter-spacing:0.5px;font-weight: bold;}
h5.blog_le_t span{display: block;font-size: var(--fz20);color: #555;}

h4.blog_category_title{font-size: var(--fz28);}
.blog_page h4.blog_category_title{display: none;}

.blog_back{max-width: 350px;margin: auto;}
.blog_back a.article_btn_prev , .blog_back a.article_btn_next{background: var(--WebColor06);}
.blog_back a.article_btn_back{background: var(--WebColor01);}

.news_related{display: none;}

/*側邊*/
.blog_le .accordion > li{transition:all 0.3s;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {    background: var(--WebColor01) !important;}
.submenu a:hover {    background: var(--WebColor02);}

/*一排呈現*/
.blog_box{max-width: 1300px;margin: auto;}
.blog_subbox {    grid-template-columns: 1fr;    grid-gap: var(--m50);}

.subbox_item{position: relative;border-bottom: 1px solid #ccc;}
.subbox_item:after{content:"";position: absolute;z-index: 1;left: 0;bottom: 0;background: #222;transition:all 0.8s;width: 0;height: 1px;}
.subbox_item:hover:after{width: 100%;}
.subbox_item a{grid-template-columns: 250px 1fr;grid-gap: var(--m50);align-items: center;transition:all 0.5s;padding-bottom: var(--m30);}
.subbox_item a:before{content:none;}
.subbox_item a:after {
    content: "MORE+";
    opacity: 1;
    background: transparent;
    border: none;
    right: 0;
    left: unset;
    bottom: 0;
    width: fit-content;
    top: unset;
    padding: 0 15px 5px 0;color: #ccc;font-size: var(--fz16);
}
.subbox_item a:hover:after{color: #222;}
.blog_list_ri h5{font-size: var(--fz24);margin-bottom: 10px;}

@media screen and (max-width: 1200px) {
.subbox_item a{grid-template-columns: 180px 1fr;}
}
@media screen and (max-width: 768px) {
.module_i_news .title_i_box{text-align: center; width: 100%; margin-bottom: var(--m50);   }
.module_i_news_list{padding: 0;  }
.module_i_news ul{width: 100%; padding: var(--m50) var(--m30);    }
.i_blog_b a{margin: var(--m30) auto 0;   }

.subbox_item a{grid-template-columns: 250px 1fr;grid-gap: var(--m30);  }

}
@media screen and (max-width: 600px) {
.module_i_news li a .i_blog_ri{grid-template-columns:1fr;}
.i_blog_ri em{ display: none; }

.subbox_item a {        grid-template-columns: 180px 1fr;        grid-gap: var(--m50);    }
.subbox_item a:after{content:none;}
}
@media screen and (max-width: 420px) {
.subbox_item a {        grid-template-columns: 1fr;        grid-gap: var(--m30);    }
}

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

.show-list{        grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));    grid-gap: var(--m50) var(--m30);}
.show-list .show_name{text-align: center;}
.show-list .item:hover .show_name {    color: var(--WebColor01);}

.subalbum-menu h2{font-size: var(--fz24);color: #222;}

.show-list .item{background: transparent;}
.other_subalbum li a p{text-align: center;margin-top: 5px;font-size: var(--fz17);}

.album_fixed_title{background: transparent;}
.other_album_choice li{background: var(--WebColor01);}

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



.contact_content .information_left{width: 100%;padding: 0;}
.contact_content{padding: 0;}
.blank_letter{display: none;}
.list_before {
    margin: 0 auto var(--m50);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr));
    background: #fff;grid-gap: 15px var(--m20);
    padding: var(--m30);
}
.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{
      position: relative;    width: fit-content;    font-size: var(--fz17);    display: inline-block;    padding-right: var(--fz16);    letter-spacing: 0.05em;}
.list_before.info li {
    font-size: var(--fz17);
    margin: 0;
    border-bottom: 1px dotted #aaa;
    padding: 0 10px 8px;
}
.info_LINE:before{content:"官方Line";}
.info_FAX:before {    content: "維修Line";}
.info_ADD2:before {    content: "營業時間";}

.contact_content .information_right{display: none;}
/*
.contact_content .information_right{width: 100%;padding: 0;margin-top: var(--m50);}

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



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

}

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

}

@media screen and (max-width: 1024px) {
.nav-header {    max-width: 60px;}
.stellarnav{margin-top: 10px}
}
@media screen and (max-width: 980px) {
.footer_info{grid-template-columns: 1fr;}
.box_link{display: none;}

.footer_menu {    grid-template-columns: repeat(auto-fit, minmax(min(95px, 100%), 1fr));    gap: 0 5px;}
.footer_info li+li{margin-top: 0;}

}

@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
.footer.with_shopping_mode { padding:var(--m100) 0 55px; }
#to_top { bottom:60px;}

.stellarnav.mobile{margin-top: 0;}
.stellarnav > ul > li.has-sub > a{padding: 10px 43px 10px 10px;}
.stellarnav > ul > li > a b:nth-child(2){display: block;}
.stellarnav > ul > li:after{content: none;}

.stellarnav li li{border: none; }
.stellarnav.mobile li.open {    padding: 0px 10px;}
.stellarnav > ul > li li a{background: transparent; color: #454545; }

.stellarnav > ul > li li:hover > a , .stellarnav > ul > li li a:hover {    background: #f9f9f9;    color: var(--WebColor01);
}

}

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

.footer_info ul{grid-template-columns: 1fr;}
.footer_menu{gap: 5px;        grid-template-columns: repeat(auto-fit, minmax(min(110px, 100%), 1fr));}
.footer_menu a{width: 100%;text-align: center;background:#717171; border-radius: 3px;line-height: 200%;}
.footer_menu a:hover{background:#454545; }

}
@media screen and (max-width: 600px) {
.stellarnav.mobile {        padding: 10px 0;    }

.banner h5{border-bottom: none;padding-bottom: none;text-align: center; }
.banner h5:before{display: block; text-align: center; }



.list_before{padding: var(--m50);border-radius:var(--m30);  }

}