@charset "utf-8";

/*自訂樣式===============================================*/

.indexbody {
    padding-top: 0;
}

header {
    background: #e6f6c7;
}

.headerStyle01 .topLink {
    background-color: rgba(255, 255, 255, 0);
}

.noscroll {
    overflow-y: hidden;
}

.faqItem {
    margin-bottom: 80px;
}

.shopdetail .prod_price .del {
    text-decoration: line-through;
}

.relatedPro {
    margin: 50px 0;
}

.relatedPro .hrTitle {
    position: relative;
    text-align: center;
}

.relatedPro .hrTitle::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: gray;
    z-index: -1;
}

.relatedPro .hrTitle span {
    padding: 0 15px;
    color: gray;
    background: #fff;
}

.relatedPro .proList.shop {
    margin-top: 50px;
}

.relatedPro #relateProSlid {
    padding-left: 57.6px;
    padding-right: 57.6px;
    overflow: visible;
}

.relatedPro #relateProSlid .item .itemImg {
    padding-bottom: 100%;
}

.relatedPro #relateProSlid .item .itemTitle {
    height: 73px;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
}

.relatedPro #relateProSlid .item .itemPrice {
    color: #ff5353;
}

.relatedPro #relateProSlid .item .itemPrice.del {
    color: gray;
    text-decoration: line-through;
    padding-right: .5em;
}

@media (min-width: 992px) {
    .proList .hamburger_hide {
        display: block !important;
    }
}

.proList .subBlockTitle,
.proList .shopCart,
.proList .shopCart_btn {
    text-align: center;
}

.product .proList .subBlockTitle {
    text-align: left;
}

.proList .shopCart_btn .itemAddCart {
    width: auto;
    height: auto;
    font-size: 16px;
    padding: 5px 25px;
    border-radius: 0;
}

.proList .shopCart_btn .itemAddFavor {
    position: absolute;
    top: -10px;
    right: 5px;
    z-index: 3;
}

.indexList2 {
    padding: 15px;
    background-color: #0050A3;
}

.w-150{
    width: 150px;
}


/* 2025-09-15 #8525 示意圖彈跳 S */
.membernotice .closeBtn {
    cursor: pointer;
}

a.signal {
    color: #be1e2d;
    font-weight: bold;
    text-decoration: underline;
}
#signal.membernotice {
    max-width: 1000px;
    max-height: 75vh;
    padding-bottom: max(3vw,30px);
    height: fit-content;
    min-height: 35vh;
}

.pray_step3_line .del,
.service_step3_line .del {
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    margin-top: 1em;
}
.service_step3_line .del {
    color: #7c7c7c;
}
/* 2025-09-15 #8525 示意圖彈跳 E */
/*directions*/
.bg_directions{
    background: url(../images_v4/directions_bg.jpg) fixed no-repeat center / cover;
}
.bg_service{
      background: url(../images_v4/bg_service.jpg) fixed no-repeat center / cover;
}
.bg_directions_fixed{
      background: url(../images_v4/directions_bg.jpg) fixed no-repeat center / cover
}
.bg_index .blockTitle span{
    color: #754c29;
    border-bottom: solid 1px #754c29;
    font-weight: bold;


}
@media (min-width: 992px){

    .vertical_petal {
   padding-left: 40px;
   overflow: hidden;
 display: none;

}
/* .vertical_petal::before{
    margin-top: 0;
} */
.bg_index .blockTitle span{
    font-size: 28px;
}
/* .bg_index .blockTitle:before {
    content: "";
    background: url(../img/petal.png);
    position: absolute;
    left: -15px;
    top: 9px;
    width: 46px;
    height: 26px;
} */
}
/* @media (max-width:991px){
 .vertical_petal
    {
        writing-mode: vertical-lr;
    text-orientation: upright;
    font-size: 19px;
    display: inline-block;
    white-space: nowrap;
    font-weight: bold;
    overflow:visible;
    }

    .bg_index .blockTitle {
          overflow: hidden;
 display: none;
    }
} */
.step3_area{
    margin: auto;
}

.showrow{
    position: absolute;
    top: 10px;           /* 距離頂部 10 像素，可自由調整 */
    left: 50%;
    transform: translateX(-50%); /* 完美水平置中的組合技 */
    white-space: nowrap; /* 強迫數字一條線到底，絕不斷行 */
    z-index: 99999;      /* 確保疊在背景圖和所有燈位上方 */
    font-size: 16px;     /* 字型大小，可依需求調整 */
    font-weight: bold;   /* 粗體字，看起比較明顯 */
    color: #603813;      /* 顏色設定，可依背景深淺調整（例如改為 #ffffff） */
}


.digital .digital_service .allfake .floor .text_box p {
    text-orientation: upright;
}

.bg_directions::before,
.bg_index::before,
.bg_service::before,
.bg_directions_fixed::before {
    background: transparent;
}


header .navBar .navMenu>li>a {
    height: 90px;
}
@media screen and (max-width: 1200px) {
    header .navBar .navMenu.hoverEffect_01>li>a {
        height: 90px !important;
    }
}

.content-group .content {
    padding-top: 90px;
}

.step_pc {
    margin: 0 auto;
}