body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:'Noto Sans TC','Arial', sans-serif;word-wrap: break-word;word-break: break-all;line-height: 180%;font-size: 16px;}
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */}
/*.container{ background: #f2f0de;}*/
.content-box { max-width:1280px; margin:0 auto; text-align:left; position:relative; clear:both;}
.inside-banner{background: url(/images/theme-c67/inside-banner.jpg) no-repeat;margin: 0 auto;padding: calc(20px + 6%) 15vw;position: relative;background-position: center center;
    background-size: cover;}
.inside-banner h1{line-height: 1.5;font-size: 35px;font-weight: 600;color: #fff;margin: 15px auto;
    text-align: center;display: inline-block;padding: 0px 15px;min-width: 250px;vertical-align: middle;letter-spacing: 3px;position: relative; filter: drop-shadow(0px 0px 4px #000) drop-shadow(0px 0px 6px #000);}
.inside-banner h1:before, .inside-banner h1:after { content: ""; position: absolute; width: 2px; height: 100%; transform: rotate(12deg); background: #fff; top: 0;}
.inside-banner h1:before { left: 0;}
.inside-banner h1:after { right: 0;}

.page-clear{padding: 30px 0;display: block;}

iframe {
    width: 100%;
    max-width: 560px;
}

/*path*/
.page-bottom{position: relative;}
.page-bottom::before{content: "";background: url(/images/theme-c67/footer-bg.png) repeat-x;display: block;background-position: center top;width: 100%;height:100%;min-height:32px; background-size: contain;}
.path.content-box{padding: 10px 0;display: flex;align-items: center;flex-wrap: wrap;}
.path li{display: flex;align-items: center;color:#333;vertical-align: middle;}
.path li::after{content:">";display: block;padding: 0 3px;}
.path li:last-child::after{content:"";display: block;}
.path li a{color:#333;font-size: 14px;}
/*go-top*/
.gotop-button{cursor: pointer;text-align: right;top: -32px;position: absolute;right: 0;z-index: 100;}
.gotop-button img{width: 65px;height: auto;animation: cloud-scale-1 .5s linear infinite alternate;}
/*宮廟簡介*/
.about-banner{background: url(/images/theme-c67/about-banner.jpg) no-repeat;margin: 0 auto;padding: 15vh 15vw;position: relative;background-position: center center;
    background-size: cover;}
.all-cloud{position: relative;margin-top: 60px;left: -80px; display: none;}
.cloud-1::before{content: url(/images/theme-c67/cloud-1.png);display: block;position: absolute;top:80%;left: -50px;animation: cloud-scale-1 .5s linear infinite alternate;}
.cloud-2::before {content: url(/images/theme-c67/cloud-2.png);display: block;position: absolute;top:70%;left: 180px;animation: cloud-scale-2 .5s linear infinite alternate;}
.cloud-3::before{content: url(/images/theme-c67/cloud-3.png);display: block;position: absolute;left: 250px;top:80%;animation: cloud-scale-3 .5s linear infinite alternate;}
.about-banner h1{line-height: 1.5;font-size: 35px;font-weight: 600;color: #fff;margin: 15px auto;
    text-align: center;display: inline-block;padding: 0px 15px;min-width: 250px;vertical-align: middle;letter-spacing: 3px;position: relative; filter: drop-shadow(0px 0px 4px #000) drop-shadow(0px 0px 6px #000);}
.about-banner h1:before, .about-banner h1:after { content: ""; position: absolute; width: 2px; height: 100%; transform: rotate(12deg); background: #fff; top: 0;}
.about-banner h1:before { left: 0;}
.about-banner h1:after { right: 0;}
.about-banner h1 span{display: block;border: 0 solid #fff;}
.about-us-frame{overflow: hidden; background: url(/images/theme-c67/inside-page-bg.png) no-repeat;background-position: bottom center;background-attachment: fixed; padding-top: calc(10px + 1%); background-size: cover;}
.about-temple {padding: 5vh 15vw;margin: 0 auto;max-height: 750px;overflow: hidden;position: relative;background: url(/images/theme-c67/about-window.png) repeat-y;background-size: cover;}
.about-temple::before{content:url(/images/theme-c67/left-god.png);display: block;position: absolute;left: 0;top:60px;}
.about-temple::after{content:url(/images/theme-c67/right-god.png);display: block;position: absolute;right: 0;top:60px;}
.about-temple h2{font-size:30px;color:#231815;text-align: center;font-weight: lighter;letter-spacing: 3px;margin: 30px 0;padding:5px 0;display: flex;align-items: center;justify-content: center; }
.about-temple h2:before{content: url(/images/theme-c67/idx-h1-red.png);display: block;margin: 0 10px;}
.about-temple h2:after{content: url(/images/theme-c67/idx-h1-red.png);display: block;margin: 0 10px;}
.about-temple .content-box{padding:2vh 5vw;margin: 0 15px;}
.about-text{padding: 2vh 5vw;}
.about-feature{padding: 5vh 15vw;margin: 0 auto;max-height: 750px;background: url(/images/theme-c67/about-bg-2.jpg);background-size: cover;position: relative;}
.about-feature::before{content:url(/images/theme-c67/stove.png);display: block;position: absolute;right:0;top: -180px;}
.about-feature::after{content:"";background: url(/images/theme-c67/temple.png) no-repeat;display: block;background-size: cover;background-position: center center;
    width: 50%;height: 100%;position: absolute;top: 0;left: 0;opacity: .5;}
.about-feature .content-box{padding:2vh 5vw;margin: 0 15px;}
.about-feature h2{font-size:30px;color:#231815;text-align: center;font-weight: lighter;letter-spacing: 3px;margin: 30px 0;padding:5px 0;display: flex;align-items: center;justify-content: center; }
.about-feature h2:before{content: url(/images/theme-c67/idx-h1-red.png);display: block;margin: 0 10px;}
.about-feature h2:after{content: url(/images/theme-c67/idx-h1-red.png);display: block;margin: 0 10px;}
.balance-show {margin: 15px;}
.balance-show ul{display: flex;align-items: center;justify-content: center;}
.balance-show ul li{padding: 5px;}
/*歷史沿革*/
.about-page{padding:0;margin: 0 auto;overflow: hidden;position: relative;display:block;/*background: url(/images/theme-c67/aboutus-page-bg.png) no-repeat #f9efe4;background-position: bottom center;background-attachment: fixed;min-height: 1500px;*/}
.about-page .content-box{padding:0 5% 0 5% ;margin: 0 auto;}
.about-page h2{position:relative;text-align: center;color:#fff;font-size: 25px;background: url(/images/theme-c67/lantern.png) no-repeat;display: block;height: 365px;width: 100%;background-position: center 100%;}
.about-page h2 span{position: absolute;top: 40%;left: 0;right: 0;}
.about-page h2::before{content: url(/images/theme-c67/cloud-left.png);display: block;top: 60%;position: absolute;left: 30%;animation: cloud-scale-1 .5s linear infinite alternate;}
.about-page h2::after{content: url(/images/theme-c67/cloud-right.png);display: block;top: 45%;position: absolute;right: 30%;animation: cloud-scale-3 .5s linear infinite alternate;}
.history-section{margin: -15px auto 0 auto;position: relative; max-width: 1100px;}
.history-section::before{content: "";background: url(/images/theme-c67/history-line-top.png) no-repeat top center / contain; display: block;margin: 0 auto;text-align: center;z-index: 13;position: relative; width: 70px; height: 144px;}
.history-section::after{content: "";background: url(/images/theme-c67/history-line-bottom.png) no-repeat top center / contain; display: block;margin: 0 auto;text-align: center; width: 70px; height: 213px; transform: translateY(-22px);}
.history-section ul { position: relative; padding-top: 20px;}
.history-section ul::before{content:"";background:#e1a011;width: 4px;height: 100%;display: block;margin: 0 auto;position: absolute;left: 0;right: 0;top: -5px;z-index: 12;}
.history-section ul li{display: flex;align-items: center;margin:0 0 0px 0; padding-bottom: 40px;}
.history-year,.history-event{width: 47%;margin: 0 30px;font-size: 22px;}
.history-year{color:#f06800;font-weight: bold;display: flex;flex-direction: row; }
.year-point{width: 26px;height: 24px;background: url(/images/theme-c67/history-line-dot.png) no-repeat top center / contain; position: relative;z-index: 13;}

.history-top-section { position: relative; max-width: 1100px; margin: 0 auto;}
.history-top-section img { width: 100%;}
.history-top-pto { width: 35%; margin: 0 auto;}
.history-top-cloud-1 { position: absolute; width: 25%; bottom: 0; left: 6%}
.history-top-cloud-2 { position: absolute; width: 22%; top:15%; right: 3%;}
.history-top-cloud-3 { position: absolute; width: 19%; bottom: 15%; right: 12%;}

/*space*/
.space-intro-content{margin: calc(20px + 3%) auto;}
.space-intro-content .tab-menu{flex-wrap: wrap;justify-content: center;}
.space-intro-content .product-nav__item{width: calc(100% / 4 - 10px);margin: 5px;}
.space-intro-content .product-nav__link{background: url(/images/theme-c67/space-mark.png)no-repeat;display: block;color:#fff;text-align: center;background-position: center center;}
.space-intro-content .product-nav__link.hover,.space-intro-content .product-nav__link.active,.space-intro-content .product-nav__link:hover {background: url(/images/theme-c67/space-mark.png)no-repeat;color:#d6a347;background-position: center center;}
.select-space-content{margin-top: 50px;}
.space-content-frame{display: flex;}
.space-image{display: inline-block;width: 55%;}
.space-intro{display: inline-block;width: 40%;margin-left: 15px;}
.space-intro-img{max-width: 225px;overflow: hidden;margin-bottom: 30px;}
.space-intro-img img{min-height: 225px;border-radius: 100%;}
.space-intro h3{color:#9e282e;font-size: 20px;display: flex;align-items: center;border-bottom: 2px solid #9e282e;margin-bottom: 20px;padding-bottom: 5px;}
.space-intro h3:before{content: url(/images/theme-c67/flower.png);display: block;margin-right: 5px;}
.space-intro-text .text strong{color:#9e282e;}
/*內頁*/
.inside-frame{overflow: hidden;/*min-height: 1200px;*/background: url(/images/theme-c67/inside-page-bg.png) no-repeat;background-position: bottom center;background-attachment: fixed; background-size: cover;}
.inside-page {padding:calc(20px + 4%) 5%;margin: 0 auto;overflow: hidden;position: relative;display: block;
    /*background: url(/images/theme-c67/inside-page-bg.jpg) no-repeat;background-position: center center;background-attachment: fixed; background-size: contain;*/}
.inside-page h2 {
    font-size: 35px;
    color: #231815;
    font-weight: 600;
    margin: 0 0;
    padding:0 0 5px 0; text-align: left; 
}
/*.inside-page h2::before {
    content: url(/images/theme-c67/idx-h1-red.png);
    display: block;
    margin: 0 10px;
}
.inside-page h2::after {
    content: url(/images/theme-c67/idx-h1-red.png);
    display: block;
    margin: 0 10px;
}*/
.foundation-title {
    font-size: 22px;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
}
.foundation-block01 {
    background: url(/images/theme-c67/foundation_temple01.jpg) no-repeat;
    padding: 50px 100px 100px 100px;
    text-align: center;
}
.foundation-block02 {
    background: url(/images/theme-c67/foundation_temple02.jpg) no-repeat;
    padding: 80px 100px 100px 100px;
}

.foundation {padding: 0;}
.foundation-all {margin: 40px auto;display: flex;flex-direction: column;padding-bottom: 40px;}
.foundation-content {color: #401010;font-size: 18px;position: relative;border-radius: 10px;background: #e8d7bb;text-align: center;padding: 5px 50px;width: 200px; margin: 0 auto;margin-bottom: 50px;}
.foundation-content:after {content: '';position: absolute;bottom: -45px;left: calc( 50% - 2px );width: 4px;height: 63%;background: #231815;}
.foundation-name {color: #a71313;font-size: 22px;font-weight: 600;}
.foundation-content-block{display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.foundation-line {background: url(/images/theme-c67/foundation-line.png);display: block;min-height: 60px;background-repeat: repeat-y;background-position: center center;
    background-size: contain;margin: 3px 0;}
.foundation-content-block ul{display: flex;align-items: center;}
.foundation-content-block ul li{color: #401010;font-size: 18px;border-radius: 10px;background: #e8d7bb;max-width: 200px;text-align: center;padding: 5px 20px; margin-right: 5px;list-style-type: none;}
.foundation-third {color: #401010;font-size: 18px;background: #e8d7bb;text-align: center;padding: 5px 10px;width: 200px;margin: 5px auto;}
.foundation-bottom {margin: 40px auto;}
/*news*/
.news-item{padding: 5vh 0;margin: 0px auto;}
.news-item ul{display: flex;align-items: center;flex-wrap: wrap;margin:0 auto;padding: 0 0;}
.news-item ul li{display: inline-block;margin:0 20px 30px 20px;width: calc(100% / 3 - 40px);position: relative;border-bottom: 2px solid #231815;
    padding: 10px 0;}
.news-img{max-width: 374px;overflow: hidden; line-height: 0;}
.news-img img{max-height: 223px;}
.news-title{margin: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 350px;color:#231815;}
.news-date{ color: #777;}
.news-title a{font-size: 16px;color:#231815;font-weight: 600; display: block; white-space:nowrap; text-overflow : ellipsis; overflow:hidden; padding-top: 5px;}
.news-item{padding: 0 0 0 0;min-height: 300px;}
.news-item ul li input{border:none;cursor: pointer;background: #231815;text-align: center;color: #fff;font-size: 16px;border: unset;font-family: 'Noto Sans TC','Arial', sans-serif;padding: 5px 10px;
    min-width: 100px;position: absolute;right: 0px;bottom:0;}
.news-item ul li:hover .news-img{opacity: .5;}
.news-item ul li:hover .news-title a{color:#e1a013;}
.news-item ul li:hover input{background:#e1a013; }
.news-item ul li:hover {border-bottom: 2px solid #e1a013;}
.news-show{margin: 30px auto;}
.news-show h2{color:#231815;font-size: 25px;font-weight: lighter;}
.news-show .news-show-top{margin: 30px auto;display: flex;}
.gray-bg{background: #e5e5e5;display: inline-block;vertical-align: middle;padding: 5vh 2vw;width: 60%;}
.news-show-title{font-size: 20px;color:#231815;border-left: 5px solid #231815;padding-left: 10px;margin-bottom: 20px;font-weight: 600;}
.news-show-top ul{margin-left: 25px;margin-top: 20px;}
.news-show-top ul li{list-style-type: square;}
.news-show .news-show-decription h3{font-size: 20px;color:#231815;border-bottom: 1px solid #231815;margin: 25px 0;}
.news-show-decription .news-show-bottom{display: flex;align-items: center;}
.news-show-bottom img{margin-right: 15px;}
.news-page-nav.content-box{margin: 20px auto;padding: 0 0;}
.news-page-nav ul{display: flex;align-items: center;justify-content: center;width: 50%;margin: 0 auto;text-align: center;}
.news-page-nav ul li{display: inline-block;width: calc(100% / 3 - 40px);margin: 0 20px;padding: 5px;}
.page-pre{background: url(/images/theme-c67/news-pre.png) no-repeat;background-position: center center;}
.page-next{background: url(/images/theme-c67/news-next.png) no-repeat;background-position: center center;}
.news-page-nav ul li a{color:#fff;}
.page-back{background: #231815;max-width: 120px;}
.news-page-nav ul li.page-pre:hover a,.news-page-nav ul li.page-next:hover a{color:#e1a013; }
.news-page-nav ul li.page-back:hover{background:#e1a013; }
.news-detail-date{color:#b2b1b1;margin-bottom: 30px;}
.news-show h3{font-size: 20px;color:#333333;}
/*gallery*/
.gallery_cate_all {display: flex;flex-wrap: wrap;}
.gallery_cate_all .gallery_list {padding: 10px;border: 2px solid #d09f47;background: #e9ddc4;max-width: 199px;display: inline-block;width: calc(100% / 6 - 8px);}
.gallery_cate_all .gallery_title{color:#333333;}
.gallery_cate_all .gallery_list:hover .gallery_title{color: #231815;}
.gallery_list_all{display: flex;flex-wrap: wrap;}
.gallery_list_all .gallery_list {padding: 10px;border: 2px solid #d09f47;background: #e9ddc4;max-width: 199px;display: inline-block;width: calc(100% / 6 - 8px);}
.gallery_list_all .gallery_title{color:#333333;}
.gallery_list_all .gallery_list:hover .gallery_title{color: #231815;}


/*香客服務*/
.service-item{padding: 5vh 0;margin: 30px auto;}
.service-menu{padding: 0 5vw;}
.service-menu .tab-menu.product-nav__list{justify-content: center;}
.service-menu .product-nav__item{margin-right: 20px;position: relative;}
.service-menu .product-nav__link{position: relative;z-index: 99;}
.service-menu .product-nav__link figure{max-width: 274px;max-height: 274px;overflow: hidden;border-radius: 100%;background: #fff;}
.service-menu .product-nav__link figure img{min-height: 274px;}
.service-menu .product-nav__link span{color:#9d0909;font-size: 20px;line-height: 22px; position: absolute;
    top: 30%;right: 0;left: 0;display: none;}
.service-menu .product-nav__link span::before{content: url(/images/theme-c67/service-icon.png);display: block;}
.service-menu .product-nav__link.hover span,.service-menu .product-nav__link.active span{display: block;}
.service-menu .product-nav__link.hover figure img,.service-menu .product-nav__link.active figure img{opacity: .2;}
.select-service-content{padding: 2vh 5vw;margin: 50px 0;}
.service-intro h3{color:#9d0909;font-size: 20px;margin: 20px 0;}
.service-intro ol{margin: 15px 20px;}
.service-intro ol li{list-style-type: decimal;}
/*參拜順序*/
.service-map { margin: 15px auto 35px auto;text-align: center;}
.visit-order-content{padding: 0vh 3vw;margin:0 auto 30px auto;}
.visit-order-content h2{font-size: 20px;color:#231815;border-bottom: 1px solid #231815;padding-bottom: 5px;margin-bottom: 15px;}
.visit-order-content ul{display: flex;align-items: center;flex-wrap: wrap;margin: 15px auto;text-align: center;}
.visit-order-content ul li{width:calc(100% / 3 - 10px);padding: 10px 25px; position: relative;}
/*.visit-order-content ul li span{background: #231815;color:#fff;padding: 10px 10px;min-height: 35px;display: block;}*/

.visit-order-content ul li > div { display: block; position: relative; border: 2.5px solid #e1a013; cursor: pointer; padding:15px 10px; color: #fff; background: #c85c02; text-align: center; line-height: 1.3;}
.visit-order-content ul li > div > b { position: relative;  z-index: 4; font-size: 0.9rem;}
.visit-order-content ul li > div > span { position: absolute;  z-index: 2; line-height: 0;}
.visit-order-content ul li > div > span > img { width: 25px;}
.visit-order-content ul li > div > span:nth-of-type(1) { top: 0; left:0;}
.visit-order-content ul li > div > span:nth-of-type(2) { top: 0; right:0; transform: rotate(90deg);}
.visit-order-content ul li > div > span:nth-of-type(3) { bottom: 0; right:0; transform: rotate(180deg);}
.visit-order-content ul li > div > span:nth-of-type(4) { bottom: 0; left:0; transform: rotate(-90deg);}



.visit-order-content ul li:after{content:"\f061";font-family: 'Font Awesome 5 Free';font-weight: 900;display: block;font-size: 22px;color:#aba8a8;top:50%; transform: translateY(-50%); right: -10px; position: absolute;}
.visit-order-content ul li:nth-child(3n)::after,.visit-order-content ul li:last-child::after{display: none;}
/*文創產品*/
.product { display: flex; flex-wrap: wrap; padding-bottom: 90px; }
.product .pro-list { width: calc(100%/3 - 17px); margin-right: 25px; margin-bottom: 35px; display: block; text-align: center; position: relative; }
.product .pro-list:nth-child(3n+3) { margin-right: 0px; }
.product .pro-list:hover .pic img { transform: scale(1.1); opacity: .2;}
.product .pic { max-width: 414px; margin: 0 auto; overflow: hidden; display: flex; justify-content: center; align-items: center; background: #fff;}
.product .pic img { width: auto; max-height: 286px; float: left; transition: all .2s; }
.product .link { position: absolute; top:30%; left: 0px; width: 100%; height: 100%;color:#bb0202;display:none;}
.product .link h2{font-size: 18px;text-align: center;display: flex;justify-content: center;}
.product .link h2::before,.product .link h2::after{content: url(/images/theme-c67/product-title.png);display: block;}
.pro-list:hover .link{display: block;transition: all 2s linear;}
/*影片區*/
.video-item{padding: 5vh 0;margin: 30px auto;}
.video-item ul{display: flex;align-items: center;flex-wrap: wrap;margin: 15px auto;text-align: center;width:90%;}
.video-item ul li{width: calc(100% / 3 - 20px);margin: 10px;max-width: 360px;cursor: pointer;}
.video-item ul li h2{color:#333333;font-size: 20px;}
.video-item ul li:hover h2{color:#231815;}
/*faq*/
.faq-item{padding: 5vh 0;margin: 30px auto;}
.faq-item ul li {margin: 25px auto;padding: 10px 0;border-bottom: 1px solid #bfbfbf;}
.faq-question{display: flex;align-items: center;position: relative;cursor: pointer;padding-bottom: 20px;}
.faq-question span:first-child{background: #ca0711;padding: 15px 25px;font-size: 20px;color: #fff;width: 60px;
    height: 60px;border-radius: 100%;text-align: center; }
.faq-question div{padding-left: 10px;}
.faq-answer{background:#fff1ee;padding: 25px;vertical-align: middle;line-height: 24px;display: none;}
.faq-answer ol{padding: 25px;}
.faq-answer ol li{list-style: decimal;}
.faq-answer ul {padding: 25px;}
.faq-answer ul li {list-style: disc;}
.guest-service{display: flex;align-items: center;}
.faq-question .toggle-open{position: absolute;right:35px;}
.faq-question .toggle-open:before {content: "\f107";font-family: 'Font Awesome 5 Free';display: block;font-weight: 900;font-size: 24px;color: #ca0711;}
.faq-question .toggle-open.open:after {content: "\f106";font-family: 'Font Awesome 5 Free';display:block;font-weight: 900;font-size: 24px;color: #ca0711;}
.faq-question .toggle-open.open:before{display: none;}
/*周邊景點*/
.site-description{display: flex;align-items: center;}
.site-text{width: 45%;margin: 0 15px;}
.site-text h3{font-size: 20px;color:#231815;padding-bottom: 20px;}
.site-description-bottom {display: block;border-bottom: 3px solid #231815;margin: 15px 0;}
.site-description-bottom::before{content: url(/images/theme-c67/surrounding-temple.png);display: block;text-align: right;margin-top: 10px;}
/*contact us*/
.contact-contents {color:#333333;}
.temple-map{}
.temple-map iframe { max-width: 100%; height: 300px;}
.travic-infor{}
.travic-infor h2{font-size: 25px;color: #231815;padding: 10px 0;margin: 10px 0;}
.travic-content{ padding-bottom: 30px;}
.travic-content h3{font-size: 20px;margin: 10px 0;border-left: 0px solid #333333;padding-left: 0px; position: relative; color: #fff; background: #e1a013; padding: 3px 15px; border-radius: 20px;}
.travic-content h3:before{ position: absolute; left: -10px; top:50%; transform: translateY(-50%); z-index: 1; border-radius: 100%; background: #e1a013; width: 24px; height: 24px; opacity: 0.35;}
.travic-content h3 > span { position: relative; z-index: 3;}
.travic-content ol{padding: 5px 0;margin: 5px 15px;}
.travic-content ol li{list-style-type: decimal;line-height: 180%;}
.red-font-1{color:#231815;}
.red-font-2{color:#fd0303;}
.contact-contents form{margin: 30px auto;}
.contact-contents form input,.contact-contents form select,.contact-contents form textarea {font-family:'Noto Sans TC','Arial', sans-serif;margin: 1% auto;padding: 1%;line-height: 180%;outline: none;box-sizing: border-box;}
.contact-contents form ul{display: flex;align-items: center;flex-wrap: wrap;}
.contact-contents form ul li{margin:15px 5px;width:calc(100% / 2 - 10px);}
.contact-contents form ul li:first-child input{width: 80%;}
.contact-contents form ul li:nth-child(3),.contact-contents form ul li:nth-child(6),.contact-contents form ul li:nth-child(7){width: 100%;}
.contact-contents form ul li input,.contact-contents form ul li select,.contact-contents form ul li textarea {border:none; background: #e9e9e9;}
.contact-contents form ul li textarea{width: 100%; min-height: 358px;}
.contact-contents form ul li input{width: 100%;min-height: 45px;}
.contact-contents form ul li select {height: 45px;}
.contact-contents form ul li .small-frame {width: 50px;}
.contact-contents form ul li:nth-child(3) input:last-child{width: 77%;}
.contact-contents form ul li:nth-child(6) select {width: 49.5%;margin: 5px 0;}
.contact-contents form ul li:nth-child(7) textarea{width: 100%;min-height: 350px;}
.robot{margin: 15px 0;}
.contact-contents .button_all {flex-direction: row;flex-wrap: nowrap;justify-content: center;display: flex;margin: 15px auto;}
.contact-contents .button_all  input {background: #231815;color: #fff;text-align: center;border: none;-webkit-appearance: unset;cursor: pointer;padding: 8px 10px;font-size: 18px;
 min-width: 180px;border-radius: 25px;margin: 0 15px;}
.contact-contents .button_all input:nth-child(2){background: #c85c02;}
.contact-contents .button_all  input:hover {background: #e1a013;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}

.contact-info-layout { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-bottom: calc(20px + 2%);}
.contact-info-layout > div { width: 32%; padding-bottom: 30px;}

/*sitemap*/
.sitemap{padding:0 0 5vh 0;margin: 30px auto;color:#333333;text-align: center;}
.main-category{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.main-cate-list{width: calc(100% / 3 - 10px);margin:5px;vertical-align: middle;}
.main-cate-list a {color: #fff;font-weight: 500;background: #231815;padding: 15px 15px;display: block;}
.main-cate-list:nth-child(4),.main-cate-list:nth-child(5){width: 100%;}
.main-cate-list:nth-child(4),.main-cate-list:nth-child(5){padding: 5px 0 0 0;}
.second-cate{ background: #eadabe;margin: 15px 0 5px 0;display: flex;align-items: center;}
.second-cate-list {width: calc(100% / 3 - 10px);margin: 10px;display: flex;align-items: center;justify-content: center;}
.second-cate-list a{background:none;padding:15px 0;color:#333333;}
.second-cate-list::before{content:url(/images/theme-c67/secon-cate.png);display: block;padding-right: 5px;}
/*動畫*/
.fadeInLeft {transition:transform 1s ease,opacity 1s ease;transform: translate(0, 0);opacity:1;}
.fadeOutLeft {transition:transform 1s ease,opacity 1s ease;transform: translate(-10px, 0);opacity: 1;}
.fadeInRight {transition:transform 1s ease,opacity 1s ease;transform: translate(0, 0);opacity:1;}
.fadeOutRight {transition:transform 1s ease,opacity 1s ease;transform: translate(10px, 0);opacity: 1;}
.fadeInUp {transition: transform 1s ease, opacity 1s ease; transform: translate(0, 0); opacity: 1.0; }
.fadeOutUp {transition: transform 1s ease, opacity 1s ease; transform: translate(0, 10px); opacity: 0; }
.fadeIndown{transition: transform 1s ease, opacity 1s ease; transform: translate(0, 0); opacity: 1.0;}
.fadeOutdown{transition: transform 1s ease, opacity 1s ease; transform: translate(0, -10px); opacity: 0;}
.scaleIn{transition: transform 1s ease, opacity 1s ease; transform:scale3d(1,1,1); opacity:1;}
.scaleOut{transition: transform 1s ease, opacity 1s ease; transform:scale3d(0,0,0); opacity:0;}
.cloud-scale-1{animation-name:cloud-scale-1; }
@keyframes cloud-scale-1{
    0%{transform: translateY(-10px);}
    100%{transform: translateY(0px);}
}
.cloud-scale-2 {
    animation-name: cloud-scale-2;
}

@keyframes cloud-scale-2 {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-10px);
    }
}

.cloud-scale-3 {
    animation-name: cloud-scale-1;
}

@keyframes cloud-scale-3 {
    0% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    }
}

/*history*/
.demo-section { padding-left: 5%; padding-right: 5%;}
/*.title01 { text-align: center; color: #fff; font-weight: 700; line-height: 1.3; font-size: clamp(25px, 3.3vw, 36px); padding: 40px 0 13px 0; margin-bottom: 22px; position: relative; filter: brightness(0);}
.title01:after { content: ""; position: absolute; width: 200px; height: 2px; background: #fff; bottom: 0; left: 50%; transform: translateX(-50%);}
.title01 > img { position: absolute; top:0; left: 50%; transform: translateX(-50%); width: 44px;}*/
.title01 { text-align: center; color: #333; font-weight: 700; line-height: 1.3; font-size: clamp(24px, 3.1vw, 32px); padding: 0 50px;; margin:0 auto 22px auto; position: relative; letter-spacing: 0.15rem; width: fit-content; margin-top: 20px;} 
.title01 > img { position: absolute; top:50%; transform: translateY(-50%); width: 35px;}
.title01 > img:first-child { left: 0;}
.title01 > img:last-child { right: 0;}

.history-pto { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-bottom: 20px;}
.history-pto > div { width: 48.5%; margin-bottom:20px;}
.history-pto > div > img { width: 100%; }

.photo {line-height: 0; height: 0; padding-bottom: 40%; overflow: hidden; position: relative; z-index: 1; margin-bottom: 0px;}
.imgCenter {position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 2;}
.imgCenter img {max-height: 100%;}

/*.history-section{margin: 50px auto;position: relative; max-width: 800px;}
.history-section::before{content: "";display: block;margin: 0 auto;text-align: center;z-index: 13;position: relative; width: 44px; height: 44px; background:url(/images/theme-c67/title-icon-2.png) no-repeat top center / contain; top:-30px;}
.history-section ul::before{content:"";background:#000;width: 2px;height: 100%;display: block;margin: 0 auto;position: absolute;left: 0;right: 0;top: -5px;z-index: 12;}
.history-section ul li{display: flex;align-items: center;margin:0 0 40px 0;}
.history-year,.history-event{width: 47%;margin: 0 30px;}
.history-year{color:#ca8c37;font-weight: bold;font-size: 18px;display: flex;flex-direction: column;}
.history-year span { font-weight: normal;}
.year-point{width: 15px;height: 15px;background: #ca8c37;border-radius: 100%;padding: 5px;position: relative;z-index: 13;}
*/

/*奉祀神祇*/
.god-list { display: flex; flex-direction: row; flex-wrap: wrap;}
.god-list > li { width: 25%; padding: 0 10px 20px 10px;}
.god-list > li > a { display: block; position: relative; border: 2.5px solid #e1a013; cursor: pointer; padding:15px 30px; color: #fff; background: #c85c02; text-align: center; line-height: 1.3;}
.god-list > li > a.active { filter: brightness(120%); transform: scale(1.1);}
.god-list > li > a > span { position: absolute;  z-index: 2; line-height: 0;}
.god-list > li > a > span > img { width: 25px;}
.god-list > li > a > span:nth-of-type(1) { top: 0; left:0;}
.god-list > li > a > span:nth-of-type(2) { top: 0; right:0; transform: rotate(90deg);}
.god-list > li > a > span:nth-of-type(3) { bottom: 0; right:0; transform: rotate(180deg);}
.god-list > li > a > span:nth-of-type(4) { bottom: 0; left:0; transform: rotate(-90deg);}

.god-content-list { display: flex; flex-direction: row; flex-wrap: wrap;}
.god-content-list > div { width: 33.33%; padding: 0 10px 0px 10px;}
.god-content-list-pto { text-align: center; margin-bottom: 15px;}
.god-content-list-pto img { width: 100%; max-width: 300px;}

.god-content-list h3{color:#e19f13;font-size: 20px;display: flex;align-items: center;border-bottom: 2px solid #e19f13;margin-bottom: 20px;padding-bottom: 5px; font-weight: bold;}
.god-content-list h3:before{content: url(/images/theme-c67/flower.png);display: block;margin-right: 5px; transform: translateY(3px);}
.god-content-list-data{ padding-bottom: 20px;}

#w0 { line-height: 0;}
@media only screen and (max-width: 1366px) {
    .about-feature::before{top: -80px;right:-100px;}
}
@media only screen and (max-width: 1280px) {
    .about-banner{padding: 8vh 15vw;}
    .all-cloud{margin-top: 0;}
    .about-feature{max-height: unset;}
    .about-feature::before{top:-40px;}
    .path.content-box{padding: 5px 15px;}
    .faq-question div{width:75%;}
}
@media only screen and (max-width: 980px) {
    .cloud-1::before {top: 80%;left: -50px;}
    .cloud-2::before{display: none;}
    .cloud-3::before{left: 90px;top: 80%;}
    .about-temple{background: none;}
    .about-temple,.about-feature{padding: 5vh 5vw;}
    .about-temple .content-box,.about-feature .content-box{z-index: 9;padding: 3vh 2vw;}
	.history-section { margin-top: 0;}
    .history-section::before,.history-section::after{display: none;}
	.history-section ul::before,.year-point{display: none;}
	.history-section ul li{flex-direction: column;align-items: unset;}
	.history-year,.history-event{width: auto; margin: 0; font-size: 18px;}
	.history-year{border-bottom: 1px solid; flex-direction: column; padding-bottom: 8px;}
    .about-us-frame .space-intro-content .product-nav__item {width: calc(100% / 2 - 10px) !important;}
    .space-content-frame{flex-wrap: wrap;}
    .space-image{display: block;width: 100%;margin: 20px auto;text-align: center;}
    .space-intro {display: block;width: 100%;margin: 15px auto;padding: 0;}
    .inside-page{}
    .news-item ul li {width: calc(100% / 2 - 40px);}
    .news-item ul li input{-webkit-appearance: none;border-radius: 0;}
    .news-show-top{flex-wrap: wrap;flex-direction: column;}
    .gray-bg{background: none;width: 100%;display: block;}
    .service-menu .product-nav__link figure{border-radius: 0;height: 100px;}
    .service-menu .product-nav__link figure img{bottom: 150%;position: relative;}
    .service-menu .product-nav__link span{top:10px;}
	.visit-order-content { padding: 0;}
	.visit-order-content ul li{ width:100%;flex-direction: column; margin: 0 0 35px 0; padding: 0;}
    .visit-order-content ul li:last-child{  margin: 0 0 0 0; }
    /*.visit-order-content ul li span{width: 100%;}*/
    .visit-order-content ul li::after{content: "\f063";margin: -4px auto 0 auto; right: auto; left: 50%; transform: translateX(-50%) translateY(0); top: auto;}
    .visit-order-content ul li:nth-child(3n)::after{display:block;}
    .visit-order-content ul li:last-child::after{display:none;}
    .product { justify-content: space-between; }
    .product .pro-list { width: 50%; margin-right: 0px; }
    .video-item ul li{width:calc(100% / 2 - 20px);}
    .site-description{flex-wrap: wrap;}
    .site-text{width: 100%;margin: 15px 0;}
    .contact-contents {padding: 0 3vw 5vh 3vw;}
    .contact-contents form ul li{width: 100%;}
    .contact-contents form input,.contact-contents form textarea {-webkit-appearance: none;}
    .contact-contents form ul li:nth-child(3) input:last-child {width: 100%;}
    .sitemap{padding: 0vh 3vw 5vh 3vw;}
    .main-cate-list{width: calc(100% / 2 - 10px);}
    .gallery_list_all .gallery_list,.gallery_cate_all .gallery_list{width:100%;}
	
	.god-list > li { width: 33.33%;}
	.contact-info-layout > div { width: 49%; }
	
}
@media only screen and (max-width: 840px) {
    .about-page h2::before{left: 25%;}
    .about-page h2::after{ right: 20%;}
    .service-menu .tab-menu.product-nav__list {flex-wrap: wrap;justify-content:unset;}
    .service-menu .product-nav__item{margin: 15px;}

}
@media only screen and (max-width: 768px) {
    .about-temple::before{left: -105px;opacity: .7;}
    .about-temple::after{right: -105px;opacity: .7;}
    .about-feature::before{opacity: .5;top:-15px;}
    .about-feature::after{width: 100%;}
    .news-show-decription .news-show-bottom{flex-wrap: wrap;flex-direction: column;}
    .news-show-bottom img{width:auto;margin: 30px 0;}
    .news-page-nav ul{width: 100%; flex-direction: column; align-items: center;}
    .news-page-nav ul li{margin-bottom: 15px; width: 100%;}
    .product .pro-list { width: calc(50% - 20px); }
    .contact-form .button_all{margin: 15px auto;flex-direction: column;}
    .contact-form .button_all input{margin: 15px auto;}
    .robot {margin: 15px auto;text-align: center;}
    .foundation-content{width:100%;}
    .foundation-third{width: 100%;}
    .foundation-content-block {margin-bottom: 0;}
    .foundation-content-block ul {flex-wrap: wrap;}
    .foundation-content-block ul li {max-width: none;width: 100%;margin: 5px 0;}
    .foundation-block01 {background: url(/images/theme-c67/foundation_temple01.jpg) no-repeat top left 3%;padding: 50px 20px;}
    .foundation-block02 {background: url(/images/theme-c67/foundation_temple02.jpg) no-repeat top left 25%;padding: 20px;}
	
	.gotop-button{top: -25px;}
	.gotop-button img{width: 50px;}
	
	.god-content-list > div { width: 50%;}
}
@media only screen and (max-width: 640px) {
    .inside-page{}
    .news-item ul li{width: 100%; margin-left: 0; margin-right: 0;}
    .page-pre,.page-next{background-size: contain;}
	
	.history-pto > div { width: 100%;}
	
	.god-list > li { width: 50%;}
}
@media only screen and (max-width: 570px) {
    .about-banner{background-position: 35% center;}
    .about-banner h1{font-size: 25px;min-width: 200px;min-height: 40px;}
    .cloud-1::before{content: url(/images/theme-c67/cloud-1-rwd.png);display: block;top: 5px;left: 50px;}
    .cloud-3::before{content: url(/images/theme-c67/cloud-3-rwd.png);display: block;left: 150px;top: 20px;}
    .about-temple .content-box, .about-feature .content-box {padding: 0 2vw 5vh 2vw;}
    .about-feature::before{top:50px;}
    .about-temple h2,.about-feature h2,.inside-page h2{font-size: 25px;}
    .about-feature::after{display: none;}
    .about-page .content-box{padding: 0 5% 0 5%;}
    .inside-banner h1{font-size: 25px;min-width: 200px;min-height: 40px;}
    .about-page h2::before {left: 15%;}
    .about-page h2::after {right: 10%;}
    .space-intro-content .product-nav__link ,.space-intro-content .product-nav__link.hover, .space-intro-content .product-nav__link.active, .space-intro-content .product-nav__link:hover{background-size: contain;}
    .inside-page {}
    .news-item ul{padding: 0 0 0 0;}
    .news-show {padding: 0 5vw 0 5vw;}
    .service-menu .tab-menu.product-nav__list{justify-content: center;}
    .service-menu .product-nav__list>li {width: auto !important;margin: 25px 15px;padding: 10px 0;}
    .product{padding: 0 3vw;}
    .product .pro-list { width: 100%; }
    .video-item ul{justify-content: center;}
    .video-item ul li {width: 100%;}
    .main-cate-list {width: 100%;}
    .second-cate{flex-wrap: wrap;}
    .second-cate-list {width: 100%;}
    .gallery_list_all,.gallery_cate_all{justify-content: center;}
	
	.god-content-list > div { width: 100%; padding: 0 ;}
}
@media only screen and (max-width: 414px) {
    .about-banner {background-position: 70% center;}
    .cloud-1::before{display:none;}
    .cloud-3::before{display:none;}
    .about-temple,.about-feature{padding: 5vh 3vw;}
    .about-temple::before{display: none;}
    .about-temple::after{display: none;}
    .about-temple h2:before,.about-temple h2:after,.about-feature h2:before,.about-feature h2:after{display: none;}
    .about-temple{max-height: unset;}
    .about-feature::before { top: 200px;}
    .about-temple .content-box, .about-feature .content-box {padding: 3vh 0; margin: 0 auto;}
    .about-temple h2,.about-feature h2{margin: 10px auto;}
    .balance-show {margin: 30px 0;}
    .about-page h2::before {left: 5%;}
    .about-page h2::after {right: 0;}
    .faq-item {padding: 5vh 3vw;}
    .faq-question span:first-child {padding:0 ;font-size: 18px;width: 30px;height: 30px;}
    .faq-question div {padding: 0 25px;}
	
	.god-list > li { width: 100%;}
	.contact-info-layout > div { width: 100%; }
}
@media only screen and (max-width: 320px) {
}