@charset "utf-8";
@import url('fonts.css');

/* CSS Document */
body{font-family:'Roboto','Noto Sans TC', sans-serif;font-size:16px;line-height: 1.8;color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 9999;pointer-events: none;opacity: 0;-webkit-transition: 1s cubic-bezier(0.42, 0, 0.58, 1);transition: 1s cubic-bezier(0.42, 0, 0.58, 1);}
body.page-fade::after {opacity: 1;}
a{color:#000;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#777;}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    image-rendering: crisp-edges;	
}

p, figure{margin: 0;}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}

/* 回頂端 */
.sideBtn{/* width: 100%; *//* height: 100%; */display: flex;flex-direction: column;position: fixed;bottom: 0;right: 0; z-index: 100;}
#goTop{display:none;cursor:pointer;position: relative;width:clamp(3rem,4vw,4rem);height:clamp(3rem,4vw,4rem);background:var(--dark);z-index: 100;transition: all .5s;}
#goTop .arrow{position: relative; line-height:clamp(3rem,4vw,4rem);text-align:center;color:white;transition: all .5s;}
#goTop:hover{background:var(--mainColorD);color:white;}
#goTop:hover .arrow{animation: goTopArrow 1s ease-in infinite alternate;}
@keyframes goTopArrow {
    0%{top: 0rem;}
    100%{top: -.5rem;}
}
.back{display:none;cursor:pointer;position: relative;/* right:0; */width:clamp(3rem,4vw,4rem);height:clamp(3rem,4vw,4rem);background:var(--mainColor);padding-top: clamp(.5rem,1vw,1rem);z-index: 100;transition: all .5s;}
.back .txt{position: relative; line-height:clamp(3rem,4vw,4rem);font-size: .9rem;line-height: 1.2; text-align:center;color:white;transition: all .5s;}
.back:hover{background:var(--mainColorD);color:white;}

/*RWD編輯器表格(X捲軸)*/
.tableContainer table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
	.tableContainer{width:100%;overflow-x: scroll;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}
/*IE瀏覽器*/
.warning{width:100%;color:#fff;text-align: center;max-width: 1500px;padding: 60px 50px 50px;position:fixed;left:50%;transform: translate(-50%, -50%);top: 50%;background-color: #283d86;box-shadow:0 0 15px rgba(51,51,51,.5);border-radius:3px;z-index:9999999999;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.off{cursor: pointer;position:absolute;right: 10px;top: 10px;border: 1px solid #eee;padding: 3px 5px 3px 10px;}
.off:hover{background-color:#fff;color:#333;}

.useTool p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.useTool ul{padding-left:0;list-style:none}
.useTool li{display:inline-block;margin: 0 5px;}
.useTool a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.useTool b{margin-bottom: 10px;display: block;text-align: center;}
.useTool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.useTool span{float:right;margin-top: 2px;font-weight: 600;}
/* submit-loading */
.load-wrapp{position:fixed;width:100%;height:100%;background: rgb(0 0 0 / 65%);top: 0;left: 0;z-index: 99999;}
.loading{position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.loading span{color:#fff;font-size: 25px;margin-top: 40px;display: table;}
.spinner {position: relative;width: 60px;height: 60px;margin: 0 auto;}
.bubble-1,.bubble-2 {position: absolute;top: 0;width: 30px;height: 30px;border-radius: 100%;background-color: #fff;}
.bubble-2 {top: auto;bottom: 0;}
.loading .spinner {animation: loadingI 2s linear infinite;}
.loading .bubble-1,.loading .bubble-2 {-webkit-animation: bubble 2s ease-in-out infinite;animation: bubble 2s ease-in-out infinite;-moz-animation:bubble 2s ease-in-out infinite;-o-animation:bubble 2s ease-in-out infinite;}
.loading .bubble-2 { animation-delay: -1s;}
/* animation:loadingI */
@-o-keyframes loadingI{100%{transform:rotate(360deg)}}
@-moz-keyframes loadingI{100%{transform:rotate(360deg)}}
@-webkit-keyframes loadingI{100%{transform:rotate(360deg)}}
@keyframes loadingI{100%{transform:rotate(360deg)}}
/* bubble */
@-o-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-moz-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-webkit-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
/* submit-loading END*/
/*---------------------- 頁面開始 ----------------------*/

:root{
    --headerH: clamp(60px,10vw,120px);

    --mainColorL:#BDAF80;
    --mainColor:#988344;
    --mainColorD:#635222;
    --dark:#191919;
    --gray:#999999;
    --grayD:#3a3a3a;
    --lightGray:#DBDBDB;

    --hf--space:0 clamp(1rem,4vw,5rem);
    --container--space: clamp(2rem, 12vw, 12rem);
}


/*全頁佈局*/
.bg-fixed {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: url(../images/all/texture.png) no-repeat center center;background-size: cover;z-index: -5;pointer-events: none; }
.wrapper { padding:2rem 0;}
.blockHeight{padding: clamp(4rem,8vw,8rem) 0;}
.blockHeight--half{padding: clamp(2rem,4vw,4rem) 0;}
.blockHeight--topHalf{padding-top: clamp(2rem,4vw,4rem);}
.blockHeight--top{padding-top:0;}
.blockHeight--gray{background:var(--lightGray);}
.container{max-width: unset;padding: 0 var(--container--space);}
.sr-only{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

/* 全站卷軸 */
/* 捲軸寬度及高度 */
::-webkit-scrollbar {
    width: .5rem; /*右側捲軸寬度*/
    height: .5rem; /*下方捲軸高度*/
  }
  /* 軌道背景底色 */
  ::-webkit-scrollbar-track {background: var(--lightGray);}
   
  /* 滑桿樣式 */
  ::-webkit-scrollbar-thumb {background:var(--gray); border-radius: .5rem;}
  ::-webkit-scrollbar-thumb:hover {background: var(--gray); opacity: .8; transition: all .5s;}

  /* 捲軸兩側頂端的按鈕 */
  ::-webkit-scrollbar-button {display: none;/* background-color: var(--mainColor); */}
  ::-webkit-scrollbar-button:hover {/* background-color: var(--mainColor); */}


  
/*提醒:編輯器插入的圖需做以下設定，圖才不會變形*/
.tx01 img{max-width: 100%;height: auto!important;}


/*!header*/
header .container{max-width: 100%;padding:var(--hf--space);}
.header{position: absolute;}
.logo{display: flex;height: clamp(2rem,6vw,3.5rem);align-items: center;margin:0;}
.logo img{width:100%;height:100%;object-fit:cover;}

.nav-item{padding: clamp(.5rem,1.5vw,1.5rem);position:relative;}
.nav-link{font-size: clamp(1rem,1.2vw,1.125rem);letter-spacing:0.05em;margin-right:-0.05em;font-weight:500;position:relative;color: var(--mainColor);}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {color: white;}
.active .nav-link,.nav-item:hover .nav-link{color: white;}
.active .nav-link{font-weight:700;}
.active .nav-link:after,.nav-item:hover .nav-link:after{width:100%;}
.nav-link:focus, .nav-link:hover { }
.dropdown-toggle::after{content: none;}
.dropdown-toggle .bi{display: none;}

.header .nav-link{color: white;font-size: clamp(1rem,1vw,1.1rem);font-weight: 400;text-wrap: nowrap;display: flex;gap: .5rem;justify-content: center;}
.header .nav-item:before{content: "";display: block;width:0%;height: 0.25rem;background-color: white;position: absolute;bottom:0;right:50%;transition: all .5s;}
.header .nav-item:after{content: "";display: block;width:0%;height: 0.25rem;background-color: white;position: absolute;bottom:0;left:50%;transition: all .5s;}
.header .nav-item:hover:before, .header .nav-item.active:before, .header .nav-item.active{width: 30%;transition: all .5s;}
.header .nav-item:hover:after, .header .nav-item.active:after, .header .nav-item.active{width: 30%;transition: all .5s;}

.dropdown-toggle::after {display: none;}
.dropdown-menu{pointer-events: none;border-radius: 0;border: 0;display: block;opacity: 0;padding: .5rem 0;box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.3);cursor: pointer;background: rgba(0, 0, 0, 0.75);transition: all .5s;top: 100%;}
.dropdown-item{padding: .5rem 1rem;color: white;}
.dropdown-item:hover, .dropdown-item:active{background-color:#f4f4f3;color:var(--dark);}
.header .nav-item:hover .dropdown-menu{display: block;opacity: 1;transition: all .5s;pointer-events: auto;}
.dropdown-item:focus, .dropdown-item:hover {background: var(--mainColorD);color: white;}

.navbar{backdrop-filter: blur(.25rem);transition: 1s all;background: var(--mainColor);/* height: var(--headerH); */padding: 0;}
.scrolled .navbar{background: rgba(255, 255, 255, 0.3);--headerH: clamp(60px,8vw,80px)}
@keyframes hdMoveIn{0%{transform: translateY(-5rem);opacity: 0;} 100%{transform: translateY(0);opacity: 1;}}
.navbar{animation: hdMoveIn 1s ease-out forwards;}

.--pc{display: block;}
.--mb{display: none;}


/*!-header-手機按鈕*/
.navbar-toggler{border:none;display: flex;flex-direction: column;gap: 0.4rem;object-fit: cover;object-position: center;justify-content: center;padding: clamp(1rem,1.5vw,1.5rem);z-index: 5;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler__line{width: 1.25rem;height: 1px;background: white;display: inline-block;border-radius: 100rem;transition: .5s all;}
.navbar-toggler.open .navbar-toggler__line:nth-child(1){transform:translateY(0.5rem) rotate(225deg);}
.navbar-toggler.open .navbar-toggler__line:nth-child(2){transform:translateX(0.5rem);opacity:0;}
.navbar-toggler.open .navbar-toggler__line:nth-child(3){transform:translateY(-0.5rem) rotate(-225deg);}

/* 360環景彈窗 */
.popUp{position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);background: #fff;padding: 1rem;z-index: 10000;display: none;width: 75vw;overflow-y: auto;}
.popUp iframe{width:100%;height:100%;object-fit:cover;aspect-ratio: 1920/1080;}
.closeBtn{--btnW: clamp(4rem,4vw,4rem);width: var(--btnW);height: var(--btnW);font-size: clamp(1.5rem,2vw,2rem);color:white;background: black;opacity: .8;display: flex;justify-content: center;align-items: center;position: absolute;bottom:0;left:0;}
.overLay{position:fixed;top:0;left:0;width:100%;height:100%;background: rgb(0 0 0 / 35%);display: none;z-index: 9999;}


/* index 標題 */
.ixTitleBox{display: flex;flex-direction: column;line-height: 1.2;align-items: center;padding:clamp(2rem,3.75vw,3.75rem) 0;}
.mainTitle{font-size: clamp(1.5rem,2vw,2rem);font-weight: 700;}
.mainTitle__en{font-size: clamp(1.5rem,2vw,2rem);font-weight: 700;color:var(--mainColor);text-transform: uppercase;}
.ixAbTxtBox{display: flex;flex-direction: column;gap:clamp(1rem,2vw,2rem);}
.ixAbTit{display: flex;flex-direction: column;gap:clamp(.5rem,.75vw,.75rem);line-height: 1.2;font-size: clamp(1.5rem,2.25vw,2.25rem);font-weight: 700;color:white;text-transform: uppercase;}
/* page 標題 */
.pgTitleBox{display: flex;flex-direction: column;line-height: 1.2;padding: clamp(1rem,1.5vw,1.5rem) 0;}
.pgTitleBox--center{align-items: center;}
.pageTitle{font-size: clamp(1.5rem,2vw,2rem);font-weight: 700;}
.pageTitle__en{font-size: clamp(1.5rem,2vw,2rem);font-weight: 700;color:var(--mainColor);text-transform: uppercase;}
.date{margin-top:clamp(.25rem,.5vw,.5rem);}

/* 按鈕 */
.btnWrap{margin: 2rem 0;}
.btnWrap--center{display: flex;justify-content: center;}
.btnWrap--recaptchat{display: flex;justify-content: space-between;align-items: end;}
.btnWrap--left{margin: 0;margin-left: auto;}
.btnWrap--download{display: flex;justify-content: center;margin: 0;}
.btnStyle{min-width: clamp(92px,8vw,120px);font-size: clamp(.9rem,1vw,1rem);display:flex;align-items:center;justify-content: center;padding: clamp(.25rem,.5vw,.5rem) clamp(.75rem,1vw,1rem);border:1px solid var(--dark);gap: clamp(.5rem,1vw,1rem);position: relative;overflow: hidden;}
.btnStyle .txt, .btnStyle .bi{color:var(--dark)}
.btnStyle:before{content:"";display: block;width: 0%;height: 4rem;position: absolute;left: 0;background: var(--dark);transition: all .5s;}

.btnStyle:hover{gap: clamp(.75rem,1.25vw,1.25rem);}
.btnStyle:hover:before{width: 100%;}
.btnStyle:hover .txt, .btnStyle:hover .bi{color:white;z-index: 1;}

.btnStyle--w{border:1px solid white;}
.btnStyle--w .txt, .btnStyle--w .bi{color:white;line-height: 1.2;}
.btnStyle--w:before{background: white;}
.btnStyle--w:hover .txt, .btnStyle--w:hover .bi{color:var(--mainColor);z-index: 1;}

.btnStyle--download{display: inline-flex;border-color: var(--mainColor);margin-bottom: clamp(1rem,2vw,2rem);}
.btnStyle--download:before{background:var(--mainColor);}
.btnStyle--download .txt{color:var(--mainColorD);}
.btnStyle--download:hover .txt{color:white;}


/* 麵包屑 breadcrumb */
.breadCrumb--wrapper {}
.breadcrumb{display: flex;justify-content: start;gap: 0.5rem;margin: 0;padding-top: clamp(.75rem,2vw,2rem);}
.breadcrumb-item+.breadcrumb-item::before{padding-right: 1rem;}
.breadcrumb-item a{color:var(--darkColor);}
.breadcrumb-item.active a{color:var(--mainColorD);}
.breadcrumb-item.active a span::after{content:"";display: block;height: .15rem;background-color: var(--mainColorD);margin-left: 1.5rem;position: relative;top: -.25rem;}
.breadcrumb-item:has(span:empty){display: none;}
.breadcrumb-item:last-child a{color:var(--mainColorD);}

/*page_number*/
.pageNumber{display:flex;justify-content: center;padding: clamp(.5rem,1vw,1rem) 0;gap:clamp(.5rem,1vw,1rem);margin-top: clamp(2rem,4vw,4rem);}
.pageNumber a{display: block;aspect-ratio:1;height: 2rem;text-align: center;padding: 0.25rem;transition:0.5s all;display: flex;align-items: center;justify-content: center;}
.pageNumber a:hover,.pageNumber a.on{background: var(--mainColor);color:#fff;}
.pageNumber .prev, .pageNumber .next{}

/*banner*/
.banner{}
.pgBanner{height: 360px;position: relative;background-position: right;background-size: cover;}
.pgBanner:before{content:'';display:block;width:100%;height:100%;background: linear-gradient(to right,rgba(0,0,0,.8) 20%,rgba(0,0,0,0) 60%),no-repeat;}
.banner.slick-dotted.slick-slider{margin: 0;}
.banner .btnStyle{display: inline-flex;}
.bnPic{overflow: hidden;height: calc(100vh - 60px);}
.bnPic img{width:100%;height:100%;object-fit:cover;position:relative;transition: all .5s;}
.bnVideo video, .bnVideo iframe{width:100%;height: 100%;object-fit: cover;}

/* 內頁 banner */
.pgBanner .bnInfoBox{align-items: start;justify-content: end;gap: 0;padding:0 var(--container--space);padding-bottom: clamp(2rem,5vw,5rem);}
.pgBanner .bnInfoBox .tit{font-size: clamp(2rem,3vw,3rem);color:white;line-height: 1.2;}
.pgBanner .bnInfoBox .tit__en{font-size:clamp(1rem,1.5vw,1.5rem);color: var(--mainColor);letter-spacing: .15rem;text-transform: uppercase;}

/* 首頁 banner */
.banner__box{position:relative;overflow: hidden;}
.bnInfoBox{line-height: 1.2;text-align: center;width: 100%;height: 100%;padding: clamp(3rem,5vw,5rem);display:flex;flex-direction:column;justify-content: center;align-items:center;gap: clamp(1rem,2vw,2rem);position:absolute;top: 0;transition:all .5s;}
.bnInfoBox .tit{font-size: clamp(2rem,4vw,4rem);color:white;}
.bnInfoBox .tit__en{font-size:clamp(1rem,1.5vw,1.5rem);color:white;letter-spacing: .15rem;text-transform: uppercase;}
.banner .slick-dots li{width:100%;height: clamp(.15rem,.25vw,.25rem);margin:0;}
.banner .slick-dots{display:flex;position:absolute;bottom: 0;width: 100%;height: clamp(.15rem,.25vw,.25rem);}
.banner .slick-dots button:before{width: 100%;height: clamp(.25rem, .5vw, .5rem);content: '';background: white;transition:all .5s;}
.banner .slick-dots .slick-active button:before{background: var(--mainColor)}

.banner .slick-arrow:before{font-family:'bootstrap-icons';display: block;font-size: clamp(1.5rem,2.5vw,2.5rem);position: relative;z-index: 5;}
.banner .slick-prev, .banner .slick-next{width: 3rem;height: 3rem;z-index: 5;color: white;}
.banner .slick-prev:before{content: '\F284';}
.banner .slick-next:before{content: '\F285';}
.banner .slick-prev{left: 3%;}
.banner .slick-next{right: 3%;}

/* 首頁 */
/* .bgBox{background: url(../images/all/texture.png) fixed;background-size: cover;} */
.ixDiscWrap{padding: 0 calc(var(--container--space)/2);}
.ixDiscList{display: flex;}
.ixDiscPic { margin:0 clamp(1.5rem,2vw,2rem);}
.ixDiscList__item img{width:100%; height:100%;}
.ixDiscList .slick-dots{bottom: calc(-1 * clamp(2rem, 4vw, 4rem));}
.ixDiscList .slick-arrow:before{font-family:'bootstrap-icons';display: block;font-size: clamp(1rem,2.5vw,2.5rem);color:var(--gray);position: relative;z-index: 5;}
.ixDiscList .slick-prev, .ixDiscList .slick-next{width: 3rem;height: 3rem;z-index: 5;color: white;}
.ixDiscList .slick-prev:before{content: '\F284';}
.ixDiscList .slick-next:before{content: '\F285';}
.ixDiscList .slick-prev{left: -3%;}
.ixDiscList .slick-next{right: -3%;}
.ixDiscList .slick-dots{--w:clamp(.75rem,1.25vw,1.25rem);display: flex;justify-content: center;flex-wrap: nowrap;}
.ixDiscList .slick-dots li button { width: var(--w);height: var(--w);}
.ixDiscList .slick-dots li{width: var(--w);height: var(--w)}
.ixDiscList .slick-dots li button{width: var(--w);height: var(--w)}
.ixDiscList .slick-dots li button:before{width: var(--w);height: var(--w);line-height: 1;}


.ixAbContent{display: grid;grid-template-columns: repeat(2,1fr);}
.ixAbTxtBox{position:relative;display: flex;flex-direction: column;justify-content: center;padding: clamp(2rem,4vw,4rem) clamp(2rem,8vw,8rem);align-items: flex-start;}
.ixAbTxtBox:before{content:'';display: block;width:100%;height:100%;position: absolute;top: 0;left: 0;opacity: .25;background: url(../images/index/ixTexture.png);background-size: cover;z-index: -1;}
.ixAbTxtBox:after{content:'';display: block;width:100%;height:100%;position: absolute;top: 0;left: 0;background:var(--mainColor);z-index: -2;}
.ixAbContent:nth-of-type(even) .ixAbTxtBox::after{background: var(--dark);}
.ixAbContent:nth-child(odd) .ixAbPic{order: 2;}
.ixAbTxtBox p{color:white;font-size: clamp(.85rem,1vw,1rem);}
.ixAbPic img{width:100%;height:100%;object-fit: cover;}
.ixAbTxtBox .ixAbTit,
.ixAbTxtBox .txtBox,
.ixAbTxtBox .btnStyle{text-shadow: 0 0 .5rem rgba(0, 0, 0, .25);}

.ixFeastList{display: flex;}
.ixFeastList__item{position: relative;overflow: hidden;}
.ixFeastPic{aspect-ratio: 1;overflow: hidden;}
.ixFeastPic:before{content:'';display: block;width:100%;height:100%;background:rgba(0, 0, 0, .25); position: absolute;transition: all .5s; z-index: 1;}
.ixFeastPic img{width:100%;height:100%;object-fit: cover;position: relative;transition: all .75s;}
.ixFeastTit{--titH: clamp(4rem,8vw,6rem);--titPosition: calc(100% - var(--titH));}
.ixFeastTit{width: 100%;height: var(--titH);display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 1.2;letter-spacing:.1rem;color: white;position: absolute;top: var(--titPosition);z-index: 1;transition: all 1s;}
.ixFeastTit:after{content:'';display:block;width:100%;height:100%;background:var(--mainColor);opacity:.85;position:absolute;z-index:-1;}
.ixFeastTit .tit{font-size: clamp(1.25rem,1.75vw,1.75rem);}
.ixFeastTit .tit__en{font-size:clamp(1rem,1.15vw,1.15rem);}

.ixFeastList__item:hover .ixFeastPic img{transform: scale(1.05);}
.ixFeastList__item:hover .ixFeastPic:before{opacity:0;}
.ixFeastList__item:hover .ixFeastTit{top: 98%;}


/* 內頁 */
/* .pgContent{background: url(../images/all/texture.png) fixed;background-size: cover;} */

/* 共用列表頁面 */
.cardList{display:flex;flex-wrap:wrap;--num: 3;--gap: clamp(1rem, 2.5vw, 2.5rem);;gap:var(--gap);}
.cardList__item{width:calc((100% - (var(--gap) * (var(--num) - 1))) / var(--num));display: flex;flex-direction: column;gap: clamp(.25rem,.5vw,.5rem);}
.cardList__item .tit{font-size: clamp(1rem,1.25vw,1.25rem);font-weight: 600;line-height: 1.2;transition: all .5s;}
.cardList__item .date{font-size: clamp(.75rem,1vw,1rem);color:var(--gray);}
.cardListImg{aspect-ratio: 530/300;}
.cardListImg, .dtImg{overflow: hidden;}
.cardListImg img, .dtImg img{width:100%;height:100%;object-fit: cover;position: relative;transition: all .5s;}
.cardList__item:hover .cardListImg img{transform: scale(1.05);}
.cardList__item:hover .tit{color:var(--mainColor);}

/*編輯器*/
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.tx01{margin-bottom:1rem;}
.text{padding:1rem 0;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.pageContent table { max-width:100%;width: 100%;}
.img-left,.img-right{display: flex;align-items: center;gap: 2rem;}
.img-left figure,.img-right figure{width: calc(50% - .5rem);}
.img-right{flex-direction: row-reverse}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width: calc(50% - .5rem);}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img_center img {  float: left;  padding: 1em;  width: 100%;   text-align: center;}
.img-left figure:only-child,.img-right figure:only-child{float:none;padding: 0;margin: auto;max-width: inherit;text-align: center;width: auto;}
.tx01 a{color: #242f8a;text-decoration: underline;}
.tx01 a:hover{opacity:.8}
.tx01 figcaption{position:relative;padding: 1rem 0;font-size: 1rem;}
.tx01 img{max-width:100%;max-height:100%;height:auto!important;}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;}

@media screen and (max-width:991px){
    /* 圖文&編輯器 */
    .img-left,.img-right{flex-direction: column;gap: 0;}
    .img-left figure,.img-right figure{width:100%}
    .img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width:100%;padding:1rem 0 0 0}
}   


/* 內頁 - 關於墨賞 */
.abContent{display: grid;grid-template-columns: 3fr 2fr;gap:clamp(1rem,4vw,4rem);margin-bottom: clamp(1rem,4vw,4rem);}
.abContent--half{grid-template-columns: 1fr 1fr;}
.abContent--one{grid-template-columns: 1fr;}
.abImgBox{display: grid;grid-template-columns: repeat(3, 1fr); gap:clamp(1rem,2vw,2rem);}

/* 內頁 - 關於墨賞 地理位置 */
.stDtMain{display: flex;flex-direction: column; gap: clamp(1vw,5vw,2rem);}
.stDtContent{display: flex;gap: clamp(1vw,5vw,2rem);align-items: flex-start;}
.stTitle{color: var(--mainColor);font-size: clamp(1.025rem, 1.2vw, 1.125rem);letter-spacing: 0.05em;font-weight: 500;}
.stTxtList{display: flex;flex-direction: column;}
.stTxtList__item{display: flex;gap: .5rem;position: relative;padding: .5rem 0 .5rem 1rem;transition: all .5s;}
.stTxtList__item:hover{background:rgb(0 0 0 / 5%);}
.stTxtList__item:after {content: '';position: absolute;width: 100%;height: 1px;border-bottom: dashed 1px var(--lightGray);left: 0;bottom: 0;animation: LineWidth ease-out 1s forwards;transition: width 1.5s;}
.stTxtList__item .bi{font-size: clamp(1rem,1.15vw,1.15rem);color:var(--mainColor);}
.stTxtList__item.stTitle{gap:0;}
.stImgBox{width:100%;overflow:hidden;aspect-ratio: 600/400;}
.stImg{width:100%;height:100%;object-fit:cover;}
.stInfoBox{width:100%;}
.stType{display:flex;align-items:center;}
.stType:after{content: "";display: block;width: 1px;height: 1rem;background: var(--mainColor);margin:0 1rem;}
.stRes{font-size: .85rem;letter-spacing: .1rem;color: white;padding: 0 .25rem;border-radius: .25rem;background: var(--mainColor);}
.stMap{width:100%;overflow:hidden;aspect-ratio: 7/2;}
.stMap iframe{width:100%;height:100%;}

/* 內頁 - 美食饗宴 */
.feastTopTabWrap{width: 100%;-webkit-overflow-scrolling: touch;overflow-y:hidden;padding-bottom: clamp(.5rem,1vw,1rem);}
.feastTopTab{display: flex;gap: clamp(.5rem,1vw,1rem);flex-wrap:nowrap;}
.feastTopTab__item{min-width: 200px;position: relative;overflow: hidden;}
.feastTopTab__item:hover .feastPic img{transform: scale(1.05);}
.feastTopTab__item:hover .feastPic:before{opacity: 0;}
.feastTopTab__item:hover .feastTit{top: 98%;}
.feastTopTab__item:hover .feastTit:after{opacity:.9;}

.feastPic{aspect-ratio: 700/650;overflow: hidden;}
.feastPic:before{content:'';display: block;width:100%;height:100%;background:rgba(0, 0, 0, .25);position: absolute;transition: all .5s;z-index: 1;}
.feastPic img{width:100%;height:100%;object-fit: cover;position: relative;transition: all .75s;}
.feastTit{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 1.2;letter-spacing:.1rem;color: white;position: absolute;top: 0;z-index: 1;transition: all 1s;}
.feastTit:after{content:'';display:block;width:100%;height:100%;background:var(--mainColor);opacity: .5;transition:all .5s; position:absolute;z-index:-1;}
.feastTit .tit{font-size: clamp(1.25rem,1.25vw,1.25rem);}
.feastTit .tit__en{font-size: clamp(.9rem,1vw,1rem);}

.feastSubTab{display: flex;flex-wrap: wrap;justify-content: center;gap:clamp(.5rem,1vw,1rem);padding:clamp(1rem,1.5vw,1.5rem) 0;margin-bottom: clamp(1rem,1.5vw,1.5rem);border-top:1px solid var(--mainColor);border-bottom:1px solid var(--mainColor);}
.feastSubTab__item .txt{color: var(--grayD);transition: all .5s;}
.feastSubTab__item:hover .txt{font-weight: 500; color: var(--mainColor);}
.feastSubTab__item.active .txt{font-weight: 500; color: var(--mainColor);}

.feaCardList{display: grid;grid-template-columns: repeat(2,1fr);gap:clamp(1rem,2vw,2rem);}
.feaCardList__item{display: grid;grid-template-columns: repeat(2,1fr);background:white;overflow: hidden;}
.feaCardList__item .dtImg{aspect-ratio: 450/600 ;}
.feaCardList__item .txtBox{padding:clamp(1rem,2vw,2rem);font-size: clamp(.9rem,1vw,1rem);overflow: hidden;max-height: 400px;overflow-y:auto;}
.feaCardList__item .tit{line-height: 1.2;font-size: clamp(1.15rem,1.25vw,1.25rem);font-weight:600;color:var(--mainColor);position: relative;}
.feaCardList__item .tit:after{content:'';display: block;width:100%;height:1px;border-bottom:1px solid var(--lightGray);margin: clamp(.5rem,.75vw,.75rem) 0;}
.feaCardList__item .tit::before{content:'';display: block;width:0%;height:1px;border-bottom:1px solid var(--mainColor);position: absolute;bottom:0; transition: all .5s;}


.feaCardList__item:hover .dtImg img{transform: scale(1.05);}
.feaCardList__item:hover .tit:before{width:100%;border-bottom:1px solid var(--mainColor);}



/* footer */
.footer{color:white;position: relative;z-index: 1;display: grid;grid-template-columns: 1fr 3fr 1fr;padding: clamp(1rem, 8vw, 8rem) 0 clamp(2rem, 5vw, 5rem);overflow: hidden;}
.footerBg{background: url(../images/all/footerBG.png) fixed bottom;background-size: cover;position:relative;}
.footerBg:before{content:'';display:block;width:100%;height:100%;position: absolute;top:0;left:0;background: var(--dark);opacity:.9;z-index:0;}
.footer .container{display: flex;flex-direction:column;}
.ftInfo{display:flex;gap: clamp(1rem,1vw,1.25rem);}
.ftInfo__item{display: flex;align-items:center;}

.ftLogoBox{display: flex;flex-direction: column;justify-content: center;padding: 0 clamp(1rem, 5vw, 5rem);align-items: center;gap: clamp(1rem, 3vw, 3rem);}
.ftInfoBox{padding: 0 clamp(2rem, 5vw, 5rem);display:flex;flex-direction:column;gap:clamp(2rem,5vw,5rem);border-left: solid 1px var(--gray);border-right: solid 1px var(--gray);}
.ftLogo{width: clamp(80px,8vw,120px);opacity: .5;transition: all .5s;}
.ftLogo--main{width: clamp(180px,15vw,300px);}
.ftLogo img{width:100%;height:100%;object-fit:cover;}
.ftLogo:hover{opacity: .75;}

.ftInfoList{display: flex;gap: clamp(1.5rem,4vw,4rem);}
.ftInfoList__item{width: 100%;display: flex;flex-direction: column;gap:clamp(.25rem,.5vw,.5rem);}
.ftInfoList__item .tit{font-size: clamp(1rem,1.15vw,1.15rem);width: 100%;color:var(--mainColor);}
.ftInfoList__item .txt{font-size: clamp(.9rem,1.15vw,1.15rem);width: 100%;color: white;opacity:.9;transition:all .5s;}
.ftInfoList__item .line{border-right:1px solid white;margin: 0 clamp(.25rem,.75vw,.75rem);}
.ftInfoList__item a.txt:hover{opacity:.6;}

.ftBottom{padding: clamp(1rem,2.5vw,2.5rem);border-top:1px solid var(--gray);position: relative;z-index: 1;}
.ftIcon{display:flex;gap: clamp(1rem,2.5vw,2.5rem);justify-content: center;margin-bottom: clamp(.25rem,.5vw,.5rem);}
.ftIcon__item{display: flex;align-items:center;width: clamp(2rem,3vw,3rem);}
.ftIcon__item img{width:100%;height:100%;object-fit:cover;}
.copyright{font-size:.9rem;text-align: center;color: white;}
.copyright a {color: white;}

.cell-center{display:none;position:fixed;z-index:98;left:0;right:0;bottom:0;list-style:none;margin:0;padding:0;text-align:center;display:none;position:fixed;z-index:98;left:0;right:0;bottom:0;list-style:none;margin:0;padding:0;text-align:center;}
.cell-center li{width:33.333%}
.cell-center a{display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height:clamp(3rem, 4vw, 4rem);
    background: var(--mainColorD);color:#fff;}
    .cell-center li:not(:last-child) a{border-right:solid 1px rgba(255,255,255,.3)
    }/*按鈕*/




/* 內頁 - contact 聯絡我們 */
.contactBox{display: grid;grid-template-columns: 1fr 2fr;gap: clamp(1rem,3vw,3rem);overflow: hidden;}
.contactPic img{width:100%;height:100%;object-fit: cover;}
.formGroupWrap{}
.formGroup{display: flex;flex-wrap:wrap;gap: var(--gap);--gap:clamp(1rem,2vw,2rem);}
.formGroup__item{width:100%;}
.formGroup__item--half{width:calc(50% - (var(--gap)/2));}
.formGroup__item--bottom{display: flex;justify-content: space-between;align-items: end;gap:var(--gap);}
.form-control{border-radius: 0;border-color: var(--gray);background: none;}
.form-control:focus{border-color: rgb(0 0 0 / 50%);box-shadow: 0 0 0 .25rem rgb(0 0 0 / 10%);background: none;}
.contact .pgTxtBox{margin-bottom: clamp(2rem,4vw,4rem);}
textarea {resize: none;}



@media screen and (max-width: 991px){
    :root{
        --container--space: clamp(1rem, 6vw, 6rem);
    }
    
    /*!991 header*/
    .navbar-brand{padding:0;z-index: 5;}
    .menuBar{background: rgb(152 131 68 / 90%);position: absolute;width: 0;height: 100vh;right: 0;text-align: center;padding: 1rem;transition: .5s all;pointer-events: none;top:0;opacity: 0;overflow: hidden;z-index:-1;}
    .navbar-toggler.open + .menuBar{height:100vh;width: 100%;pointer-events:all;opacity:1;box-shadow: 0 0 .5rem .25rem rgb(0,0,0,.15);padding: 1rem 0;z-index: 3;display: flex;flex-direction: column;}
    .navbar-nav{padding-top:3rem;margin-left: 0!important;}

    /*header - 手機選單*/
    .navbar-nav .dropdown-menu{display: block;}
    .dropdown-item {display: flex;flex-direction: column;align-items: start;gap: 1rem;border: 0;padding: .75rem 3rem;background-color: var(--mainColorL);}
    .header .nav-link, .header .nav-item,  .header .nav-item.active {margin: 0;width: 100%;}
    .header .nav-link {padding: 1rem 2.5rem;justify-content: space-between;}
    .header .nav-item .dropdown-menu {display:block;width: 100%;opacity: 1;transition: all .5s;pointer-events: auto;box-shadow: none;/* transition: all .5s; */background-color: #f4f4f3;padding: 0;position: relative;top: 0;}
    .header .nav-item:hover .dropdown-menu{opacity: 1;border-radius: 0;background-color: #c5c5c533;}
    .header .nav-item.active .dropdown-menu{display: block;}
    .header .nav-item:before, .header .nav-item:after{content:none;}
    .nav-item{padding:0;}
    .nav-item .bi {font-size: .65rem;display: block;}
    .nav-link{display:flex;justify-content:space-between;}
    .header .active .nav-link{font-weight: 400;background: var(--mainColor);color: white;}
    .header .active .bi{color: white;}

    .header .container{padding-right: 0;}
	.langBtn.nav-item .nav-link{padding:0;}
    .langBtn.nav-item{background: var(--dark);width: auto;height: clamp(3rem,4.5vw,4.5rem);aspect-ratio: 1;display: flex;align-items: center;margin-left:auto;z-index: 5;}
    .langBtn .txt{color:white;width: 100%;height: 100%;text-align: center;}
	.langBtn{ order: 2;}
	.navbar-toggler{order:3;}

    .--pc{display: none;}
    .--mb{display: block;}


    /* 內頁 - 關於墨賞 地理位置 */
    .stDtContent{flex-direction: column;}
	.stMap{width:100%;overflow:hidden;aspect-ratio: 2/1;}

    /* 內頁 - 美食饗宴 */
    .feaCardList{grid-template-columns: 1fr;}

    /* contact */
    .contactBox{grid-template-columns: 1fr;}
    .contactPic img{display: none;}

    /* footer */
    .sideBtn{bottom: clamp(3rem, 4vw, 4rem);}
    .footer{grid-template-columns:1fr;gap: clamp(1.5rem,3vw,3rem);}
    .ftLogoBox{align-items: start;flex-direction: row;border: none;}
    .ftInfoBox{padding:clamp(2rem, 5vw, 5rem);border: 0 ;border-top: solid 1px var(--gray);border-bottom: solid 1px var(--gray);}
	.cell-center{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
}

@media screen and (max-width: 768px){
    :root{
        --container--space: clamp(1rem, 5vw, 5rem);
    }
    
    /* 360環景彈窗 */
	.popUp iframe{aspect-ratio: 1;}

	/* banner */
    .pgBanner{background-position: center;}
	.pgBanner:before{ background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 50%),no-repeat;}
    .bnPic{height:auto;}
	.slick-track{display:flex;flex-direction:column;}
	.bnInfoBox{top: clamp(2rem,5vw,5rem);}
	.bnPic img{height:400px;}

    .pgBanner .bnInfoBox{top:0;}

	/* 首頁 */
	.ixFeastList{flex-direction:column;}
	.ixFeastPic{aspect-ratio: 2/1;}

    /* 內頁 - 關於墨賞 */
    .abContent{grid-template-columns: 1fr;}
    .abImgBox{grid-template-columns: 1fr;}
    .abImgBox .dtImg{aspect-ratio: 2/1;}

    /* 內頁 - 美食饗宴 */
    .feastPic{aspect-ratio: 2/1;}
    .feastTopTab{flex-direction: column;}

    /* 共用列表頁面 */
    .cardList{--num: 2;}

}

@media screen and (max-width:640px){
    /*!header*/
	.logo{max-width: clamp(240px,20vw,280px);}    

    /* 360環景彈窗 */
    .popUp{ width: 100vw;height: 100vh;padding: 0;}
	.popUp iframe{aspect-ratio: 9/16;}

	/* 首頁 */
	.ixAbContent{grid-template-columns: 1fr;}
	.ixAbContent:nth-child(odd) .ixAbTxtBox{order: 2;}
	.feastList{grid-template-columns: 1fr;}

    /* 內頁 - 美食饗宴 */
    .feaCardList__item .txtBox{line-height: 1.5;}

    /* 共用列表頁面 */  
    .cardList{--num: 1;}

    /* footer */
    .ftInfoList{flex-direction:column;}
    .ftLogoBox{justify-content: start;}

}