body{font-family:'Noto Sans TC', sans-serif;overflow-x: hidden;color:#000;background:#faf6ef;font-size: 1.3rem;}
h1, .h1 {font-size: 2rem;line-height: 1.5;font-weight: bold;}
h2, .h2 {font-size: 1.8rem;line-height: 1.5;font-weight: bold;}
h3, .h3 {font-size: 1.6rem;line-height: 1.5;font-weight: bold;}
h4, .h4 {font-size: 1.4rem;line-height: 1.5;font-weight: bold;}
h5, .h5 {font-size: 1.2rem;line-height: 1.5;font-weight: bold;}

*:focus {outline: none;}
a{transition: All .2s ease;color:#000;text-decoration: none}
a:hover {color: #a8895c;}
.container {padding-right: 25px;padding-left: 25px;}
.btn-top{position:relative;bottom: 0px;left:0px;width: 70px;height: 70px;display: block;background: #000;overflow: hidden;}
.btn-top-1,.btn-top-2,.btn-top-3{height:4px;background:#fff;position:absolute;z-index: 2; transition: All .2s ease;-webkit-transition: All .2s ease;-moz-transition: All .2s ease;-o-transition: All .2s ease;}
.btn-top-1{top:25px;width:32px;left:19px;right:19px;}
.btn-top-2{top:38px;width:17px;left:18px;transform:rotate(-5deg) translate(1px, 0px) skew(0deg, -15deg);}
.btn-top-3{top:38px;width:17px;right:18px;transform:rotate(5deg) translate(-1px, 0px) skew(0deg, 15deg);}
.btn-top:hover .btn-top-1{top:38px;}
.btn-top:hover .btn-top-2{top:25px;}
.btn-top:hover .btn-top-3{top:25px;}
.btn-top:after{content:'';width:100%;height:100%;background:#333;display: block;position:relative;top:70px;transition: All .2s ease;-webkit-transition: All .2s ease;-moz-transition: All .2s ease;-o-transition: All .2s ease;}
.btn-top:hover:after{top:-70px}
.body-right{transition: All .2s ease;-webkit-transition: All .2s ease;-moz-transition: All .2s ease;-o-transition: All .2s ease;}
.navbar-nav a:link,.navbar-nav a:visited{padding:10px;color:#fff;}
.submenu{padding-inline-start:0px;position:absolute;width: max-content;padding:20px;background:#343a40!important;display:none}li:hover .submenu{display:block}
body #cover{position:fixed;width:100%;height:100%;z-index:1031;right:0%;opacity:0;pointer-events:none;background:url("../images/svg_loading.svg"),url("../images/bg-loading.jpg");background-position: center center, center center;background-repeat: no-repeat,no-repeat;transition: All .3s ease;}
body.active-in #cover{width:100%;left:0%;opacity:1}
body.active-out #cover{width:100%;right:0%;opacity:1}
a.btn-style01{padding:8px 30px;border-radius: 40px;font-weight:bold;font-size:18px;background:url(../images/bg-btn.png) #fff;display:inline-block;color:#57430d !important;text-shadow:0px 1px 2px #fff;box-shadow:0px 1px 3px rgba(0,0,0,.3)}
a.btn-style01:hover{background-position:0px 100px;color:#fff;text-shadow:0px 1px 2px #000;box-shadow:0px 1px 3px rgba(0,0,0,.8),0px -1px 0px 0px rgba(255,255,255,.5) inset;}

@media (min-width: 1400px) {.container {max-width: 1240px;}}
@media (min-width: 1600px) {.container {max-width: 1440px;}}
@media (max-width: 1199px) {}
@media (max-width: 991.98px) {.submenu{position:relative;padding:0px;display:block}}
@media (max-width: 767.98px) {
.body-left{width:0px;display: none}
.body-right{margin-left:0px;}
.cursor{display: none;}}

/*M-navbar*/
.navbar {padding: 0px;background:transparent !important;display: block;transition: All .1s ease}
.navbar .navbar-top{display: flex;justify-content: center;align-items: center;}
.navbar .navbar-top .logo{transition: All .25s ease;margin: 20px auto;display: block;}
.navbar .navbar-top .logo-b{width:350px;display:none}
.navbar .navbar-top .logo-w{width:350px;display:block}
.offcanvas{width:100%}
.offcanvas-body{justify-content: center;}
.menu-list{padding-inline-start: 0px;list-style:none;margin: 0px;position: relative;text-align: end;}
.menu-list li{position:relative;display:inline-block;padding:0px;margin:0px;transition:All .3s ease;}
.menu-list li a.link:after{content: '連結';font-size: 12px;background:#af7500;color:#fff;padding:0px 4px 1px 3px;margin-left: 5px;border-radius: 5px;}
.menu-list li a:link,.menu-list a:visited,.menu-list .separator, .separator {font-size:17px;line-height: 1.5em;transition:All .2s ease;display:inline-block;color:#fff;font-weight:400;text-decoration: none;padding:20px 15px;position: relative;}
.menu-list li a:hover,.menu-list a:active{color:#ffd894;}
.menu-list li.active a{color:#ffc145 !important;}
.menu-list li .menu-list-submenu{background: #fff;box-shadow:0px 5px 10px 0px rgba(0,0,0,.1);position:absolute;left:0px;padding:0px 0px;border-radius:6px;min-width:200px;transition:All .3s ease;opacity:0;height:0px;overflow:hidden;text-align:left}
.menu-list li .menu-list-submenu li{display:block;padding:0px !important;margin:0px;transition: All .2s ease;height:0px;}
.menu-list li .menu-list-submenu li a:link,.menu-list-submenu li a:visited{color:#000 !important;display: block;white-space: nowrap;padding: 0px 20px !important;line-height: 40px;height: 0px;transition:All .3s ease;}
.menu-list li .menu-list-submenu li a:hover{color:#d4a231!important;}
.menu-list li:hover>.menu-list-submenu{display:block;height: auto;padding:10px 0px;opacity: 1;transition: All .3s ease;overflow:visible;transform: translate(0, 0px);z-index: 2}
.menu-list li:hover>.menu-list-submenu li{height:40px}
.menu-list li:hover>.menu-list-submenu li a{display: block}
.navbar.active{background:url(../images/bg-nav.jpg) #f7f2e7 repeat !important;box-shadow: 0px 0px 50px rgba(0,0,0,0.1)}
.navbar.active .navbar-top .logo{transition: All .1s ease;margin: 10px auto;}
.navbar.active .navbar-top .logo-b{display: block}
.navbar.active .navbar-top .logo-w{display: none}
.navbar.active .menu-list li a:link,.navbar.active .menu-list a:visited,.navbar.active .menu-list .separator,.navbar.active .separator {color:#000 !important}
.navbar.active .menu-list li.active>a{color:#d4a231 !important;}
.socialul{margin:0px 20px 0px 0px;display: flex;justify-content: flex-end;align-items: center}
.socialul li{display: inline-block;margin:0px 6px;transition:All .5s ease;}
.socialul li a{background:#d4a231;width:30px;height:30px;color:#fff;overflow: hidden;border-radius: 15px;display: flex;justify-content: center;align-items: center;}
.socialul li a:hover{background:#af7500 }
.socialul li svg{width:20px;}
@media (max-width: 1599px) {
.navbar .navbar-top .logo-b,.navbar .navbar-top .logo-w{width:300px;}
.menu-list li a:link,.menu-list a:visited,.menu-list .separator, .separator {font-size:16px;padding:20px 12px;}}
@media (max-width: 1399px) {
.navbar .navbar-top .logo-b,.navbar .navbar-top .logo-w{width:270px;}
.menu-list li a:link,.menu-list a:visited,.menu-list .separator, .separator {font-size:15px;padding:20px 8px;}}
@media (max-width: 1199px) {
.navbar{background:url(../images/bg-nav.jpg) #f7f2e7 repeat !important;box-shadow: 0px 0px 50px rgba(0,0,0,0.1)}
.navbar .navbar-top .logo,.navbar.active .navbar-top .logo{margin: 5px 0px}
.navbar .navbar-top .logo-b,.navbar .navbar-top .logo-w{width:350px;}
.navbar .navbar-top .logo-b{display:block}
.navbar .navbar-top .logo-w{display:none}
.navbar-toggler{border:none;background:transparent;padding: 0px;margin: 0px;}
.navbar-toggler:focus{border: none;box-shadow: none}
.navbar-toggler img{width:50px}
.offcanvas{width:40%;background: url(../images/bg-white.jpg) #fff}
.offcanvas-body{}
.menu-list li{display: block;}
.menu-list>li{border-bottom:1px solid #d4a231}
.menu-list li a:link, .menu-list a:visited, .menu-list .separator, .separator,.menu-list li.active a{color:#000 !important;display: block;padding: 10px 0px;text-align: center;font-size:20px;}
.menu-list li .menu-list-submenu{position: relative;opacity: 1;height: auto;background: transparent;border-radius: 0px;box-shadow: none;}
.menu-list li .menu-list-submenu li,.menu-list li .menu-list-submenu li a:link,.menu-list-submenu li a:visited{height:auto;font-size: 15px;}
.menu-list li:hover>.menu-list-submenu{padding: 0px;}}
@media (max-width: 991.98px) {
.navbar .navbar-top .logo-b,.navbar .navbar-top .logo-w{width:300px;}
.offcanvas{width:60%;}}
@media (max-width: 767.98px) {
.navbar .navbar-top .logo,.navbar.active .navbar-top .logo{margin: 8px 0px}
.navbar .navbar-top .logo-b,.navbar .navbar-top .logo-w{width:180px;}
.socialul{margin:0px 5px 0px 0px;}
.socialul li{margin:0px 2px;}
.offcanvas{width:70%;}}

/*M-banner*/
.carouselbanner{margin:0px;overflow: hidden;}
.carouselbanner-wrp .tns-inner{margin-right: -40vw !important;margin-left: -40vw !important;background:#faf6ef;}
.carouselbanner-wrp #tns1-mw:after{content: '';display: block;width:15vw;background:linear-gradient(to right,rgba(250,246,239,1),rgba(250,246,239,0));position:absolute;height:100%;top:0px;left:0px;z-index: 1}
.carouselbanner-wrp #tns1-mw:before{content: '';display: block;width:15vw;background:linear-gradient(to left,rgba(250,246,239,1),rgba(250,246,239,0));position:absolute;height:100%;top:0px;right:0px;z-index: 1}
.carouselbanner-wrp .controls-container li{z-index: 9;position:absolute}
@media (max-width: 1199px) {
.carouselbanner-wrp .tns-inner{margin-right:0vw !important;margin-left:0vw !important;}}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}

/*M-breadcrumb*/
.breadcrumb{background: transparent;padding: 0px;font-weight: 300;font-size: 15px;margin:0px;color:#888;margin-top: 30px;}
.breadcrumb .divider{margin:0px 10px 0px 8px;color:#ddd;}
.breadcrumb .active .divider{margin:0px 0px;color:#ddd;}
.breadcrumb a span{}
.breadcrumb span{}
@media (max-width: 1399px) {
.breadcrumb{}}
@media (max-width: 991.98px) {
.breadcrumb{margin-top: 15px;}}
@media (max-width: 767.98px) {
.breadcrumb{margin-top: 0px;}
.breadcrumb li:last-child{display:none;}}

/*M-卡片*/
.item{position:relative;display: flex;flex-direction: column;justify-content:space-between;background: #fff;overflow: hidden;height: 100%;}
.item-featured:after{content:'';display: block;width:60px;height:60px;background:url("../images/icon-flag.png");background-size: cover; position: absolute}
.item-cover{border-radius:0px;overflow: hidden;margin:0px;display: block;object-fit: cover;aspect-ratio: 1 / 1;}
.item-cover a{display:block;width:100%;height: 100%;}
.item-cover img{width:100%;height:100%;margin:0px;object-fit: cover;aspect-ratio: 1 / 1;transition-duration:.3s;}
.item:hover .item-cover img{transform: scale(1.05);}
.item-body{font-size:16px;color:#000;flex: auto;display: flex;flex-direction: column;justify-content: space-between;padding:15px 25px 25px;}
.item-body .item-cata a:link,.item-body .item-cata a:visited{color:#ccc;font-size: 13px;}
.item-body .item-cata a:hover{color:#666}
.item-body h2{font-size:24px;margin-bottom:5px;}
.item-body a:link,.item-body a:visited{color:#d4a231;}
.item-body a:hover{color:#744a0c;}
.item-body p{color:#666;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;font-weight:300;margin:0px;text-align: justify;}
.readmore .btn{background: #d4a231;color:#fff !important;margin-top: 10px;}
.item-body .d-flex{margin-top: 8px;}
ul.tags{list-style:none;padding-inline-start:0px;margin:3px 0px 10px;line-height: 1em}
ul.tags li{display:inline-block;margin-right:6px;}
ul.tags li a{font-size:13px;font-weight:normal;line-height: 1.5em}
ul.tags li a:before{content:'#';}
.introtext{overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;font-size:16px !important;margin-top:0px;padding-top:0px;max-height:4.5em}
.introtext ul{font-weight: 300;color:#666;}
@media (max-width: 1599.98px) {
.item-body{font-size:15px}
.item-body h2{font-size:20px;margin-bottom:3px;}}
@media (max-width: 1399.98px) {
.item-body{font-size:15px;padding:12px 20px 20px;}}
@media (max-width: 1199.98px) {
.readmore .btn{display: none}}
@media (max-width: 767.98px) {
.item-body{font-size:13px;padding:10px 15px 15px;}
.item-body h2{font-size:15px;margin-bottom:3px;}
.item-body p{-webkit-line-clamp:2;}
ul.tags li{margin-right:4px;}
ul.tags li a{font-size:12px;font-weight:300;line-height: 1.4em}
.introtext{font-size:14px !important;}}

/*M-文章卡*/
.itemblog{position:relative;display: flex;flex-direction: column;justify-content:space-between;background: #fff;overflow: hidden;height: 100%;}
.itemblog-cover{border-radius:0px;overflow: hidden;margin:0px;display: block;object-fit: cover;aspect-ratio: 1 / .6;}
.itemblog-cover a{display:block;width:100%;height: 100%;}
.itemblog-cover img{width:100%;height:100%;margin:0px;object-fit: cover;aspect-ratio: 1 / .6;transition-duration:.3s;}
.itemblog:hover .itemblog-cover img{transform: scale(1.05);}
.itemblog-body{font-size:16px;color:#000;flex: auto;display: flex;flex-direction: column;justify-content: space-between;padding:15px 25px 25px;}
.itemblog-body p{color:#666;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;font-weight:300;margin:0px;text-align: justify;}
.itemblog-body h2{font-size:20px;}
.itemblog-body h2 a,.itemblog-body h2 a:link,.itemblog-body h2 a:visited{color:#a8895c}
.itemblog-body h2 a:hover,.itemblog-body h2 a:active{color:#744a0c}
.itemblog-date{margin-bottom: 10px;display: inline-block;font-weight: 300;color: #999}
@media (max-width: 991.98px) {
.itemblog{flex-direction: row;margin-bottom: 15px;height: auto;}
.itemblog-body{font-size:15px;padding:15px;line-height: 1.4em}
.itemblog-body h2{font-size:18px;margin-bottom:3px;line-height: 1.4em}
.itemblog-body p{-webkit-line-clamp:2;}
.itemblog-cover{flex-shrink:0;width:40%}
.itemblog-cover img{}
.itemblog-body{flex-shrink:1;width:60%;}
.itemblog-date{margin-bottom:3px;font-size: 12px;}}
@media (max-width: 767.98px) {
.itemblog-body h2{font-size:15px;line-height: 1.3em}
.itemblog-body{font-size:13px;padding:10px;line-height: 1.3em}}

/*M-fixedBN*/
.fixedBN{position: fixed;bottom:10px;left:10px;z-index: 2;width: 180px;display: block;}
.fixedBN img.fixedBN-img{width:100%;}
.fixedBN span{background: #000;border:1px solid #000;display: flex;width:20px;height:20px;border-radius: 10px;padding: 0px;margin: 0px;line-height: 30px;align-items: center;justify-content: center;z-index: 3;position: absolute;right:-5px;top:-5px}
.fixedBN span img{width:12px;}
.fixedBN span:hover{background: #500;border:1px solid #500}
@media (max-width: 1199.98px) {
.fixedBN{bottom:10px;left:10px;width: 180px;}}
@media (max-width: 991.98px) {
.fixedBN{bottom:5px;left:5px;width: 150px;}}
@media (max-width: 767.98px) {
.fixedBN{display:none}}

/*M-pagination*/
.pagination{margin:60px 0px;width:100%;display: block;text-align: center}
.pagination .counter{display:none}
.pagination-list {padding-inline-start:0px;}
.pagination-list li{display: inline-block;margin:0px 10px 0px 0px;}
.pagination-list li:first-child,.pagination-list li:last-child,.pagination-list li:nth-child(2),.pagination-list li:nth-last-child(2){display: none}
.pagination-list li a,.pagination-list li a:link,.pagination-list li a:visited{padding:10px 16px;background:#fff;color:#000;font-weight: bold;font-size: 15px;border-radius: 8px;}
.icon-first:after{content:'第一頁';color:#fff;}
.icon-previous:after{content:'前一頁';color:#fff;}
.icon-next:after{content:'下一頁';color:#fff;}
.icon-last:after{content:'最後一頁';color:#fff;}
.pagination-list li a:not([href]):not([tabindex]){color:#fff;background:#d4a231;}

/**/
.view-article .item-image img{width:100%;margin:0px;object-fit: cover;aspect-ratio: 1 / 1;}
.view-featured .content-body{background: #fff;box-shadow:none;padding:0px;margin-top:0px}
.item-page table{text-align:left;font-size:.9em;line-height: 1.5em;width:100%;background: #fff;margin-bottom: 50px;border-radius: 10px;overflow: hidden}
.item-page.item-page-item{background:#fff;padding:50px;background-size: contain; border-radius: 8px;margin-top: 30px;}
@media (max-width: 1199px) {
.content-body{}
.content-body .page-header h2{font-size:18px}
.item-page.item-page-item{padding:40px;margin-top: 25px;}}
@media (max-width: 991.98px) {
.content-body{font-size:1rem}
.content-body .page-header h2{font-size:22px;margin:5px 0px;}
.item-page.item-page-item{padding:30px;margin-top: 20px;}}
@media (max-width: 767.98px) {
.content-body .page-header h2{font-size:17px;margin:3px 0px;}
.content-body .item-body p{text-align: justify;}
.item-page.item-page-item{padding:20px;margin-top: 15px;}}

/*M-#site*/
@media (max-width: 1599.98px) {}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {
#site{padding-top: 85px;}}
@media (max-width: 991.98px) {
#site{padding-top: 85px;}}
@media (max-width: 767.98px) {
#site{padding-top: 55px;}}
@media (max-width: 575.98px) {}

/*M-articleBody*/
.articleBody{line-height:2.2rem;font-size:1.25rem;margin: 20px 0px;font-weight: 300;}
.articleBody h1{font-weight: bold;margin:40px 0px 20px;}
.articleBody h2,.articleBody h3,.articleBody h4,.articleBody h5,.articleBody h6{font-weight: bold;margin:40px 0px 20px;color:#a8895c;}
.articleBody p,.articleBody ul,.articleBody ol{margin:10px 0px 20px;text-align: justify;}
.articleBody p{text-indent: 0px;text-align: justify;}
.articleBody b,.articleBody  strong {font-weight: bold; }
.articleBody span{font-weight:bold;}
.articleBody img{max-width: 100%;margin-top: 30px;border-radius: 10px;}
.articleBody ul li,.articleBody ol li{margin-bottom:5px;}
.articleBody table {text-align: left;font-size: .9em;line-height: 1.5em;width: 100%;background: #fff;margin-bottom: 50px;border-radius: 10px;overflow: hidden;}
.articleBody table tr, table td {padding: 0.5rem 0px;vertical-align: top;}
.articleBody table p {text-indent: 0px;margin:3px 0px ;}
.articleBody table tr td:nth-child(2) {font-weight: 400;border-bottom: 1px solid #eee;padding-bottom: 5px;}
.articleBody .table thead tr th{border:none}
.articleBody .table thead tr th:first-child{border-top-left-radius:10px}
.articleBody .table thead tr th:last-child{border-top-right-radius:10px}
.articleBody .table thead tr th a{font-size:15px;font-weight: normal}
.articleBody .table .thead-dark th {color: #fff;background-color:#86c9ac;border-color: #86c9ac;}
@media (max-width: 991.98px) {
.articleBody{line-height:2rem;font-size:1.1rem}
.articleBody h2,.articleBody h3,.articleBody h4,.articleBody h5,.articleBody h6{margin:30px 0px 15px;}}
@media (max-width: 767.98px) {
.articleBody{line-height:1.7rem;font-size:1rem}
.articleBody h2,.articleBody h3,.articleBody h4,.articleBody h5,.articleBody h6{margin:20px 0px 10px;}}

/*M-blog*/
.blog.blog-article{margin-bottom:50px;}
.blog.blog-article .item-image{border-radius:0px;overflow: hidden;margin:0px;display: block;object-fit: cover;aspect-ratio: 1 / .6;}
.layout-blog .itemsmore,.layout-blog .field-intro{display:none}
.layout-blog .blog-field{font-size: 16px;color: #000;margin-top:7px;margin-bottom: 0px;}
.blog-cata{margin-top: 10px;}
.article-info {margin:0px 0px 5px;font-size: 14px;position: relative;}
.article-info dd {margin-bottom: 0.2rem;margin-left: 0;}
.article-info .category-name a:link,.article-info .category-name a:visited{color:rgba(0,0,0,.6);position: absolute;left: 0px;}
.article-intro{overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;font-size:17px !important;font-weight: 100;;margin-top:0px;padding-top:0px;max-height:4.4em}
.article-intro h1,.article-intro h2,.article-intro h3,.article-intro h4,.article-intro h5,.article-intro h6,.article-intro p{font-size:15px !important;padding: 0px;margin: 0px;color: #666;font-weight: 300;}
.article-intro p{text-align: justify;font-size: 17px !important;}
.article-intro p span{color:#666 !important;}
.article-intro ul{font-weight: 300;color:#666;font-size:15px !important;padding-left: 20px}
.blog-field .fields-container{margin-bottom: 0px;}
.btitle{margin:20px 0px;}
.layout-blog .col-content-right{display: none}
.item-page.blogNEWS{background: #fff;padding: 30px;border-radius: 20px;margin-top: -100px;margin-bottom: 80px;}
.content-right{margin-left: 20%;position: sticky;top: 100px;padding: 50px 0px;}
.content-right .fb-page{margin-bottom: 20px;}
.content-right h3{border-bottom: 1px solid rgba(0, 0, 0, .1);padding-bottom: 8px;margin-bottom: 8px;font-size: 18px;font-weight: 100;}
.content-right ul{-webkit-padding-start: 20px;font-size: 16px;line-height: 30px;list-style: url(../images/icon-footer-ul.png);margin-bottom:30px;}
.content-right ul a:link,.content-right ul a:visited{color:#d4a231 !important;}
.view-article .item .item-body{padding: 12px;}
.view-article .item .item-body h2 {font-size: 15px;margin-bottom: 3px;}
.view-article .itemblog{flex-direction: row;margin-bottom: 15px;height: auto;}
.view-article .itemblog-body{font-size:15px;padding:15px;line-height: 1.4em}
.view-article .itemblog-body h2{font-size:18px;margin-bottom:3px;line-height: 1.4em}
.view-article .itemblog-body p{-webkit-line-clamp:2;}
.view-article .itemblog-cover{flex-shrink:0;width:40%}
.view-article .itemblog-cover img{}
.view-article .itemblog-body{flex-shrink:1;width:60%;}
.view-article .itemblog-date{margin-bottom:3px;font-size: 12px;}
@media (max-width: 1599.98px) {
.article-intro,.article-intro p{font-size: 16px !important;}}
@media (max-width: 1399.98px) {
.content-right{margin-left: 10%}}
@media (max-width: 1199.98px) {
.blog-cata{margin-top: 0px;}
.article-intro,.article-intro p{font-size: 15px !important;}}
@media (max-width: 991.98px) {
.content-right{margin-left: 0%}}
@media (max-width: 767.98px) {
.view-article .itemblog-body h2{font-size:15px;line-height: 1.3em}
.view-article .itemblog-body{font-size:13px;padding:10px;line-height: 1.3em}
.layout-blog .blog-field{font-size: 14px;}
.item-page.blogNEWS{padding:20px;border-radius:15px;margin-top: -40px;margin-bottom: 60px;}
.article-intro{max-height:4.1em}
.article-intro h1,.article-intro h2,.article-intro h3,.article-intro h4,.article-intro h5,.article-intro h6,.article-intro p{font-size: 14px !important;}
.article-info {margin:0px 0px 2px;font-size: 12px;color:#888;}}

/*P-tag*/
/*
.tag-category .tag-desc{font-size: 20px;line-height: 35px;margin: 30px 10% 80px;column-count: 2;width: 80%;text-align:justify;column-gap:30px;}
.tag-category h1{font-weight: 700;font-size: 60px;margin:0px 0px 40px;letter-spacing:0px;}
.tag-category h2{font-weight:700;font-size:30px;letter-spacing: -1px;text-align: center}
.tag-category .tag-desc a:link,.tag-category .tag-desc a:visited{font-weight:700;}
.tag-category ul{list-style:none;padding-inline-start:0px;margin: 0px;text-align: justify;text-justify:inter-ideograph;}
.tag-category ul li{display: inline}
.tag-category ul li h3{display: inline}
.tag-category ul li a{font-weight:700;font-size:40px;line-height:60px; margin:0px 0px 20px 0px;letter-spacing:0px;display: inline;}
.tag-category ul li a:after{content:'/';font-size:30px;color:#666;}
.tag-category ul li a:hover{}
.tag-category .clearfix:after{clear:none;display: inline-block;}
@media (max-width: 991.98px) {
.tag-category .tag-desc {width: 100%;margin: 30px 0px 60px;font-size: 19px;line-height: 32px;}
.tag-category h2{font-size:26px;letter-spacing:0px;}
.tag-category ul li a{font-size:26px;line-height:40px; margin:0px 0px 15px 0px;letter-spacing:0px;display: inline;}
.tag-category ul li a:after{font-size:14px;}}
@media (max-width: 575px) {
.tag-category .tag-desc {column-count: 1;margin: 20px 0px 30px;font-size: 18px;line-height: 30px;}}
*/

/*******************************************************************************************20250807*/

/*M-navmap*/
.section-navmap{background:url(../img/bg-white.jpg);-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;position: relative;}
.map-box{position:relative;}
.map-box .map-canvas{position:absolute;z-index:2;width:100%;height:100%;}
.map-box .map-canvas .point{display:block;background:#d4a231;width:24px;height:24px;position:absolute;border-radius:12px;text-align:center;line-height:24px;color:#fff;box-shadow:0px 5px 5px rgba(0,0,0,0.5);font-weight:bold;}
.map-box .map-canvas .point:hover{background:#946d10}
.map-box .map-canvas .pointA{top:65%;left:30%;}
.map-box .map-canvas .pointB{top:65%;left:33%;}
.map-box .map-canvas .pointC{top:74%;left:31%;}
.map-box .map-canvas .pointD{top:67%;left:17%;}
.map-box .map-canvas .pointE{top:63%;left:24%;}
.map-box .map-canvas .pointF{top:77%;left:18%;}
.map-box .map-canvas .pointG{top:78%;left:20%;}
.map-box .map-canvas .pointH1{top:50%;left:23.5%;}
.map-box .map-canvas .pointV{top:51%;left:28.5%;}
.map-box .map-canvas .pointD1{top:70%;left:18%;}
.map-box .map-canvas .pointJ1{top:55%;left:16%;}
.map-box .map-canvas .pointE1{top:69%;left:22%;}
.map-box .map-canvas .point-a{display:block;background:#da3e00;width:30px;height:30px;position:absolute;border-radius:15px;text-align:center;line-height:30px;color:#fff;box-shadow:0px 5px 5px rgba(0,0,0,0.5);font-weight:bold;}
.map-box .map-canvas .point-a1{top:14%;left:4%;}
.map-box .map-canvas .point-a2{top:8%;left:23%;}
.map-box .map-canvas .point-a3{top:84%;left:45%;}
.map-box .map-canvas-bg{}
.map-box .map-canvas-bg img{width:100%}
.map-canvas-content{position:absolute;width:25%;right:8%;top:140px;z-index:2;}
.map-canvas-content h1{letter-spacing:6px;font-size:30px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.06);box-shadow: 0px 1px 0px 0px rgba(255,255,255,.7);margin-bottom:20px;}
.map-canvas-content-box{padding-bottom:5px;border-bottom:1px solid rgba(0,0,0,.06);box-shadow: 0px 1px 0px 0px rgba(255,255,255,.7);margin-bottom:20px;font-size:17px;}
.map-canvas-content-box p span{color:#d4a231;font-weight:bold;}
.map-canvas-content ul{-webkit-padding-start: 0px;list-style-type:none;margin-left:0;padding-left:0;list-style:none;}
.map-canvas-content ul li{margin-bottom:8px;}
.map-canvas-content ul li span.color{width:15px;height:15px;background:#000;display:inline-block;position:relative;top:2px;margin-right:5px;border-radius: 3px;}
.map-canvas-content ul li span.color-link1{width:15px;height:15px;background:#d4a231;display:inline-block;position:relative;top:0px;margin-right:3px;border-radius: 10px;font-size:10px;color:#fff;line-height:15px;text-align:center;}
.map-canvas-content ul li span.color-link2{width:15px;height:15px;background:#da3e00;display:inline-block;position:relative;top:0px;margin-right:3px;border-radius: 10px;font-size:10px;color:#fff;line-height:15px;text-align:center;}
.a-color-link2:link,.a-color-link2:visited{color:#da3e00}
.a-color-link2:active,.a-color-link2:hover{color:#7b2300}
@media (max-width: 1680px){
.map-canvas-content ul li{font-size:12px;}}
@media (max-width: 1500px){
.map-canvas-content ul li span.color-link1,.map-canvas-content ul li span.color-link2{display:none;}
.map-canvas-content ul li span.color{width:12px;height:12px;margin-right:2px;}}
@media (max-width: 1400px){
.map-box{margin:30px 0px;}
.map-canvas-content{width:27%;right:6%;top:120px;}
.map-canvas-content h1{letter-spacing:4px;font-size:26px;padding-bottom:10px;margin-bottom:10px;}
.map-canvas-content-box{padding-bottom:5px;margin-bottom:10px;font-size:14px;line-height:20px;}
.map-canvas-content ul li,.map-canvas-content ul li a{font-size:12px}}
@media (max-width: 1200px){
.map-canvas-content h1{letter-spacing:2px;font-size:20px;padding-bottom:5px;margin-bottom:5px;}
.map-canvas-content-box{margin-bottom:5px;font-size:12px;line-height:18px;}
.map-canvas-content ul li span.color-link1,.map-canvas-content ul li span.color-link2{display:inline-block;}}
@media (max-width: 1024px) {
.map-canvas-content{right:5%;top:60px;}}
@media (max-width: 900px) {
#section-navmap{overflow:hidden;}
.map-box{width:150% !important;;margin:30px 0px 0px;}
.map-canvas-content{position:relative;width:auto;right:0%;padding:15px;top:0px;margin:0px 15px 50px;}}
@media (max-width: 768px) {
.map-box{width:160% !important;}
.map-box .map-canvas .point{display:none;}
.map-canvas-content{position:relative;width:auto;right:0%;padding:15px;top:0px;margin:0px 15px 40px;}
.map-canvas-content-box{margin:10px 0px;font-size:14px;line-height:24px;}
.map-canvas-content ul li{margin:8px 0px;}
.map-canvas-content ul li,.map-canvas-content ul li a{font-size:16px}}

/*M-info*/
.section-info{background:url(../images/bg-gold2.jpg) #d4a231 50% 50%;color:#fff;overflow:hidden;position: relative !important}
.section-info h1{margin-top:50px;font-size:26px;text-shadow:0px 1px 0px rgba(0,0,0,0.2)}
.section-info h1 span{color:#fff8ce;margin:0px 5px;font-size:36px;}
.section-info p{font-size:18px;margin:30px 0px;line-height:30px;text-shadow:0px 1px 0px rgba(0,0,0,0.2)}
.section-info .section-info-link-box{margin:20px 0px}
.section-info .section-info-link-box a{padding:10px 40px 10px 45px;border-radius: 40px;letter-spacing:5px;font-weight:bold;font-size:18px;background:url(../images/bg-btn.png) #fff;margin:0px 15px;display:inline-block;color:#57430d;text-shadow:0px 1px 2px #fff;box-shadow:0px 1px 3px rgba(0,0,0,.3)}
.section-info .section-info-link-box a:hover{background-position:0px 100px;color:#fff;text-shadow:0px 1px 2px #000;box-shadow:0px 1px 3px rgba(0,0,0,.8),0px -1px 0px 0px rgba(255,255,255,.5) inset;}
.section-info .section-info-note {font-size:12px;color:#fff8ce;margin:20px 0px 50px;display: block;text-shadow:0px 1px 0px rgba(0,0,0,0.3)}
.section-info .section-info-cloud{-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition: all 1.7s ease-out;-moz-transition: all 1.7s ease-out;-o-transition: all 1.7s ease-out;transition: all 1.7s ease-out;}
.section-info .section-info-cloud-1{width:600px;height:300px;background-image:url(../images/section-info-cloud1.png);position:absolute;top:30%;right:-500px;}
.section-info .section-info-cloud-2{width:400px;height:200px;background-image:url(../images/section-info-cloud2.png);position:absolute;top:50%;left:-300px;}
.section-info .section-info-cloud-1.active{right:0px;}
.section-info .section-info-cloud-2.active{left:0px;}
@media (max-width: 1440px) {
.section-info .section-info-cloud-1.active{width:400px;height:200px;top:30%;}
.section-info .section-info-cloud-2.active{width:300px;height:150px;top:60%}}
@media (max-width: 1200px) {
.section-info .section-info-cloud{display:none}}
@media (max-width: 767px) {
.section-info h1{font-size:24px;}
.section-info p{font-size:16px;margin:30px 0px;line-height:26px}
.section-info .section-info-link-box a{padding:10px 13px 10px 14px;letter-spacing:1px;font-weight:bold;font-size:16px;margin:0px 2px;}
.section-info .section-info-note {margin-bottom:50px;display: block;}}
@media (max-height: 900px){
.section-info #home-map{height:450px;}}
@media (max-height: 800px){
.section-info #home-map{height:400px;}}
@media (max-height: 700px){}

/*M-map*/
.section-map{position: relative}
.section-map #home-map{width:100%;height:450px;background:#000;}
.section-map .mobile-map-link{position:absolute;z-index:2;bottom:14px;text-align:center;width:100%;}
.section-map .mobile-map-link a.btn-jin{font-size: 14px;font-weight: 500;padding: 5px 30px 5px 33px;color: #fff;border: 2px solid #d4a231;border-radius: 25px;background: #d4a231;margin: 5px 3px;}
@media (max-width: 767px){
.section-map #home-map{height:300px;}}

/*M-footer*/
.footer-top{padding: 30px 0px 0px;}
.section-footer{padding:60px 0px 0px !important;}
.footer-box{}
.footer-box h3{font-size:18px;font-weight:bold;margin-bottom:40px;margin-top: 40px;}
.footer-box p{font-size:16px;line-height:26px;}
.footer-box ul{list-style:url(../images/icon-footer-ul.png);-webkit-padding-start: 20px;font-size:16px;line-height:22px;}
.footer-box ul li{margin-bottom:10px;}
.footer-box a:link,.footer-box a:visited,.section-footer a:link,.section-footer a:visited{color:#d4a231}
.footer-box a:hover,.footer-box a:active,.section-footer a:hover,.section-footer a:active{color:#000}
.footer-box .footer-social-ul{margin:0px 20px 0px 0px;display: flex;justify-content: flex-start;align-items: center;-webkit-padding-start: 0px;}
.footer-box .footer-social-ul li{display: inline-block;margin:0px;transition:All .5s ease;margin-right: 10px;}
.footer-box .footer-social-ul li a{background:#d4a231;width:50px;height:50px;color:#fff;overflow: hidden;border-radius: 25px;display: flex;justify-content: center;align-items: center;}
.footer-box .footer-social-ul li a:hover{background:#af7500 }
.footer-box .footer-social-ul li svg{width:30px;}
.footer-box .footer-link-ul {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap}
.footer-box .footer-link-ul li{margin-right: 30px;}
.footer-box2{font-size:20px;}
.footer-box2 img{margin-top:20px;margin-bottom:20px;width:300px;}
.footer-box2 a{margin:0px 10px 0px 3px;font-weight:bold;}
.footer-box3{margin-top:60px;padding-top:20px;padding-bottom:20px;background:#fff;color:#999;font-size:13px;}
@media (max-width: 1599.98px) {}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
.footer-box2{font-size:16px;}
.footer-box3{margin-top:20px;}
.footer-box3,.footer-box3 .text-end{text-align: center !important}}
@media (max-width: 575.98px) {}

/*M-carouselBN*/
#carouselBN {background: #171717;}
#carouselBN img{background: #171717;width:100%;object-fit: cover;aspect-ratio: 1 / .35;}
@media (max-width: 1199.98px) {
#carouselBN img{aspect-ratio: 1 / .4;}}
@media (max-width: 991.98px) {
#carouselBN img{aspect-ratio: 1 / .6;}}
 @media (max-width: 767.98px) {
#carouselBN img{aspect-ratio: 1 / .7;}}

/*首頁*/
.itemid-101{background:url(../images/bg-cata.jpg) #171717 50% 50%;background-size: contain;height: 100vh;width:100vw;}
.itemid-101 .navbar{top:auto;bottom: 0px;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)) !important;}
.itemid-101 .navbar .menu-list-submenu{display: none !important}
.itemid-101 .footer-top{display: none !important}
.index-page{background-image:url(../img/bg-cata.jpg);-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;background-position:center}
#bird{position: absolute;width:30%;margin-left:-15%;left:50%;top:20%;z-index:28;}
#logo{position: absolute;width:18%;margin-left:-9%;left:50%;top:30%;z-index:32;}
#bird img,#logo img{width:100%}
#photo{width:100%;height:100%;margin-left:-50%;;left:50%;top:0%;z-index:24;}
.cb-slideshow,.cb-slideshow:after { position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 0; list-style-type: none;filter: alpha(opacity=100);opacity: 1;margin: 0;-webkit-padding-start: 0px;}
.cb-slideshow li span {width: 100%;height:100%;position: absolute;top: 0px;left: 0px;color: transparent;background-size: cover;background-position: 50% 50%;background-repeat: none;opacity: 0;z-index: 0;-webkit-backface-visibility: hidden;animation: imageAnimation 36s linear infinite 0s; }
.cb-slideshow li:nth-child(1) span { background-image: url(../images/index-photo1.jpg) }
.cb-slideshow li:nth-child(2) span { background-image: url(../images/index-photo6.jpg);-webkit-animation-delay: 6s;-moz-animation-delay: 6s;-o-animation-delay: 6s;-ms-animation-delay: 6s;animation-delay: 6s; }
.cb-slideshow li:nth-child(3) span { background-image: url(../images/index-photo2.jpg);-webkit-animation-delay: 12s;-moz-animation-delay: 12s;-o-animation-delay: 12s;-ms-animation-delay: 12s;animation-delay: 12s; }
.cb-slideshow li:nth-child(4) span { background-image: url(../images/index-photo4.jpg);-webkit-animation-delay: 18s;-moz-animation-delay: 18s;-o-animation-delay: 18s;-ms-animation-delay: 18s;animation-delay: 18s; }
.cb-slideshow li:nth-child(5) span { background-image: url(../images/index-photo1.jpg);-webkit-animation-delay: 24s;-moz-animation-delay: 24s;-o-animation-delay: 24s;-ms-animation-delay: 24s;animation-delay: 24s; }
.cb-slideshow li:nth-child(6) span { background-image: url(../images/index-photo5.jpg);-webkit-animation-delay: 30s;-moz-animation-delay: 30s;-o-animation-delay: 30s;-ms-animation-delay: 30s;animation-delay: 30s; }
.cb-slideshow:before {position:absolute;content:'';display:block;width: 100vw;min-width: 1100px;height: 100vh;background: url(../images/index-overlay.png) center center;z-index:1;}
@keyframes imageAnimation { 
0% { opacity: 0;animation-timing-function: ease-in; }8% { opacity: 1;animation-timing-function: ease-out; }17% { opacity: 1 }25% { opacity: 0 ;transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px);}100% { opacity: 0 }}
@media (max-width: 1200px){
.itemid-101 .navbar {background: url(../images/bg-nav.jpg) #f7f2e7 repeat !important;box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);top:0px;bottom: auto;}
#bird{width:40%;margin-left:-20%;top:30%;}
#logo{width:26%;margin-left:-13%;top:36%;}}
@media (max-width: 991.98px) {
#bird{width:50%;margin-left:-25%;}
#logo{width:30%;margin-left:-15%;}}
@media (max-width: 767px) {
#bird{width:60%;margin-left:-30%;}
#logo{width:40%;margin-left:-20%;}}
@media (max-width: 600px) {
#bird{width:80%;margin-left:-40%;}
#logo{width:60%;margin-left:-30%;}}

/*關於金石園*/
.view-article.itemid-230 .section-body{background:url(../images/about-bg.jpg) #171717 50% 50%;background-size: contain;}
.view-article.itemid-230 .section-body .content-body{max-width:900px;margin: 0 auto;;padding:40px 0px 60px;text-align: center}
.view-article.itemid-230 .section-body .content-body p{text-align: center}
.nav-link{color:#d4a231;border-radius: 30px;}
.nav-link:hover,.nav-link:focus{color:#af7500;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color: #d4a231;border-radius: 30px;}
.itemid-230 .section-top-fluid{position: relative}
.itemid-230 .section-top-fluid:after{content: '- 金 石 園 -';position: absolute;z-index:1;width:50%;margin: 0 25%;top: 32%;text-align: center;background: url('../images/icon-marker-1.png') no-repeat center center;padding-top: 120px;color:#f3eeda;font-size: 30px;}
@media (max-width: 1199.98px) {
.itemid-230 .section-top-fluid:after{top:20%;}}

/*環境周遭單一文章頁面*/
.view-article.itemid-232 .around-page{margin-top: -300px;position: relative;z-index: 3}
.around-page .articleBody p{text-align: center;font-weight: 100;}
.around-page .pagenav {border-top: 1px solid #af7500 !important;}
.view-article.itemid-232 .section-body,
.view-article.itemid-242 .section-body,
.view-article.itemid-243 .section-body,
.view-article.itemid-244 .section-body{background:url(../images/bg-around-gold.jpg) #171717 no-repeat bottom;background-size: 100%;color:#d4a231;padding:40px 0px 30vh;text-align: center}
.view-article.itemid-232 .section-body .content-body,
.view-article.itemid-242 .section-body .content-body,
.view-article.itemid-243 .section-body .content-body,
.view-article.itemid-244 .section-body .content-body{max-width:900px;margin: 0 auto}
.itemid-242 #carouselBN img,
.itemid-243 #carouselBN img,
.itemid-244 #carouselBN img{width:100%;object-fit: cover;aspect-ratio: 1 / .4;}
.itemid-232 .section-top-fluid{position: relative}
.itemid-232 .section-top-fluid:after{content: '- 金 九 水 -';position: absolute;z-index:1;width:50%;margin: 0 25%;top: 32%;text-align: center;background: url('../images/icon-marker-2.png') no-repeat center center;padding-top: 120px;color:#f3eeda;font-size: 30px;}
@media (max-width: 1599.98px) {
.view-article.itemid-232 .around-page{margin-top: -250px;}}
@media (max-width: 1399.98px) {
.view-article.itemid-232 .around-page{margin-top: -200px;}}
@media (max-width: 1199.98px) {
.view-article.itemid-232 .around-page{margin-top: -150px;}
.itemid-242 #carouselBN img,
.itemid-243 #carouselBN img,
.itemid-244 #carouselBN img{width:100%;object-fit: cover;aspect-ratio: 1 / .6;}
.itemid-232 .section-top-fluid:after{top:20%;}}
@media (max-width: 991.98px) {
.itemid-242 #carouselBN img,
.itemid-243 #carouselBN img,
.itemid-244 #carouselBN img{width:100%;object-fit: cover;aspect-ratio: 1 / .7;}}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}

/*消息活動*/
.itemid-233 .section-body{background:url(../images/bg-index.jpg) fixed}
.blogNEWS{margin-top: -150px;position: relative;z-index: 66}
.blogNEWS .item{flex-direction: row;border-radius: 10px;box-shadow:0px 10px 20px rgba(0,0,0,0.1)}
.blogNEWS .item .blog-cover{flex: 2}
.blogNEWS .item .blog-cover img{width:300px;object-fit: cover;aspect-ratio: 1 / 1;}
.blogNEWS .item-body{justify-content: flex-start}
.blogNEWS .item .item-body{flex: 3}
.itemid-233 .section-top-fluid{position: relative}
.itemid-233 .section-top-fluid:after{content: '- 金 石 園 -';position: absolute;z-index:1;width:50%;margin: 0 25%;top: 32%;text-align: center;background: url('../images/icon-marker-1.png') no-repeat center center;padding-top: 120px;color:#f3eeda;font-size: 30px;}
@media (max-width: 1599.98px) {
.blogNEWS{margin-top: -100px;}
.blogNEWS .item .blog-cover img{width:280px;}}
@media (max-width: 1399.98px) {
.blogNEWS .item .blog-cover img{width:260px;}}
@media (max-width: 1199.98px) {
.blogNEWS{margin-top: -80px;}
.blogNEWS .item .blog-cover img{width:200px;}
.itemid-233 .section-top-fluid:after{top:20%;}}
@media (max-width: 991.98px) {
.blogNEWS{margin-top: -60px;}
.blogNEWS .item{flex-direction: column}
.blogNEWS .item .blog-cover img{width:100%;}}
@media (max-width: 767.98px) {
.blogNEWS{margin-top: -40px;}
.blogNEWS .col-12{margin-top: 20px;}
.blogNEWS .item{flex-direction: row}
.blogNEWS .item .blog-cover .item-image,.blogNEWS .item .blog-cover img{height:100%;}}
@media (max-width: 575.98px) {}

/*聯絡我們*/
.itemid-114 #site{padding-top: 95px;}
.itemid-114 .navbar{background:url(../images/bg-nav.jpg) #f7f2e7 repeat !important;box-shadow: 0px 0px 50px rgba(0,0,0,0.1)}
.itemid-114 .navbar .navbar-top .logo{transition: All .1s ease;margin: 10px auto;}
.itemid-114 .navbar .navbar-top .logo-b{display: block}
.itemid-114 .navbar .navbar-top .logo-w{display: none}
.itemid-114 .navbar .menu-list li a:link,.itemid-114 .navbar .menu-list a:visited,.itemid-114 .navbar .menu-list .separator,.itemid-114 .navbar .separator {color:#000 !important}
.itemid-114 .navbar .menu-list li.active>a{color:#d4a231 !important;}
.itemid-114 #site .section-body{padding: 15vh 0px;background: url(../images/section-contact-bg2.jpg);background-size: cover;}
.itemid-114 #site .section-body .convertforms{padding: 60px;background: rgba(247,242,231,.85);backdrop-filter: blur(6px);color:#000;border-radius: 10px;max-width: 1000px;margin: 0 auto;border-bottom:10px solid #d4a231;}
.itemid-114 #site .section-body .convertforms h1{letter-spacing: 10px;border-bottom: 1px solid rgba(0, 0, 0, .1);padding-bottom: 20px;margin-bottom: 20px;}
.itemid-114 #site .section-body .convertforms p{font-weight: 100;color:#444;}
.itemid-114 #site .section-body .convertforms a:link,.itemid-114 #site .section-body .convertforms a:visited{color: #d4a231;}
.itemid-114 #site .section-body .convertforms .cf-btn{background: #d4a231 !important;}
.itemid-114 #site .section-body .convertforms .cf-label{color:#999 !important;font-weight: normal;} 
.itemid-114 #site .section-body .convertforms .cf-input{background: #fff;border:1px solid #d4a231;}
@media (max-width: 1599.98px) {
.itemid-114 #site{padding-top: 85px;}
.itemid-114 #site .section-body{padding: 10vh 0px;}}
@media (max-width: 1399.98px) {
.itemid-114 #site{padding-top: 78px;}
.itemid-114 #site .section-body{padding: 8vh 0px;}}
@media (max-width: 1199.98px) {
.itemid-114 #site{padding-top: 95px;}
.itemid-114 #site .section-body{padding:50px 0px;}}
@media (max-width: 991.98px) {
.itemid-114 #site{padding-top: 85px;}}
@media (max-width: 767.98px) {
.itemid-114 #site{padding-top: 55px;}
.itemid-114 #site .section-body{padding:30px 0px;}
.itemid-114 #site .section-body .convertforms{padding:20px;}}
@media (max-width: 575.98px) {}

/*商品部落格頁面*/
.layout-blog.itemid-231 .section-body{background:url(../images/bg-cata.jpg) #171717 50% 50%;background-size: contain;color:#d4a231;overflow:hidden;text-align: center;padding:50px 0px}
.layout-blog.itemid-231 .section-body .btitle{display: none}
.layout-blog.itemid-231 .section-body .category-desc{max-width:700px;margin: 0 auto;padding:0px 0px 50px;}
.layout-blog.itemid-231 .section-body .category-desc h2{margin-bottom: 30px;;}
.layout-blog.itemid-231 .section-body .category-desc p{color:#a89874;}
.layout-blog.itemid-231 .item{position: relative}
.layout-blog.itemid-231 .blog-cover{background: #000;}
.layout-blog.itemid-231 .blog-cover img{width:100%;opacity: 0.6;transition: All 1s ease;}
.layout-blog.itemid-231 .item-body{padding: 0px;height: 0px;}
.layout-blog.itemid-231 .article-intro,.layout-blog.itemid-231 .blog-cata{display: none}
.layout-blog.itemid-231 .page-header{position: absolute;top:0px;height:100%;width:100%;display: flex;justify-content: center;align-items: center;}
.layout-blog.itemid-231 .page-header h2{display: block;height:100%;width:100%;}
.layout-blog.itemid-231 .page-header h2 a:link,.layout-blog.itemid-231 .page-header h2 a:visited{color:#d4a231;display: flex;justify-content: center;align-items: center;height:100%;width:100%;}
.layout-blog.itemid-231 .page-header h2 a:after{content:' ';display:block;width:94%;height:94%;border:2px solid #d4a231;position:absolute;z-index:2;top:10px;left:10px;}
.layout-blog.itemid-231 .item:hover .blog-cover img{transform: scale(1.2);opacity: 0.3;}
.layout-blog.itemid-231 .section-top-fluid{position: relative}
.layout-blog.itemid-231 .section-top-fluid:after{content: '- 今 世 緣 -';position: absolute;z-index:1;width:50%;margin: 0 25%;top: 32%;text-align: center;background: url('../images/icon-marker-3.png') no-repeat center center;padding-top: 120px;color:#f3eeda;font-size: 30px;}
@media (max-width: 1199.98px) {
.layout-blog.itemid-231 .section-top-fluid:after{top:20%;}}

/*商品頁面版型*/
.ItemSlide.slick-list{border-radius:10px}
.ItemSlide {overflow:hidden;width:100%;display: flex;flex-direction: row;flex-wrap: nowrap;}
.ItemSlide div{width:100%;}
.ItemSlide div img{width:100%;object-fit: cover;display: block;}
.ItemSlide-nav{overflow: hidden;background:rgba(0,0,0,0.7);}
.ItemSlide-nav .slick-slide{background: #000;border-radius:10px;margin:10px 5px;box-shadow: 0px 3px 10px rgba(0,0,0,0.3);width:80px;}
.ItemSlide-nav div img{display:block;object-fit: cover;opacity:.5;width:100%;border-radius:6px;max-height: 80px;}
.ItemSlide-nav .slick-current img{opacity: 1;}
.ItemSlide-nav .slick-prev:before,.ItemSlide-nav .slick-next:before{top:20%}
.ItemSlide-nav .slick-prev:after,.ItemSlide-nav .slick-next:after{display:none}
.ItemSlide-nav .slick-next:before{right:0px;left: auto}
.itemid-236 .section-body .container,.itemid-237 .section-body .container,.itemid-238 .section-body .container,.itemid-239 .section-body .container,.itemid-240 .section-body .container,
.itemid-241 .section-body .container,.itemid-245 .section-body .container{width:100%;max-width:100%}
.itemid-236 .itemB,.itemid-237 .itemB,.itemid-238 .itemB,.itemid-239 .itemB,.itemid-240 .itemB,
.itemid-241 .itemB,.itemid-245 .itemB{display: flex;margin-left:-25px;margin-right: -25px;background:url(../images/bg-gold2.jpg) #d4a231 50% 50%;height: calc(100vh - 95px)}
.itemid-236 .fields-container,.itemid-237 .fields-container,.itemid-238 .fields-container,.itemid-239 .fields-container,.itemid-240 .fields-container,
.itemid-241 .fields-container,.itemid-245 .fields-container{width:80%;overflow: hidden;position: relative;height: 100%;}
.itemid-236 .field-entry,.itemid-237 .field-entry,.itemid-238 .field-entry,.itemid-239 .field-entry,.itemid-240 .field-entry,
.itemid-241 .field-entry,.itemid-245 .field-entry{height: 100%;overflow: hidden;margin-bottom:0px}
.itemid-236 .field-value,.itemid-237 .field-value,.itemid-238 .field-value,.itemid-239 .field-value,.itemid-240 .field-value,
.itemid-241 .field-value,.itemid-245 .field-value {height: 100%;overflow: hidden;margin-bottom:0px}
.itemid-236 .itemB .ItemSlide,.itemid-237 .itemB .ItemSlide,.itemid-238 .itemB .ItemSlide,.itemid-239 .itemB .ItemSlide,.itemid-240 .itemB .ItemSlide,
.itemid-241 .itemB .ItemSlide,.itemid-245 .itemB .ItemSlide {height:100%;overflow: hidden}
.itemid-236 .itemB .ItemSlide img,.itemid-237 .itemB .ItemSlide img,.itemid-238 .itemB .ItemSlide img,.itemid-239 .itemB .ItemSlide img,.itemid-240 .itemB .ItemSlide img,
.itemid-241 .itemB .ItemSlide img,.itemid-245 .itemB .ItemSlide img{height:100%}
.itemid-236 .itemB .slick-track,.itemid-237 .itemB .slick-track,.itemid-238 .itemB .slick-track,.itemid-239 .itemB .slick-track,.itemid-240 .itemB .slick-track,
.itemid-241 .itemB .slick-track,.itemid-245 .itemB .slick-track{height:100%}
.itemid-236 .itemB .ItemSlide-nav,.itemid-237 .itemB .ItemSlide-nav,.itemid-238 .itemB .ItemSlide-nav,.itemid-239 .itemB .ItemSlide-nav,.itemid-240 .itemB .ItemSlide-nav,
.itemid-241 .itemB .ItemSlide-nav,.itemid-245 .itemB .ItemSlide-nav{position: absolute;z-index:30;bottom:0px;right:0px;width: 100%;}
.itemid-236 .itemB .item-page,.itemid-237 .itemB .item-page,.itemid-238 .itemB .item-page,.itemid-239 .itemB .item-page,.itemid-240 .itemB .item-page,
.itemid-241 .itemB .item-page,.itemid-245 .itemB .item-page{width:20%;padding: 30px;color:#fff;font-weight: bold;display: flex; flex-direction: column;justify-content: space-between;}
.itemB p{font-weight: bold;}
.itemB .pagenav{border-top:1px solid rgba(255,255,255,.5);list-style: none;padding: 10px 0px;display: flex;justify-content: space-between;}
.itemB .item-page a{color:#fff;font-size: 15px;}
@media (max-width: 1599.98px) {
.itemB p{font-size: 16px;line-height: 2rem;}}
@media (max-width: 1399.98px) {
.itemid-236 .fields-container,.itemid-237 .fields-container,.itemid-238 .fields-container,.itemid-239 .fields-container,.itemid-240 .fields-container,.itemid-241 .fields-container,.itemid-245 .fields-container{width:70%;overflow: hidden;position: relative;height: 100%;}
.itemid-236 .itemB .item-page,.itemid-237 .itemB .item-page,.itemid-238 .itemB .item-page,.itemid-239 .itemB .item-page,.itemid-240 .itemB .item-page,.itemid-241 .itemB .item-page,.itemid-245 .itemB .item-page{width:30%;padding:20px;}
.itemB p{font-size: 15px;line-height: 1.8rem;}}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
.itemid-236 .itemB,.itemid-237 .itemB,.itemid-238 .itemB,.itemid-239 .itemB,.itemid-240 .itemB,.itemid-241 .itemB,.itemid-245 .itemB{flex-direction: column;height: auto}
.itemid-236 .fields-container,.itemid-237 .fields-container,.itemid-238 .fields-container,.itemid-239 .fields-container,.itemid-240 .fields-container,.itemid-241 .fields-container,.itemid-245 .fields-container{width:100%;}
.itemid-236 .itemB .item-page,.itemid-237 .itemB .item-page,.itemid-238 .itemB .item-page,.itemid-239 .itemB .item-page,.itemid-240 .itemB .item-page,.itemid-241 .itemB .item-page,.itemid-245 .itemB .item-page{width:100%;}}
@media (max-width: 767.98px) {
.itemid-236 .itemB .ItemSlide-nav, .itemid-237 .itemB .ItemSlide-nav, .itemid-238 .itemB .ItemSlide-nav, .itemid-239 .itemB .ItemSlide-nav, .itemid-240 .itemB .ItemSlide-nav, .itemid-241 .itemB .ItemSlide-nav, .itemid-245 .itemB .ItemSlide-nav{position: relative;}
.ItemSlide-nav{background:rgba(0,0,0,0.9);}
.ItemSlide-nav .slick-slide{border-radius:3px;margin:6px 3px;}
.ItemSlide-nav div img {border-radius:3px;}}
@media (max-width: 575.98px) {}

/*標準式園區*/
.itemid-236 #site{padding-top: 95px;}
.itemid-236 .navbar{background:url(../images/bg-nav.jpg) #f7f2e7 repeat !important;box-shadow: 0px 0px 50px rgba(0,0,0,0.1)}
.itemid-236 .navbar .navbar-top .logo{transition: All .1s ease;margin: 10px auto;}
.itemid-236 .navbar .navbar-top .logo-b{display: block}
.itemid-236 .navbar .navbar-top .logo-w{display: none}
.itemid-236 .navbar .menu-list li a:link,.itemid-236 .navbar .menu-list a:visited,.itemid-236 .navbar .menu-list .separator,.itemid-236 .navbar .separator {color:#000 !important}
.itemid-236 .navbar .menu-list li.active>a{color:#d4a231 !important;}
@media (max-width: 1599.98px) {
.itemid-236 #site{padding-top: 85px;}}
@media (max-width: 1399.98px) {
.itemid-236 #site{padding-top: 78px;}}
@media (max-width: 1199.98px) {
.itemid-236 #site{padding-top: 95px;}}
@media (max-width: 991.98px) {
.itemid-236 #site{padding-top: 85px;}}
@media (max-width: 767.98px) {
.itemid-236 #site{padding-top: 55px;}}
@media (max-width: 575.98px) {}

/*獨立大園區*/
.itemid-237 #site{padding-top: 95px;}
.itemid-237 .navbar{background:url(../images/bg-nav.jpg) #f7f2e7 repeat !important;box-shadow: 0px 0px 50px rgba(0,0,0,0.1)}
.itemid-237 .navbar .navbar-top .logo{transition: All .1s ease;margin: 10px auto;}
.itemid-237 .navbar .navbar-top .logo-b{display: block}
.itemid-237 .navbar .navbar-top .logo-w{display: none}
.itemid-237 .navbar .menu-list li a:link,.itemid-237 .navbar .menu-list a:visited,.itemid-237 .navbar .menu-list .separator,.itemid-237 .navbar .separator {color:#000 !important}
.itemid-237 .navbar .menu-list li.active>a{color:#d4a231 !important;}
@media (max-width: 1599.98px) {
.itemid-237 #site{padding-top: 85px;}}
@media (max-width: 1399.98px) {
.itemid-237 #site{padding-top: 78px;}}
@media (max-width: 1199.98px) {
.itemid-237 #site{padding-top: 95px;}}
@media (max-width: 991.98px) {
.itemid-237 #site{padding-top: 85px;}}
@media (max-width: 767.98px) {
.itemid-237 #site{padding-top: 55px;}}
@media (max-width: 575.98px) {}

/*客製化園區*/
.itemid-238 #site{padding-top: 95px;}
.itemid-238 .navbar{background:url(../images/bg-nav.jpg) #f7f2e7 repeat !important;box-shadow: 0px 0px 50px rgba(0,0,0,0.1)}
.itemid-238 .navbar .navbar-top .logo{transition: All .1s ease;margin: 10px auto;}
.itemid-238 .navbar .navbar-top .logo-b{display: block}
.itemid-238 .navbar .navbar-top .logo-w{display: none}
.itemid-238 .navbar .menu-list li a:link,.itemid-238 .navbar .menu-list a:visited,.itemid-238 .navbar .menu-list .separator,.itemid-238 .navbar .separator {color:#000 !important}
.itemid-238 .navbar .menu-list li.active>a{color:#d4a231 !important;}
@media (max-width: 1599.98px) {
.itemid-238 #site{padding-top: 85px;}}
@media (max-width: 1399.98px) {
.itemid-238 #site{padding-top: 78px;}}
@media (max-width: 1199.98px) {
.itemid-238 #site{padding-top: 95px;}}
@media (max-width: 991.98px) {
.itemid-238 #site{padding-top: 85px;}}
@media (max-width: 767.98px) {
.itemid-238 #site{padding-top: 55px;}}
@media (max-width: 575.98px) {}

/*山林福座*/
.itemid-239 #site{padding-top: 95px;}
.itemid-239 .navbar{background:url(../images/bg-nav.jpg) #f7f2e7 repeat !important;box-shadow: 0px 0px 50px rgba(0,0,0,0.1)}
.itemid-239 .navbar .navbar-top .logo{transition: All .1s ease;margin: 10px auto;}
.itemid-239 .navbar .navbar-top .logo-b{display: block}
.itemid-239 .navbar .navbar-top .logo-w{display: none}
.itemid-239 .navbar .menu-list li a:link,.itemid-239 .navbar .menu-list a:visited,.itemid-239 .navbar .menu-list .separator,.itemid-239 .navbar .separator {color:#000 !important}
.itemid-239 .navbar .menu-list li.active>a{color:#d4a231 !important;}
@media (max-width: 1599.98px) {
.itemid-239 #site{padding-top: 85px;}}
@media (max-width: 1399.98px) {
.itemid-239 #site{padding-top: 78px;}}
@media (max-width: 1199.98px) {
.itemid-239 #site{padding-top: 95px;}}
@media (max-width: 991.98px) {
.itemid-239 #site{padding-top: 85px;}}
@media (max-width: 767.98px) {
.itemid-239 #site{padding-top: 55px;}}
@media (max-width: 575.98px) {}

/*山海福座*/
.itemid-240 #site{padding-top: 95px;}
.itemid-240 .navbar{background:url(../images/bg-nav.jpg) #f7f2e7 repeat !important;box-shadow: 0px 0px 50px rgba(0,0,0,0.1)}
.itemid-240 .navbar .navbar-top .logo{transition: All .1s ease;margin: 10px auto;}
.itemid-240 .navbar .navbar-top .logo-b{display: block}
.itemid-240 .navbar .navbar-top .logo-w{display: none}
.itemid-240 .navbar .menu-list li a:link,.itemid-240 .navbar .menu-list a:visited,.itemid-240 .navbar .menu-list .separator,.itemid-240 .navbar .separator {color:#000 !important}
.itemid-240 .navbar .menu-list li.active>a{color:#d4a231 !important;}
@media (max-width: 1599.98px) {
.itemid-240 #site{padding-top: 85px;}}
@media (max-width: 1399.98px) {
.itemid-240 #site{padding-top: 78px;}}
@media (max-width: 1199.98px) {
.itemid-240 #site{padding-top: 95px;}}
@media (max-width: 991.98px) {
.itemid-240 #site{padding-top: 85px;}}
@media (max-width: 767.98px) {
.itemid-240 #site{padding-top: 55px;}}
@media (max-width: 575.98px) {}

/*海景福座*/
.itemid-241 #site{padding-top: 95px;}
.itemid-241 .navbar{background:url(../images/bg-nav.jpg) #f7f2e7 repeat !important;box-shadow: 0px 0px 50px rgba(0,0,0,0.1)}
.itemid-241 .navbar .navbar-top .logo{transition: All .1s ease;margin: 10px auto;}
.itemid-241 .navbar .navbar-top .logo-b{display: block}
.itemid-241 .navbar .navbar-top .logo-w{display: none}
.itemid-241 .navbar .menu-list li a:link,.itemid-241 .navbar .menu-list a:visited,.itemid-241 .navbar .menu-list .separator,.itemid-241 .navbar .separator {color:#000 !important}
.itemid-241 .navbar .menu-list li.active>a{color:#d4a231 !important;}
@media (max-width: 1599.98px) {
.itemid-241 #site{padding-top: 85px;}}
@media (max-width: 1399.98px) {
.itemid-241 #site{padding-top: 78px;}}
@media (max-width: 1199.98px) {
.itemid-241 #site{padding-top: 95px;}}
@media (max-width: 991.98px) {
.itemid-241 #site{padding-top: 85px;}}
@media (max-width: 767.98px) {
.itemid-241 #site{padding-top: 55px;}}
@media (max-width: 575.98px) {}

/*海景福座*/
.itemid-245 #site{padding-top: 95px;}
.itemid-245 .navbar{background:url(../images/bg-nav.jpg) #f7f2e7 repeat !important;box-shadow: 0px 0px 50px rgba(0,0,0,0.1)}
.itemid-245 .navbar .navbar-top .logo{transition: All .1s ease;margin: 10px auto;}
.itemid-245 .navbar .navbar-top .logo-b{display: block}
.itemid-245 .navbar .navbar-top .logo-w{display: none}
.itemid-245 .navbar .menu-list li a:link,.itemid-245 .navbar .menu-list a:visited,.itemid-245 .navbar .menu-list .separator,.itemid-245 .navbar .separator {color:#000 !important}
.itemid-245 .navbar .menu-list li.active>a{color:#d4a231 !important;}
@media (max-width: 1599.98px) {
.itemid-245 #site{padding-top: 85px;}}
@media (max-width: 1399.98px) {
.itemid-245 #site{padding-top: 78px;}}
@media (max-width: 1199.98px) {
.itemid-245 #site{padding-top: 95px;}}
@media (max-width: 991.98px) {
.itemid-245 #site{padding-top: 85px;}}
@media (max-width: 767.98px) {
.itemid-245 #site{padding-top: 55px;}}
@media (max-width: 575.98px) {}




@media (max-width: 1599.98px) {}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}