@charset "utf-8";

.headerStyle03 .subNavMenu>li>ul {
    display: none;
}

.headerStyle03 .subNavMenu>li:hover>ul {
    display: block;
}


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

.noscroll {
    overflow-y: hidden;
}


/* 20220810 Q&A間距拿掉 */


/* .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 .relate_pro_slid {
    padding-left: 57.6px;
    padding-right: 57.6px;
    overflow: visible;
}

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

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

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

.relatedPro .relate_pro_slid .item .itemPrice.del {
    color: gray;
    text-decoration: line-through;
    padding-right: 0.5em;
}

.shop_add .item {
    margin: 0 15px;
}

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


/* 0919 test */


/* product 食譜右側清單 共用 */

.itemList.newsListType2.Bbox_in_1c.newsListType7 .itemImg {
    /* cursor: pointer; */
    cursor: default;
}


/* productdetail 食譜內頁詳細 共用 */

.productdetail section.sectionBlock input.tagbtn {
    cursor: pointer;
}

.productdetail section.sectionBlock ul.listTag {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    margin-bottom: 30px;
}

.productdetail section.sectionBlock ul.listTag li {
    margin: 0 6px;
}

.tabLink_area {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
    margin-bottom: 0 !important;
}

.container a.tabLink {
    border: 1px solid #7995cc;
    padding: 10px 25px;
    margin: 10px;
    border-radius: 50px;
    background: #f2f6ff;
    color: #2d4d8d;
}

.abouttabLink_area {
    margin-right: 0;
    margin-left: 0;
    justify-content: center;
}

.abouttabLink {
    border: 1px solid #7995cc;
    padding: 10px 30px;
    margin: 10px;
    border-radius: 50px;
    background: #f2f6ff;
    color: #2d4d8d;
}

.productdetail .itemImg.square {
    padding-bottom: 100%;
}

.productdetail .prod_slider img:hover {
    cursor: default;
}

.prod_slider_title {
    color: #7995cc;
    font-size: 40px;
    font-weight: bold;
    /* display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden; */
}

.productdetail .title_style {
    margin-top: 0;
}

.tagbox .subBlockTitle {
    font-size: 18px;
    color: #313131;
    font-weight: bold;
    height: 100%;
}

.tagbox a.tabLink.light {
    background: #3c5d9f;
    color: #fff;
}

.aboutlight {
    background: #3c5d9f;
    color: #fff;
}


/* productdetail 食譜內頁右側表格步驟詳細 共用 */

.outboxtopic {
    background-color: #7995cc;
    padding: 10px 15px;
    color: #fff;
}

.mgb5.outbox {
    border: 1px solid #7995cc;
    margin-bottom: 30px;
    background: #fff;
}

.mgb5.outbox .col-6 {
    padding: 5px 10px;
}

.widgetSocial {
    top: 40%;
    right: 1.5%;
}

.slick-slider .slick-arrow:hover {
    background-color: #8c6c41;
}

.newsListType2 .item.process a:hover .itemTitle {
    color: #8c6c41;
    cursor: default;
}


/* 2023-08-08 修改指標要有手指 */


/* .newsListType2 .item.process a .itemImg,
.newsListType2 .item a {
    cursor: default;
} */

.indexBox03 .proItemBorder:hover .itemImg img,
.newsListType2 .item a:hover .itemImg img {
    transition: all 1s;
    width: 130%;
    height: 130%;
}

.itemImg img {
    transition: all 1s;
}

.twoBox_1-6 .itemImg img::before {
    background: url(https://png.pngtree.com/png-clipart/20190903/original/pngtree-round-chinese-style-border-png-image_4446959.jpg);
    width: 330px;
    height: 330px;
}

.tagbtn {
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}


/* pageLoading  找不到母版殘影原因，暫時修改成css控制 js有改成舊版*/

.pageLoading {
    background: url(../images_gjt/index_bg.jpg) no-repeat #efefef;
    height: 100vh;
}

.pageLoading img {
    animation: upLoading 0.4s ease-in;
}

@keyframes upLoading {
    0% {
        opacity: 0.5;
        transform: translate(-50%, 150%);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.editorBlock,
.editor,
.cke_editable {
    padding-bottom: 100px;
}


/* ---直接覆蓋SCSS--- */

.headerStyle03 {
    background: #f6f6f6;
}

.headerStyle03 .navBar .container_full {
    padding-left: 80px;
}

.headerStyle03 .navBar .navBarContent>div:last-child {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.headerStyle03 .menu {
    padding-right: 80px;
}

.headerStyle03 .navBar .navMenu.hoverEffect_01>li>a>span:after {
    background-color: transparent;
}

.headerStyle03 .navBar .navMenu>li.moreMenu>ul li:last-child {
    border-bottom: 3px solid #a28323;
}

.headerStyle03 .navBar .navBarContent .logo img {
    height: 90px;
    height: 75px;
}

.bannerStyle02 {
    position: relative;
}

.bannerBlock img.mb,
.bannerBlock img.pc {
    width: 100%;
}

.bannerStyle02 img.pc2 {
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
}

/* .bannerStyle02 .swiper-slide-active img.banner-text {
    -webkit-animation: textShow 1.5s 0.1s linear forwards;
    animation: textShow 1.5s 0.1s linear forwards;
    display: block;
} */

.aboutType1 .row.colVCenter .itemImg {
    padding-bottom: 67%;
}

#mbPanel .panelMenu .back,
#mbPanel .panelMenu .mainCloseBtn,
.mbPanel .panelMenu .back,
.mbPanel .panelMenu .mainCloseBtn {
    background: #a28323;
}

.cowboy_mbPanel_2 .cmpTop>div a.cmpBtn::before,
.cowboy_mbPanel_2 .cmpTop>div a.cmpBtn::after {
    height: 2px;
}

.cowboy_mbPanel_2 .cmpTop>div a.cmpBtn div {
    width: 20px;
    height: 2px;
}

@media (max-width: 1150px) {
    header.headerStyle03 .navBar .navMenu.currentStyle04>li>a>span {
        padding: 2px;
    }
}

@media (max-width: 1024px) {
    header.headerStyle03 {
        display: none;
    }
}

@media (max-width: 768px) {

    .bannerStyle02 .swiper-button-prev i,
    .bannerStyle02 .swiper-button-next i {
        font-size: 24px;
    }

    .bannerStyle02 .swiper-slide-active img.banner-text {
        display: none;
    }

    .bannerStyle02 .swiper-slide a {
        padding-bottom: 46%;
    }

    .bannerStyle02 img.pc2 {
        display: none;
    }

    .bannerBlock img.mb {
        position: absolute;
        top: 0;
        z-index: -1;
        left: 0;
    }
}


/* ---banner 文字圖片動畫st--- */

@keyframes textShow {
    0% {
        opacity: 0;
        transform: translate(-100px, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}


/* ---banner 文字圖片動畫ed--- */

/* .index [class^='sectionBlock'] {
    margin: 0;
    padding: 0;
} */

.indexContent_1 {
    background: url(../images_gjt/index_bg.jpg);
}

@media (max-width: 509px) {
    .indexContent_1 {
        background: url(../images_gjt/index_bg.jpg) #fbfbfb no-repeat left top / 150%;
    }
}

@media (max-width: 480px) {
    .indexContent_1 {
        background: url(../images_gjt/index_bg.jpg) #fbfbfb no-repeat top center / 200%;
    }
}

/* ---首頁關於藍田區塊st--- */
.index .blockTitle span,
.pageTitleStyle-2 span {
    position: relative;
}

@media(min-width:1024px) {
    .index .blockTitle span {
        font-size: 2.2222223rem;

    }

}

.index .blockTitle span::after,
.pageTitleStyle-2 span::after {
    content: '';
    background: url(../images_gjt/deco_title.svg) no-repeat;
    width: 114px;
    height: 27px;
    display: inline-block;
    position: absolute;
    /* left: 15%; */
    bottom: 0;

}

.index .oneBox-8 .blockTitle span {
    width: fit-content;
    margin: 0 auto;
    position: relative;
}

.index .oneBox-8 .blockTitle span::after {
    content: '';
    background: url(../images_gjt/deco_title.svg) no-repeat;
    width: 114px;
    height: 27px;
    display: inline-block;
    position: absolute;
    /* left: 51%; */
    bottom: 0;
    filter: invert(100%);

}

.bgParallax.oneBox-8 {
    padding: 150px 15px;
}

/*圖片hover*/
.itemImg {
    position: relative;
    z-index: 3;
    display: block;
    overflow: hidden;
}

.itemImgHover.hoverEffect5 {
    padding-bottom: 100%;
}

.itemImgHover:hover:before,
.itemImgHover:hover:after {
    opacity: 1;
}

.itemImgHover:before,
.itemImgHover:after {
    position: absolute;
    opacity: 0;
}

.itemImgHover:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.itemImgHover:after {
    content: "\f065";
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-family: FontAwesome;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
}

.hoverEffect5 img {
    transition: all 0.5s;
}

.hoverEffect5::before {
    display: none;
}

.hoverEffect5::after {
    display: none;
}

.hoverEffect5:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}


/* section.sectionBlock.graphicBlock {
    padding-bottom: 180px;
    padding-top: 150px;
    position: relative;
}

.graphicBlock .graphicBox2 {
    align-items: center;
}

section.sectionBlock.graphicBlock:before {
    content: '';
    display: block;
    background: url(../images_lantian/aboutBG.jpg) no-repeat top left / cover;
    width: 100%;
    height: 750px;
    position: absolute;
    bottom: 0;
}

.graphicBlock .textBox {
    width: 35.5%;
    padding-right: 4%;
    z-index: 1;
    padding-top: 9%;
}

.graphicBlock .textBox p {
    line-height: 2;
}

.graphicBlock .textBox .subBlockTitle {
    margin-bottom: 43px;
}

.graphicBlock .textBox .subBlockTitle:before {
    content: '';
    display: block;
    width: 81px;
    height: 47px;
    background: url(../../images_lantian/titleIcon.svg) no-repeat;
    margin: 0 auto 12px auto;
}

.graphicBlock .imgBox {
    width: 51.3%;
}

.graphicBlock .graphicBox2 .textBox .moreBlock {
    text-align: right;
}

.graphicBlock .graphicBox2 .textBox .moreBtn {
    text-align: right;
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    position: relative;
}

.graphicBlock .graphicBox2 .textBox .moreBtn:hover:after {
    opacity: 1;
    width: 41px;
    height: 41px;
}

.graphicBlock .graphicBox2 .textBox .moreBtn:before {
    content: '';
    display: block;
    width: 71px;
    height: 16px;
    background: url(../../images_lantian/arrow.svg) no-repeat;
    margin-left: 10px;
}

.graphicBlock .graphicBox2 .textBox .moreBtn:after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    transform: translate(50%, -50%);
    border-radius: 50px;
    background: #a68509;
    position: absolute;
    z-index: -1;
    top: 50%;
    opacity: 0;
    transition: all 0.5s ease-in;
} */

/* @media (max-width: 1024px) {
    section.sectionBlock.graphicBlock {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    section.sectionBlock.graphicBlock:before {
        height: 650px;
    }
    .graphicBlock .textBox {
        width: 48.5%;
    }
}

@media (max-width: 805px) {
    section.sectionBlock.graphicBlock {
        padding-top: 90px;
    }
}

@media (max-width: 576px) {
    .graphicBlock .textBox,
    .graphicBlock .imgBox {
        width: 100%;
    }
} */


/* ---首頁關於藍田區塊ed--- */


/* ---首頁鳥區塊動畫st--- */

span.title-title {
    color: #414042;
    font-size: 2.125rem;
    font-weight: 600;
    letter-spacing: 2.2px;
    text-indent: 2.2px;
    display: block;
}

span.title-title:before,
span.title-title:after {
    content: '';
    display: block;
    background: #414024;
    width: 35%;
    height: 1px;
    margin: 0 auto;
}

span.birldRight {
    position: absolute;
    right: 9%;
    top: 42%;
    animation: flyingStyle1 2.5s linear infinite;
}

span.birldLeft {
    position: absolute;
    left: 9%;
    top: 142%;
    z-index: 2;
    animation: flyingStyle2 3s linear infinite;
}

@keyframes flyingStyle1 {
    0% {
        top: 42%;
    }

    50% {
        top: 52%;
    }

    100% {
        top: 42%;
    }
}

@keyframes flyingStyle2 {
    0% {
        top: 142%;
    }

    50% {
        top: 152%;
    }

    100% {
        top: 142%;
    }
}

@media (max-width: 1440px) {
    span.birldRight {
        right: 2%;
    }

    span.birldLeft {
        top: 120%;
    }

    @keyframes flyingStyle2 {
        0% {
            top: 120%;
        }

        50% {
            top: 142%;
        }

        100% {
            top: 120%;
        }
    }
}

@media (max-width: 1024px) {
    span.birldLeft {
        top: 106%;
    }

    span.birldRight {
        top: 18%;
    }

    @keyframes flyingStyle1 {
        0% {
            top: 18%;
        }

        50% {
            top: 32%;
        }

        100% {
            top: 18%;
        }
    }

    @keyframes flyingStyle2 {
        0% {
            top: 106%;
        }

        50% {
            top: 132%;
        }

        100% {
            top: 106%;
        }
    }
}


/* ---首頁鳥區塊動畫ed--- */


/* ---首頁如何參遊藍田寺?區塊st--- */

section.sectionBlock.takeTour .container-fluid {
    padding: 0;
}

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

.cb7_list .cb7_item a .cb7_cover p {
    letter-spacing: 2.2px;
    text-indent: 2.2px;
}

.cb7_list .cb7_item a .cb7_cover p:before {
    background: transparent;
}

.cb7_text .cb7_content .join {
    position: relative;
    margin-bottom: 43px;
}

.cb7_text .cb7_content .join .joinList {
    text-align: left;
    max-width: 300px;
    margin: 0 auto;
}

.join .title-title:before,
.join .title-title:after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: #333;
}

.cb7_text .cb7_content .join:before {
    content: '';
    display: block;
    width: 81px;
    height: 47px;
    background: url(../../images_lantian/titleIcon.svg) no-repeat;
    margin: 0 auto 12px auto;
}

.cb7_text .cb7_content ul.joinList {
    text-align: left;
    max-width: 320px;
    margin: 0 auto;
}

.cb7_text .cb7_content ul.joinList li {
    margin-bottom: 6px;
}

ul.joinList li:nth-child(1):before,
ul.joinList li:nth-child(2):before,
ul.joinList li:nth-child(3):before,
ul.joinList li:nth-child(4):before,
ul.joinList li:nth-child(5):before {
    width: 20px;
    height: 20px;
    background: #b4ac7c;
    display: inline-block;
    border-radius: 50px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    margin-right: 5px;
}

ul.joinList li:nth-child(1):before {
    content: '1';
}

ul.joinList li:nth-child(2):before {
    content: '2';
}

ul.joinList li:nth-child(3):before {
    content: '3';
}

ul.joinList li:nth-child(4):before {
    content: '4';
}

ul.joinList li:nth-child(5):before {
    content: '5';
}


/* .cb7_item:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgb(103 80 10 / 80%);
    background-image: url(../images_v4/cb7.png);
    opacity: 0;
    transition: all 0.3s;
}

.cb7_list .cb7_item:hover:before {
    opacity: 1;
} */

.cb7_list .cb7_item a:before {
    background-image: url(../../images_lantian/lantianHover_top.svg), url(../images_v4/cb7.png);
    background-color: rgb(127 97 18 / 67%);
    background-repeat: no-repeat, repeat;
    background-position: top left;
    background-size: contain, inherit;
    width: 100%;
    height: 100%;
    left: 0;
}

.cb7_list .cb7_item a:after {
    background: url(../../images_lantian/lantianHover_bottom.svg) no-repeat bottom center/ contain;
    width: 100%;
    height: 100%;
    left: 0;
}

.cb7_list .cb7_item a:hover:before {
    top: 0;
    opacity: 1;
}

@media (min-width: 992px) {
    .cb7_text .cb7_content {
        width: 100% !important;
        max-width: 634px;
        margin: 0 auto 0 0;
        text-align: center;
    }
}

@media screen and (max-width: 1440px) and (min-width: 1350px) {
    .cb7_text .cb7_content {
        width: 100%;
        max-width: 533px;
        margin: 0 auto 0 0;
        text-align: center;
    }
}

@media screen and (max-width: 1350px) and (min-width: 1250px) {
    .cb7_text .cb7_content {
        width: 100%;
        max-width: 500px;
        margin: 0 auto 0 0;
        text-align: center;
    }
}

@media screen and (max-width: 1250px) and (min-width: 1199px) {
    .cb7_text .cb7_content .join {
        margin-bottom: 10px;
    }

    .cb7_text .cb7_content {
        width: 100%;
        max-width: 450px;
        margin: 0 auto 0 0;
        text-align: center;
    }

    span.title-title {
        font-size: 1.5rem;
    }
}

@media (min-width: 992px) {
    .cb7_text {
        position: absolute;
        top: 6%;
        left: 0;
    }

    .cb7_list .cb7_item a .cb7_cover p {
        color: #fff;
        text-align: center;
    }
}

@media (max-width: 1650px) {
    .cb7_text {
        top: 3%;
    }
}

@media (max-width: 1600px) {
    .cb7_text .cb7_content .join {
        margin-bottom: 20px;
    }
}

@media (max-width: 1300px) {
    .cb7_text {
        top: 1%;
    }
}

@media (max-width: 1199px) {
    .cb7_text {
        top: 3%;
        width: 50%;
    }

    .cb7_text .cb7_content {
        max-width: 100%;
        padding: 0;
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 1024px) {
    .cb7_text {
        top: 2%;
    }
}

@media (max-width: 991px) {
    .cb7_text {
        width: 100%;
        margin-top: 50px;
    }

    .cb7_list .cb7_item {
        margin-bottom: 0;
        background: #fff8de;
    }

    span.title-title {
        font-size: 1.8rem;
    }

    .cb7_list .cb7_item a .cb7_cover p {
        text-align: center;
        padding: 15px 0;
        color: #714813;
    }

    .cb7_list .cb7_item a .cb7_cover {
        max-width: 100%;
        margin: 0 auto;
        min-height: 81px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .orderBlock-5 {
        order: 1;
    }

    .orderBlock-4 {
        order: 2;
    }

    .orderBlock-1 {
        order: 3;
    }

    .orderBlock-2 {
        order: 4;
    }

    .orderBlock-3 {
        order: 5;
    }

    .orderBlock-7 {
        order: 6;
    }

    .orderBlock-8 {
        order: 7;
    }

    .orderBlock-6 {
        order: 8;
    }
}


/* ---首頁如何參遊藍田寺?區塊ed--- */


/* ---首頁最下方連結區塊st--- */

.contentLink .linkItem a,
.contentLink .linkItem a img {
    display: block;
    overflow: hidden;
}

.contentLink .linkItem a:hover:before {
    background: rgb(0 0 0 / 20%);
}

.contentLink .linkItem a:hover img {
    transform: scale(1.1);
}

.contentLink .linkItem a:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    background: rgb(0 0 0 / 35%);
    height: 100%;
    transition: all 0.5s ease-in;
    z-index: 1;
}

.contentLink .linkItem a img {
    transition: all 0.5s ease-in;
}

.contentLink .linkItem span.linktitle {
    position: absolute;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    color: #fff;
    font-size: 26px;
    z-index: 1;
}

.contentLink .linkItem span.linktitle>span {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contentLink .linkItem span.linktitle>span:before,
.contentLink .linkItem span.linktitle>span:after {
    content: '';
    display: block;
    background: #fff;
    width: 110%;
    height: 1px;
}

.container-fluid {
    overflow: hidden;
}


/* ---首頁最下方連結區塊ed--- */


/* ---首頁footer區塊st--- */

.footerStyle13 {
    padding-bottom: 60px;
    background: #b70000;
}

/* ---首頁footer區塊ed--- */


/* ---右側浮動區塊st--- */

.fixedIcons {
    z-index: 9;
    bottom: 19.5%;
}

.fixedIcons2 a {
    background-color: #714813;
    width: 48px;
    line-height: 48px;
    height: 143px;
    margin-bottom: 5px;
    opacity: 0.8;
    flex-direction: row;
    border-radius: 0;
    font-size: 18px;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl
}

.fixedIcons a {
    background-color: #714813;
    width: 48px;
    line-height: 48px;
    height: 48px;
    margin-bottom: 5px;
    opacity: 0.8;
    flex-direction: row;
    border-radius: 0;
    font-size: 18px;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    border-radius: 50%;
}

a.fixedIcons_donation img {
    margin-bottom: 5px;
    position: relative;
    left: 1px;
}


/* ---右側浮動區塊ed--- */


/* ---內頁樣式寺院介紹st--- */

.sectionBlock {
    margin: 50px 0;
    overflow: hidden;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin-top {
    margin-top: 0;
}

.pdt-50 {
    padding-top: 50px;
}

.pdb-50 {
    padding-bottom: 50px
}

.itemImgHover.hoverEffect1:after {
    left: 45%;
}

.XXXContent {
    /* background: url(../images_lantian/moldBG.jpg) #fbfbfb repeat left top / contain; */
    background: url(../images_gjt/index_bg.jpg)#fbfbfb repeat left top / contain;
}

@media(min-width:768px){

    .historyType6 .timeLineContentBox div.itemStep:nth-child(even) .eventList p {
        text-align: right;
    }
}

.overlap1 .overlapBox {
    justify-content: space-around;
}

.overlap1.sectionBlock_67 .overlapBox .textBox {
    width: 45%;
    padding: 0% 1%;
}

.overlap1.sectionBlock_67 .overlapBox .imgBox {
    width: 50%;
}

.overlap1.sectionBlock_67 .overlapBox.sectionBlock_67-reversedBox {
    align-items: center;
}

.sectionBlock_67-hr {
    border: 1px dotted rgb(205 187 116);
}

.overlapBox .blockTitle span {
    font-weight: 600;
}

section.sectionBlock.bgParallax {
    display: flex;
    align-items: center;
}

.historyType5 .timeLineContentBox li.itemStep:nth-child(2n) .eventList p {
    text-align: right;
}

.asideNewsTitle {
    background: #8b6b40;
    background: -webkit-gradient(linear, left top, right top, from(#8b6b40), to(#a68509));
    background: linear-gradient(to right, #8b6b40 0%, #a68509 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#8b6b40", endColorstr="#a68509", GradientType=1);
}

ul.expriList {
    margin-bottom: 20px;
}

ul.expriList li {
    margin-bottom: 5px;
}

ul.expriList li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #8c6c41;
    border-radius: 50px;
    margin-right: 8px;
}

span.subtitle.block {
    display: block;
    color: #8c6c41;
}

span.subtitle {
    color: #8c6c41;
}


/* ---處理scrollbar顏色--- */

.overContent {
    height: 470px;
    overflow-y: auto;
    padding: 0 15px;
}

.overContent::-webkit-scrollbar {
    width: 4px;
}

.overContent::-webkit-scrollbar-track {
    background-color: #e3dabb;
    border-radius: 10px;
}

.overContent::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a68509;
}

@media (max-width: 992px) {

    .overlap1.sectionBlock_67 .overlapBox .textBox,
    .overlap1.sectionBlock_67 .overlapBox .imgBox {
        width: 100%;
    }

    .overlap1 .imgBox,
    .overlap1 .textBox {
        width: 100%;
        height: 460px;
        height: auto;
    }

    .overlap1.sectionBlock_67 .overlapBox:last-child {
        margin-bottom: 0px;
    }

    .overContent {
        height: auto;
        overflow-y: initial;
    }

    .introduceStyle2 .colVCenter {
        flex-direction: column-reverse;
    }
}

@media (max-width: 768px) {
    .historyType5 .timeLineContentBox li.itemStep:nth-child(2n) .eventList p {
        text-align: left;
    }
}

@media (max-width: 576px) {
    .overlap1.sectionBlock_67 .overlapBox .textBox {
        width: 100%;
        height: 400px;
        height: auto;
    }
}


/* ---內頁樣式寺院介紹ed--- */


/* ---內頁樣式廣種福田st--- */

.donationForm {
    margin: 0;
    padding-bottom: 80px;
}

.stepProcess__Item.active:before {
    background-color: #d4c1a4;
}

.stepProcess__Item.active .stepProcess__Circle {
    border-color: #d4c1a4;
}

.donationForm button {
    background: #a28323;
}


/* ---內頁樣式廣種福田ed--- */


/* ---內頁樣式善念護法st--- */

.newsListType27 .documentList .listContent .downlandContent .downlandLink_btn .btn_underline.color-2 {
    background-color: #c3a328;
}

.newsListType27 .documentList .listContent .downlandContent .downlandLink_btn {
    font-size: 18px;
    letter-spacing: 0.05em;
    padding: 0 16px;
    z-index: 1;
    color: #a68509;
    padding: 15px 0;
    text-align: right;
}

.newsListType27 .documentList .listContent .content .title {
    line-height: 1.4;
    min-height: 92px;
}


/* ---內頁樣式善念護法ed--- */

.backBtn {
    margin: 50px 0;
    text-align: center;
}

.backBtn .btn-cis2 {
    color: #ffffff;
    border-width: 1px;
    border-style: solid;
    margin: 1em 0;
    cursor: pointer;
    border-color: #8d6d42;
    background-color: #8d6d42;
    padding: 8px 40px;
}

.backBtn .btn-cis2 i {
    margin-right: 8px;
}


/* ---2023-1024 新增樣式區塊--- */

.newsListType22 .item.item_list22 {
    border-radius: 15px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .newsListType22 .item.item_list22 .item_list22_imgLink {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .item_list22 .item_list22_imgLink .imgHoverBox {
        /*width: 80%;*/
        margin: 0 auto;
    }

    .item_list22 .item_list22_imgLink .imgHoverBox img {
        border-radius: 10px;
    }
}

.radio-box-container {
    display: flex;
    gap: 10px;
}

@media (max-width: 576px) {
    .radio-box-container {
        flex-direction: column;
    }
}

.radio-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.radio-box input[type='radio'] {
    margin-left: 0.5px;
    margin-right: 0.5px;
}

.radio-box:last-child input[type='radio'] {
    margin-left: 0px;
    margin-right: 0.5px;
}

.radio-box input {
    width: 18px;
    height: 18px;
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
}

.radio-box input:focus {
    box-shadow: none;
}

@media (max-width: 576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.slick-slider .slick-arrow {
    z-index: 9;
}

.newsList .item a:hover img {
    opacity: 0.5;
}

.descrip p {
    font-weight: bold;
    font-size: 24px;
}

.pageNumber {
    margin-bottom: 0;
    padding-bottom: 50px;
}


/* 開始點燈 */


/* common */

:root {
    --cis1: #BF5D52;
    --cis2: #1a428a;
    --cis3: #c66e65;
    --cis1-linear: linear-gradient(145deg, rgba(171, 94, 79, 0.9) 0%, rgba(171, 94, 79, 0.8) 65%, transparent);
    /* --cis1-linear: linear-gradient(145deg, rgba(166, 132, 9, 0.9) 0%, rgba(166, 132, 9, 0.8)65%, transparent); */
}

body {
    background: rgba(var(--cis1-rgb), 0.5);
}

a,
button {
    cursor: pointer;
}


/* 點燈首頁 */

.bless_index_link .slidBlock2 .itemImg {
    padding-bottom: 66.66%;
}

.bless_index_link .slidItem p {
    font-size: 1.2rem;
    color: var(--cis1);
    padding: 10px;
}

.bless {
    overflow: visible;
}

.bless_pic {
    position: relative;
}

.bless_pic::before {
    content: '';
    background: url(/images_v4/decorate_1.svg) no-repeat center / contain;
    position: absolute;
    left: -230px;
    top: 30px;
    width: 450px;
    height: 150px;
}


/* 點燈列表 */

.newsListType26 .newsListType26_box {
    height: 100%;
}

.newsListType26 .newsListType26_box .item {
    background: url(/images_v4/blessinglight/bg.svg) no-repeat center bottom / 100% #f5eddb;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

@media (max-width: 576px) {
    .newsListType26 .newsListType26_box .item {
        padding: 20px;
    }
}

.newsListType26 .item-content-main-btn {
    background-color: #cf7562;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
    border: none;
    letter-spacing: 1px;
    margin-top: 45px;
}

.newsListType26 .item-content-main-img {
    width: 150px;
    height: 97px;
    position: absolute;
    right: -10px;
    bottom: -14px;
}

.newsListType26 .newsListType26_box .item .itemTitle h3 {
    min-height: auto;
    border-bottom: solid 1px var(--cis1);
    padding-bottom: 5px;
}

.newsListType26 .newsListType26_box .hover_box {
    background: var(--cis1-linear);
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px 50px;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsListType26 .newsListType26_box .item:hover .hover_box {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 576px) {
    .newsListType26 .newsListType26_box .hover_box {
        display: none;
    }
}

.lightup.form input {
    border: 1px solid #e1caa8;
    background: #f5f2ee;
    /* width: 100%; */
}

.lightup_form {
    padding-top: 20px;
}

select,
textarea,
input {
    width: 100%;
}

.twzipcode_form_1 {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

@media (max-width: 992px) {
    .twzipcode_form_1 {
        flex-direction: column;
    }
}

span[class^='twzipcode_0'] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

@media (max-width: 992px) {

    /* 程式生成的部分樣式統一 */
    span[class^='twzipcode_0'] {
        flex-wrap: wrap;
    }

    span[class^='twzipcode_0']>select,
    span[class^='twzipcode_0']>input {
        width: 100% !important;
    }
}

.pageTitle:not([class*='pageTitleStyle-']) {
    padding-left: 0;
}

.checkBox_group {
    padding-left: 20px;
}

.f_end {
    display: flex;
    align-items: flex-end;
}

.card-header {
    background: var(--cis1);
    padding: 0px 20px;
}

.card-header button {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

.card-header button:hover,
.card-header button:focus {
    color: #fff;
}

.fixedIcons a {
    background-color: var(--cis1);
}

.inquiryInfo i {
    font-size: 26px;
}


/*========== lightup step1 ==========*/

.checkOutStep ul li+li {
    position: relative;
}

.checkOutStep ul li+li::before {
    content: '';
    display: block;
    position: absolute;
    top: 58%;
    left: 0;
    width: 12px;
    height: 23px;
    background: url(../images_v4/step_arw.svg);
}

.checkOutStep ul li .txt {
    border: 0;
}

.checkOutStep ul li .stepImg {
    margin: 0 auto;
    width: 55px;
    height: 55px;
    background: url('../images_v4/step_silver.svg');
}

.checkOutStep ul li.active .stepImg {
    background: url('../images_v4/step_gold.svg');
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .checkOutStep {
        position: unset;
        padding-bottom: unset;
    }

    .checkOutStep ul li .txt {
        position: unset;
        top: unset;
        left: unset;
    }

    .checkOutStep ul li:not(.active) .txt {
        display: block;
    }
}

@media (max-width: 500px) {
    .checkOutStep ul li+li::before {
        top: 12%;
        width: 8px;
        height: 15px;
        background-size: contain;
    }

    .checkOutStep ul li .txt {
        font-size: 13px;
    }

    .checkOutStep ul li .stepImg {
        width: 55px;
        height: 55px;
    }
}

body[class^='lightup_']>.Bbox_1c {
    display: none;
}

body[class^='lightup_'] .Bbox_view_full {
    padding: 100px 0;
    background: url(../images_v4/tw/bg_01.jpg);
}

@media (max-width: 1024px) {
    body[class^='lightup_'] .mbPanel_content>.Bbox_1c {
        display: none;
    }

    body[class^='lightup_'] .mbPanel_content .Bbox_view_full {
        padding: 70px 0;
        background: url(../images_v4/tw/bg_01.jpg);
    }
}

.lightup {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 100px;
}

@media (max-width: 1024px) {
    .lightup {
        margin: 0 auto 50px;
    }
}


/* .lightup_content:not(:last-child) {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--cis1);
} */

.member_form_1:not(:last-child) {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--cis1);
}

.lightup_1 .accordion .collapse {
    background: #fff;
    padding: 20px;
    border: solid 1px var(--cis1);
    border-top: none;
    margin-top: -15px;
}

.authenticateCode a {
    color: #8d8d8d;
}

.form-custom059 {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--cis1);
}

.light-join5 {
    text-align: right;
    margin-top: 36px;
}

.light-join5 a {
    background: var(--cis1);
    padding: 11px 25px;
    color: #fff;
}

.lightup_save a {
    text-align: right;
    color: #fff;
    background: var(--cis1);
    padding: 6px 20px;
    display: inline-block;
}

.lightup_save a:nth-child(2) {
    margin-left: 15px;
}

.lightup_save a:hover {
    background: #d17167;
}

@media (max-width: 1199px) {
    .lightup_content .lightup_info {
        width: 270px;
    }

    .lightup_content .lightup_save {
        /* width: 198px; */
    }
}

@media (max-width: 1024px) {
    .lightup_content .lightup_info {
        width: 250px;
    }

    .lightup_content .lightup_save {
        width: 180px;
    }
}

@media (max-width: 991px) {
    .lightup_content .lightup_info {
        width: 100%;
    }

    .lightup_content .lightup_doc {
        width: 100%;
    }

    .lightup_content .lightup_doc .lightup_form {
        width: 100%;
        /* max-width: 492px; */
        margin: 0 auto;
    }

    .lightup_content .lightup_save {
        width: 100%;
    }
}

.lightup_content .lightup_info .lightup_price {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 150px;
    height: 150px;
    margin-bottom: 30px;
    border-radius: 30%;
}

@media (max-width: 991px) {
    .lightup_content .lightup_info .lightup_price {
        margin: 0 auto 15px;
    }
}


/*.lightup_content:nth-child(5n+1) .lightup_info .lightup_price {*/

.lightup_content .lightup_info .lightup_price.color_01 {
    background: #f17442;
}


/*.lightup_content:nth-child(5n+2) .lightup_info .lightup_price {*/

.lightup_content .lightup_info .lightup_price.color_02 {
    background: var(--cis1);
}


/*.lightup_content:nth-child(5n+3) .lightup_info .lightup_price {*/

.lightup_content .lightup_info .lightup_price.color_03 {
    background: #c7997e;
}


/*.lightup_content:nth-child(5n+4) .lightup_info .lightup_price {*/

.lightup_content .lightup_info .lightup_price.color_04 {
    background: #5e7492;
}


/*.lightup_content:nth-child(5n+5) .lightup_info .lightup_price {*/

.lightup_content .lightup_info .lightup_price.color_05 {
    background: #bf5d52;
}

.lightup_content .lightup_info .lightup_price p {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0 0 5px;
    padding: 0 25px;
    text-align: center;
    letter-spacing: 5px;
    line-height: 1.4;
}

.lightup_content .lightup_info .lightup_price span {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 5px;
}

.lightup_content .lightup_info .lightup_des {
    width: 150px;
    display: none;
}

@media (max-width: 991px) {
    .lightup_content .lightup_info .lightup_des {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 20px;
        text-align: center;
    }
}

.lightup_content .lightup_info .lightup_des span {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.lightup_content .lightup_doc .lightup_form>div {
    margin-bottom: 20px;
}


/* .lightup_content .lightup_doc .lightup_form label {
	display: inline-block;
	width: 72px;
	padding-right: 6px;
	color: #8B5E3C;
	font-size: 16px;
	text-align: right;
} */

@media (max-width: 508px) {
    .lightup_content .lightup_doc .lightup_form label.godie {
        display: none;
    }
}


/* .lightup_content .lightup_doc .lightup_form input {
	height: 32px;
	padding: 0 10px;
	color: #8B5E3C;
	font-size: 14px;
	font-weight: 400;
	line-height: 32px;
	border: 1px solid #8B5E3C;
	border-radius: 5px;
} */

.lightup_content .lightup_doc .lightup_form input::placeholder {
    color: #8b5e3c;
    font-weight: 400;
}

.lightup_content .lightup_doc .lightup_form input[name='name'] {
    width: 100%;
    /* max-width: 238px; */
}

.lightup_content .lightup_doc .lightup_form input[name='company'],
.lightup_content .lightup_doc .lightup_form input[name='email'],
.lightup_content .lightup_doc .lightup_form input[name='other20'],
.lightup_content .lightup_doc .lightup_form input[name='add'] {
    /* width: calc(100% -  78px); */
}

.lightup_content .lightup_doc .lightup_form input[name='phone'],
.lightup_content .lightup_doc .lightup_form input[name='tel'] {
    width: 100%;
    /* max-width: 166px; */
}

@media (max-width: 555px) {
    .lightup_content .lightup_doc .lightup_form input[name='name'] {
        /* width: calc(100% -  78px); */
        max-width: unset;
        /* margin-bottom: 20px; */
    }

    .lightup_content .lightup_doc .lightup_form input[name='phone'],
    .lightup_content .lightup_doc .lightup_form input[name='tel'] {
        /* width: calc(100% -  78px); */
        max-width: unset;
    }

    .lightup_content .lightup_doc .lightup_form input[name='phone'] {
        margin-bottom: 10px;
    }
}

@media (max-width: 508px) {
    .lightup_content .lightup_doc .lightup_form input[name='zipcode'] {
        width: 82px;
    }

    .lightup_content .lightup_doc .lightup_form input[name='add'] {
        width: 100%;
    }
}

.lightup_content .lightup_doc .lightup_form select,
.lightup_doc .lightup_form select,
.twzipcode_form_1 select {
    height: 45px;
    padding: 0 23px 0 9px;
    color: #8b5e3c;
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
    background: #f5f2ee url('../images_v4/select.svg') no-repeat calc(100% - 5px) center;
    background-size: 8px;
    border: 1px solid #e1caa8;
    /* border-radius: 5px; */
    -webkit-appearance: none;
    appearance: none;
}

.accordion .card .lightup_content .lightup_doc>form select,
.accordion .card .lightup_doc>form select {
    height: 45px;
    padding: 0 23px 0 9px;
    color: #8b5e3c;
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
    background: #f5f2ee url('../images_v4/select.svg') no-repeat calc(100% - 5px) center;
    background-size: 8px;
    border: 1px solid #e1caa8;
    /* border-radius: 5px; */
    -webkit-appearance: none;
    appearance: none;
    /* display: inline-block;
    width: auto;
    vertical-align: middle; */
}

.lightup_content .lightup_doc .col-lg-12.formItem span.choice select {
    width: 31%;
}

.lightup_content .lightup_doc span.choice input {
    display: inline-block;
    vertical-align: middle;
    width: 33%;
}

.lightup_content .lightup_doc .lightup_form select[name='gender'] {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 1em;
    border: 1px solid #e1caa8;
    background: url('../images_v4/select.svg') no-repeat calc(100% - 5px) center #f5f2ee;
    background-size: 10px;
    border-radius: 0;
    font-size: 17px;
}

.lightup_content .lightup_doc .lightup_form [class^='twzipcode_']>* {
    margin-bottom: 10px;
    margin: 0 1.4px;
}

.lightup_content .lightup_doc .lightup_form [class^='twzipcode_'] select+* {
    margin-left: 3px;
}

@media (max-width: 511px) {
    .lightup_content .lightup_doc .lightup_form select[name='Byear'] {
        /* margin-bottom: 10px; */
    }

    .lightup_content .lightup_doc>form .lunar_date,
    .lightup_doc .lightup_form .lunar_date {
        display: inherit;
        margin-left: 14px;
    }

    .accordion .lightup_content .lightup_doc>form .lunar_date {
        margin-left: 7px;
    }

    .accordion .lightup_content .lightup_doc>form .lunar_date a {
        display: inline-block;
        padding: 0;
    }
}

.lightup_content .lightup_doc .lightup_form .lunar_date,
.lightup_doc .lightup_form .lunar_date {
    color: #8b5e3c;
    font-size: 16px;
    letter-spacing: 2px;
}

.lightup_content .lightup_doc>form .lunar_date,
.lightup_doc .lightup_form .lunar_date {
    color: #8b5e3c;
    font-size: 16px;
    letter-spacing: 2px;
}

.lightup_content .lightup_doc>form .lunar_date a,
.lightup_doc .lightup_form .lunar_date a {
    color: var(--cis1);
    font-size: 16px;
    padding-left: 20px;
}

.lightup_content .lightup_doc .lightup_form .copy {
    padding-left: 25px;
    color: #8b5e3c;
    font-size: 14px;
    font-weight: 700;
    background: url('../images_v4/check_no.svg') no-repeat left top;
}

.lightup_content .lightup_doc .lightup_form .copy.active {
    background: url('../images_v4/check_yes.svg') no-repeat left top;
}

.lightup_content .lightup_doc .lightup_form .textarea label {
    display: block;
}

.lightup_content .lightup_doc .lightup_form .textarea textarea,
.lightup_doc .lightup_form .textarea textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #e1caa8;
    background: #f5f2ee;
    /* border-radius: 5px;*/
}

.lightup_content .lightup_doc>form .textarea textarea,
.lightup_doc>form .textarea textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #e1caa8;
    background: #f5f2ee;
    /* border-radius: 5px;*/
}

.lightup_content .lightup_save {
    margin-bottom: 30px;
    padding-left: 0;
}

.accordion .lightup_content .lightup_save {
    margin-top: 30px;
}

@media (max-width: 991px) {
    .lightup_content .lightup_save {
        justify-content: center;
        padding: 0;
    }

    .accordion .lightup_content .lightup_save {
        margin: 0;
        padding: 17px;
    }

    .lightup_content .lightup_save p {
        margin: 0;
    }
}

.lightup_content .lightup_save p a {
    color: #000;
    font-size: 14px;
}

.lightup_content .lightup_save p a:nth-child(1) {
    color: var(--cis1);
}

.lightup_btn {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.lightup_btn a {
    display: block;
    width: 170px;
    color: var(--cis1);
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    background: transparent;
    border: 1px solid var(--cis1);
    border-radius: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0 15px;
}

.lightup_btn a:hover {
    color: #fff;
    background: var(--cis1);
}

.lightup_btn a.cue-btn {
    color: #fff;
    background: var(--cis1);
}



.lightup_btn button {
    width: 170px;
    height: 40px;
    color: var(--cis1);
    font-size: 18px;
    background: transparent;
    border: 1px solid var(--cis1);
    border-radius: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lightup_btn button:hover {
    color: #fff;
    background: var(--cis1);
}

.lightup.form select:focus,
.lightup.form select:active,
.lightup.form textarea.error,
.lightup.form textarea:focus,
.lightup.form textarea:active,
.lightup.form input.error,
.lightup.form input:focus,
.lightup.form input:active {
    border-color: var(--cis1) !important;
    outline: 0;
}

@media (max-width: 379px) {
    .lightup_btn {
        align-items: center;
        flex-direction: column;
    }

    .lightup_btn a+a {
        margin-top: 15px;
    }
}


/*========== lightup step2 ==========*/

.lightup_2 th {
    text-align: left;
}

.payments .radio span::before {
    border-color: var(--cis1) !important;
}

.payments .radio span::after {
    background: var(--cis1) !important;
}

.lightup_list {
    margin: 85px 0;
    padding: 25px;
    border: 1px solid var(--cis1);
    overflow-y: auto;
}

@media (max-width: 768px) {
    .lightup_list {
        margin: 60px 0;
    }
}

.lightup_list table {
    width: 100%;
    min-width: 684px;
    border-spacing: 0;
    border-collapse: collapse;
}

.lightup_list table td {
    padding: 1em 0.5em;
}

.lightup_list table tr th:nth-child(1) {
    width: 25%;
}

.lightup_list table tr th:nth-child(2) {
    width: 50%;
}

.lightup_list table tr th:nth-child(3) {
    width: 25%;
}

.lightup_list table tr th:not(:nth-child(2)) {
    letter-spacing: 30px;
}

.lightup_list table tr th:nth-child(2) {
    letter-spacing: 4px;
}

@media (max-width: 1499px) {
    .lightup_list table tr th:not(:nth-child(2)) {
        letter-spacing: 15px;
    }
}

.lightup_list table tr td {
    background: transparent;
}

.lightup_list table tr:last-child td {
    border-bottom: 0;
}

.lightup_list table tr:not(:last-child) td:nth-child(1) div {
    display: flex;
    align-items: center;
    line-height: 1.3;
}

.lightup_list table tr:not(:last-child) td:nth-child(2) div {
    width: 100%;
    line-height: 1.3;
}

.lightup_list table tr:not(:last-child) td:nth-child(3) div {
    line-height: 1.3;
}

.lightup_list table tr td a {
    color: #000;
}

.lightup_list table tr td a i {
    padding-right: 0;
    color: #000;
}

.lightup_list table tr:last-child td:nth-child(2) {
    color: #bf5d52;
    font-weight: 700;
    line-height: 1.3;
}

@media (max-width: 1024px) {
    .lightup_list table tr:last-child td:nth-child(2) br {
        display: none;
    }
}

header .navBar .navMenu.hoverEffect_01>li>a>span:after {
    background-color: var(--cis1);
}

header .navBar .navMenu>li.moreMenu>ul li:last-child {
    border-bottom: 3px solid var(--cis1);
}

.membernoticepayment2 .btn-white {
    border-radius: 50px;
    background: var(--cis1);
    border-width: 1px;
    border-style: solid;
    border-color: var(--cis1);
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}


/* QA */

.faqItem {
    margin-bottom: 30px;
}

.faqItemStyle-1 .faqItem .faqItem_head {
    padding: 15px 20px 15px 30px;
}

.faqItemStyle-1 .faqItem .faqItem_head {
    font-size: 20px;
    font-weight: bold;
}

.donationForm .forminfo label {
    width: 120px;
}


/* 修正首頁偏右邊的問題 */

.itemImgHover:after {
    margin: 0;
}


/* 捐款_新樣式 */

.donationForm_mix .formTitle h2 {
    color: var(--cis1);
    font-size: 1.777778rem;
    font-weight: bold;
}

.donationForm_mix .money_other {
    display: inline-flex;
    width: fit-content;
}

.radioBox_group input:checked~label .signIcon:after {
    width: 20px;
    height: 20px;
}

.radioBox_group .signIcon:after {
    -webkit-transition: none;
    transition: none;
}

.donation_radio_area .radioBox_group .signIcon::before {
    border-color: rgba(51, 51, 51, 0.5);
}

.donation_radio_area .radioBox_group {
    width: fit-content;
}

.donationForm .formItem span:not(.must) {
    color: var(--cis1);
}

.donationForm .formItem label {
    font-weight: normal;
}

._regular h3 {
    color: var(--cis2);
    font-weight: bold;
    margin-top: 40px;
}


/* form */

select,
.radio label,
.checkbox label {
    cursor: pointer;
}

.checkBox_group label,
.radioBox_group label {
    color: #666;
}

form .checkbox input[type='checkbox']:checked+span:after,
form .checkbox input[type='radio']:checked+span:after,
form .radio input[type='checkbox']:checked+span:after,
form .radio input[type='radio']:checked+span:after,
.form .checkbox input[type='checkbox']:checked+span:after,
.form .checkbox input[type='radio']:checked+span:after,
.form .radio input[type='checkbox']:checked+span:after,
.form .radio input[type='radio']:checked+span:after {
    z-index: 2;
    border-color: var(--cis1) !important;
}

input,
textarea,
select {
    background: #fffafa;
}

.receiptneed {
    display: none;
}

.idneed {
    display: none;
}

@media (max-width: 576px) {
    .btn-g {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
}


/* 表單按鈕圓角 */

.lightup_3 .btn-cis1,
.light-join5 a,
.btn-cis1 {
    border-radius: 50px;
}


/* for藍田點燈 */

.bannerStyle02 .pc2 {
    display: none;
}

.quicklyMenu .menuSwitch p {
    font-size: 18px;
}

.quicklyMenu .menuSwitch p img {
    margin-bottom: 7px;
    width: 30px;
}


/* BANNER暫時寫死隱藏 */

/* .about_1 .pageBanner,
.about_2 .pageBanner,
.news .pageBanner,
.news2 .pageBanner,
.newsdetail .pageBanner,
.news2detail .pageBanner,
.photo .pageBanner,
.phototype .pageBanner,
.video .pageBanner {
    display: none;
} */

.credit_car-radio {
    margin-bottom: 16px;
}

.fixedIcons2 {
    z-index: 9;
    bottom: 19.5%;
    position: fixed;
    right: 13px;
    display: block;
}

.fixedIcons2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    color: #fff;
    clear: both;
    opacity: 0.8;
}

.fixedIcons2 a {
    background-color: #714813;
    width: 48px;
    line-height: 48px;
    height: 143px;
    margin-bottom: 5px;
    opacity: 0.8;
    flex-direction: row;
    border-radius: 0;
    font-size: 18px;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
}

.fixedIcons2 a:hover,
.fixedIcons2 a:focus {
    opacity: 1;
}

.fixedIcons a {
    width: 60px;
    line-height: 60px;
    height: 60px;
}

.descrip-center {
    margin: 0 auto;
}

.descrip-center p {
    color: #8d6c41;
}

/*手機選單*/
.cowboy_mbPanel_4 .cmpFooter {
    border-top: none;
}

@media (max-width: 1024px) {
    .pageTitleStyle-2 {
        margin-top: 0px;
        padding-top: 36px;
    }

}

/*****************************/
/* home / fourBox-31 */
/*****************************/
.fourBox-31 * {
    transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
    .fourBox-31.sectionBlock .row>div:nth-child(-n + 2) {
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .fourBox-31.sectionBlock .row>div:nth-child(-n + 2) {
        margin-bottom: 15px;
    }
}

.fourBox-31 .list {
    position: relative;
    display: flex;
    border-radius: 2px;
    border: solid 1px #bbb;
    padding: max(15px, 1.2vw) 15px;
}

.fourBox-31 .list:hover {
    background-color: #f4f4f4;
}

.fourBox-31 .list:hover .iconB {
    opacity: 0;
    transform: translateX(-8px);
}

.fourBox-31 .list:hover .arrowB {
    opacity: 1;
    transform: translate(0, -50%);
}

.fourBox-31 .list:hover .txtB {
    transform: translateX(-25px);
}

.fourBox-31 .iconB {
    padding-right: 15px;
}

.fourBox-31 .iconB i {
    font-size: 21px;
}

.fourBox-31 .txtB .small {
    color: #767676;
}

.fourBox-31 .arrowB {
    opacity: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(-8px, -50%);
}

.fourBox-31 .arrowB i {
    font-size: 18px;
    font-weight: bold;
}

/*****************************/
/* home / index_content_all.php / data-block="124" */
/*****************************/
.sectionBlock_124 {
    overflow: hidden;
}

.sectionBlock_124 .containerW1600 {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.sectionBlock_124 .row01 {
    margin-left: -4%;
    margin-right: -4%;
}

@media (max-width: 991px) {
    .sectionBlock_124 .row01 {
        margin-left: 0;
        margin-right: 0;
    }
}

.sectionBlock_124 .row01 [class^="col-lg"] {
    padding-left: 4%;
    padding-right: 4%;
}

@media (max-width: 991px) {
    .sectionBlock_124 .row01 [class^="col-lg"] {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
}

.sectionBlock_124 .row01 .col-lg-5 img {
    aspect-ratio: 1.5;
    object-fit: cover;
}

@media (max-width: 991px) {
    .sectionBlock_124 .inner {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.sectionBlock_124 .slogan {
    display: block;
    color: #e6e6e6;
    width: 80%;
    margin-bottom: 2rem;
}

@media (max-width: 991px) {
    .sectionBlock_124 .slogan {
        width: 100%;
        margin-bottom: 0;
    }
}

.sectionBlock_124 .row02 {
    justify-content: space-between;
    margin-bottom: 30px;
}

.sectionBlock_124 .btn {
    /* color: $cis1;
   */
}

@media (max-width: 1199px) {
    .sectionBlock_124 .btn {
        display: inline-block;
    }
}

.sectionBlock_124 .btn small {
    position: relative;
    display: inline-block;
    margin-right: -50px;
    background-color: #fff;
    padding: 10px 0;
    z-index: 2;
}

@media (max-width: 1199px) {
    .sectionBlock_124 .btn small {
        margin-right: 0;
    }
}

.sectionBlock_124 .btn .round {
    position: relative;
    width: 150px;
    height: 150px;
    line-height: 125px;
    font-size: 50px;
    border: 1px solid;
    border-radius: 50%;
    margin-left: 15px;
    text-align: center;
    z-index: 1;
    transition: all 0.3s;
}

@media (max-width: 1199px) {
    .sectionBlock_124 .btn .round {
        width: 60px;
        height: 60px;
        line-height: 35px;
        font-size: 40px;
    }
}

.sectionBlock_124 .btn .round::before {
    content: "\2026";
    display: block;
    width: 100%;
    height: 100%;
}

.sectionBlock_124 .btn:hover .round {
    margin-left: 25px;
}

.sectionBlock_124 .btnBox {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sectionBlock_124 .row03 img {
    /* aspect-ratio: 1; */
    object-fit: cover;
    display: block;
}

@media (max-width: 768px) {
    .sectionBlock_124 .row03 {
        margin-left: -6px;
        margin-right: -6px;
    }

    .sectionBlock_124 .row03 .col-4 {
        padding-left: 6px;
        padding-right: 6px;
    }
}

/*sectionBlock_107*/
.sectionBlock_107 {
    background: #34344A
}

@media (min-width: 1100px) {
    .sectionBlock_107 {
        padding: 50px 0;
    }
}

.sectionBlock_107 .container {
    position: relative;
}

.sectionBlock_107 .title-box {
    width: 30%;
    margin-bottom: 50px;
    position: absolute;
}

.sectionBlock_107 .title-box .title-box-container {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1200px) {
    .sectionBlock_107 .title-box {
        width: 35%;
    }
}

@media (max-width: 992px) {
    .sectionBlock_107 .title-box {
        width: 100%;
        position: relative;
    }

    .sectionBlock_107 .title-box .title-box-container {
        display: flex;
        justify-content: center;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 576px) {
    .sectionBlock_107 .title-box {
        margin: 0 0 60px;
    }

    .sectionBlock_107 .title-box .title-box-container {
        flex-direction: column;
    }
}

.sectionBlock_107 .main-title {
    margin-bottom: 70px;
    letter-spacing: 3px;
    color: #fff;
    font-weight: 600;
}

@media (max-width: 992px) {
    .sectionBlock_107 .main-title {
        margin-bottom: 80px;
        margin-right: 30px;
    }
}

@media (max-width: 576px) {
    .sectionBlock_107 .main-title {
        margin-bottom: 35px;
        margin-right: 0;
    }
}

.sectionBlock_107 .main-title span {
    color: #fff;
}

.sectionBlock_107 .sub-title {
    margin: 18px 0 0;
    color: #ccc;
    font-weight: 400;
}

@media (max-width: 992px) {
    .sectionBlock_107 .sub-title {
        margin: 0;
    }
}

.sectionBlock_107 .section-line {
    background-color: #222;
    display: inline-block;
    height: 1px;
    width: 100px;
    margin-top: 50px;
}

@media (max-width: 992px) {
    .sectionBlock_107 .section-line {
        display: none;
    }
}

.sectionBlock_107 .content-box {
    width: 70%;
    overflow: visible;
    position: initial;
    margin-left: auto;
    margin-right: 0;
    /* the parent */
}

.sectionBlock_107 .content-box .img-item-text {
    padding: 0 15px;
    text-align: left;
    color: #aaa;
    letter-spacing: 1px;
    font-weight: 300;
}

.sectionBlock_107 .content-box .slick-slide {
    margin: 0 10px;
}

.sectionBlock_107 .content-box .slick-list {
    margin: 0 -10px;
}

@media (max-width: 1200px) {
    .sectionBlock_107 .content-box {
        width: 65%;
    }
}

@media (max-width: 1024px) {
    .sectionBlock_107 .content-box {
        width: 60%;
    }
}

@media (max-width: 992px) {
    .sectionBlock_107 .content-box {
        margin-right: auto;
        width: 100%;
        padding: 0 15px;
    }
}

.sectionBlock_107 .img-item {
    position: relative;
    text-align: center;
}

.sectionBlock_107 .img-item-title {
    padding: 0 15px;
    margin-top: 32px;
    letter-spacing: 3px;
    font-weight: 300;
    text-align: left;
}

.sectionBlock_107 .img-item-title a {
    color: #fff;
}

.sectionBlock_107 .item-nav-prev,
.sectionBlock_107 .item-nav-next {
    width: 45px;
    border-radius: 60%;
    height: 45px;
    color: #fff;
    line-height: 45px;
    padding: 0;
    font-size: 22px;
    background: transparent;
    border: transparent 1px solid;
    position: absolute;
    top: 60%;
    opacity: 1;
    cursor: pointer;
    margin-top: 0;
}

@media (max-width: 992px) {

    .sectionBlock_107 .item-nav-prev,
    .sectionBlock_107 .item-nav-next {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        color: #fff;
        top: 57%;
    }
}

.sectionBlock_107 .item-nav-prev i,
.sectionBlock_107 .item-nav-next i {
    font-size: 35px;
}

.sectionBlock_107 .item-nav-prev {
    right: auto;
    left: 0px;
}

@media (max-width: 992px) {
    .sectionBlock_107 .item-nav-prev {
        left: 15px;
    }
}

.sectionBlock_107 .item-nav-next {
    right: auto;
    left: 85px;
}

@media (max-width: 992px) {
    .sectionBlock_107 .item-nav-next {
        right: 15px;
        left: auto;
        text-align: right;
    }
}

@media (min-width: 993px) {
    .sectionBlock_107 .button-controls {
        display: flex;
        column-gap: 30px;
        margin-top: 30px;
    }

    .sectionBlock_107 .item-nav-next,
    .sectionBlock_107 .item-nav-prev {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }
}

@media (max-width: 992px) {
    .sectionBlock_107 {
        padding: 8% 0;
    }

    .sectionBlock_107 .main-title {
        margin-bottom: 35px;
    }

    .sectionBlock_107 .button-controls {
        display: none;
    }

    .sectionBlock_107 .content-box {
        position: relative;
    }

    .sectionBlock_107 .slick-arrow:hover {
        background-color: transparent;
    }

    .sectionBlock_107 .slick-slider .slick-arrow i {
        padding: 0;
    }
}

.twoBox_1-21-5 .fa {
    color: #E6B908;
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6;
}

/* .itemImg.img-rectangle{
    padding-bottom: 133%;
} */
/*news*/
@media (max-width: 768px) {
    .newsList .itemList.newsListType2 .item>:nth-child(2) {
      
        padding-top: 0px; 
    }
    .Bbox_in_1c>div{
        margin-left: 0px;
        margin-right: 0px;
    }
    .newsList .itemList.newsListType2 .item>:nth-child(1){
        width: 100%;
    }
   
}
.blockTitle span{
    margin-bottom: 0px;
}
.sectionBlock_107 .blockTitle .titleDot span{
    background-color:#fff
}
.newsList .itemList.newsListType2 .item .itemImg img{
    width: 100%;
}
.twoBox_1-6 .col-lg-6{
    position: relative;
}
.twoBox_1-6 .toy{
    position: absolute;
    z-index: 1;
    right: 0%;
    bottom: 0%;


}
.coverAd .videoBox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    }
    .coverAd .videoBox iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .btn-cis1 {
        padding:0.8em
    }
    .lightup_1 .pageTitleStyle-2 span::after{
        display: none;

    }