@charset "utf-8";

/* 匯款資料有出現在頁面 */
.car_page .information_left {
    display: block;
}

/* grid需加 */
body.album_page .clearfix:before,
body.album_page .clearfix:after,
body.album_class_page .clearfix:before,
body.album_class_page .clearfix:after,
body.album_info_page .clearfix:before,
body.album_info_page .clearfix:after {
    display: none;
}

body.product_page .clearfix:before,
body.product_page .clearfix:after {
    display: none;
}

body.blog_page .clearfix:before,
body.blog_page .clearfix:after {
    display: none;


}

/* 勾勾 */

.app_font_tick:before {
    content: "\f00c";
}

/*反白顏色*/
::-moz-selection {
    background-color: #444;
    color: #fff;
}

::selection {
    background-color: #444;
    color: #fff;
}

&::-webkit-scrollbar {
    background: #fff;
    width: 7px;
}

&::-webkit-scrollbar-button {
    display: none;
    background: #fff;
    border-radius: 0;
}

&::-webkit-scrollbar-track-piece {
    background: #fff;
}

&::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #AD9C66;
}

&::-webkit-scrollbar-track {
    box-shadow: transparent;
}


/* 客戶編輯器_文章 */

.blog_box_edit p {
    line-height: 1.7;
    color: rgb(72, 46, 12);
    letter-spacing: 1px;
    font-weight: 800;
}

.blog_box_edit.clearfix h3 {
    color: #56514c;
    margin-bottom: 0em;
    padding: 0;
    padding-bottom: 14px;
    position: relative;
    font-weight: bold;
    border-radius: 0;
    position: relative;
    font-size: 24px;
    letter-spacing: .08em;
    line-height: 1.5;
    font-family: 'noto serif tc';
}



.blog_box_edit.clearfix tr {
    border-bottom: 1px solid #ccc;
}

/* 客戶編輯_購物車 */
/* 客戶編輯器 */
.product_100img {
    width: 100% !important;
}

/* 購物車資訊_額外加 */
body.product_info_page .prod-item * {
    color: rgb(72, 46, 12);
    letter-spacing: 1px;
    font-weight: bold;
}

body.product_info_page .prod-item .prod-panel h3 {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
}

body.product_info_page .prod-item .prod-panel h4,
body.product_info_page .prod-thumb {
    padding: 7.5px 0;
    margin-bottom: 20px;
    background-color: #f4f4f4;
    text-align: center;
    color: #111;
    font-size: 22px;
    margin-top: 60px;
}


body.product_info_page .prod-item .prod-panel h5 {
    background-color: #f4f4f4;
    padding: 6px 10px;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    /* grid-template-columns: 1fr 1fr; */
    width: calc(100% / 1 - 3px);
}

body.product_info_page .prod-item .prod-panel p,
body.product_info_page .prod .prod-item .prod-panel li {
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: 1px;
    font-weight: bold;
}


body.product_info_page .prod .prod-item:nth-child(1) .prod-panel li {
    list-style: disc;
    margin-left: 20px;
}


.prod-panel img {
    max-width: 100%;
}


body.product_info_page .prod-item .prod-panel h5:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f14a";
    color: #B98C5F;
    text-align: center;
    margin: auto;
    font-size: 20px;
    transition: all 0.1s ease-in-out;
}

body.product_info_page .prod-item .prod-panel table {
    width: 100%;
    border-color: transparent;

}


body.product_info_page .prod-item .prod-panel td {
    background: transparent;
    padding: 10px;
    border-color: transparent;
}

body.product_info_page .prod-item .prod-panel table tr td:nth-child(1) {
    text-align: center;
    min-width: 170px;
    font-weight: bold;
    background: #6d626029;

}


body.product_info_page tr {
    border: #DDDDDD solid 1px;
}



@media screen and (max-width: 1200px) {
    body.product_info_page .prod-item .prod-panel h5 {

        width: calc(100% / 1 - 3px);
    }
}

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

    body.product_info_page .prod-item .prod-panel h4,
    body.product_info_page .prod-thumb {
        padding: 2.5px 0;
        margin-bottom: 15px;
        font-size: 16px;
        margin-top: 15px;
    }

    body.product_info_page .prod-item .prod-panel h3 {
        font-size: 17px;
    }

    body.product_info_page .prod-item .prod-panel h5 {

        width: calc(100% / 1 - 3px);
    }

    body.product_info_page .prod-item .prod-panel p,
    body.product_info_page .prod-item .prod-panel li {
        font-size: 16px;
    }

    body.product_info_page tbody tr {
        display: grid;
    }

    body.product_info_page .prod .prod-item:nth-child(1) .prod-panel li {
        font-size: 14px;
    }
}

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

    body.product_info_page .prod-item .prod-panel h5 {

        width: calc(100% / 1);
    }

    body.product_info_page .prod-item .prod-panel p,
    body.product_info_page .prod-item .prod-panel li,
    body.product_info_page .prod-item .prod-panel a,
    .prod .prod-item .prod-panel li {
        font-size: 14px;
    }
}



#page {
    position: relative;
    background: #EBEDEA;
    overflow: hidden;
}

#page::before {
    display: block;
    content: " ";
    position: fixed;
    z-index: 1000;
    left: -50%;
    top: -50%;
    width: 200vw;
    height: 200vh;
    background-image: url(https://pic03.eapple.com.tw/tianyoulife/bg_imp.png);
    pointer-events: none;
    opacity: 0.5;
    z-index: 10000000000000000000;
    pointer-events: none;
    /* z-index: 0; */
}

@media screen and (max-width: 768px) {
    #page::before {
        background-size: 50px;
    }
}


/* 開場動畫 */


.bannerindex::after {
    content: "";
    display: block;
    background-image: url(https://pic03.eapple.com.tw/tianyoulife/t_logo_logo.png);
    width: 526px;
    height: 245px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000000000000000000001;
    pointer-events: none;
    animation: banner-logo 3s forwards;
}

.bannerindex::before {
    content: "";
    display: block;
    background: #3e3a39;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 1000000000000000000000;
    animation: banner-bg 3s forwards;

}






.swiper-banner::after {
    content: "";
    display: block;
    height: 0px;
    background-color: transparent;
    pointer-events: none;
    position: fixed;
    bottom: 240px;
    z-index: 500;
    opacity: 0;
}






@keyframes banner-logo {
    0% {
        opacity: 0;
        filter: blur(0);
    }

    25% {
        opacity: 1;
        filter: blur(0);
    }

    50% {
        filter: blur(0);
        opacity: 1;
    }

    80% {
        filter: blur(0);
        opacity: 1;
    }

    100% {
        filter: blur(10);
        opacity: 0;

    }
}

@keyframes banner-bg {
    0% {}

    50% {}

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}



/*開場NAV */
.nav-header {
    opacity: 1;
}

.pageIndex .nav-header {
    opacity: 0;
    animation: banner-nav-logo 1s forwards;
    animation-delay: 2.6s;
}

@keyframes banner-nav-logo {
    0% {
        top: 87px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}


.pageIndex .stellarnav.desktop {
    opacity: 0;
    animation: banner-navbar 1s forwards;
    animation-delay: 2.6s;
}

.stellarnav.desktop {
    opacity: 1;
    z-index: 0;
}



@keyframes banner-navbar {
    0% {
        top: 97px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}



/* = = = 網站全域設定 = = = = = = = = = = = = = = = = = = = = = = = = = = =*/

/*#ADA17E /*網站主要色系
  #cbc0a0 /*網站輔助色系1
  #658781 /*網站輔助色系2*/
img {
    image-rendering: optimizeQuality;
    filter: saturate(1.05);
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

/* logo */
.nav-brand h1 {
    display: block;
    background: url(https://pic03.eapple.com.tw/tianyoulife/m_t_logo.svg);
    background-size: contain;
    width: 200px;
    height: 70px;
    background-repeat: no-repeat;
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    filter: contrast(0) brightness(100);
    background-position: center;
    margin: 0px 0 5px 0px;
    transition: all 0.3s ease-in-out;
}

header.header_area.sticky .nav-brand h1 {
    filter: initial;
    transition: all 0.3s ease-in-out;



}

header.header_area.sticky .main_header_area {
    background: transparent;
}

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

    .nav-brand h1,
    header.header_area.sticky .nav-brand h1 {
        background-image: url(https://pic03.eapple.com.tw/tianyoulife/m_t_logo.svg);
        height: 64px;
        width: 150px;
    }

    header.header_area.sticky .nav-brand h1 {
        filter: contrast(0) brightness(100);
    }

}

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

    .nav-brand h1,
    header.header_area.sticky .nav-brand h1 {
        width: 124px;
        height: 56px;
        margin-bottom: 0;
    }


}

/*校稿版面設定*/
.services_page .main_part,
.pageIndex .main_part,
.other_page .main_part,
.other_select_page .main_part {
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0px;
    margin-top: -1px;
}

.show_content {
    width: 100%;
    padding: 0px;
    top: -1px;
}

.edit_part {
    max-width: 100%;
    margin: 0;
    padding: 0px;
}

/*頁面內容*/
div#page {}

#content_main,
#content {}

.module_i_news {}

.path {
    display: none;
}

.other_page #content,
.other_select_page #content {
    min-height: auto;
}


/**/
.shop_search_btn {
    background: #ADA17E;
}

.me_tp_features {
    position: absolute;
    right: 0;
    width: auto;
    z-index: 1;
    display: flex;
    padding-right: 155px;
}

header.header_area a.me_tp_call {
    padding-top: 15px;
    height: fit-content;
    position: absolute;
    left: auto;
    top: 0;
    width: auto;
    right: 0;

}

.me_tp_features a.tp_btn_notice {
    margin-right: 61px;
    height: fit-content;
}

.tp_links a:not(.me_tp_call) {
    display: none;
}

.me_tp_features a i {
    margin: 0 3px;
    display: flex;
}

.me_tp_features .tp_btn_cart,
.me_tp_features .tp_btn_notice {
    align-items: center;
    display: inline-flex;
    height: fit-content;
}

.me_tp_features a {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.header_area.sticky .me_tp_features a {
    color: #000000;
    transition: all 0.3s ease-in-out;
}

.box_search {
    margin: 0;
}

.header_area .fa-whatsapp:after {
    content: '立即洽詢專線\A 0927-611690';
    display: block;
    white-space: pre-line;
    text-align: left;
    line-height: 1.3;
    font-weight: bold;
    font-family: '微軟正黑體';
}

.header_area .fa-whatsapp:before {
    font-size: 40px;
    margin-right: 10px;
}

.header_area .fa-whatsapp:before,
.header_area .fa-whatsapp:after {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.header_area.sticky .fa-whatsapp:before,
.header_area.sticky .fa-whatsapp:after {
    color: #4e4e4e;
    transition: all 0.3s ease-in-out;

}

.header_area .fa-whatsapp:hover:before,
.header_area .fa-whatsapp:hover:after {
    color: #B98C5F;
    transition: all 0.3s ease-in-out;

}


/*隱藏選單按鈕連結*/
.tp_links a:hover {
    color: #ADA17E;
}

/*.box_search { display:none;}隱藏購物車搜尋欄*/
/*.me_tp_features a.tp_btn_cart { display: none;}隱藏購物車*/
/*.me_tp_features a.tp_btn_notice { display: none;}隱藏匯款通知*/

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

    .header_area.sticky .me_tp_features a,
    .header_area .me_tp_features a {
        color: #fff;
    }
}

@media screen and (max-width: 768px) {
    #bottom_menu {
        display: block;
    }

    #to_top {
        bottom: 80px;
    }

    .tp_links a {
        display: none;
    }
}

/*按鈕*/
.animated-arrow {
    background: #ADA17E;
    border-radius: 10px;
    transition: .3s ease-in-out;
}

.animated-arrow:hover {
    background: #cbc0a0;
    transition: .3s ease-in-out;
}

/*頁碼*/

.page {
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.page li {
    display: flex;
    margin: 3px;
    flex-wrap: wrap;
    width: 30px;
    height: 30px;
    line-height: 30px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.page li.activeN {
    background: #666;
    border-radius: 100%;
    color: #fff;
    font-weight: 600;
}

.page li a {
    display: block;
    width: inherit;
    height: inherit;
    line-height: inherit;
    padding: 0;
    color: #ccc;
    transition: all 0.3s;
}

.page strong,
.page a:hover {
    background: #ADA17E;
    border: 1px solid #ADA17E;
}

/* = = = 預設解除背景輪播 = = = = = = = = = = = = = = = = = = = = = = = = = */

#content_main {
    margin: 0;
    background: transparent;
}

.bannerindex {
    position: static;
    height: auto;
}

.swiper-banner {
    position: static;
    margin: 0;
    height: auto;
}

.swiper-slide img {
    height: auto;
}

@media screen and (max-width: 768px) {
    .bannerindex {
        padding: 0;
        margin: 0;
    }
}

/* = = = Index banner = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

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

    /* 行動裝置相容性調整 大圖調整 */
    .swiper-slide img {
        animation-fill-mode: none;
        -webkit-animation-fill-mode: none;
    }
}

/* = = = banner = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.banner h5 {
    letter-spacing: 3px;
    color: #fff;
    z-index: 1;
    position: relative;

}

.banner h5:before {
    content: '天佑生命禮儀';
    order: -1;
    font-size: 16px;
    display: block;
    color: #ffffff80;
}

.banner h5:after {
    content: '';
    width: 1px;
    height: 60px;
    display: block;
    background: #f9f6f5;
    animation: loading-animation 1.5s cubic-bezier(0.4, 0.1, 0.01, 0.99) infinite;
    margin: auto;
}


@keyframes loading-animation {
    from {
        transform: translateY(0%)
    }

    to {
        transform: translateY(100%)
    }
}

.banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    width: 100%;
    height: calc(100vh - 118px);
    max-height: 820px;
    padding: 150px 0 180px;
    text-align: center;
    color: #fff;
    background: no-repeat center black;
    background-size: cover;
    z-index: 0;
}

.banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner:before {
    background-image: url(https://pic03.eapple.com.tw/tianyoulife/banner_01.jpg);
    opacity: 0.8;
}

.banner.banblog:before {
    background-image: url(https://pic03.eapple.com.tw/tianyoulife/banner_02.jpg);
    opacity: 0.8;
}

.banner.banF:before {
    background-image: url(https://pic03.eapple.com.tw/tianyoulife/banner_03.jpg);
    opacity: 0.8;
}


.banner.banE:before {
    background-image: url(https://pic03.eapple.com.tw/tianyoulife/banner_04.jpg);
    opacity: 0.8;
}

body.case_page .banner.banB:before {
    background-image: url(https://pic03.eapple.com.tw/tianyoulife/banner_05.jpg);
    opacity: 0.8;
}

body.other_page .banner.banB:before {
    background-image: url(https://pic03.eapple.com.tw/tianyoulife/banner_06.jpg);
    opacity: 0.8;
}

.other_select_page .banner.banA {
    display: none;
}

@media screen and (max-width: 768px) {
    .banner h5 {
        font-size: 28px;
    }

    .banner {
        height: auto;
    }
}

@media screen and (max-width: 600px) {
    .banner h5 {
        font-size: 24px;
    }
}

@media screen and (max-width: 476px) {
    .banner h5 {
        font-size: 24px;
    }

    .banner h5:before {
        font-size: 14px;
    }

    .banner {
        padding: 100px 0;
    }

    .banner h5:after {
        height: 30px;
    }
}

/* = = = header = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/*header*/
.pageIndex .header_area.sticky {
    position: fixed;
}


.main_header_area {
    background: linear-gradient(180deg, #001634b3, #00000025);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3);
}

.swiper-banner:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #001634b3, transparent);
    opacity: 0;

}

.header_area .main_header_area::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    transition: 0.5s ease-in-out;
}

.main_header_area .container {
    padding: 15px;
    max-width: 100%;
    width: 90%;
}

.header_area.sticky .main_header_area::before {
    height: 100%;
    transition: .5s ease-in-out;
    z-index: -1;
}


.header_area.sticky .main_header_area::before {
    content: "";
    position: absolute;
    width: 100%;
    background: #ffffffad;
    backdrop-filter: blur(3px);
}

.swiper-pagination-bullet {
    display: none;
}

.header_area {
    width: 100%;
    position: fixed;
    z-index: 9999;
}



/*logo*/
.header_area .nav-brand {
    margin: 0px 40px 10px 40px;
    max-width: 100%;
    width: auto;
    transition: .4s all ease-in-out;
}

.header_area.sticky .nav-brand {
    max-width: 100%;
    transition: .4s all ease-in-out;
}

.header_area .nav-brand img {
    display: block;
    filter: contrast(0) brightness(100);
    display: none;
}

.header_area.sticky .nav-brand img {
    filter: none;
    transition: .3s all ease-in-out;
}

/*menu*/
.navigation {
    padding: 0;
    position: relative;
}

.stellarnav>ul>li:hover::before {
    width: 60%;
}

.stellarnav>ul>li:before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 9px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--accent-color);
    transition: var(--transition);
    border-bottom: 1px solid #ffffff;
    transition: .4s all ease-in-out;
}

.stellarnav>ul>li>a,
.stellarnav li.has-sub>a {
    font-weight: bold;
    position: relative;
    color: #fff;
    transition: .2s all ease-in-out;
    padding: 0 10px;
}

.header_area.sticky .stellarnav li.has-sub>a::after {
    display: none;
}

.header_area.sticky .stellarnav>ul>li>a {
    color: #4e4e4e;
    transition: .2s all ease-in-out;
}

.header_area.sticky .stellarnav>ul>li:hover>a {
    color: #000000;
}

.header_area.sticky .stellarnav li.has-sub>a::after {
    border-right: 1px solid #7F7C6B;
    border-bottom: 1px solid#7F7C6B;
}

.stellarnav.left.desktop {
    padding-right: 200px;
}

/*menu底線*/
.header_area.sticky .stellarnav>ul>li:hover::before {
    width: 60%;
}

.header_area.sticky .stellarnav>ul>li:before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 9px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--accent-color);
    transition: var(--transition);
    border-bottom: 1px solid #505050;
    transition: .4s all ease-in-out;
}

/*右拉箭頭*/
.stellarnav li.has-sub>a::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 6px;
    border-top: none;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-left: none;
    height: 8px;
    width: 8px;
    transform: rotate(45deg);
    transition: border .2s;
    display: none;
}

.header_area.sticky .stellarnav li.has-sub>a::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 6px;
    border-top: none;
    border-right: 2px solid #4e4e4e;
    border-bottom: 2px solid #4e4e4e;
    border-left: none;
    height: 8px;
    width: 8px;
    transform: rotate(45deg);
    transition: border .2s;
}


.header_area.sticky .stellarnav li.has-sub>a:hover::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 6px;
    border-top: none;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    border-left: none;
    height: 8px;
    width: 8px;
    transform: rotate(45deg);
    transition: border .2s;
}




/*--下拉頁面---------------------------------------*/



/*外框*/
.stellarnav ul ul,
.stellarnav ul ul ul {
    background: #ffffffe8;
    box-shadow: 0 1px 5px #00000030;
    backdrop-filter: blur(3px);
}

.stellarnav>ul {
    padding-top: 27px;
}

.stellarnav ul ul ul {
    left: 100%;
}

.stellarnav li li {
    margin-bottom: 0;
}

/*右拉箭頭*/
.stellarnav li li.has-sub>a::after {
    border-left: 6px solid #888;
}

.stellarnav li li.has-sub:hover>a::after {
    border-left: 6px solid #ADA17E;
    border-top: 6px solid transparent;
}

/* 底線 */
.stellarnav li li.has-sub:hover>a::before {
    border-bottom: 6px solid #888;
}



/*項目*/
.stellarnav li.has-sub>ul>li.has-sub>a,
.stellarnav li.has-sub>ul>li>a {
    color: #777;
    padding: 7px 20px 7px 5px;
    font-family: "微軟正黑體", sans-serif;
}

.stellarnav li li>a,
.stellarnav li li.has-sub>a {
    color: #777;
    font-size: 15px;
    font-weight: normal;
    padding: 7px 5px;
    border-left: 1px solid transparent;
    background: transparent;
    transition: all 0.3s;
}

.stellarnav li li:hover>a,
.stellarnav li li.has-sub:hover>a {
    color: #000000;
    padding-left: 10px;
    border-left: 2px solid #000000;
    transition: all 0.3s;
}

/*--手機板選單---------------------------------------*/

/*選單*/
.stellarnav .menu-toggle span.bars span {
    background: #ADA17E;
}

.stellarnav .menu-toggle:after {
    color: #ADA17E;
}



/*展開*/
.stellarnav.mobile.left>ul {
    background: #0a0a14;
}

.stellarnav.mobile>ul>li {
    border-bottom: 1px #888 solid;
}

.stellarnav.mobile>ul>li>a {
    padding: 20px 30px;
    border-bottom: none;
    display: block;
}

.stellarnav.mobile>ul>li.has-sub>a {
    padding: 20px 30px 20px 36px;
}

.stellarnav.mobile>ul>li.has-sub>a.dd-toggle {
    padding: 0;
}

.stellarnav.mobile>ul>li.has-sub>ul>li>a {
    color: #fff;
    padding: 20px 30px 20px 40px;
}

.stellarnav.mobile>li>a {
    border-bottom: none;
}

/*close*/
.stellarnav.mobile.right>ul,
.stellarnav.mobile.left>ul {
    border-right: none;
}

.stellarnav.mobile.right .close-menu,
.stellarnav.mobile.left .close-menu {
    background: #ADA17E;
    color: #fff;
}

.stellarnav .icon-close:after,
.stellarnav .icon-close:before {
    border-bottom: solid 3px #fff;
}

.stellarnav.mobile>ul>li>a.dd-toggle {
    top: 14px;
}

.stellarnav a.dd-toggle .icon-plus {
    width: 0;
    top: -7px;
    left: -4px;
}

.stellarnav li.open>a.dd-toggle .icon-plus {
    width: 0;
    top: -5px;
    left: 6px;
}

.stellarnav a.dd-toggle .icon-plus:before,
.stellarnav a.dd-toggle .icon-plus:after {
    border-bottom: solid 3px #888;
}

.stellarnav li.open>a.dd-toggle .icon-plus:before,
.stellarnav li.open>a.dd-toggle .icon-plus:after {
    border-bottom: solid 3px #ADA17E;
}

/*下拉*/
.stellarnav.mobile li.open {
    background: transparent;
    padding: 0;
}

.stellarnav.mobile li.open>ul>li {
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
}

.stellarnav.mobile li.open li.open {
    padding: 0;
    background: #ffffff88;
}

.stellarnav.mobile ul {
    background: transparent;
}

.stellarnav>ul>li.drop-left>ul {
    left: 0;
    right: auto;
}

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

@media screen and (max-width: 1440px) {
    .swiper-pagination {
        display: none;
    }


}

@media screen and (max-width: 1300px) {
    .nav-header {
        position: relative;
        text-align: left;
        z-index: 1;
    }

    .header_area {
        position: sticky;
    }

    .stellarnav ul {
        text-align: left;
        padding-top: 0;
        border-top: solid 1px #cccccc5e;
    }

    .stellarnav.left.desktop {
        padding-right: 0;
    }

    .header_area.sticky .fa-whatsapp:before,
    .header_area.sticky .fa-whatsapp:after {
        color: #fff;
    }

    .me_tp_features {
        top: 15px;
        align-items: self-end;
        z-index: 2;
    }

    /*header*/
    .pageIndex .header_area {
        position: relative;
    }

    .main_header_area .container {
        max-width: 100%;
        padding: 5px;
    }

    .main_header_area,
    header.header_area.sticky .main_header_area {
        background: #000000;
    }

    .header_area.sticky .main_header_area::before {
        display: none;
    }

    .header_area.sticky .stellarnav>ul>li>a {
        color: #fff;
    }

    /*logo*/
    .header_area .nav-brand {
        margin: 0;
    }

    /*menu*/
    .header_area .navigation,
    .header_area.sticky .navigation,
    .navigation {
        padding: 0;
    }

    .stellarnav {
        padding: 0 0 10px;
    }

    .stellarnav.mobile>ul>li>a.dd-toggle,
    .stellarnav>ul>li.has-sub>a,
    .stellarnav.mobile>ul>li.has-sub a.dd-toggle,
    .stellarnav.mobile>ul>li.has-sub>a {
        padding: 0 30px;
    }

    .stellarnav li.has-sub>a::after {
        top: 49%;
    }

    /*下拉箭頭*/
    header.header_area a.me_tp_call {
        padding: 0;
    }
}

@media screen and (max-width: 1024px) {
    .me_tp_features {
        display: grid;
        padding-right: 0;
    }

    header.header_area a.me_tp_call {
        display: none;
    }

    .stellarnav ul {
        margin-top: 10px;
    }

}

@media screen and (max-width: 768px) {
    .main_header_area .container {
        width: 100%;
    }

    .box_search {
        width: 100%;
    }

    .box_search input[type=text] {
        width: calc(100% - 45px);
    }

    .header_area.sticky .me_tp_features a,
    .header_area .me_tp_features a {
        display: none;
    }

    .navigation {
        text-align: center;
    }

    .nav-header {
        text-align: center;
    }

    .me_tp_features {
        display: flex;
        position: relative;
        justify-self: center;
        top: 0;
    }

    .stellarnav .menu-toggle {
        padding: 5px;
    }

    .header_area.sticky .stellarnav>ul>li:hover>a {
        color: #cbc0a0;
    }

    .stellarnav>ul>li:before {
        display: none;
    }

    /*logo*/
    .nav-header {
        position: static;
    }

    .header_area.sticky .nav-brand {
        max-width: 150px;
        margin-top: 10px;
        transition: .3s ease-in-out;
    }

    /*menu*/
    .stellarnav ul ul,
    .stellarnav>ul>li:hover>ul>li:hover>ul {
        box-shadow: none;
    }

    .stellarnav li li {
        border: none;
    }

    .stellarnav>ul>li>a b:last-child {
        display: none;
    }

    .stellarnav.mobile>ul>li>a.dd-toggle,
    .stellarnav>ul>li.has-sub>a,
    .stellarnav.mobile>ul>li.has-sub a.dd-toggle,
    .stellarnav.mobile>ul>li.has-sub>a {
        padding: 20px 30px;
    }

    .stellarnav.mobile>ul>li>a.dd-toggle {
        top: 3px;
    }

    .stellarnav li.has-sub>a::after {
        top: 53%;
    }

    /*下拉箭頭*/
    .stellarnav li li>a,
    .stellarnav li li.has-sub>a,
    .stellarnav li li.has-sub.drop-left a {
        padding: 10px 30px;
        border-left: none;
    }

    .stellarnav li li:hover>a,
    .stellarnav li li.has-sub:hover>a {
        border-color: transparent;
    }
}

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


/*Footer/＝＝＝＝＝*/

.footer_logo {
    width: auto;
}

.footer_logo a img {
    display: none;
}

.footer_logo a {
    background: url(https://pic03.eapple.com.tw/tianyoulife/m_t_logo.svg);
    background-size: contain;
    width: 200px;
    height: 100px;
    background-repeat: no-repeat;
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    filter: contrast(0) brightness(100);
}


.footer_logo:after {
    content: '彰化天佑禮儀成立於2012年，我們擁有專業豐富的團隊與經驗，提供每位家屬全面客製禮儀服務，以誠摯的心陪伴您規劃禮儀儀式，完善處理每個在治喪繁縟細節事項。';
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 0;
    color: #fff;
    display: block;
    text-align: justify;
    white-space: pre-line;
}

.footer_info {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 30px 50px;
    padding: 0;
}

.footer_menu {
    align-items: left;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.footer_menu a {
    margin: 0;
    text-align: left;
    padding: 5px;
    transition: none;
    border: none;
    background: transparent;
    width: fit-content;
    transition: all 0.3s;
}

.footer_menu a:hover {
    background: transparent;
    color: #cbc0a0;
}

.copy {

    border: none;
    padding: 15px 0;
    background-color: transparent;
    color: #fff;
    margin: 0;
}

.copy a {
    color: #fff;
    transition: all 0.3s;
}

.box_link {
    position: relative;
}

.footer .center {
    width: 90%;
    max-width: 1300px;
}

.footer_menu a:last-of-type {
    display: none;
}

.footer_logo {
    width: 100%;
    margin: 0 auto;
}


/**/
.footer {
    padding: 50px 0 0;
    background: #0a0a14;
}

.footer_logo a img {
    filter: invert(1) brightness(100);
}

.footer_menu a,
.footer_info li:nth-child(1)>p,
.footer_info li:nth-child(1) a {
    transition: all 0.3s;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 0;
    color: #fff;
    padding: 0;
}

.footer_info li:nth-child(1)>p:hover,
.footer_info li:nth-child(1) p:hover a,
.footer_info li:nth-child(1) .box_link a:hover {
    color: #cbc0a0;
}

.footer_info li p:before {
    position: relative;
    display: inline-block;
    width: auto;
    font-size: inherit;
    font-weight: inherit;
    margin-right: 5px;
    letter-spacing: inherit;
}

.footer_info ul {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 30px;
    align-items: baseline;
    width: 100%;
    max-width: 900px;
    margin: 0 0 0 auto;
}

.footer_info li {
    padding: 0;
}

.footer_info li:nth-child(2) {
    order: -1;
}

.footer_info li:nth-child(1) {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 0 30px;
}

.footer_info li:nth-child(1)>p {
    grid-column: 1 / 2;
    text-align: left;
}

.footer_info li:before,
.box_link:before {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #fff;
}

.footer_info li:nth-child(2):before {
    content: "RELATED LINK";
}

.footer_info li:nth-child(1):before {
    content: "INFORMATION";
}


.footer .fab,
.footer .fa-brands,
.fa-envelope::before {
    font-size: 25px;
    padding-right: 10px;
}

.box_link:before {
    content: "CONTACT";
}

.box_link {
    position: relative;
    grid-row: 1 / 4;
    grid-column: 2 / -1;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    right: unset;
    padding: 0;
    max-width: 140px;
    margin: auto;
}

.box_link a {
    border: none;
    margin: 0;
    width: fit-content;
}

.footer_info li p.tel:before {
    content: '手機：';
}

.footer_info li p.phone:before {
    content: '電話：';
}

p.line {
    order: 1;
}

p.tel {
    order: 3;
}

p.phone {
    order: 2;
}

p.fax {
    order: 4;
}

p.add {
    order: 5;
}

.info_fix_tel span::before,
.info_fix_tel2 span::before {
    background-image: url(https://www.tianyoulife.com/images/fix_phone.svg);
}

.info_fix_phone span::before {
    background-image: url(https://www.tianyoulife.com/images/fix_tel.svg);
}

a.info_fix_default.info_fix_fb {
    order: 1;
}

a.info_fix_default.info_fix_line {
    order: 2;
}

a.info_fix_default.info_fix_phone {
    order: 4;
}

a.info_fix_default.info_fix_tel {
    order: 3;
}

a.fixed_add.info_fix_fbm {
    order: 5;
}

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

    .footer_logo {
        max-width: 400px;
        width: 70%;
        margin-left: 0;
    }
}

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

    .footer_info li:nth-child(1) {
        grid-template-columns: 1fr;


    }
}

@media screen and (max-width: 476px) {
    .box_link {
        grid-row: auto;
        grid-column: auto;
        max-width: 100%;
        margin-top: 30px;
    }
}

#to_top {
    bottom: 40px;
    color: #fff;
    background: #000;
    box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0;
}

#to_top i:before,
#to_top i:after {
    background: #fff;
}


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




/* = = = 聯絡表單 = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/*表單最大寬度設定*/
.contact_content .information_right {
    max-width: 1400px;
}

/*標題*/
.blank_letter {
    color: #000000;
}

/*側邊資訊*/
.contact_content .information_left {
    display: none;
}

.list_before {
    margin-top: 10px;
}

/*表格樣式*/
.contact_form li input.noborder {
    border: none;
    border-bottom: 1px #ddd solid;
    background: transparent;
}

/*文字欄*/
.contact_form li textarea.noborder {
    background: transparent;
    border: 1px #ddd solid;
}

/*文字區塊*/
.form select {
    background: transparent;
}

/*下拉式*/
input[type="checkbox"],
input[type="radio"] {
    margin: 0 10px;
}

/*複選、單選*/

/*驗證碼對齊*/
.contact_form li:nth-last-of-type(2) .form__insert {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.contact_form li:nth-last-of-type(2) input.noborder {
    border: 1px #ddd solid;
}

.captcha {
    margin-right: 20px;
}

/*按鈕*/
.contact_form li.last blockquote {
    border: 1px #ccc solid;
}

.contact_le_map a {
    background: #7F7C6B;
}

.contact_form li.last cite {
    background: #000000;
}

.red {
    color: #000;
}

.contact_content .information_right {
    width: calc(100% - 200px);
    padding-left: 110px;
}

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

    /*聯絡表單*/
    .contact_form li {
        padding-left: 0;
    }

    .contact_form li .form__label {
        margin: 0 0 10px;
        width: 100%;
        text-align: left;
    }

    .contact_form li .form__insert {
        width: 100%;
    }
}

/* = = = RWD = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
@media screen and (max-width: 1200px) {}

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

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

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

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









/*===================相簿(禮儀紀錄)======================================================= */
.overlay {
    background: rgb(195 195 195 / 30%);
}

.show-list .item:hover .show_name {
    color: #000;
}

#content {
    background-color: #e8e8e8;
}

.other_album_choice {
    display: none;
}





/* =============下拉頁面======================================== */
.other_promotion {
    display: none;
}





/* ======促銷方案(最新消息)================================== */
.promotion_title em {
    display: none;
}

.other_promotion li a:after {
    content: '';
    display: block;
    position: absolute;
    right: -1px;
    bottom: -1px;
    z-index: 2;
    border: 1px #4d636eb8 solid;
    border-top: none;
    border-left: none;
    transition: all .5s;
}

.other_promotion li a:before {
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 1;
    border: 1px #4d636eb8 solid;
    border-bottom: none;
    border-right: none;
    transition: all .5s;
}




/* ======文章分享(禮儀資訊) ===========================================*/
.main_part {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 80px 20px;
}



/* 文章管理================================== */
body.blog_page .main_part {
    max-width: 90%;
    width: 1600px;
}

h4.blog_category_title {
    position: relative;
    font-size: 26px;
    letter-spacing: .08em;
    line-height: 1.5;
    font-family: 'noto serif tc';
    color: #B98C5F;

}

body.blog_page h4.blog_category_title {
    display: none;
}

/*文章設定*/
.blog_le.fadeInLeft.animated15.clearfix {
    position: sticky;
    top: 100px;
}

/*選單*/
h5.blog_le_t em {
    font-family: 'Noto Serif TC', serif;
}

.blog_le .accordion {
    color: #fff !important;
    position: relative;
    font-size: 19px;
    letter-spacing: .08em;
    line-height: 1.5;
    font-family: 'noto serif tc';
    color: #B98C5F;
    transition: all 0.3s;
    font-weight: bold;
    background: transparent;
}

.blog_le .accordion li {
    border-bottom: 1px solid #E8BB7E;
    position: relative;
}

.blog_le .accordion>li:hover,
.blog_le .accordion>li.on_this_category {
    background: #948866 !important;
}

.blog_back a.article_btn_back {
    background: #948866;
    transition: all 0.3s ease-in-out;
}

.blog_back a.article_btn_back:hover {
    filter: brightness(1.2);
    transition: all 0.3s ease-in-out;

}

.blog_back a.article_btn_prev,
.blog_back a.article_btn_next {
    color: #8f7b43;
    background-color: #e8e4d8;

}

.blog_back {
    margin-top: 40px;
}

.blog_back a.article_btn_prev:hover,
.blog_back a.article_btn_next:hover {
    filter: brightness(1.05);
    transition: all 0.3s ease-in-out;
}


h5.blog_le_t {
    display: none;
}

.blog_list_ri {
    width: calc(100% - 250px);
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 34px 37px 40px;
}

.blog_box {
    width: 100%;
    max-width: 1600px;
}

.subbox_item {
    width: 100%;

    background-color: transparent;
    /* -webkit-box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 7%); */
    /* border-radius: 0 10px 10px 0; */
    overflow: hidden;
    margin-bottom: 2%;
    position: relative;
}

.subbox_item a {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
}

.subbox_item:hover img {
    transform: translate(-50%, -50%) scale(1.05);
    object-fit: cover;
    width: 100%;
    transition: all 0.4s ease;

}

.blog_list_le img {
    display: block;
    max-width: 100%;
    min-width: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all 5000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transform: translate(-50%, -50%) scale(1);
    aspect-ratio: 9 / 9;
}

.blog_list_le {
    display: block;
    position: relative;
    text-align: center;
    height: auto;
    aspect-ratio: 9 / 9;
    overflow: hidden;
    padding-bottom: 0;
    min-width: 250px;
}

.subbox_item a:after {
    display: none;
}

.subbox_item a:before {
    display: none;
}

.accordion li .link {
    cursor: pointer;
    display: block;
    padding: 15px 10px;
    position: relative;
    line-height: 1.5;
    transition: all 0.3s;
    background: transparent;
    color: #5a4641;
    font-size: 16px;
    text-align: left;
    font-family: "Noto Serif TC", serif;
    font-weight: 500;
    letter-spacing: 2px;
}

.blog_list_ri em {
    order: 3;
    width: 100%;
    text-align: right;
    color: #b69133;
}

.blog_list_ri h5 {
    text-align: center;
    height: auto;
    position: relative;
    line-height: 1.5;
    font-family: 'noto serif tc';
    transition: all 0.3s;
    color: #462d2d;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.subbox_item:hover {
    color: #b69133;
    transition: all 0.3s;

}

.blog_list_ri p {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: 0.8px;
    line-height: 1.5625;
    padding: 20px 0;
    width: 100%;
    -webkit-line-clamp: inherit;
    line-height: 1.7;
    color: rgb(72, 46, 12);
    letter-spacing: 1px;
    font-weight: 800;
}

.blog_list_ri p:after {
    content: '...';
}

.blog_list_ri:after {
    content: '';
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    background: url(https://pic03.eapple.com.tw/tianyoulife/m_t_logo_solo.svg) no-repeat right / cover;
    width: 250px;
    height: 250px;
    right: 0;
    left: auto;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.subbox_item:hover .blog_list_ri:after {
    opacity: 0.05;
    transition: all 0.3s ease-in-out;

}

.subbox_item:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #b69133;
    transition: 0.3s;
    z-index: 1;
}

.subbox_item:hover:before {
    width: 100%;
    transition: all .5s;
}


@media screen and (max-width: 768px) {
    body.blog_page .main_part {
        padding-left: 0;
        padding-right: 0;
    }

    .blog_le.fadeInLeft.animated15.clearfix {
        position: relative;
        top: auto;
    }

    .blog_list_le {
        width: 100%;
    }

    .blog_list_ri {
        width: 100%;
        padding: 0;
    }

    .blog_list_ri p {
        margin-top: 7px;
        margin-bottom: 19px;
    }

    .blog_list_ri i {
        bottom: -7px;
    }

    .blog_list_le {
        width: 100%;
    }

    .blog_list_ri {
        width: 100%;
        padding: 20px 0px 40px;
    }

    .blog_list_ri h5 {
        -webkit-line-clamp: initial;
        text-align: left;
    }

    .blog_list_ri:after {

        left: auto;
        border: 0;
        top: auto;
        right: auto;
        background-position: center;
        width: 100%;
        background-size: contain;
    }

}


/*購物車/＝＝＝＝＝*/
body.product_info_page .show_content {
    margin-top: 60px;
    width: 100%;
    max-width: 960px;
}

/* body.product_info_page #page::before {

    filter: invert(1) opacity(0.5);
}

body.product_info_page .path {
    background: #fff;
} */

body.product_info_page .show_content {
    background: transparent;
    width: 90%;
}

/* body.product_info_page #page {
    background: transparent;
} */



.prod_part {
    width: 90%;
}

.products-list .pic {
    position: relative;
    aspect-ratio: 9/9;
    height: auto;
    overflow: hidden;
    padding-bottom: 0;
}

.products-list .pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s ease-in-out;

}

.products-list {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.products-list:before {
    content: none;
}

.products-list .item {
    width: 100%;
}



.product-layer-two li li a {
    font-size: 13px;
}

.products-list .item a {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
}

.products-list .name {
    text-align: center;
    height: auto;
    position: relative;
    line-height: 1.5;
    font-family: 'noto serif tc';
    transition: all 0.3s;
    color: #462d2d;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.products-list .item a:hover .name {
    color: #b98c5f;
    transition: all 0.3s;

}

.product_page .products-list .price {
    justify-content: center;
}



.products-list .more {
    border: 1px solid #c0c0c0;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    background: #B98C5F;
}

.products-list .item a:hover .more {
    background: #B98C5F80;
    color: #fff;
    border: 1px solid #ccc;
    transition: 0.5s;
    letter-spacing: 0;
}

.products-list .item a:hover .pic {
    opacity: 0.75;
    transition: 0.5s;
}

.products-list .item a:hover .pic img {
    transform: scale(1.08);
    transition: all 0.3s ease-in-out;
}

.product_pic #bx-pager h6 {
    display: none;
}

.sidebarBtn {
    border: 1px #cccccc54 solid;
    background: transparent;
    color: #fff;
}

.sidebarBtn h2,
.sidebarBtn .price {
    border-bottom: solid 1px #6d6d6d57;
    padding-bottom: 10px;
    position: relative;
    line-height: 1.5;
    font-family: 'noto serif tc';
    transition: all 0.3s;
    color: #462d2d;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.sidebarBtn .price span,
.sidebarBtn .price span p,
.sidebarBtn .price span a,
.sidebarBtn .price a,
span.ori_price p,
span.ori_price a,
span.ori_price {
    color: rgb(72, 46, 12);
    letter-spacing: 1px;
}

.sidebarBtn .price .sp_price,
.sidebarBtn .price .sp_price a {
    color: #B98C5F;

}

.sidebarBtn .price,
.sidebarBtn .price .ori_price a {
    color: #B98C5F;


}


.toShare {
    border-top: 1px solid #cccccc54;
}

.sidebarBtn {}

.product_info li {
    color: rgb(72, 46, 12);
    letter-spacing: 1px;
}

.product_info {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
}

.inquiry_a3 {
    background: transparent;
    border: 1px solid #b3b3b3 !important;
    border-radius: 0;
    color: #252525;
    font-size: 15px;
}

.inquiry_a1:hover,
.inquiry_a2:hover,
.inquiry_a3:hover {
    background: #222;
    color: #fff;
    letter-spacing: 0;
    transition: 0.5s;
}

ul.prod li h3.prod-thumb {
    font-size: 22px;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 20px;
    background-color: #B98C5F;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.qaform {
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #101010;
}

.qaform .breakF {
    border: 1px #cecece solid;
    background: #ffffff;
}

.productBtn {
    width: 100%;
    max-width: 100px;
    padding-left: 0;
    margin-right: 10px;
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 13px;
    font-weight: 400;
}

.half_box li.btn_blankTop {
    margin-top: 180px;
    text-align: end;
}

.lastaction,
.nextaction {
    background-image: none;
    text-align: center;
}

.prod_related h6 span:before {
    color: #5a5a5a;
    font-family: "Noto Serif TC", serif;
    font-weight: 700;
    padding: 0 35px;
    text-align: right;
    width: 100%;
    font-size: 30px;
}

.prod_related {
    border-top: none;
    background: #efeeee;
}

.related_list li a {
    background: transparent;
}

.related_list li a p {
    font-weight: 400;
    font-size: 15px;
    color: #462d2d;
    text-align: left;
    padding-bottom: 7px;
}

.related_list {
    max-width: 1550px;
    width: 100%;
    margin: auto;
    text-align: center;
    display: grid;
    gap: 25px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.related_list li {
    width: 100%;
}

.related_list li a img {
    aspect-ratio: 9 / 9;
    object-fit: contain;
}

.related_list li a:hover img {
    opacity: 0.75;
    transition: 0.5s;
}

.related_list li a:hover p {
    border-bottom: 1px solid #000;
    transition: 0.5s;
}

.rewrite_simple,
.send_simple {
    background-color: #ffffff;
    border: 1px solid #bbb !important;
    border-radius: 0;
    color: #555;
    font-size: 15px;
    width: 120px;
    height: 33px;
    line-height: 31px;
}

.rewrite_simple:hover,
.send_simple:hover {
    border: 1px solid #000 !important;
    transition: 0.5s;
}

/*匯款通知*/
.form_content {
    padding: 120px 10px;
}

.product_pic #bx-pager a {
    border: none;
}

.product_pic #bx-pager a img {
    aspect-ratio: 9 / 9;
    object-fit: cover;
}

/*購物車/外層＝＝*/
/*顏色*/
/*價格*/
.products-list .price {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.products-list .price b {
    margin: 0;
    line-height: 100%;
    text-align: center;
    font-weight: 400;
    color: #646464;
    font-family: "Times New Roman", Arial;
    font-size: 32px;
}

.inquiry_a3 {
    color: #56514c;

}

.products-list .price b.ori_price {
    font-size: 14px;
}

/*外層版面*/
.product_page .main_part {
    max-width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
}

.product_page .show_content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1600px;
    width: 95%;
    padding: 0;
}

.product_page .products-list {
    width: calc(100% - 280px);
    padding-top: 0;
}

.product-layer-two {
    width: 250px;
    margin: 0;
    border-right: #DDDDDD solid 1px;
    height: 100%;
}

.product_info_page .product-layer-two {
    display: none;
}

.product-layer-two li {
    margin: 0;
    width: 100%;
    padding: 0 10px;
    border: none;
}

.product-layer-two>li.active {
    background: #f2f2f2;
}

.product-layer-two li.active a {
    border: unset;
    border-bottom: none;
    color: #56514c;
}

@media screen and (max-width: 1200px) {
    .products-list {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .products-list .name {
        font-size: 19px;
    }
}

@media screen and (max-width: 768px) {
    .product_page .products-list {
        width: 100%;
    }

    .products-list .name {
        font-size: 16px;
    }

    body.product_info_page .show_content {
        margin-top: 0;
    }
}

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

    .products-list,
    .related_list {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .products-list .price b {
        font-size: 24px;
    }

    .products-list .price b {
        font-size: 24px;
    }

}

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

    .products-list,
    .related_list {
        grid-template-columns: minmax(0, 1fr);

    }

    .products-list .name {
        font-size: 14px;
    }
}

/**/
.product-layer-two li a {
    position: relative;
    line-height: 1.5;
    transition: all 0.3s;
    background: transparent;
    color: #5a4641;
    font-size: 16px;
    text-align: left;
    font-family: "Noto Serif TC", serif;
    font-weight: 500;
    letter-spacing: 2px;
}

.product-layer-two>li>a {
    border: none;
    padding-left: 25px;
}

.product-layer-two li:hover>a,
.product-layer-two li.active>a {
    color: #56514c;
}

.product-layer-two>li>a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 18px;
    content: "＞";
    color: #1A1A1A;
    background: #fff;
    width: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    padding-left: 10px;
    font-size: 13px;

}


.product-layer-two li:hover a {
    color: #b98c5f;
    transition: all 0.3s;
}

.lastPage {
    background: transparent;
    border: 1px solid #b5b5b5;
    color: rgb(72, 46, 12);
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px;
    width: 100px;
}

/**/
.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: #56514c;
}

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

/*購物車/內層＝＝*/
.car_page .list_before li.btn {
    display: none;
}

.bx-wrapper img {
    margin: auto;
}

.bx-wrapper .bx-viewport {
    border: none;
    background: transparent;
}

body.product_info_page #content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.product_info_page .main_part {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
}

body.product_info_page .qaform {
    display: none;
}

body.product_info_page .prod-item:nth-child(2) {
    display: none;
}

/*按鈕顏色*/
.inquiry_a1 {
    background: #808080;
}

.inquiry_a2 {
    background: #bdab77;
}

.inquiry_a1:hover,
.inquiry_a2:hover,
.inquiry_a3:hover {
    background: #222;
}

.lastaction {
    color: #1A1A1A;
    background-color: #f2f2f2;
}

.nextaction {
    background-color: #1A1A1A;
}

/*商品側邊規格*/
.product_info li .txt_box {
    color: #462d2d;
    width: 100%;
}



.mobile_product_name {
    font-size: 24px;
    display: none;
}

/* 輪播 */
.product_pic {
    display: flex;
    justify-content: space-between;
    width: 1000px;
    max-width: 100%;
    margin: auto;
    padding-left: 0px;
    order: 0;
    margin-bottom: 36px;
    flex-wrap: wrap;
    gap: 10px;
}

.product_pic .bx-wrapper {
    display: block;
    padding: 0 0 0 5px;
    margin: 0;
}

.product_pic #bx-pager {
    margin-left: 0;
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 5px;
    padding: 0;
}

.product_pic #bx-pager a {
    width: 100%;
    height: auto;
}

ul.prod li .prod-panel img {
    max-width: 100%;
}

.bx-wrapper .bx-viewport {
    border: none;
    background: transparent;
}

.product_pic .bx-wrapper {
    /* background: #F7EFE8; */
}

.bx-wrapper img {
    aspect-ratio: 9 / 9;
    object-fit: contain;
}


/* 相簿============================================================== */

.path {
    display: none;
}

/* 標題 */
.subalbum-menu h2 {
    color: #fff;
}

.block {
    background: #fff;
}

/* 觀看其他 */
/*觀看其他作品*/
.album_fixed_title embed {
    display: none;
}

.album_fixed_title {
    display: none;
}

.other_album_choice li a {
    color: #fff;
}

.other_album_choice li {
    background: #4E96F7;
}


.other_album_choice li {
    margin-top: 2%;
}


/* 相簿第一層內頁=========== */


body.album_page .show_content {
    width: 85%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
}

.subalbum-menu {
    padding: 0;
}

.other_subalbum li {
    width: 100%;
    margin: 0;
}


body.album_page .show-list.clearfix {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

body.album_page .main_part {
    max-width: 2000px;
    margin: 0;
}

body.album_page .show-list .item {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    margin: 20px 10px;
    padding: 0;
    margin: 0.4%;
    box-sizing: border-box;
}

.overlay {
    display: none;
}


.album_page .show-list .item a {
    max-width: 100%;
}

.album_page .show-list .show_pic {
    display: block;
    position: relative;
    text-align: center;
    height: auto;
    aspect-ratio: 12 / 9;
    overflow: hidden;
    padding-bottom: 0;

}

.album_page .show-list .show_pic img {
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.album_page .show-list .show_pic img:hover {
    transform: scale(1.1);
}

.album_page .show-list .show_name {
    /* position: absolute;
    right: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%); */
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #FFFFFF !important;
    border: none;
    text-align: center;
    background: rgba(0, 0, 0, .3);
    padding: 10px;
    transition: all ease-in .3s;

}

.album_page .show-list .show_name {
    height: auto;
    font-size: 17px;
    color: black !important;
    border: none;
    text-align: left;
    background: transparent;
    padding: 14px;
    transition: all ease-in .3s;
    line-height: 1;
    margin: 0;
    padding: 3% 3% 3% 60px;
    position: relative;
    font-weight: 500;
}

.album_page .show-list .item:hover .show_name {
    opacity: 1;
    padding: 3% 3% 3% 80px;
}

.album_page .show-list .show_name:before {
    background-color: #3B2C19;
    position: absolute;
    left: 0;
    content: '';
    height: 1px;
    width: 40px;
    transition: all 0.3s ease-in-out;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
}



.album_page .show-list .item a:after {
    content: “”;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 0px solid rgba(255, 255, 255, 0.4);
    -webkit-transition: border 0.5s;
    -o-transition: border 0.5s;
    transition: border 0.5s;
    transition: 0.5s;
    pointer-events: none;
}

ul.show-list.clearfix:hover a:hover:after {
    border-width: 13px;
}



@media screen and (max-width: 1200px) {
    body.album_page .show-list.clearfix {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 1000px) {
    body.album_page .show-list.clearfix {
        grid-template-columns: 1fr;
    }
}

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


/* 相簿第二層內頁===========================--- */

body.album_class_page .main_part {
    max-width: 2000px;
    margin: 0 auto;
    padding: 0;
}

body.album_class_page .subalbum-menu h2 {
    display: none;
}

.other_subalbum {
    display: flex;
    flex-wrap: wrap;
}

.subalbum-menu {
    margin: 80px 0;
}

.other_subalbum li {
    position: relative;
    width: 32.5333%;
    margin: 0.4%;
}


.other_subalbum li p {
    position: absolute;
    right: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #FFFFFF !important;
    border: none;
    text-align: center;
    background: rgba(0, 0, 0, .3);
    padding: 10px;
    transition: all ease-in .3s;

}

.other_subalbum li:hover p {
    opacity: 1;
}

.other_subalbum li a>div {
    display: block;
    position: relative;
    text-align: center;
    height: auto;
    aspect-ratio: 12 / 8;
    overflow: hidden;
    padding-bottom: 0;
    border-radius: 10px;
}



.other_subalbum li a img {
    max-width: 100%;
    max-width: 100%;
    min-width: 100%;
    object-fit: cover;
    height: 100%;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    transition: all 0.2s;
}

.other_subalbum li a:hover img {
    transform: scale(1.1);
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;
}




.other_subalbum:hover a:hover:after {
    opacity: 0;
    transition: 0.5s;
}

.other_subalbum:hover a:after {
    opacity: 1;
    transition: 0.5s;
}

@media screen and (max-width: 1200px) {
    .other_subalbum li {
        width: 49.2%;
    }
}


@media screen and (max-width: 768px) {
    body.album_class_page .main_part {
        margin: 5% auto;
        padding: 7%;
    }

    body.album_class_page .subalbum-menu {
        margin-top: 0;
    }
}

@media screen and (max-width: 476px) {
    .other_subalbum li {
        width: 100%;
        margin-bottom: 2%;
    }
}

/* 相簿第三層內頁================== */


body.album_info_page .main_part {
    max-width: 1300px;
    margin: 0 auto;
    padding: 5% 0;
    width: 95%;
}

ul.pic-list.clearfix {
    flex-wrap: wrap;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
}

.album_info_page .pic-list .show_pic img {
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.album_info_page .pic-list .show_pic {
    display: block;
    position: relative;
    text-align: center;
    height: auto;
    aspect-ratio: 12 / 8;
    overflow: hidden;
    padding-bottom: 0;

}


.album_info_page .pic-list .item {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    margin: 0%;
}

.album_info_page .pic-list .item h6 {
    position: absolute;
    right: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #FFFFFF !important;
    border: none;
    text-align: center;
    /* background: rgba(0,0,0,.3); */
    padding: 10px;
    transition: all ease-in .3s;
    text-shadow: 0 1px 1px #000;
    pointer-events: none;
}


ul.pic-list.clearfix li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #00000061;
    z-index: 1;
    opacity: 0;
    transition: 0.5s;
    pointer-events: none;
    mix-blend-mode: multiply;
}


ul.pic-list.clearfix:hover .item {
    opacity: 0.5;
    transition: 0.5s;
}

ul.pic-list.clearfix .item:hover {
    opacity: 1;
    transition: 0.5s;
}


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

@media screen and (max-width: 768px) {
    .album_info_page .main_part {
        margin: 5% auto;
        padding: 7%;
    }

    .album_info_page .pic-list .item:nth-child(2n+1),
    .album_info_page .pic-list .item:nth-child(2n+2) {
        margin-bottom: 20px;
    }

    .album_info_page .pic-list .item h6 {
        font-size: 20px;
    }

    ul.pic-list.clearfix {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

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


    .album_info_page .pic-list .item h6 {
        font-size: 13px;
    }

    ul.pic-list.clearfix {
        grid-template-columns: 1fr;
    }

}

/* 匯款 */
.shopping-cart .cart_head {
    color: #4e4e4e;
}

body.remit_page .form_content {
    padding: 0;
}

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

    .payment {
        margin: 0;
    }

    .payment li {
        padding-top: 30px;
    }
}