@charset "utf-8";

/* CSS Document */
body{font-family:'Noto Sans TC','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
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:#4d4d4d;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;	
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}

/* 回頂端 */
#goTop{display: none;height:11.25rem;z-index:5;position:fixed;bottom: 1rem;right:1.875rem;cursor:pointer;transform: translateY(-100%);}
#goTop::before{content:'';display:block;width:4.375rem;height:4.375rem;border-radius:50%;border:1px solid #B99F95}
#goTop:hover::before{animation:gotop 1.5s ease-in infinite}
@keyframes gotop {
0%{border:1px solid #B99F95;transform:scale(1)}
50%{border:1px solid #B99F95;transform:scale(0.6)}
100%{border:1px solid #B99F95;transform:scale(1)}
}
#goTop::after{content:'';display:block;width:.5rem;height:.5rem;border-radius:50%;background:#B99F95;position:absolute;top:2.1875rem;left:2.1875rem;transform:translate(-50%,-50%)}
#goTop span{display:inline-block;color:#B99F95;transform:rotate(90deg) translate(-50%,50%);white-space:nowrap;position:absolute;bottom:0;left:1.875rem}
#goTop span::before{content:'';display:inline-block;border-bottom:1px solid #B99F95;width:5.625rem;position:absolute;left:-6.25rem;top:.625rem}


/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }

/*RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
	.table-container{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{
    --mainColor: #8b5c4d;
    --mainColorT:rgba(139, 93, 77, 0.6);
    --mainColorTT:rgba(139, 93, 77, 0.15);
    --subColor:#B99F95;
    --bgColor: #fff;
    --txtColor: #4d4d4d;
    --txtSecColor: #725322;
    --transition:all .3s linear;
    --container: 100%;
    --bDC:#E0D8CD;
    --shD: 0 0.5rem 0.75rem rgba(0,0,0,0.05);
    --bevelH:clamp(8rem,15vw,15rem);
}
/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
.wrapper { padding:2rem 0;}
.blockHeight{padding: 2.5rem 0;}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.container{max-width: var(--container);padding: 0 3rem;}

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

/* 登入頁>header */
.loginPage {--footerH: 110px;position: relative;--mainH: calc(100vh - var(--headerH) - var(--footerH));}
.loginPage .header{width: 100%;background-color: var(--bgColor);padding: .75rem 3rem;z-index: 1;position: inherit;}
.loginPage .navbar-brand {display: block;width: 18rem;margin-left: 0;padding: 0;}
.loginPage .navbar-brand img{display: block;width: 100%;height: 100%;aspect-ratio: 60/17;object-fit: contain;object-position: left center;}

/* 登入視窗 */
.nabToggler{position: absolute;z-index: 5;right: 1.75rem;bottom: 1rem;width:3.5rem;aspect-ratio: 1;padding: .75rem;background-color:var(--mainColorT);border:none;border-radius:50%}
.nabToggler::after{content:'';position:absolute;z-index: -1;top: 50%;left: 50%;width: 150%;aspect-ratio: 2/1;background: url(../images/all/menuBtnBg.svg) no-repeat center/contain;transform: translate(-50%, -50%);}
.nabToggler:focus{box-shadow:none}
.nabToggler span{position: relative;display:block;width: 100%;height:.125rem;background-color: rgb(255 255 255 / 67%);}
.collapsed.nabToggler span{width:2rem;border-radius:.125rem;left:0;transition:var(--transition)}
.nabToggler span::before,.nabToggler span::after{content:'';position:absolute;left:50%;top:0;width: 100%;height:.125rem;border-radius:.125rem;background-color: rgb(255 255 255 / 67%);transition:var(--transition)}
.nabToggler span::before{transform:translate(-50%,-.5em)}
.nabToggler span::after{transform:translate(-50%,.5em)}
.nabToggler.--isOpen span{background-color: rgb(255 255 255 / 0%);}
.nabToggler.--isOpen span::before{transform:translate(-50%,0) rotate(45deg)}
.nabToggler.--isOpen span::after{transform:translate(-50%,0) rotate(-45deg)}

.loginBlock{opacity:0;pointer-events: none;z-index: 99;position: fixed;left: 0;right: 0;top: 0;bottom: 0;transition:var(--transition)}
.loginBlock::after{content:'';z-index: 99;position: absolute;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, 0.549)}
.loginBox{opacity: 0;z-index:9999;position: absolute;top: 50%;left: 50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap: 1rem;max-width:30rem;padding: 2.5rem 3rem;background:linear-gradient(#fff,#e4dccc) repeat center center /cover;border: .3rem solid #a5301f;border-radius:1rem;box-shadow: .3rem .3rem 1rem rgb(63 63 63 / 59%);transform: translate(-50%, -50%) scale(.5);transition: var(--transition);}
.loginBox .logoImg{width:13rem;padding-bottom:1rem}
.password{display:flex;border: 2px dotted rgb(232 144 119 / 70%);border-radius:.5rem;position:relative}
.password__icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%)}
.password__input{padding-left:2rem;box-sizing:border-box;height:3rem;border:none;border-radius:.5rem}

.loginBlock.--isOpen{opacity: 1;pointer-events: auto;}
.loginBlock.--isOpen .loginBox{opacity: 1;transform:translate(-50%,-50%) scale(1);transition-delay: .25s;}

/* 登入頁>形象 */
.ixMmain{position:relative;display: flex;align-items: flex-start;justify-content: flex-end;flex-wrap: wrap;height: var(--mainH);padding: 0 2rem;background: url('../images/login/01.jpg?2025032102') no-repeat 50% 60% / cover;}
.purpose::before{content:'';display:block;width: 4rem;aspect-ratio: 1;background:url(../images/login/purpose6.png?20250311) no-repeat center/contain;position: relative;z-index:2;margin-left: auto;transition:var(--transition);transition-delay:.25s;}
.purpose{position: relative;z-index: 2;display:flex;flex-wrap:wrap;width: 29rem;padding: 1rem 1.5rem;background-color: rgba(255, 255, 255, 0.8);}
.purpose__txt{margin:0;font-size: clamp(.9rem,1.8vh,1.1rem);line-height: 1.7;letter-spacing: .1em;color:var(--txtSecColor);clear: both;overflow: hidden;}
.purpose__txt p:last-child{}
.purpose__txt p:last-child::after{content: '';float: right;display: inline-block;width: 100px;aspect-ratio: 1;margin-top: .5rem;background-image: url(../images/login/chapters1.svg?2025032102);background-repeat: no-repeat;background-position: right bottom;background-size: contain;}
    .purpose__txt{overflow: visible;position: relative;}
    .purpose__txt .d-none-mb{display:none}
    .purpose__txt::before,.purpose__txt::after{content:'';content:'';position: absolute;left: 7.5em;top: -2rem;}
    .purpose__txt::before{content: '雁行千里';z-index: 1;left: 0;transform: translateY(-50%);font-size: 1.25rem;letter-spacing: 0.5em;font-family: "Noto Serif TC", serif;font-weight: 900;background: linear-gradient(135deg, rgb(193 146 68 / 66%), #c09e4f, rgb(122 103 72 / 76%), #ba944c); /* 漸層顏色 */-webkit-background-clip: text; /* 讓背景應用到文字上 */-webkit-text-fill-color: transparent; /* 讓文字填充顏色變透明，顯示背景 */}
    .purpose__txt::after{opacity: .5;right: 4rem;height: 1px;background: linear-gradient(to right, rgb(207 91 74 / 0%) 0%, var(--txtSecColor) 15%,  rgb(207 91 74 / 0%) 100%);}
    
/* 登入頁>形象>背景動態 */
.ixMmain--movie,.ixMmain--movie::after{animation: loginBg 50s linear infinite;background-image:url('../images/login/bg.png?2025032102');background-size:auto 160%;background-repeat: repeat;}
.ixMmain--movie::after{background-image:url('../images/login/bg-mb.png?2025032102');}
.ixMmain--movie::before{content:'';z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;background-image: url(../images/login/bird1.png?2025032102);background-repeat: no-repeat;background-position: center;background-size: 90%;z-index:2;animation: loginBird 1s infinite;animation-timing-function:step-start;animation-direction:alternate}
@keyframes loginBg{
    0%{background-position: 100% 70%;background-size: auto 160%;}
    50%{background-position: 0% 10%;background-size:auto 100%}
    100%{background-position: -100% 70%;background-size:auto 160%}
}
@keyframes loginBird{
    0%{background-image: url('../images/login/bird1.png?2025032102');}
    30%{background-image: url('../images/login/bird2.png?2025032102');}
    60%{background-image: url('../images/login/bird3.png?2025032102');}
    100%{background-image: url('../images/login/bird4.png?2025032102');}
}

/*===== 共用 =====*/
/* 標題 */
.titleBox{display: flex;flex-direction: column;align-items: center;opacity: 0;position: relative;animation: moveT 0.5s ease-out 1s forwards;gap: 0.5rem;margin-bottom: 1.5rem;}
@keyframes moveT {
    0% {opacity: 0;bottom:-2rem;}
    100% {opacity: 1;bottom:0;}
}
.titleBox--right{align-items:flex-end;}
.titleBox--left{align-items:flex-start;}
.titleBox--bgWhite{width: 15rem;height: 15rem;text-align: center;background: var(--bgColor);border-radius: 0 0 7.5rem 7.5rem;padding-top: 5.5rem;position: absolute;top: -8rem;left: 0;z-index: 1;}
.titleBox--bgWhite .titleBox__mj,.titleBox--bgWhite .titleBox__sub{width: 100%;text-align: center;}
.titleBox__mj{--lt:0.15em;font-size: 1.875rem;color: var(--mainColor);font-weight: 700;letter-spacing: var(--lt);margin: 0;margin-right: calc(var(--lt) * -1);}
.titleBox__sub{--lt:0.4em;color: #737271;letter-spacing: var(--lt);text-transform: uppercase;margin-right: calc(var(--lt) * -1);}
.cover{margin: 0;}
.cover__pic{object-fit: cover;transition: 0.3s all;}
.pgTitleWrap{display:flex;justify-content: space-between;gap: 2rem;margin-bottom: 2rem;align-items: flex-end;}
.pgTitleWrap .titleBox{margin:0;align-items: flex-start;}
.pgTitleFunc{display:inline-flex;flex-direction: column;align-items: flex-end;gap: 0.25rem;}
.pgTitleFunc .dateTxt{letter-spacing:0.15em;}
.backBtn{display:inline-block;padding: 0.125rem 0.5rem;background: var(--mainColor);color: #fff;border-radius: 0.25rem;font-size: 0.875rem;}
.backBtn:hover{background:var(--txtColor);color:#fff;}
.pgTitleWrap .titleBox__mj,.pgTitleWrap .titleBox__sub{--lt:0.05em}

/* 按鈕樣式-hover */
.btnStyle{position: relative;display: inline-block;color:#fff;padding:.5rem 3rem;background: linear-gradient(45deg, #A5301F, #cf5b4a);border: 1px solid rgb(255 255 255 / 25%);border-radius: .5rem;box-shadow:1px .2rem .6rem #757575a3;transition: var(--transition);}
.btnStyle:hover{background: linear-gradient(335deg, #A5301F, #cf5b4a);}
.moreBtn{position: relative;}
.moreBtn::before{content: '';opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--mainColor);clip-path: circle(2.5% at 14% 1%);transition: all 0.1s linear;}
.moreBtn span{position: relative;}

/*!主框架*/
.pgWrap{--barW: clamp(12rem,23vw,22.5rem);display: flex;align-items: flex-start;overflow: hidden;}
.navbar{--logoH:9.375rem;width:var(--barW);display: flex;flex-direction: column;gap: 0;background: #FDFDFD;box-shadow: 0.25rem 0 1rem rgba(0,0,0,0.15);padding: 0;position: fixed;left: 0;top: 0;height: 100%;flex-wrap: nowrap;z-index: 2;}
.pgMjWrap{margin-left: var(--barW);width: 100%;position: relative;z-index: 1;background: linear-gradient(67.75deg, #EFEFEF 12%, #FDFDFD 30%, #FDFDFD 65%, #E9E9E9 82%);}
.pgMjWrap--index:after{content:'';position:absolute;width:100%;background:url(../images/all/bg.png)center top/cover no-repeat;mask: linear-gradient(to bottom,#000 95%,transparent );aspect-ratio: 1560/1670;top: 0;right: 0;z-index: -1;}
.pgMjWrap:not(.pgMjWrap--index):after{content:'';position:fixed;width: calc(100% - var(--barW));height: 100%;background:url("../images/all/bg-pg.png")center/cover;right: 0;top: 0;z-index: -1;}
.pgMjWrap:not(.pgMjWrap--index) .pgMj{padding-bottom:2rem;}

/*!header*/
.logo{margin:0;}
.logo__pic{width: 100%;aspect-ratio:310/89;object-fit:cover}
.navbar-logo{position:relative;display: flex;width: 100%;height: var(--logoH);align-items: center;justify-content: center;padding: 1rem;}
.navbar-logo:after{content:'';position:absolute;width: 85%;height:1px;background:#C1BFBC;left:0;bottom:0;}
.menuBar{width:100%;margin: 2rem 0;}
.nav-item{margin-right:2.5rem;border-radius:0 2rem 2rem 0;transition:var(--transition);}
.nav-item.--special{margin-top: clamp(0.5rem,1.25vw,1rem);background: #ce9c60;border-radius: 0;margin-right: 0;}
.nav-item.--special i{padding-left: 0.5rem;}
.nav-item.--special a{color:#fff}
.nav-item.--special a::after,.nav-item.--login a:after{display: none;}
.nav-item.--special:hover,.nav-item.--login:hover{box-shadow: none;opacity: .8;}
.nav-item.--login{background: transparent;border: 1px solid #b26245;width: 80%; margin: 1rem auto;border-radius: 0.8rem;}
.nav-item.--login a{color: #b26245; padding: 0.5rem 2.5rem; text-align: center;}
.navbar-nav{height: calc(100dvh - var(--logoH) - 4rem);overflow-y: auto;}
.nav-item.--login:hover {background: #b26245;}
.nav-item.--login:hover a{color:#fff}
.nav-link{font-size: 1.125rem;letter-spacing:0.15em;padding: 0.825rem 2.5rem;padding-left: clamp(2rem,4.5vw,4.625rem);position: relative;font-weight: 500;}
.nav-link:after{content:'\F285';font-family: 'Bootstrap-icons';position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: 0;transition: var(--transition);transition-delay: 0.125s;}

.nav-item.active{box-shadow:var(--sdW,var(--barW)) 0 0 var(--mainColor) inset;}
.nav-item:hover{box-shadow:var(--sdW,var(--barW)) 0 0 var(--mainColorT) inset;}
.nav-item:hover .nav-link,.nav-item.active .nav-link{color:#fff;}
.nav-item:hover .nav-link:after,.nav-item.active .nav-link:after{opacity:1;right: 1.25rem;}

/*-header-手機按鈕*/
.navbar-toggler{border:none;display: grid;flex-direction: column;gap: 0.375rem;object-fit: cover;object-position: center;justify-content: center;padding: 0.5rem;position: absolute;right: 0;top: 2.5rem;transform: translate(100%);background: #fff;border-radius: 0 0.375rem 0.375rem 0;padding: 1rem 0.875rem;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler__line{width: 1.5rem;height: 2px;background: var(--mainColor);display: inline-block;border-radius: 100rem;transition: 0.3s 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);}

/*===== 首頁 =====*/

/* 首頁-menu */

/* 首頁-main banner */
.kvTop{position:relative;z-index: 0;overflow: hidden;}
.kvTop:after{content:'';position:absolute;width:100%;height:100%;background: url(../images/all/bg-1.jpg)center bottom/cover;border-radius: 0;z-index:-1;left: 0;top: 0;clip-path: circle(0 at 0 53%);animation: showCircle 1.5s ease-out 0.75s forwards;}
.kvTop--index:after{border-radius:0 0 12.5rem 0;width:calc(100% - 1rem)}
@keyframes showCircle {
    0% {opacity: 0;clip-path: circle(0 at 0 53%);}
    100% {opacity: 1;clip-path: circle(100.5% at 31% 60%);}
}
.banner{display: flex;flex-direction: column;align-items: center;padding: 2rem 0;position: relative;}
.cover.--bn{position:relative;}
.cover.--bn:after{--size:calc(100% + 1.5rem);content:'';width:var(--size);height:var(--size);background: rgb(164 99 23 / 25%);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;}
.cover.--bn .cover__pic{width:100%;aspect-ratio: 800/460;max-width: 50rem;}



/* 首頁-main sidebar */
.sidebar {z-index: 1;margin-top: 1rem;}
.sideNav {display: flex;justify-content: center;gap: 1px;flex-wrap: wrap;}
.sideNav__item {padding: 1rem 1.5rem;color: var(--bgColor);border-radius: 0.5rem 0.5rem 0 0;font-weight: 500;letter-spacing: 0.15em;}
.sideNav__item:hover,.sideNav__item.active {background: rgba(248, 248, 248, 0.75);color: #333;-webkit-backdrop-filter: blur(1rem);backdrop-filter: blur(1rem);}

/* 首頁-最新消息 */
.blockHeight--ixNews{padding-top:4rem;}
.blockHeight--ixNews+.blockHeight--ixReport{margin-top:clamp(2rem,3.5vw,3rem) ;}
.newsBox{--num:3;--gap:1.875rem;display: flex;gap: var(--gap);padding: 1.875rem;background: #fff;border: 1px solid var(--bDC);box-shadow: var(--shD);flex-wrap: wrap;margin: 0 clamp(3rem,4vw,5rem);}
.newsBox__item{--imgW:9.375rem;--gapIn: 1.25rem;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );display: flex;gap: var(--gapIn);}
.cover.--item{width:var(--imgW,100%);overflow: hidden;}
.infoBox{width: calc(100% - var(--imgW) - var(--gapIn));display: flex;flex-direction: column;justify-content: space-between;}
.cover.--item .cover__pic{width:100%;aspect-ratio: 600/400;}
.infoBox__mj{margin-bottom:1rem;}
.infoBox__mj--list{margin:0;display:flex;gap: clamp(1rem,2vw,3rem);}
.infoBox__mj:only-child{margin:0;}
.infoBox__mj__tt{--lt:0.15em;letter-spacing:var(--lt);font-weight:500;font-size:1.125rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.moreStyle{--bg:var(--subColor);font-size:0.875rem;position: relative;display: flex;align-items: center;gap: 0.625rem;}
.moreStyle:has(+.dateTxt){margin-bottom:-0.625rem;}
.moreStyle:not(.--noLine):before{content:'';width:100%;height: 1px;background: var(--bg);position: relative;display: block;}
.moreStyle .txt{display:inline-block;background:var(--bg);color: #FFF;padding: 0.125rem 0.5rem;border-radius: 0.375rem;}
.moreStyle--2 .txt{background:var(--mainColor);}
.dateTxt{font-size:0.875rem;opacity: 0.85;}
.sortTt{display:inline-block;padding: 0.125rem 0.75rem;background: var(--mainColorTT);border-radius: 1rem;color: var(--mainColor);margin-bottom: 0.375rem;letter-spacing: 0.05em;}

/* 首頁-活動相片集 */
.blockHeight--ixAlbum{padding-bottom:0}
.albumWrap{position: relative;padding: 2.5rem 0 calc(var(--bevelH) + 2.5rem);}
.albumWrap:after{--sp:clamp(3rem,4vw,5rem);content:'';position: absolute;height: 100%;width: calc(100% - var(--sp));background: rgb(224 216 205 / 40%);left: 0;top: 0;z-index: -1;}
.albumBox{--num:4;--gap:1.5rem;display:flex;flex-wrap: wrap;gap: var(--gap);max-width: calc(100% - clamp(3rem, 4vw, 5rem));}
.albumBox__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );display: flex;flex-direction: column;gap: 0.75rem;}

/* 首頁-影片紀錄 */
.kvTop + .blockHeight--ixVideos{margin-top:-4.5rem;clip-path: inherit;}/*上方直接接主視覺*/
.blockHeight--ixVideos{margin-top: calc(var(--bevelH) * -1);background: url(../images/all/bg-2.jpg)center/cover;padding-top: calc(var(--bevelH) * 0.5);clip-path: polygon(0 calc(var(--bevelH) * 0.5), 100% 0, 100% 100%, 0% 100%);padding-bottom: 6.25rem;}
.videoBox{--num: 5;--gap:1.5rem;display:flex;gap: var(--gap);padding: 1.875rem;background: #fff;border: 1px solid var(--bDC);box-shadow: var(--shD);flex-wrap: wrap;}
.videoBox__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );display: flex;flex-direction: column;gap: 0.75rem;}
.cover.--vd{position:relative;background: #000;}
.cover.--vd .cover__pic{opacity:0.8;}
.cover.--vd:after{--size:2rem;content: '\F4F4';position:absolute;width: calc(var(--size) + 1rem);aspect-ratio: 1;border-radius: 100rem;left: 50%;top: 50%;transform: translate(-50%,-50%);font-family:'bootstrap-icons';background: #e5b163;font-size: var(--size);display: flex;align-items: center;justify-content: center;line-height: 1;color: #fff;}

/* 首頁-媒體報導 */
.blockHeight--ixReport{--ttW: clamp(15rem,30%,18rem);--gap: 3rem;background: url("../images/all/bg-3.jpg")center bottom/contain no-repeat;padding-bottom: 0;}
.blockHeight--ixReport .container{display:flex;flex-direction: row-reverse;gap: var(--gap);}
.reportBox{}
.dateSource{display: flex;align-items: center;gap: 0.5rem;}
.sourceTt{position:relative;}
.sourceTt:before{content:'\F4F4';font-family:'bootstrap-icons';margin-right: 0.25rem;display: inline-block;vertical-align: -1px;}
.dateTxt + .sourceTt{transform:translateY(-1px);}
.infoBox.--list{flex-direction: row;display: flex;}
.blockHeight--ixReport .titleBox{width:var(--ttW);}
.reportBox--ix{width:calc(100% - var(--gap) - var(--ttW));padding: 1rem 2rem;padding-bottom: 4rem;background: #F8F6F4;margin-top: -5rem;box-shadow: -0.25rem 0 1rem rgba(0,0,0,0.15);}
.reportBox__item{padding: 0.75rem 0.5rem;display:inline-block;width: 100%;border-bottom: 1px dashed #ddd;}

/* footer */
.footer{display: flex;align-items: end;position: relative;z-index: 2;height: var(--footerH);margin-top: auto;padding: 1.25rem 90px;background:#d7d1c2;color: #222;text-align:center;font-size: .9rem;}
.footer--pg{padding: 3rem 0;}
footer a{color:#fff;}
.fBox{display: flex;gap: 1rem clamp(2rem,5vw,6.25rem);justify-content: center;}
.fBox__infor{text-align:left;font-size: 0.875rem;letter-spacing: 0.15em;}
.linkTxt{color:var(--txtColor);letter-spacing: 0.02em;}
.linkTxt--mark{text-decoration:underline;text-underline-offset:2px;}

/*!=====內頁=====*/
/*!內頁-捐款*/
.donateWrap{display: flex;flex-direction: column;gap: 2rem;}
.donateBox__item__head{display: flex;color: #fff;font-weight: 500;gap: 1px;border-bottom: 1px solid #fff;}
.tdList{display: flex;gap: 1px;border-bottom: 1px solid #fff;}
.thTxt,.tdList__txt{flex:1;padding: 0.5rem 1rem;text-align:center;display: inline-flex;justify-content: center;align-items: center;}
.thTxt:first-child,.tdList__txt:first-child{max-width:10rem;font-weight: 500;color: #fffdea;background: var(--subColor);}
.thTxt{background: var(--subColor);}
.tdList__txt{background:var(--mainColorTT);}
.donateItemG{--sp:1.5rem;display:flex;flex-direction:column;gap:var(--sp)}
.donateBox__item{position:relative;}
.donateBox__item + .donateBox__item:after{content:'';position:absolute;width:100%;height: 1px;background: linear-gradient(to left,var(--bDC) 50%,transparent 50%);background-size: 0.625rem;left: 0;top: calc(var(--sp) * -0.5);}

/*!內頁-感謝狀*/
.sortBar{display:flex;flex-wrap:wrap;gap: 0.75rem;margin-bottom:2rem;}
.sortBar__item{--cl:var(--subColor);display:inline-block;padding: 0.5rem 1.5rem;font-size:1.125rem;border: 1px solid var(--cl);border-radius: 100rem;color: var(--txtSecColor);}
.sortBar__item.active{--cl:var(--mainColor);background:var(--cl);color: #fff;}
.sortBar__item:not(.active):hover{background:var(--cl);color:#fff;}
.awardBox{--num: 2;--gap:2rem;display: flex;flex-wrap: wrap;gap: var(--gap);margin-bottom: 2rem;}
.awardBox__item{--imgW: 10rem;--gapIn:1rem;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );display: flex;gap: var(--gapIn);align-items: center;}
.awardImg{padding:0.5rem;background: #f4f4f4;display:inline-block;position: relative;width: var(--imgW);}
.awardImg:before{content:'\F62C';position:absolute;font-family:'bootstrap-icons';font-size:2rem;left: 0;top: 0;transition: 0.3s all;opacity: 0;color: #fff;background: rgba(0,0,0,0.5);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding-top: 2rem;pointer-events: none;}
.awardImg:after{content:'';position:absolute;width:100%;height:100%;background:#000;left:50%;top:50%;transform:translate(-50%,-50%) skewX(2.5deg) scale(0.95);filter:blur(0.5rem);z-index:-1;opacity:0.5}
.awardImg__pic{aspect-ratio:170/240;}
.awardTxt{width: calc(100% - var(--imgW) - var(--gapIn));}
.awardImg:hover:before{opacity:1;padding-top:0}
/*page_number*/
.pageNumber{display:flex;justify-content: center;padding: 1rem 0;gap: 1rem;}
.pageNumber a{display: block;aspect-ratio:1;height: 2rem;text-align: center;padding: 0.25rem;border-radius:1.5rem;transition:0.3s all;display: flex;align-items: center;justify-content: center;}
.pageNumber a:hover,.pageNumber a.on{background:var(--mainColor);color:#fff;border-radius: 0.5rem;}
/*!內頁-評鑑表*/
.awardBoxG{padding:1rem 0;}
.award2Box{display: flex;flex-direction: column;gap: 2rem;}
.award2Box__item{padding: 2rem;background: rgba(255,255,255,0.8);box-shadow: var(--shD);}
.articleTt{--decoW:1rem;--sp:0.5rem;position: relative;font-size:1.25rem;margin-bottom: 1rem;padding-bottom: var(--sp);font-weight:500;padding-left: calc(var(--decoW) * 1.625);border-bottom: 1px solid var(--bDC);}
.articleTt:before,.articleTt:after{content:'';position:absolute;width:calc(var(--decoW) * 0.75);aspect-ratio:1;left:0;top:0.375rem;}
.articleTt:before{background:var(--mainColor);}
.articleTt:after{background:var(--subColor);transform:translate(50%,50%);mix-blend-mode: multiply;}
.albumImgWrap{padding-top: 1rem;}
.albumImgWrap__ct{--num:5;display: grid;grid-template-columns: repeat(var(--num),1fr);gap: 1rem;}
.albumImg{padding: 0.5rem;background: #f4f4f4;position: relative;}
.albumImg:after{content:'';position:absolute;width:100%;height:100%;background:#000;left:50%;top:50%;transform:translate(-50%,-50%) skewX(2.5deg) scale(0.95);filter:blur(0.5rem);z-index:-1;opacity:0.5;}
.albumImg__pic{aspect-ratio: 6/4;width:100%;object-fit: cover;transition: 0.3s all;}
.albumImg:hover .albumImg__pic{transform:scale(0.95);}

/*!內頁-最新消息*/
.articleTop{--dtW: 16rem;--gap:1.5rem;display: flex;gap: var(--gap);justify-content: space-between;flex-wrap: wrap;margin-bottom: 2rem;align-items: baseline;}
.articleTop__tt{margin-bottom:0;width: calc(100% - var(--dtW) - var(--gap));font-weight: 700;font-size: 1.625rem;display: flex;align-items: center;flex-wrap: wrap;gap: 0.5rem;}
.articleTop__tt:only-child{width:100%}
.articleTop__tt__source{font-size:1rem;font-weight:400;display:inline-flex;padding: 0.25rem 0.375rem;border: 1px solid rgba(0,0,0,0.5);border-radius: 0.375rem;transform: translateY(0.125rem);}
.articleTop__tt__sort{font-size:1rem;font-weight:400;margin: 0;width: 100%;}
.articleTop__tt__sort .sortTt{margin:0;}
.dtLink{display: inline-flex;gap:0.75rem;width: var(--dtW);justify-content: flex-end;}
.dtLink__item{background: #78AC6C;color: #fff;padding: 0.5rem 1rem;border-radius: 100rem;}
.dtLink__item.--cl2{background: #6C80B4;}
.dtLink__item:hover{opacity:0.5;color:#fff;}

/* 影片紀錄 */
.pgTitleWrap .titleBox__mj{font-size: 1.375rem;}
.pgTitleWrap .titleBox__sub{font-size: 0.875rem}
/*!編輯器*/
.tx01{margin-bottom:1rem;font-size: 1.125rem;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.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%;}
.tx01 iframe + iframe,.tx01__video+.tx01__video{margin-top: 2rem;}
.tx01 table { max-width:100%;width: 100%;}
.tx01 .text{padding:1rem 0;}
.tx01__video{overflow:hidden;width: 100%;aspect-ratio: 16/9;height:auto;max-width:800px;margin:auto;display: flex;}

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

/* 捐款02 */
.donateTbBox,.tbBlock{overflow-x: auto;}
.totalBox{ clear: both; overflow: hidden; margin-top: 10px; padding: 0.625rem; background-color: #FFEB3B; text-align: center;font-weight: bold;font-size: clamp( 1.125rem,1.8vw,1.5rem); color: #ad4600; border: 1px solid #ad4600;}
.Cloudbg2{margin:0px;margin-top: -18px;margin-bottom: -20px;padding:0px;color: #FF5722;text-align:center;font-size: 35px;height: 75px;}
.ag_td2{min-width: 4rem;}
.table1 { width:100%;background-color: transparent;border-collapse: collapse; border-spacing: 0;}
.table1 th { background:#f0efec; text-align:center; font-weight:bold; border:0.5px #333333 solid;font-size: 0.875rem;padding:0}
.table1 td { background:#fff; text-align:center; border:0.5px #333333 solid;font-size: 0.875rem;padding:0}
.thGrey { color: #999; }
.titleColor1 {font-weight: bold;color: #c3412d;font-size: 16px;}
.titleColor2 {font-weight: bold;color: #703e1c;font-size: 16px;}
.titleColor3 {font-weight: bold;color: #68b03e;font-size: 16px;}
.titleColor4 {font-weight: bold;color: #615e5e;font-size: 16px;}
.titleColor5 {font-weight: bold;color: #4E7EB6;font-size: 16px;}
.titleColor6 {font-weight: bold;color: #3C8481;font-size: 16px;}
.titleColor7 {font-weight: bold;color: #AE61BC;font-size: 16px;}
.table1 .sub_title1 { text-align:left; padding-left:10px; background:#f0efec;}
.table1 .sub_title2 { text-align:left; padding-left:10px; background:#f0efec; color:#804040;}
.table1 .td_bg2 { color:#804040;}

@media screen and (max-width:768px){
    /* 圖文&編輯器 */
    .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}
}   


/*======= RWD =======*/
@media screen and (min-width:576px){
	:root{--container:540px;}
}
@media screen and (min-width:768px){
	:root{--container:720px;}
}
@media screen and (min-width:992px){
	:root{--container:960px;}
}
@media screen and (min-width:1200px){
	:root{--container:1140px;}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;}
}
@media screen and (min-width:1680px) {
    .container{/* max-width: var(--contianer); */padding: 0 1.5rem;}
}


/* ---------------max-height--------------- */

@media only screen and (max-height: 768px) {
    
    /* 登入頁 */
    .loginPage{--mainH: auto;height: auto;overflow: inherit;}
}
/* ---------------max-height END--------------- */

@media screen and (min-width:1024px) {
    /*!1024 header*/
    .navbar-toggler{display: none;}

    /*!1024 首頁*/
    a:has(.infoBox):hover{color: var(--mainColor);}
    a:has(.infoBox):hover .cover__pic{transform: scale(1.05);}
    .videoBox__item:hover{}
    .reportBox__item:hover{background: var(--mainColorTT);color: var(--mainColor);}
}


/* ---------------max-width--------------- */

@media only screen  and (max-width: 1600px){

    /* !1600 首頁-main banner */
    .kvTop--index:after{border-radius: 0 0 8rem 0;}

    /* !1600 首頁-最新消息 */
    .infoBox__mj{margin-bottom: 0.4rem;}
    .moreStyle:has(+.dateTxt){margin-bottom: 0.2rem;}
    .newsBox{margin:0}

    /* !1600首頁-活動相片集 */
    .albumWrap:after{width:calc(100% - 4vw)}

    /* !1600 首頁-媒體報導 */
    .infoBox__mj{flex-direction: column;gap: 0.5rem;}

}
    

@media only screen  and (max-width: 1440px){

    /*!1440主框架*/
    .pgWrap{--barW: clamp(14rem,18vw,22.5rem);}

    /* 1440首頁-main banner */
    .kvTop--index:after{border-radius: 0 0 8rem 0;}

    /* 1440首頁-main sidebar */
    .sideNav__item{padding:1rem 1rem}

    /* !1440 首頁-影片紀錄 */
    .videoBox{--num:3;}

    /* !1440 回頂端 */
    #goTop{right:0.2rem;transform: translateY(-100%) scale(0.9);border-top:none}

    
}

@media only screen  and (max-width: 1280px){
    
    /*!1280 全頁佈局*/
    .container{padding: 0 1.5rem}

    /*===== !1280 共用 =====*/
    .titleBox__mj{font-size: 1.5rem;}
    .titleBox__sub{--lt: 0.2rem;}

    /* !1280首頁-main banner */

    .kvTop--index:after{border-radius: 0 0 2rem 0;width: 100%;}
    /* !1280首頁-main sidebar */
    .sideNav {margin-left: -1.5rem; margin-right: -1.5rem;}

    /* !1280 首頁-最新消息 */
    .newsBox{ --num:1;}
    .infoBox__mj__tt{-webkit-line-clamp: 1;}
    .infoBox__mj{margin-bottom: 0;}
    .blockHeight--ixNews+.blockHeight--ixReport{margin-top:0;}
    

    /* !1280首頁-活動相片集 */
    .albumBox{ --num: 2;}

    /* !1280-媒體報導 */
    .blockHeight--ixReport .container{flex-direction: column; align-items: center;gap:1rem; }
    .blockHeight--ixReport .titleBox{align-items: center;}
    .reportBox--ix{margin-top: 0; width: 100%;}

    /* !1280 首頁-影片紀錄 */
    .videoBox{--num:2;}
      .kvTop + .blockHeight--ixVideos{margin-top:-1.5rem;clip-path: inherit;}/*上方直接接主視覺*/

    /* !1280 首頁-媒體報導 */
    .dateSource{flex-direction: row;}

    /* !1280 footer */
    .footer--pg{padding:2.5rem 1.25rem;}
    .fBox{flex-direction: column;}
    .fBox__infor{text-align: center;}

    /*!1024 內頁-感謝狀*/
    .albumImgWrap__ct{--num:4;}
}


@media only screen  and (max-width: 1024px){

    /*!1024 全頁佈局*/
    .container{padding: 0 1.25rem}

    /*!1024 主框架*/
    .pgMjWrap{margin-left: 0;padding-top: var(--headerH);}
    .pgWrap {--barW: 100vw;}

    /* !1024 首頁-main banner */
    .kvTop::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);border-radius: 0 0 2rem 0;}

    /* !1024 首頁-main sidebar */
    .sideNav{margin-bottom: 1rem;margin-left: -0.5rem;margin-right: -0.5rem;}
    .sideNav__item{ padding: 0.7rem ;border-radius: 0.5rem;}

    /*!1024 header*/
    .navbar-logo{padding:0.48rem 1.5rem;justify-content: flex-start;}
    .navbar-logo:after{display: none;}
    .navbar-logo .logo{width: 12.5rem;}
    .navbar{--logoH: auto;}
    .navbar-toggler{transform: translate(0%,-50%);top:50%}
    .navbar{height: auto;width: 100%;}
    .menuBar{display: none;position: absolute;background-color: #fff;margin-top: 0;border-top: 1px solid #C1BFBC;top:var(--headerH);}
    .navbar-nav{padding-top: 2rem;height: calc(100dvh - var(--headerH));}

    /* !1024-媒體報導 */
    .reportBox__item{padding:1.25rem 0.5rem}

    /* !1024 首頁-活動相片集 */
    .albumBox{ max-width:100%;}

    /*!1024 內頁-最新消息*/
    .articleTop{flex-direction: column;}
    .articleTop__tt{width: 100%;margin-bottom: 1rem;}
    .dtLink{justify-content: flex-start;}

    /*!1024 內頁-捐款*/
    .thTxt:first-child, .tdList__txt:first-child{max-width: 4rem;}

    /*!1024 內頁-感謝狀*/
    .awardBox__item{--imgW: 9rem;}
    .albumImgWrap__ct{--num:3;}

    /* !1024捐款02 */
    .donateTableTh span{padding:0 0.2rem}

}

@media only screen and (max-width: 768px) {

    /* 登入頁 */
    .loginPage{--footerH: auto;display: flex;flex-direction: column;min-height: 100vh;height: auto;overflow: inherit;}
    .loginPage .header{position: fixed;z-index: 99;left: 0;top: 0;box-shadow: 0 0 .5rem rgba(0,0,0,.25);}

    /* 登入頁>形象 */
    .ixMmain{display: flex;flex-direction: column;height: auto;margin-top: var(--headerH);padding: 0;background: inherit;}    
    .ixMmain:not(.ixMmain--movie)::after{content:'';display: block;width:100%;aspect-ratio: 2/1;background-image: url(../images/login/01-mb.jpg?2025032102);background-size: cover;background-position-y: 80%;}

    /* 登入頁>形象>背景動態 */
    .ixMmain--movie{animation: none;background-image:none;}
    .ixMmain--movie::before,.ixMmain--movie::after{content:'';display: block;width:100%;aspect-ratio: 2/1;}
    .ixMmain--movie::before{height:auto;background-size: 140%;background-repeat: repeat;}
    .ixMmain--movie::after{content:'';}

    @keyframes loginBird{
        0%{background-image: url('../images/login/bird1-mb.png?2025032102');}
        30%{background-image: url('../images/login/bird2-mb.png?2025032102');}
        60%{background-image: url('../images/login/bird3-mb.png?2025032102');}
        100%{background-image: url('../images/login/bird4-mb.png?2025032102');}
    }
    .purpose{order: 1;position: relative;right: inherit;top: inherit;width: 100%;height: auto;padding: 1rem 1.5rem 1rem;background: #fff;}

    /* !768 首頁-main banner */
    .kvTop .container{max-width: 100%;}
    .cover.--bn:after{--size: calc(100% + 0.8rem);}

    /* !768 首頁-活動相片集 */
    .albumWrap:after{ width: 100%;}

    /* !768 footer */
    footer{padding: 1.25rem 4rem 2.25rem;font-size: .9rem}
    footer .container{padding:0  0.5rem}

    /* !768 內頁-感謝狀*/
    .awardBox{--num:1;}
    .albumImgWrap__ct{--num:2;}

    /* !768 首頁-影片紀錄 */
    .pgTitleWrap .titleBox__mj{font-size: 1.25rem;}
    .pgTitleWrap .titleBox__sub{font-size: 0.875rem}



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

    /* !1640 首頁-main banner */
    .kvTop .container{padding: 0 1rem}
    .cover.--bn:after{--size: calc(100% + 0.8rem);}
    
    /* !640 首頁-最新消息 */
    .newsBox{ padding: 1.5rem 1.125rem;}
    .newsBox__item{--imgW: 7.5rem;gap: 1rem;}
    .infoBox__mj__tt{margin-bottom: 0.5rem;}
    .infoBox__mj{gap:0.25rem}
    .moreStyle:has(+.dateTxt){margin-bottom: -0.5rem;}
    .blockHeight--ixNews{padding-top: 3.2rem;}
    

    /* !640首頁-活動相片集 */
    .albumBox{ --num: 1;gap: 2.5rem;}

    /* !640 首頁-影片紀錄 */
    .videoBox{--num:1;padding:1.5rem 1.25rem}
    .blockHeight--ixVideos{padding-bottom: 4rem;}
    
    /* !640-媒體報導 */
    .reportBox--ix{padding:1rem 1.25rem 3rem 1.25rem}
    .reportBox__item{padding:1rem 0;}
    .reportBox--ix .infoBox__mj__tt{margin-bottom: 0;}
    

    /* !640 回頂端 */
    #goTop{right:0rem;transform: scale(0.7);}
    #goTop::before{background:#fff;}

    /*!640 編輯器*/
    .tx01{font-size: 1rem;}

    /*!640 內頁-捐款*/
    .thTxt:first-child, .tdList__txt:first-child{max-width: 4rem;}
    .thTxt, .tdList__txt{padding:0.5rem;}

     /*!640 footer */
    .footer--pg{padding: 2.5rem 3rem}

}
@media only screen and (max-width: 580px) {
    
    /* 登入頁 */
    .loginPage .header {padding: 0.5rem 1rem;}
    .loginPage .navbar-brand{width: auto;height: 4rem;}
    .nabToggler {width: 3rem;height: 3rem;}
    .loginBox {padding: 1.1rem;}
    
    
}

@media print {
    * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
     .donateTbBox{overflow-x: hidden;}
     .pagePrint {display: none!important;}
      table {
       border-collapse: collapse !important; /* 確保邊框合併 */
       border-spacing: 0 !important;;
       border-top: 1px solid #333 !important;
       border-left: 1px solid #333 !important;
     }
     td, th {
       border-right: 1px solid #333 !important; /* 設定表格邊框 */
       border-bottom: 1px solid #333 !important; /* 設定表格邊框 */
       padding: 0;
     }
     .table1 td{background: transparent;}
   }