@charset "utf-8";

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

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

*/


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

.header_area{background: #ffffffe8;position: static;transition: all 0.3s ease;padding: 10px 0;}
.pageIndex  .header_area{background: #ffffff;position: static;}
/* .header_area.sticky {background: #ffffff85;position: sticky;} */
.header_area.sticky {background: #ffffff85;position: fixed;}


/*上方選單右邊設定 臉書/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}
*/
/*網站全域設定/＝＝＝＝＝*/
:root {
    --MainColor: #757575; /*網站主要色系*/
    --SubColor: #2B2B2B; /*網站輔助色系1*/
    --SubColor2: #202020; /*網站輔助色系2*/
    --SFont: "Noto Sans TC", sans-serif;/*特殊字體*/
    --SFontE: "Julius Sans One", sans-serif;/*英文字體*/
    --pd100:100px 0;
    --m100:100px;
    --m50:50px;
    --m30:30px;
    --f48:48px;
    --f40:40px;
    --f36:36px;
    --f32:32px;
    --f28:28px;
    --f24:24px;
    --f22:22px;
    --f20:20px;
    --f18:18px;
    --f17:17px;
  }
  @media (max-width:1024px) {
  :root{
    --m50:40px;
    --m30:25px;
    --f48:40px;
    --f40:36px;
    --f36:32px;
    --f32:28px;
    --f28:24px;
    --f24:22px;
    --f22:20px;
  }
  }
  @media (max-width:768px) {
  :root{
    --pd100:70px 0;
    --m100:70px;
    --m50:30px;
    --m30:20px;
    --f48:32px;
    --f40:28px;
    --f36:26px;
    --f32:24px;
    --f28:20px;
    --f24:20px;
    --f20:18px;
    --f18:17px;
    --f17:16px;
  }
  }
  @media (max-width:600px) {
  :root{
    --pd100:50px 0;
    --m100:50px;
    --m50:25px;
    --f48:28px;
    --f40:24px;
    --f36:22px;
    --f32:20px;
    --f28:18px;
    --f24:18px;
    --f22:18px;
    --f20:17px;
    --f18:16px;
    --f17:15px;
  }
  }
  @media (max-width:375px) {
  :root{
    --f48:24px;
    --f40:20px;
    --f36:18px;
    --f32:18px;
    --f28:17px;
    --f24:17px;
    --f22:17px;
    --f20:16px;
    --f18:15px;
  }
  }
  /*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
  *{
    font-family: var(--SFont);
  }
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*反白顏色*/
::-moz-selection{
  background-color: #444;
  color: #fff;
}
::selection{
  background-color: #444;
  color: #fff;
}

/* 
.bannerindex02:before, .bannerindex02:after {
    position: absolute;
    left: 8vw;
    z-index: 100;
    color: #fff;
    animation: move 1s both;
    text-shadow: 0 0 10px #12121296;
    letter-spacing: 3px;
    font-weight:400;
    -webkit-animation: Up 1s ease-in-out both;
    animation: Up 1s ease-in-out both;
    animation-delay: 0s;
}
@-webkit-keyframes Up{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes Up{0%{opacity:0;-webkit-transform:translate3d(0,60%,0);transform:translate3d(0,60%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}

.bannerindex02:after {
    content: "從雲起台中天際，";
    font-size: 1.8vw;
    bottom: 11vw;
}
.bannerindex02:before {
    content: "響現居住品味的最高維度";
    font-size: 1.5vw;
    bottom: 8vw;
    animation-delay: .5s;
}
@media (max-width:1024px) {
    .bannerindex02:after {
        font-size: 2.8vh;
        bottom: 41vh;
    }
    .bannerindex02:before {
        font-size: 2.4vh;
        bottom: 36vh;
    }
}

@media (max-width:768px) {
    .bannerindex02:after {
        font-size: 2vh;
        bottom: 61vw;
    }
    .bannerindex02:before {
         font-size: 1.6vh;
         bottom: 58vw;
    }

 }
@media (max-width:500px) {
    .bannerindex02:after {
        font-size: 2vh;
        top: 22%;
        animation: unset;
        opacity: 0;
    }
    .bannerindex02:before {
         font-size: 1.6vh;
         top: 25%;
         animation: unset;
        opacity: 0;
    }
 } */

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.me_tp_features{ opacity: 0;    height: 0;}
/* 頁面的麵包屑 首頁/頁面名稱/ */
.path { display:none;}

/*首頁+聯絡按鈕*/
.swiper-pagination {    left: 50%;    margin-left: 0;    transform: translate(-50% , 0);}
.news_part .title_i_box h4 {
    font-family: 'Noto Serif TC', serif;
    font-size: 28px;
    font-weight: 600;
    color: #757575;
}
.module_i_news .title_i_box h4 {
    font-family: 'Noto Serif TC', serif;
    font-size: 28px;
    font-weight: 600;
    color: #757575;
}

.module_i_news .title_i_box h6 {
    font-size: 24px;
    color: #757575;
    font-weight: 400;
    margin-top: 100px;
}

.module_i_news .title_i_box h6:before {
    content: "COLUMN";
    font-family: "Julius Sans One", serif;
    position: absolute;
    margin: -60px 0 0px -60px;
    font-size: 48px;
    color: #2B2B2B;
}

.module_i_album .title_i_box h6 {
    font-size: 24px;
    color: #757575;
    font-weight: 400;
    margin-top: 100px;
}
.module_i_album .title_i_box h6:before {
    content: "PROJECT";
    font-family: "Julius Sans One", serif;
    position: absolute;
    margin: -60px 0 0px -55px;
    font-size: 48px;
    color: #2B2B2B;
}
.module_i_news .title_i_box h4{display: none;}
.module_i_album .title_i_box h4{display: none;}

.module_i_album section {
    width: 100%;
    max-width: 100%;
}
.i_album_list li a p {
    height: 2.5em;
    }
.animated-arrow {
    background: #c6986f;
    border-radius: 100px;
}
.animated-arrow:hover {
    background: #000;
}
.fa-arrow-right::before {
    content: "\f105";
}
.pageIndex .i_blog_b * {
    padding-left: 8px;
}


/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex {position:static;height:auto;}
.swiper-banner { position:static; margin:0; height:auto;}
.swiper-slide img { height:auto;}
.swiper-banner .swiper-slide img {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}

/*banner*/
.banner {
    font-size: 0px;
    padding: 360px 0 120px 0;
    text-align: center;
    background: repeat center center #f9f9f9;
    background-image: url(https://pic03.eapple.com.tw/livingsound/ban.jpg);
}

.banner h5 {
    font-family: 'Noto Serif TC';
    color: #ffffff;
    font-weight: 600;
}

.article_a .banner.banblog {background-image: url(https://pic03.eapple.com.tw/livingsound/banbloga.jpg);
    background-repeat: no-repeat;
    box-shadow: none;
    background-position: center center;}

.article_b .banner.banblog {background-image: url(https://pic03.eapple.com.tw/livingsound/banblogb.jpg);
    background-repeat: no-repeat;
    box-shadow: none;
    background-position: center center;}

.services_page .banner.banB {
    background-repeat: no-repeat;
    box-shadow: none;
    background-position: center center;
}
.other_page .banner.banB {
    background-repeat: no-repeat;
    box-shadow: none;
    background-position: center center;
}

.banner.banC {
    background-repeat: no-repeat;
    box-shadow: none;
    background-position: center center;}

.banner.banE {
    background-repeat: no-repeat;
    box-shadow: none;
    background-position: center center;
}
@media screen and (max-width: 768px) {
    .banner {
        font-size: 32px;
        padding: 240px 0 80px 0;
    }
}

@media screen and (max-width: 425px) {
    .banner {padding: 220px 0 60px 0;}
    }



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


/*選單設定*/
.nav-menu {    margin: 0;}
.main_header_area .container {    max-width: 80%;transition: all 0.3s ease;}
.sticky .main_header_area .container {
    max-width: 90%;
}

.nav-menu>li:not(.tp_links) {    padding-right: 15px;}
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {    color: #757575;}
.nav-dropdown>li:hover>a, .nav-dropdown>li.focus>a {    color: #757575;}
.nav-dropdown>li {    text-align: center;}
.tp_links{
    display: none;
}

.navigation {
    width: 100%;
    position: relative;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 100px 1fr;
    grid-gap: 10px;
    justify-items: center;
    transition: all 0.3s ease;
}

.sticky .navigation {
    grid-template-rows: none;
    grid-template-columns: 240px 1fr;
}

.stellarnav ul {
    text-align: center;
    transition: all 0.3s ease;
}

.sticky .stellarnav ul {
    text-align: right;
}

.nav-header {
    max-width: 200px;
    }
.sticky .nav-header {
    top: 10px;
    max-width: 240px;
}
.sticky .nav-brand img {
    max-width: 260px;
    height: 60px;
}
.stellarnav > ul > li > a {
    padding: 0 17px 0 0;
    color: #2D2A29;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    margin: 0 15px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
}
.stellarnav li.has-sub > a:after {
    border-top: 6px solid #d9cc9b;
    display: none;
}

.stellarnav ul ul {
    background: #00000063;
}
.stellarnav li li a {
    padding: 10px 10px;
    display: block;
    color: #fff;
    transition: all 0.3s;
}
.stellarnav li li {
    border: 0.5px #777 solid;
    margin-bottom: -1px;
}
.stellarnav li li a::before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 0px;
    margin: 5px;
    border-radius: 3px;
    background-color: #fff;
    vertical-align: middle;
    opacity: 0;
    transition: all 0.3s;
}
.stellarnav li li a:hover:before {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 5px;
    border-radius: 3px;
    background-color: #fff;
    opacity: 1;
    transition: all 0.3s;
}

.stellarnav > ul > li:hover > a {
    color: #707070;
    font-weight: 600;
}

/*下拉*/
.nav-dropdown>li>a {    background: #f7f5f5;    transition: 0.2s;        letter-spacing: 1.5px; width: 100%;}
.nav-dropdown>li>a:hover {    transition: 0.2s;    background-color: #757575;;    color: #fff}
.nav-dropdown>li:hover>a .submenu-indicator-chevron, .nav-dropdown>.focus>a .submenu-indicator-chevron {    border-color: transparent #fff #fff transparent;}

/* 隱藏選單 */
.stellarnav ul li:nth-of-type(7){display: none;}





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

/*LOGO設定*/
.nav-brand img {
    /* margin-top:;     */
    max-width: 100%;
    transition: all 0.3s;
    /* height: 100px; */
 }
/* .footer_logo img {    
    width: 0px;    
    display: none;
}
.footer_logo a {
    display: block;
    width: 200px;
    height: 100px;
    margin: 0px auto;
    background-image: url(https://pic03.eapple.com.tw/livingsound/logo-01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
} */
.nav-brand {
    display: inline-block;
    margin: 8px auto;
}
.sticky .nav-brand img{
    transition: all 0.3s;
    opacity: 0;
}

.sticky a.nav-brand {
    display: block;
    background-image: url(https://pic03.eapple.com.tw/livingsound/logo2.png) !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
}

.footer_logo img {opacity: 0;width: 268px;
    height: 40px;}

.footer_logo {
    background-image: url(https://pic03.eapple.com.tw/livingsound/logo2.png) !important;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    /* margin: 0; */
    width: 268px;
    height: 40px;
}



@media screen and (max-width: 1024px) {
    .nav-header {
        position: relative;
    }
    .main_header_area .navigation {
        padding: 0;
    }
    .sticky .main_header_area .navigation {
        padding: 0;
    }

    .stellarnav ul {
        padding: 10px 0 ;
    }
    .main_header_area .container {
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .nav-header {
        top: 10px;
    }
    .navigation {
        grid-template-rows: none;
        /* grid-template-columns: none; */
    }
    .sticky .navigation {
        grid-template-rows: none;
        /* grid-template-columns: none; */
    }
    .nav-brand img {
        max-width: 120px;}
        .sticky .nav-header {
    max-width: 200px;
}
.sticky a.nav-brand{    background-position: top center;}
    .stellarnav .menu-toggle span.bars span {
        background: #191A1E;
    }
    .stellarnav .menu-toggle:after {
        display: none;
    }
    .main_header_area .container {
        max-width: 90%;
    }
    .stellarnav.mobile.left .close-menu {
        background: #757575;
        color: #fff;
    }
    .stellarnav.mobile {
        position: absolute;
        left: auto;
        top: 18px;
        width: auto;
        display: inline-block;
        right: 0;
    }
    .stellarnav.mobile > ul > li > a b:last-child {
        display: none;
    }
    .stellarnav .icon-close:after {
        border-bottom: solid 3px #fff;
    }
    .stellarnav .icon-close:before {
        border-bottom: solid 3px #fff;
    }
    .stellarnav ul {
        padding: 0;
    }
    .stellarnav > ul > li > a {
        color: #757575;
    }
    .stellarnav.mobile > ul > li > a {
        padding: 10px 43px 10px 10px;
    }
    .stellarnav.mobile ul ul {
        background-color: transparent;
    }
    .stellarnav li li {
        border: none;
    }
    .stellarnav li li a {
        padding: 10px 10px;
        border: none;
        margin-bottom: -1px;
        color: #757575;
    }
    .me_tp_features{margin: 0;}
}




@media screen and (max-width: 768px) {
.nav-brand-m {    display: block;    text-align: left;    padding: 15px 10px;}
.nav-brand-m img {    max-width: 200px;    width: 100%;}
.stellarnav.mobile {
    left: none;
    right: 0;
}
}

@media screen and (max-width: 425px) {
/* .nav-brand img , .sticky .nav-brand img{
    max-width: 180px;
} */
.sticky .nav-brand {
    display: inline-block;
}
.sticky .nav-brand img{height: 50px;}
.nav-header {
    text-align: start;
}
}

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

/*Footer*/

.copy {
    background: #212121;
    color: #ffffff;
}
.copy a{color: #ffffff;}
.footer_menu a:hover {
    background: none;
    color: #d7b39d;
    font-weight: 500;
}
.footer_menu a {    
    display: inline-block;
    padding: 5px 7px 5px 15px;
    border: none;
    margin: 0px 4px 4px 0px;
    font-size: 14px;
    line-height: 100%;
    color: #888;
    background: none;
    border-left: 1px #ccc solid;
    transition: all 0.3s;}

.footer .fix_ri a{
    transition: all 0.3s;
}
.footer .fix_ri a:hover {
    transform: scale(1.3);
    transition: all 0.3s;
}
.box_link{
    display: none;
}


.footer {
    background: #fff;
    border-top: 1px solid #E4E4E4;
}
.footer_info ul {
    display: inline-block;
    vertical-align: top;
    /* width: 100%; */
}

.footer_info li {
    display: block;
    padding: 10px 0 10px 0;
}

.footer_info li p a {
    color: #333;
}
.footer .center {
    position: relative;
    max-width: 90%;
}
.footer .center {
    position: relative;
    max-width: 90%;
    padding: 30px 0;
}
.footer_info {
    padding: 0;
    display: flex;
    grid-gap: 20px;
    padding-right: 0;
    flex-direction: column;
    text-align: center;
    align-items: center;
}
.footer_info li:nth-child(2) {
    /* position: absolute; */
    right: 0;
    top: 14px;
}
.footer_info li p a:hover{color:#d7b39d;}
.footer_menu a:nth-child(1),p.mail {
    display: none;
}
.footer_menu a:nth-child(2) {
    border: none;
}
.footer_info li p.line:before {
    content: 'LINE ID：';
}
.footer_info li p.tel:before {
    content: 'TEL：';
}
.footer_info li p.mail:before {
    content: 'MAIL：';
}
.footer_info li p.add:before {
    content: 'ADD：';
}
.footer_info li p.add2:before {
    content: 'LAWYER：';
}
/*===聯絡我們===*/
.contact_le_nomap{
    display: none;
}/* 地圖隱藏 */
.contact_form li:has(input[type=radio]) .form__insert {
    display: flex;}
.contact_content .information_left {
    width: 320px;
}
.contact_page .main_part {
    max-width: 1400px;
}
.contact_content .information_right {
    width: calc(100% - 360px);
    padding-left: 30px;
}
.contact_le_nomap iframe {
    filter: grayscale(1);
}

.blank_letter {
    background-position: left bottom;
    background-repeat: no-repeat;
    font-family: 'Noto Serif TC', serif;
    font-size: 28px;
    font-weight: 600;
    color: #757575;
}
.contact_form li.last blockquote, .contact_form li.last cite {
    border-radius: 50px;
}
@media screen and (max-width: 768px) {
.footer_info li:nth-child(2) {
    position: relative;
    }
    .footer_menu a:nth-child(2) {
        border-left: 1px #ccc solid;
    }
    .contact_content .information_right {
        width: 100%;
        padding-left: 10px;
    }
    }
@media screen and (max-width: 600px) {
.blank_letter {
    padding-top: 0;}
    .contact_form li .form__label {
        background: rgb(195 179 146 / 15%);
    }
}
.contact_content {
    padding: 0;
    }



/*文章設定*/

h5.blog_le_t span {
    display: none;
}
.module_i_news li a {
    display: flex;
    grid-gap: 10px;
    flex-direction: column;
}
.blog_page .main_part {
    max-width: 1400px;
}
/*功*/
.blog_subbox{grid-template-columns:1fr 1fr 1fr;}
.blog_subbox:before{content:none;}
h5.blog_le_t span {
    display: none;
}
/*文章管理/內層＝＝*/
.blog_back a.article_btn_back{background: #888888;}
.blog_box_edit p {    line-height: 200%;    margin-bottom: 10px;}
.blog_box_edit img {    width: 100% !important;}
.b_des {    color: #666;    padding-bottom: 30px;} /*文章標籤*/
.blog_shareData {
    flex-direction: row;
}
 /*文章管理/外層＝＝*/
 .blog_le .accordion {
    list-style-type: none;
    margin: auto;
    border-radius: 0;
    border: none;
    overflow: hidden;
    border-bottom: 1px #ccc solid;
}
.blog_search input[type=search] {
    border-radius: 0px;
}
.module_i_news ul, .blog_subbox {    display: grid;    gap: 10px;}
.module_i_news ul{grid-template-columns: 1fr 1fr 1fr 1fr;}
.module_i_news li , .subbox_item {    width: 100%;   }
.module_i_news li a, .subbox_item a {
    padding: 5px;
    padding-bottom: 35px;
    border-bottom: 1px #8888883d solid;
    -webkit-clip-path: inset(0 0 -0.2em);
    clip-path: inset(0 0 -0.2em);
}
.subbox_item a {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
}
.pageIndex .module_i_news section{max-width: 100%;}
.module_i_news li a:hover, .subbox_item a:hover {    border-bottom: 1px #c19b6b solid;}
.blog_list_ri, .i_blog_ri {    width: 100%;    }
.i_blog_le, .blog_list_le {    
    position: relative;    
    /* padding-bottom: 70%;     */
    width: 100%;   
    overflow: hidden;
    height: 280px;}
.i_blog_le img, .blog_list_le img {
    margin: auto;
    aspect-ratio: 4/3;
    object-fit: cover;
    transition: opacity 450ms,transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.module_i_news li a:hover img, .blog_list_le:hover img  {    transform: scale(1.2) translate3d(0, 0, 0);}
.subbox_item a:before{
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-weight: normal;
    font-size: 14px;
    left: 10px;
    color: #2d2d2d;
    right: 0;    opacity: 1;
}
.module_i_news li a:before {
    right: 0;
    opacity: 1;
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-weight: normal;
    font-size: 14px;
    left: 10px;
    color: #2d2d2d;
    text-align: left;
}
.subbox_item a:hover:before, .module_i_news li a:hover:before {
    /*opacity: 0;
    transform: translate3d(0, -73%, 0);*/
    transition: opacity 650ms,transform 650ms cubic-bezier(0.165, 0.84, 0.44, 1);
    color: #d7b39d;
}
.module_i_news li a:after, .subbox_item a:after {
    pointer-events: none;
    background: transparent;
    border: none;
    line-height: 1;
    text-rendering: auto;
    top: 93%;
    bottom: 10px;
    left: 94%;
    opacity: 1;
    content: "→";
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-size: 14px;
    color: #2d2d2d;
    width: 5%;
}
.module_i_news li a:hover:after, .subbox_item a:hover:after {animation: mo_arrow 800ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;color: #d7b39d;}
@keyframes mo_arrow{
    40%,50%{opacity:0}
    43%{transform:translateX(105%) scaleY(0.1)}
    44%,50%{transform:translateX(-145%) scaleY(0.1)}
    100%{transform:translateX(0) scaleY(1)}
}

/*===促銷===*/
.promotion_title h2 {
    margin-bottom: 2px;
    border-bottom: 2px solid #c25e40;
}
.promotion_title {    border-bottom: 1px solid #757575;}

.promotion_title .time{
    display: none;
}
.promotion_title h2 span{
    display: none;
}
.other_promotion li {
    border: 1px solid #d3d0af;
    padding: 15px 15px;
    width: 100%;
    margin: 5px 1.5%;
}
.other_promotion li:hover {
    background-color: #d3d0ad;
    transform: translate(6px,0);
}
.other_promotion li a {
    display: flex;
    border: none;
    padding: 0;
    width: 100%;
    margin: 0;
    position: relative;
}
.other_promotion .pmtTime span {
    line-height: 180%;
}
.pmtTitle {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}
.pmtTitle span{
    display: none;
}
.other_promotion .pmtTitle h3 {
    margin-top: 0;
    line-height: 160%;
    display: inline-block;
    height: auto;
    font-weight: normal;
    margin-left: 15px;
}
.other_promotion li a:hover:after {
    display: none;
}
.other_promotion li a:before {
    display: none;
}
.other_promotion li a:after {
    display: none;
}
.other_promotion li a:hover {
    background: transparent;
}




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

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

@media screen and (max-width: 600px) {
    .subbox_item {    width: 100%;}
    .module_i_news ul {
    grid-template-columns: 1fr ;
}
}

/*購物車/＝＝＝＝＝*/
.prod_part {    width: 90%;}
.products-list {    display: grid;    gap: 10px;    grid-template-columns: 1fr 1fr 1fr ;}
.products-list:before{content:none;}
.products-list .item {    
  box-shadow: 0px 2px 20px #eaeaea;
  width: 100%;
  padding: 7px;
}
.products-list .name{
  height: 40px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}


/* 購物車-商品隱藏資料 */
.main_part{
  max-width: 1200px;
}

/* .product_main{
  display: none;
}
.sidebarBtn{
  display: none;
}
.prod-thumb{
  display: none;
} 
.prod-panel form{
  display: none;
}  */
.proImgSwiper li{    align-items: unset;}

/*購物車/外層＝＝*/
/*顏色*/
.products-list .more {    
    
  color: #aaa;
  border: 1px solid #aaa;  
  /* position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 40%;
  z-index: 999;
  width: 150px;
  font-size: 16px;
  opacity: 0;
  border: none; */
}
.products-list .item a:hover .more {    
  background: var(--MainColor);
  /* opacity: 1; */
}
.products-list .item a:hover .pic img {
  transform: scale(1.05, 1.05);
  transition: all .3s linear;
}
.products-list .pic img{
  transform: scale(1, 1);
  transition: all .3s linear;
}


/*價格*/
.products-list .price {    display: flex;    margin-bottom: 5px;    align-items: center;    justify-content: center;    flex-wrap: wrap;}
.products-list .price b {    margin: 0 5px;    line-height: 180%;    text-align: center;color: var(--MainColor);}
.products-list .price b.ori_price {    font-size: 14px;}

/*外層版面*/
.page {width: 100%;}
.product_page .main_part {    width: 90%;	max-width: 1500px;}
.product_page .show_content {    display: flex;    flex-wrap: wrap;    align-items: flex-start;    justify-content: space-between;gap: 40px;}
.product_page .products-list {    width: calc(100% - 300px);}
.product-layer-two {    width: 250px;    margin: 0;}
.product_info_page .product-layer-two {    display: none;}
.product-layer-two li {    margin: 0;    width: 100%;padding: 0 10px;}
.product-layer-two > li.active {    background: #f2f2f2;}
.product-layer-two li.active a {    border: unset;border-bottom: 1px dotted #ccc;}
/**/
.product-layer-two li a {    color: #222;    border: none;    background: transparent;    transition: all 0.3s;    line-height: 200%;    transition: all 0.3s;}
.product-layer-two > li > a {    border-bottom: 1px dotted #ccc;padding-left: 25px;}
.product-layer-two li:hover > a , .product-layer-two li.active > a{color: var(--MainColor);}
.product-layer-two li:hover > a:before , .product-layer-two li.active > a:before {background: var(--MainColor); color:#fff;}
.product-layer-two > li > a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 18px;
    content: "＞";
    color: var(--MainColor);
    background: #f2f2f2;
    width: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    padding-left: 2px;
    font-size: 13px;
}
/**/
.product-layer-two li ul {    position: relative;padding-top: 1px;}
.product-layer-two li li {    border: none;background: transparent;}
.product-layer-two li li a{    background: transparent;}
.product-layer-two li li:hover a{color: var(--MainColor);}

/*hover到才顯示副選單 關掉↓*/
.product-layer-two li li {    display: block;}

/*購物車/內層＝＝*/
.product_info_page .main_part {        min-height: 800px;width: 90%;}
/*按鈕顏色*/
.inquiry_a1{background: var(--SubColor);}
.inquiry_a2{background: var(--SubColor2);}
.inquiry_a3{background: var(--MainColor);}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover{background: #222;}
.lastaction {    color: var(--MainColor);    background-color: #f2f2f2;}
.nextaction {    background-color: var(--MainColor);}
.lastPage {    background: var(--MainColor);}
/*商品側邊規格*/
.product_info li .txt_box {    color: #222222;    width: 100%;}
.sidebarBtn .sp_price {   color: var(--SubColor);}
.mobile_product_name{font-size: var(--f24);}
/*相關推薦*/
.prod_related h6 span:before{font-size: var(--f28);}

@media screen and (max-width: 1024px) {
.products-list {
    grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 768px) {
    .product_page .products-list {
        width: calc(100% - 0px);
    }
    }


/*   相簿管理(有分類)  */
/*大分類*/
.album_page .main_part {max-width: 1600px;}
.show-list{display: flex;flex-wrap: wrap;}
.show-list .item {width: 32%;padding: 2%;margin: 0;}
.show-list .item:hover .show_name {color: #666;}
.show-list .show_name {text-align: center;font-weight: 500;}
.overlay {-webkit-transform: scale(1);transform: scale(1);}
.show-list .show_pic img{min-height: 20vw;object-fit: cover;}
/*次分類*/
.album_class_page .main_part {max-width: 1600px;}
.subalbum-menu h2 {color: #555;text-align: center;display: block;}
.subalbum-menu h2 .block{display: none;}
.other_subalbum{display: flex;flex-wrap: wrap;}
.other_subalbum li {width: 32%;padding: 2%;margin: 0;}
.other_subalbum li p{text-align: center;margin-top: 10px;color: #555;letter-spacing: 2px;}
.other_subalbum li div{height: 0;padding-bottom: 75%;overflow: hidden;}
.other_subalbum li img{min-height: 20vw;object-fit: cover;transition: all .5s;}
.other_subalbum li:hover img{opacity: .6;}
/*相片頁*/
.album_info_page .main_part {max-width: 1600px;}
.pic-list{display: flex;flex-wrap: wrap;}
.pic-list .item {padding: 0;margin: 10px;width: 32%;padding: 2%;margin: 0;}
.pic-list .item h6{font-weight: 500;}
.pic-list .show_pic img {min-height: 20vw;object-fit: cover;}
.other_album{margin-top: 200px;}
.album_fixed_title {background: transparent;font-size: 15px;}
.other_album_choice li {background: #555;border-radius: 3px;font-size: 12px;}



/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
/*主分類*/
.show-list .item{padding: 1%;}
/*次分類*/
.subalbum-menu{padding: 0;margin: 0;}
.subalbum-menu h2{display: none;}
.other_subalbum {
    /* display: block; */
    column-count: 3;width: 100%;}
.other_subalbum li{width: 100%;}
.other_subalbum li div {height: auto;padding-bottom: 0;overflow: inherit;}
.other_subalbum li a img{width: 100%;}
/*相片頁*/
.pic-list {column-count: 3;display: block;}
.pic-list .item{padding: 1%;width: 100%;}
.other_album_choice li {background: #757575;}
.pic-list .show_pic {overflow: inherit;height: auto;padding-bottom: 0;aspect-ratio: auto;}


@media screen and (max-width: 768px){
	/*主分類*/
	.show-list .item {width: 48%;}
	.show-list .show_pic img{min-height: 35vw;}
	/*次分類*/
	.other_subalbum li{width: 48%;}
	.other_subalbum li img{min-height: 35vw;}
	/*相片頁*/
	.pic-list .item {width: 100%;}
	.pic-list .show_pic img {min-height: 35vw;}
    .pic-list {column-count: 2;}
}

@media screen and (max-width: 450px) { 
	/*相簿*/
	.show-list .show_pic img{min-height: 140px;}
	.other_subalbum li img{min-height: 140px;}
	.pic-list .show_pic img {min-height: 140px;}
}