@charset "utf-8";

/* CSS Document */
body{font-family: 'Roboto','Noto Sans TC','微軟正黑體',sans-serif;font-size: 1.0625rem;line-height: 1.25;color:var(--black);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);letter-spacing: 0.014em;background: url(../images/all/bg.png)center top/cover no-repeat,#EDEDED;}
body::before{content:'';position:fixed;width:100vw;height:100vh;background: rgb(82 32 16 / 85%);left:0;top:0;z-index: 1000;-webkit-backdrop-filter: blur(0.125rem);backdrop-filter: blur(0.125rem);pointer-events: none;opacity: 0;transition: 0.3s all ease-out,z-index 0s;}
body:has(.termPopOuter.offset):before{opacity:1;z-index: 10000;pointer-events: all;}
body::after{content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 999999999;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;pointer-events: none;}
@media (min-width:768px){.wow{visibility:hidden;}}
/*--------------------------------------------------*/
/* !====無障礙功能==== */
/* 無障礙焦點樣式 */
/* a:focus,
button:focus,
[role="button"]:focus,
.swiper-button-next:focus, .swiper-button-prev:focus,
.swiper-pagination-bullet:focus,
.promotionResult--active:focus,
input:focus,
select:focus,
textarea:focus,
.gsc-results-close-btn-visible:focus,
.goTop:focus{z-index:99998;outline: var(--outline);outline-offset: var(--outline-offset);opacity: 1;} */

/* 跳過連結 - 無障礙功能 */
/* .accesskey {position: absolute;top:0;left: 6px;padding: .5rem;text-decoration: none;z-index: 10000;}
#C{position: relative;min-height: 60vh;} */

/* 無障礙支援樣式 */
/* .sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
} */
/*--------------------------------------------------*/
a{color:var(--black);text-decoration:none;-o-transition:var(--trans);-webkit-transition:var(--trans);-moz-transition:var(--trans);transition:var(--trans)}
a:hover{}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}
:root{
    --mjColor: #522010; /* 主色 */
    --subColor: #DB966D; /* 副色 */
    --gradient1:linear-gradient(120deg,#6F4229,var(--color-1),#6F4229);

    --color-1:#F8DD9B;
    --color-1L:#FEEED3;
	
	--optBg:rgba(255,255,255,0.55);
	--bdR:2.5rem;
	--bdStyle:1px solid var(--bsLine);
	--bdRSmall:0.75rem;
	--tipCl:#4b4b4b;

    --black: #303030;

    --bs:#6C757D;
	--bsLine:#DEE2E6;

    --gray: #999;
    --gray-d: #777;
    --gray-l: #ccc;
    --gray-lx2: #eee;

    --red: #d40023;
	--green:#079100;

    --trans: all .3s linear;
    --trans-ease: all .3s ease-out;

    --outline: 5px dotted var(--subColor);
    --outline-offset: 0;
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.errorLine,.errorTxt,.red{--cl: var(--red);}
.errorLine{border-color: var(--cl)!important;}
.errorTxt{font-size: .875em;color: var(--cl);}
.errorTxt:empty{display: none;}
.red{color:var(--cl)}
.green{color:var(--green)}

/* !====連結底線 */
.aLink{text-decoration: underline;transition: var(--trans);}
.aLink:hover{opacity: .5;}

/* !====回頂端 */
#goTop{--size:3rem;display:none;cursor:pointer;z-index: 2;position:fixed;bottom:1rem;right:1rem;width:var(--size);aspect-ratio:1;line-height:var(--size);text-align: center;background: var(--mjColor);color: #fff;border-radius: 100rem;transition:0.3s all;}
#goTop:hover{background:var(--mjColor-d);color:#fff;}

/* !====按鈕 */
button{border:none;transition:0.3s all;}
.btnWrap {width: 100%;margin: 0.5em 0 0;text-align: center;}
.btnWrap--group{display:flex;gap:1rem;justify-content: center;margin: 1em 0;}
.btnStyle{--sdW:12.5rem;display:inline-block;background:var(--subColor);padding:0.625rem 1rem;min-width:7.5rem;border-radius:100rem;color:#fff;text-align:center;border: 1px solid transparent;cursor: pointer;transition: 0.3s all;}
.btnStyle--border{background:#fff;color:var(--mjColor);border-color:var(--mjColor);}
.btnStyle--border:hover{color:#fff;}
.btnStyle.--small{--sdW:5rem;min-width: 5rem;}
.btnStyle--2{background:var(--mjColor);}
.btnStyle:hover{box-shadow: var(--sdW, 12.5rem) 0 0 #6a300d inset;}
[type=button],[type=reset],[type=submit],button {-webkit-appearance: button;}
.btn{position:relative;display:inline-block;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: inherit;border: 1px solid transparent;background: transparent;line-height: var(--lineHeight,1);padding: 0;}
.funcBtn{--cl:var(--bs);position:relative;display:inline-block;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: var(--cl);border: 1px solid var(--cl);padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;background: transparent;cursor: pointer;transition:0.3s all;}
.funcBtn:hover{background:var(--cl);color:#fff;}
.btnS{--gap:0.5rem;display:flex;gap: var(--gap);align-items: center;}
.dashTxt{line-height:1;display:inline-block;transform:translateY(-3px)}
.funcBtn--full{background: var(--cl);color:#fff;}
.funcBtn--full:hover{--cl:#495157;}
.funcBtn--submit{--cl: #e05265;background: var(--cl);color:#fff;}
.funcBtn--submit:hover{--cl:#b13444;}
.funcBtn--ok{--cl: #009688;background: var(--cl);color:#fff;}
.funcBtn--ok:hover{--cl:#007166}
/* 追加備註：已有內容時標示 */
.funcBtn--has-memo{--cl:#a96e4b;background:rgb(254 238 211 / 45%);color:var(--cl);border-color:var(--cl);}
.funcBtn--has-memo:hover{background:var(--cl);color:#fff;}
.funcBtn--back{--cl:#6c757d;background: var(--cl);color:#fff;border-color: var(--cl);}
.funcBtn--back:hover{--cl:#5a6268;color:#fff;}
.funcBtn[data-tip]{position:relative;}
.funcBtn[data-tip]:after{content:attr(data-tip);--cl: var(--tipCl);position:absolute;pointer-events: none;width: auto;right: 0;bottom: 0;text-wrap-mode: nowrap;transform: translateY(100%);background: var(--cl);border: 1px solid var(--cl);padding: 0.25rem 0.5rem;border-radius: 0.25rem;z-index: 99;font-size: 0.875rem;opacity: 0;transition: 0.3s all;}
.funcBtn[data-tip]:hover:after{bottom:-0.5rem;opacity:1;}
.funcBtn.--dash{--sp: calc(var(--gap) * 2);margin-left: var(--gap);}
.funcBtn.--dash:before{content: '';position: absolute;width:1px;height: 55%;background: var(--black);left: calc(var(--sp) * -0.5);top: 50%;transform: translate(-100%,-50%);/* opacity: 0.5; */}
.vertTxt{display:flex;gap: 0.25rem;align-items: center;}
.sortFilter{--lineHeight: 0.5;display: inline-flex;flex-direction:column;font-size: 0.625rem;}
.sortFilter__item .bi{--offset: 1px;display:flex;}
.sortFilter__item.--up .bi:before{transform:translateY(var(--offset))}
.sortFilter__item.--down .bi:before{transform: translateY(calc(var(--offset) * -1 ));}
.sortFilter__item:hover{opacity:0.5}
#tbToggle{--cl: var(--black);}
.plusIcon .bi:before{content: '\F4FA';}
.--arrowAni{overflow:hidden;}
.--arrowAni:before{animation:arrowMove 1s infinite forwards;}
.bi-arrow-left.--arrowAni:before{animation:arrowMoveLeft 1s infinite forwards;}
@keyframes arrowMove{
	0%{transform:translateX(0)}
	100%{transform:translateX(0.5rem)}
}
@keyframes arrowMoveLeft{
	0%{transform:translateX(0)}
	100%{transform:translateX(-0.5rem)}
}
.markListBox{margin:0;padding: 0.5rem;background: #f4f4f4;list-style: none;width: 100%;}
.markListBox li{--dotW: 0.375rem;padding-left: calc(var(--dotW) + 1rem);position:relative}
.markListBox li + li{margin-top:0.25rem}
.markListBox li:before{content:'';position:absolute;width: var(--dotW);aspect-ratio:1;background: var(--black);border-radius:100rem;left: 0.5rem;top: 0.5rem;}

/* !====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*/
/*---------------------- 頁面開始 ----------------------*/
/* !====全頁佈局 */
.container{max-width:100%;padding:0 2.5rem;}
.wrapper { padding:2rem 0;}
.blockHeight{padding:2rem 0;}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

.tbItem.--check{background:var(--bgHere,var(--mjColor));}
.--step1{}
.--step2{--bgHere: #49905f;}
.--step3{--bgHere: #3c4577;}
.--step4{--bgHere: #8b6079;}
.--step5{--bgHere: var(--mjColor);}

/* !====編輯器 */
.tx01 img{max-width: 100%;height: auto!important;}
/* !====RWD編輯器表格(X捲軸) */
.tableContainer{overflow-y:auto;/* max-height: 82.5vh; */}
.tableContainer table td,.tableContainer table th{padding: 0.75rem 1rem;/* white-space:inherit; */vertical-align: middle;}
.form-check-input:checked{--cl:var(--bgHere,#DB966D);background-color:var(--cl);border-color:var(--cl);font-size: 1.125rem;}

/* !====標題 */
.titleWrap{padding: 1.25rem;}
.mjTitle{font-weight: 500;font-size: 2rem;letter-spacing: 0.05em;margin: 0;}
.nowrap{white-space: nowrap;}
.userNum{margin: 0 0.25rem;display:inline-block;background: var(--color-1);border: 1px solid var(--color-1);padding: 0rem 0.25rem;border-radius: 0.25rem;color: var(--mjColor);}

/* !====banner */
.banner{aspect-ratio: 21/9;}
.banner__box{position:relative}
.banner__box picture,
.banner__box img {display: block;width: 100%;height: 100%;object-fit: cover;}
.bannerTitle{position:absolute;left:50%;bottom:50px;margin:0;transform:translateX(-50%);color:#fff}

.pgBanner{}
/* Banner 背景圖片 - 動態背景 */
.pgBanner--dynamic{background-size: cover;background-position: center;background-repeat: no-repeat;}
/* Body padding-top 移除 */
.body-no-padding{padding-top: 0;}
/* 隱藏元素 */
.hidden{display: none !important;}
/* CSP：避免 inline style="display:none" */
#editPop,
#plusPop{display: none;}
/* 驗證碼錯誤訊息 */
.captcha-validation{display: none;}
.captcha-validation.show{display: block;}
/* 表單隱藏欄位（防機器人） */
.form-honeypot{position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0;tabindex: -1;}
/* 間距工具類 */
.mt-2rem{margin-top: 2rem;}
.mb-1rem{margin-bottom: 1rem;}
.mb-2rem{margin-bottom: 2rem;}
/* Demo 頁面樣式 */
.demo-section{margin: 2rem 0;}
.demo-text{margin-bottom: 1rem;}
/* 表格寬度 */
.table-width-25{width: 25%;}
.table-width-30{width: 30%;}
.table-width-20{width: 20%;}

/* 郵件樣式 */
.email-footer-note{color: red;}
/* GTM noscript iframe */
.gtm-noscript-iframe{display: none;visibility: hidden;}
/* Body overflow 控制 */
.body-overflow-hidden{overflow: hidden;}

/* 通行碼登入頁面樣式 */
.default-page body{margin: 0;}
.default-page .setting-box{position: relative;}
.default-page figure{margin: 0;}
.default-page figure img{width: 100%;}
.default-page .login-root{text-align: center;position: absolute;padding: 100px 50px;left: 50%;transform: translate(-50%,-50%);top: 50%;min-width: 400px;background-color: rgb(255 255 255 / 93%);backdrop-filter: blur(5px);border-radius: 20px;box-shadow: 0 0 20px rgb(51 51 51 / 25%);display: -ms-flexbox;-ms-flex-wrap:wrap;-ms-flex-align: center;}
.default-page .login-root p{font-size: 25px;display: block;margin-top: 0;color: #188a8d;font-weight: 600;}
.default-page .login-root input{height: 37px;padding-left: 10px;width: 100%;font-size: 16px;box-sizing: border-box;border-radius: 5px;border: 1px solid #188a8d;display: block;}
.default-page .login-root button{height: 40px;border: none;padding: 0 15px;font-size: 16px;display: block;margin: 20px auto 0;background: #cfe9ec;width: 100%;border-radius: 5px;color: #188a8d;font-weight: 600;}

/* !====js-下拉選單==== */
.dropdown{position:relative;}
[data-toggle="dropdown"]{position: relative;cursor: pointer;display: block;/* padding-right: 2rem; */}
/* [data-toggle="dropdown"]::after{content: '\F282';font-family: bootstrap-icons;display: inline-block;transition: var(--trans);} */
[data-toggle="dropdown"].--isOpen::after{transform: rotate(-180deg);}
.dropdownMenu{z-index: 999;position: absolute;top: 100%;left: 0;width: 100%;background: #ffffff;box-shadow: 0 .5rem .5rem -.5rem rgba(0, 0, 0, 0.2);}
.dropdownMenu__close{display: none;}

/* !====選單==== */
.logo{margin:0;}
.navbar{position: fixed;top: 0;left: 0;right: 0;z-index: 9999;transition: 0.3s all;padding: 1rem 0;}
.navbar--fixed{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background: linear-gradient(-45deg, rgb(246 222 223 / 50%), rgb(255 238 227 / 50%));box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.15);}
.navbar--fixed.offset{top:calc(var(--headerH) * -1);}
.navbar>.container{display: flex;align-items: center;gap: 0 2rem;justify-content: space-between;flex-wrap: wrap;}
.navbarBrand{display: flex;padding: 0;gap: 1rem;align-items: center;}
.navbarToggle{order:1;display: none;}
.navbarNav{display: flex;gap: 0.25rem;align-items: center;margin-left: auto;padding: 0.5rem;background: rgba(255,255,255,0.8);border-radius: 100rem;}
.navbarNav.--logout{--sp:0.5rem;padding:0;}
.navbarNav__item{}
.navLink{--cl: var(--black);display: block;/* cursor: pointer; */padding: calc(0.625rem + var(--sp,0px)) calc(0.75rem + var(--sp,0px));border-radius: 100rem;font-size: 1.125rem;font-weight: 500;letter-spacing: 0.05em;}
.active .navLink,.navLink:hover{background:var(--subColor);color:#fff;}
.navSub{width: max-content;background-color: #fff;padding: 1rem;border: 1px solid var(--gray-lx2);border-radius: var(--bdRSmall);box-shadow: 0 0 10px rgba(0,0,0,0.1);list-style: none;margin: 1rem 0 0;padding: 0.25rem 0;text-align: center;left: 50%;transform: translate(-50%,0);transition: 0.3s all;}
.navSubLink{padding: 0.625rem 1rem;display: block;}
.navSubLink:hover{background:var(--color-1L);}
.active.navSubLink,.navSubLink:hover{color:var(--mjColor);}
.navSubLink{}
.navWrap{display:flex;gap:1rem;margin: auto;margin-right: 0;}

.dropdownMenu--show{display: block !important;opacity: 1;top:100%}
.dropdownMenu--hide{/* display: none !important; */pointer-events: none;opacity: 0;top:50%;}


/* !====登入頁 */
.pgLogin{width: 100%;height: max(100vh,800px);position: relative;display: flex;align-items: flex-end;}
.pgLogin:before{content:'';position:absolute;width:100%;height:100%;background: url(../images/all/login.png)center/cover;z-index: -1;}
.loginWrap{position: relative;width: 1000px;margin: 0 auto;}
.loginWrap:before{content:'';position:absolute;background:url(../images/all/flower-1.png)center/cover;width: 22.5rem;aspect-ratio: 360/579;z-index: 1;left: 0;bottom: 0;transform: translate(-50%,12%);}
.loginWrap:after{content:'';position:absolute;background:url(../images/all/flower-2.png)center/cover;width: 31.125rem;aspect-ratio: 418/530;right: 0;top: 0;transform: translate(42%,-25%);}
.loginText{margin-bottom:-2%}
.loginMj{padding: 0 11.25rem;background: rgba(255,255,255,0.8);position: relative;box-shadow: 0 1rem 1rem rgba(34,34,34,0.5);}
.loginMj:after{--w:0.125rem;content:'';position:absolute;width:100%;height:100%;background:var(--gradient1);left: 0;top: 0;clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--w)) 100%, calc(100% - var(--w)) var(--w), var(--w) var(--w), var(--w) 100%, 0 100%);pointer-events: none;}
.loginMj__top{padding: 6.25rem 0 5.625rem;display: flex;flex-direction: column;gap: 2.5rem;}
.loginLogo{margin: 0 auto;text-align:center;}
.loginLogo__pic{}
.formGroup{display:flex;gap:1rem;flex-direction: column;}
.formGroup--pop{gap:0;}
.formGroup__item{width:100%;position: relative;}
.formGroup--login{width: 26.5rem;margin:auto;}
.formGroup--login .form-control{padding:0.625rem 0.75rem;border-radius: 100rem;}
.formGroup--login .form-control:has(+.pw-icon){padding-right:2rem}
.formGroup__item--password > .form-control:has(+.pw-icon){padding-right:2.25rem;}
.pw-icon{position:absolute;right: 0.75rem;top: 0.75rem;cursor: pointer;font-size: 1.25rem;opacity: 0.8;}
.formGroup--bg{background:#fff;padding:1.5rem;border-radius: var(--bdR);gap: 0;}
.formGroup__grid{padding: 1rem 0;border-bottom: var(--bdStyle);display: grid;grid-template-columns: 10rem 1fr;gap: 1rem;align-items: center;}
.formGroup__grid label{font-weight:500;}
.formGroup__content{display:flex;flex-direction:column;gap:0.375rem;align-items: flex-start;}

.formMode{padding:0.625rem 0;}
.formMode--col{display:flex;flex-direction:column;gap: 0.75rem;}
.form-check{display:flex;align-items: center;gap: 0.25rem;line-height: 1;}
.noteBox{width:100%;background:#F4F4F4;padding:0.5rem;}
.noteBox ul{margin:0;}
.noteBox ul ul{margin:0.5rem 0;}
.noteBox li{margin-bottom:0.5rem;}
.flexBox{display:flex;gap:0.25rem;}
.linkTxt{color:#007BFF;text-decoration: underline;text-underline-offset: 0.25rem;}

.formGroup__item--recaptcha{display:flex;justify-content: center;--bs-border-width:1px;--bs-border-color:#ccc;display:flex;gap:0.5rem;align-items: center;justify-content: center;background: #f9f9f9;border: var(--bs-border-width) solid var(--bs-border-color);flex-wrap: wrap;border-radius: 0.5rem;}
.g-recaptcha{--pos: 4px;clip-path: polygon(var(--pos) var(--pos), calc(100% - var(--pos)) var(--pos), calc(100% - var(--pos)) calc(100% - var(--pos)), var(--pos) calc(100% - var(--pos)));}

/* !====首頁 */
main{position:relative;z-index: 0;overflow: clip;}
main:after{content:'';position:absolute;background:url(../images/all/deco-footer.png)center/cover;width: 50%;aspect-ratio: 1;left: 50%;bottom: 0;transform: translate(-50%,70%);z-index: -1;}
.pgContent{/* min-height:68.625vh; */}

/* !====footer */
.remarkBlock{position: relative;background: #fff;padding: 1.25rem 0;}
.remarkBlock:after{content:'';position: absolute;width:100%;height: 1px;background: var(--gradient1);left: 0;top: 0;}
.remarkBlock__tt{border-bottom: 1px solid var(--bsLine);padding: 0.5rem 0;margin-bottom: 0.75rem;}
.remarkBlock__ct ul{margin:0;}
.copyright{font-size:0.875rem;padding:0.75rem 0;text-align:center;opacity:0.5;}

/*!篩選*/
.form-control,.form-select{border-radius: 1.25rem;}
.form-control.--small,.form-select.--small{width: 9rem;}
.topBarWrap{}
.mainBlock{padding-bottom:6rem;}
.filterBar{position: relative;padding:1.25rem 1.5rem 0;border-radius: var(--bdR) var(--bdR) 0 0;background: var(--optBg);display: inline-flex;gap: 1rem;flex-wrap: wrap;max-width: calc(100% - var(--bdR) - 1rem);}
.filterBar:after{content:'';position:absolute;width:1.5rem;aspect-ratio:1;background: var(--optBg);mask:url(../images/all/arc.svg)center/cover;right: 0;bottom: 0;transform: translateX(100%);}
.filterBar__mj{display: inline-flex;gap:0.5rem;flex-wrap: wrap;}
.filterBar__item,.filterBar__box{display:flex;gap: 0.375rem;align-items: center;}
.filterBar .form-control,.filterBar .form-select{width:10rem}
.filterBar .form-control.--big{width:18.75rem}
.funcBar{background: var(--optBg);padding: 1.25rem 1.5rem;display: flex;justify-content: space-between;gap: 1rem;border-top-right-radius: var(--bdR);flex-wrap: wrap;}
.funcBar__left{display:flex;gap:0.5rem;}
.funcBar__right{display:flex;gap: 0.5rem;align-items: center;}
.totlRed{font-size:1.375rem;font-weight:500;color:var(--red);}
.--negative{color:var(--red);}
/*!表單-table*/
.form-check-input{border-color:var(--bs)}
.form-check-input[type=checkbox]{font-size: 1.25rem;margin: 0;}
.tbStyle{width: 100%;}
.tbStyle thead{background:var(--mjColor);}
.tbStyle th{background:var(--mjColor);color:#fff;white-space: nowrap;}
.tbStyle thead th.tbItem.--check{background:var(--mjColor);}
.tbStyle th:first-child{border-radius: var(--bdRSmall) 0 0 var(--bdRSmall);}
.tbStyle th:last-child, .tbStyle th:has(+.tbToggle){border-radius: 0 var(--bdRSmall) var(--bdRSmall) 0;}
.tbStyle th:has(+.--change){border-radius:0;}
.tbStyle tr{border-bottom: 1px solid var(--bsLine);}
.tbStyle thead tr{border-width:0}
.tbStyle tbody tr:hover{background:#FFF9EF;}
.tbStyle thead tr:hover{background:transparent;}
.tbStyle tr.trTotal{background:#E7F4E6;color:var(--green);font-weight: 500;}
.txtC{text-align:center;}
.tbItem{/* min-width: 6.25rem; */}
.tbItem.--check{width:5rem;min-width:5rem;}
.tbColCheck{position:sticky;left:0;z-index:3;width:5rem;min-width:5rem;max-width:5rem;background:#fff;box-shadow:2px 0 4px rgb(0 0 0 / 6%);}
.tbStyle thead th.tbItem.--check{position:sticky;left:0;z-index:4;background:var(--mjColor) !important;}
.tbColCheck .form-check-input{pointer-events:auto;cursor:pointer;position:relative;z-index:5;width:1.25rem;height:1.25rem;}
.tbColCheck label.form-check{cursor:pointer;pointer-events:auto;margin:0;min-height:1.5rem;}
.tbItem.--spBig{min-width: 25rem;}
.tbItem.--spMid{min-width:15rem;}
.tbItem.--spSmall{width: 10rem;}
.tbToggle:not(.--change){/* display:block; */display: none;width: 0;overflow: hidden;padding: 0;}
.tbToggle.--change{}
/* 備註／最後修改欄共用強制顯示（配合 page-function.js 切換 .memo-col-open） */
.memo-col-open .tbToggle{display:table-cell !important;width:auto !important;overflow:visible !important;padding:inherit !important;}
.tagWrap{display:flex;gap:0.25rem}
.tagStyle{--cl: #a96e4b;display:inline-block;padding: 0.25rem 0.5rem;background: rgb(254 238 211 / 25%);border: 1px solid var(--cl);border-radius: 0.375rem;color: var(--cl);margin: 0.125rem;}

.iconBtn{position:relative;}
.iconBtn .bi{transform:scale(1.25);display:inline-block;color: var(--red);}
.iconBtn[data-tip]:after{content:attr(data-tip);position:absolute;pointer-events:none;font-size:0.875rem;width: max-content;right:0;bottom:0;padding: 0.25rem 0.5rem;border-radius: 0.25rem;background: var(--tipCl);border: 1px solid var(--tipCl);color: #fff;transform: translateY(100%);transition: 0.3s all;opacity: 0;}
.iconBtn[data-tip]:hover:after{opacity:1;bottom:-0.5rem;}
/*!頁碼*/
.pagination{margin: 3rem 0 1rem;display: flex;justify-content: center;gap: 0.5rem;align-items: center;}
.pagination__box{display:flex;gap:0.5rem;}
.pagination__text{font-size:0.875rem;}

.pdtName{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.formBox{position:relative;padding:1.25rem 1.5rem;background: var(--optBg);border-bottom-left-radius: var(--bdR);border-bottom-right-radius: var(--bdR);}
.formBox:after{content:'';position: absolute;width:100%;height:100%;background:#fff;left:0;top:0;z-index: -1;border-radius: var(--bdR);border-top-right-radius: 0;}

/*!==彈跳視窗*/
.termPopOuter{max-width:calc(100% - 2rem);width: clamp(250px,calc(100% - 2rem),540px);position: fixed;top: 40%;left: 50%;transform: translate(-50%,-50%);transition: 0.5s top;max-height: 95dvh;border-radius: 0.5rem;overflow: hidden;z-index:10000;}
.termPopOuter--big{width:50rem}
.termPopOuter.offset{top: 50%;}
.termPopOuterS{width: 400px;}
.termPopOuterM{width: 500px;}
.termPopWrapper{--pdX: clamp(1rem,2vw,2rem);position: relative;background: #fff;}
.termPop__head{background: var(--subColor);color:#fff;padding: 1.25rem var(--pdX);padding-bottom: 1rem;padding-right: 3rem;border-bottom: 0.125rem solid var(--color-1);font-size: 1.125rem;font-weight: 500;}
/* .closeBtn{font-size: 1.25rem;position:absolute;right:1.5rem;top: 1.375rem;line-height: 1;transition: 0.3s all;cursor:pointer;z-index: 10;} */
/* .closeBtn .bi{display:inline-block;transition:0.3s all;} */
/* .closeBtn:hover .bi{color:#fff;transform: rotate(90deg);} */
.termPop__box{padding: 2rem var(--pdX);max-height: 82dvh;overflow-y: auto;/* margin-right: -0.875rem; */}
.termPop__box .contentBox{max-height:60svh;overflow-y:auto;}
.blockTt{font-size:1.25rem;letter-spacing: 0.12em;font-weight: 600;}
.itemTt{--cl:var(--mjColor);font-weight:500;color:var(--cl);border-bottom:1px solid var(--cl);padding-bottom: 0.5rem;font-size: 1.125rem;}
.itemTt.--btn{display:flex;justify-content: space-between;align-items: flex-end;}
.editList{display:flex;flex-direction: column;}
.editList__item{display: flex;padding: 0.625rem 0;justify-content: space-between;border-bottom: 1px solid #ddd;align-items: center;gap: 1rem;min-height: 3.75rem;}
.editList__ct{width: min(100%,28rem);}
.deleteIcon{color:#0800ff;font-size: 1.125em;}
.editList__note{display:flex;gap:0.25rem;align-items: center;white-space: nowrap;}
.btnG{display:flex;gap: 0.5rem;justify-content: center;margin-top: 1.5rem;}
.markTag{display:inline-block;padding: 0.5rem;background:var(--mjColor);color:#fff;border-radius: 0.375rem 0.375rem 0 0;transform: translateY(0.5rem);}

/* !========================RWD======================== */
@media screen and (max-width: 991px) {
    	/* main,header,footer{min-width: 980px;} */
    /* !991====選單==== */
    .navbarToggle{--w: 2rem;--h:2px;--mv: .5rem;--cl: var(--black);position: relative;display: flex;align-items: center;justify-content: center;width: var(--w);height: var(--w);padding: 0;border: none;background-color: transparent;}
    .navbarToggle span{display: block;width: var(--w);height: var(--h);background-color: var(--cl);transform-origin: center;}
    .navbarToggle span:nth-child(1){position: absolute;top: 50%;left: 50%;transform: rotate(0) translate(-50%,calc(-1 * (var(--mv) + var(--h))));transition: var(--trans);}
    .navbarToggle span:nth-child(3){position: absolute;top: 50%;left: 50%;transform: rotate(-0) translate(-50%,var(--mv));}
    .navbarToggle.--isOpen span:nth-child(1){position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);}
    .navbarToggle.--isOpen span:nth-child(3){position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);}
    .navbarToggle.--isOpen span:nth-child(2){opacity: 0;}

    .navbarNav{display: none;position: fixed;top:var(--headerH);left:0;right:0;bottom:0;background-color:rgba(238, 238, 238, 0.95);z-index:9999;flex-direction: column;align-items: center;}
    .navbarNav.--isOpen{display: block;}
    /* 側邊欄選單（手機版） */
    .sideNavWrap.--isOpen{display: block !important;}
    .navLink{padding: .5rem 1rem;}
    .navSub{position: static;}
    .navSub.dropdownMenu{display: none;}
    .navbarNav .dropdown:has(.--isOpen) .navSub.dropdownMenu{display: block;}

}

@media screen and (max-width: 768px) {
    /*!768====RWD編輯器表格(X捲軸)*/
	.tableContainer{width:100%;overflow-x: scroll;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}


@media screen and (max-width: 640px) {
}

/* 無障礙功能-高對比度支援 */
@media (prefers-contrast: high) {
    :root{
        --outline: 3px solid #000 !important;
        --outline-offset: 2px !important;
    }
}

/* 送出-loading效果 */
.load-wrapp{position:fixed;width:100%;height:100%;background: rgb(0 0 0 / 65%);top: 0;left: 0;z-index: 1;}
.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: #144F7D;}
.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;}
/* loadingI */