@charset "utf-8";

/* CSS Document */
body{font-family:'Roboto','Noto Sans TC','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:var(--black);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);}
body::before{content:'';position:fixed;width: 100%;background: rgba(0,0,0,0.5);z-index: 9999;backdrop-filter: blur(0.25rem);pointer-events: none;opacity: 0;transition: var(--trans-ease);left: 0;top: var(--headerH);bottom: 0;}
body:has(.--isOpen){/* overflow:hidden; */}
body:has(.--isOpen)::before{opacity:1;pointer-events:all;}
body:has(.termPopWrap.--isOpen)::before{top: 0;}
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;}
.wow {opacity: 0;  visibility: hidden;}
body.js--animateReady .wow {opacity: 1;visibility: visible;transition: opacity 0.6s ease,var(--otherAni);transition-delay: 0s,var(--delayAni);}
.body--member{--membarW: 20rem;}
b, strong {font-weight: bolder;}
/*--------------------------------------------------*/
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;	 */
}
small,.small{font-size:0.85em;}
:root{

--mjColor: #00a7d3;
--color-1:#f18d00;
--black: #384249;
/* --mjColor: #1A7BBE; */
--mjColor-d: #017a9a;
--mjColor-l:#F4FAFE;
--subColor: #D71518; /* 副色 */
/* --color-1:#F5A800; */
--lightColor:#EEF3F5;
/* --black: #2d2d2d; */

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

--trans: all .3s linear;
--trans-ease: all .3s ease-out;
--ctOffset: calc((100vw - var(--container)) / 2 + 0.75rem);
--shD:-5px -5px 5px #efefef,2px 2px 5px rgba(0,0,0,0.1);
--smContent:980px;
--mContent: 1240px;
--spaceM:clamp(3rem,6vw,6.25rem);
--fontM:clamp(2.5rem,3vw,4rem);
--container:100%;
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine,.red{--cl: var(--red);}
.alertLine{border-color: var(--cl);}
.red{color: var(--cl);}

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

/* !====回頂端 */
#goTop{--size:3rem;cursor:pointer;width:var(--size);transition:0.3s all;color: var(--black);z-index: 999;line-height: 1;height: 0;position: absolute;pointer-events: none;opacity: 0;transition: var(--trans-ease);transform: translateY(-100%);overflow: hidden;}
.--isChange #goTop{height:auto;position: relative;pointer-events: all;opacity: 1;transform: translateY(0);overflow: unset;}
.goTopBar{display:flex;flex-direction: column-reverse;align-items: center;gap: 1rem;}
.goTopBar .txt{-webkit-writing-mode: vertical-lr;text-wrap-mode: nowrap;font-size: 1.125rem;font-weight: 500;letter-spacing: 0.05em;}
.goTopBar__bar{width:0.125rem;height: 0;background: #d9d9d9;display:inline-block;position: relative;overflow: hidden;transition: var(--trans-ease);}
.scrollDown{position: absolute;font-weight: 800;color: #000;bottom: 0;right: calc((100% - var(--container-w)) / 2);}
.fixGoTop .goTopBar__bar:after{content:'';position:absolute;height:0.75rem;width:2px;background:#000;left: 0;bottom: 0;animation: scrollBar 2s infinite forwards;}
@keyframes scrollBar {
    0%{height:0.5rem;}
    85%,100%{height:100%;}
}
.fixGoTop .goTopBar__bar{height:6.25rem;}
.fixBtn{position: relative;display: flex;flex-direction: column;gap: 0.25rem;align-items: flex-end;margin-top: 0.5rem;}

.fixBtn__item{background: var(--gray-lx2);color: var(--mjColor-d);padding: 0.5625rem;border-radius: 100rem;display: flex;align-items: center;transition: 0.3s all;}
.fixBtn__item .bi{display: flex;font-size: 1.875rem;position: relative;z-index: 0;}
.fixBtn__item .phoneNum{transform: translateY(0.125rem);width: 0;transition: 0.5s all;white-space: nowrap;line-height: 1;clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);font-size: 1.125rem;font-weight: 700;}
.fixBtn__item .bi:after{content:'';position:absolute;width: calc(100% + 0.5rem);left: 50%;top: 50%;aspect-ratio:1;background: var(--mjColor);border-radius:100rem;z-index: -1;opacity: 0;transition:0.3s all;transform: translate(-50%,-50%);}
.fixBtn__item.icon-line .bi:after{background:#00b300;}
.fixBtn__item.icon-mail .bi:after{background:#004097;}
.fixBtn__item:hover{color:var(--mjColor);}
.fixBtn__item:not(:last-child) .bi:after{width: 3rem;}
.fixBtn__item .bi:before{transition:0.3s all;}
.fixBtn__item:hover .phoneNum{width: 9rem;padding-left: 0.75rem;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.fixBtn__item:hover .bi{color:#fff;}
.fixBtn__item:hover .bi:before{transform:scale(0.85)}
.fixBtn__item:hover .bi:after{opacity:1}

.goTop:after{content:'/';position:absolute;color:#555;left: 42%;bottom: -1.375rem;transform: translateY(50%);}
.smallBtn{padding:0.5rem 1rem;min-width:6.25rem;background:var(--mjColor);text-align:center;color:#fff;}

.f-fixWrap{display:flex;flex-direction:column;position:fixed;right: 1.5rem;bottom: 2rem;align-items: flex-end;gap: 2rem;z-index: 20;width: 3rem;transition: var(--trans-ease);}
.f-fixWrap:after{content:'';position:absolute;width:3rem;height:3rem;/* background:rgba(255,255,255,0.85); */z-index:-1;border-radius:100rem;bottom: 0;right: 0;}
.f-fixWrap.--isChange:after{height: calc(100% + 1rem);transition: var(--trans-ease);}

/*!==彈跳視窗*/
.termPopWrap{--sp:1.5rem;display: none;z-index: 10005;position: fixed;}
.termPop{background:#fff;width: clamp(20rem,98vw,48rem);position:fixed;left:50%;top: 55%;transform: translate(-50%,-50%);transition: 0.3s all;}
.--isOpen .termPop{top:50%;}
.termPop__top{--closeW: 3rem;padding: 1rem var(--sp);padding-right: calc(var(--xloseW) + 1rem);font-size: 1.5rem;font-weight: 500;letter-spacing: 0.05em;background: var(--mjColor);position: relative;color: #fff;line-height: 1;}
.closeBtn{position:absolute;width: var(--closeW);height: 100%;background: var(--mjColor-d);display:inline-flex;align-items: center;justify-content: center;color: #fff;right: 0;top: 0;font-size: 1.5rem;cursor: pointer;}
.termPop__ct{max-height: 70lvh;overflow-y: auto;padding: var(--sp);}
.popBtn{background:none;border:none}

/* !====按鈕 */
.btnWrap {margin:2em 0;text-align:center;display: flex;justify-content: center;}
.btnWrap--mt{margin:2em 0 0;}
.btnWrap--0{margin:0}
.btnWrap--end{justify-content:end;}
.btnStyle{display:inline-block;padding:0.75rem 1rem;border:1px solid #fff;border-radius:100rem;color:#fff;min-width: 15rem;text-align: center;position: relative;overflow: hidden;}
.btnStyle .txt{padding: 0 1.5rem;display: inline-block;}
.btnStyle--fill{background:var(--mjColor);}
.btnStyle--fill.--disabled{background: #878787!important;}
.btnStyle--fill.--line{background:#00B900;}
.btnStyle:after{content:'\f285';font-family:'Bootstrap-icons';position:absolute;right: 1rem;top:50%;transform: translateY(-50%);display: inline-block;transition: var(--trans-ease);}
.btnStyle.--plus{min-width:auto;padding-right: 2.5rem;}
.btnStyle.--plus:after{content:'\F64D'}
.btnStyle.--download{/* min-width:auto; */}
.btnStyle.--download:after{content:'\F30A'}
.linkAcc{margin-bottom:2rem}
.linkAcc__item{display: inline-flex;flex-direction:column;align-items: center;gap: 0.25rem;}
.linkAcc__item a:after{content:'\F26A';}
.linkAcc__item a.--disabled:after{content:'';}

/* !====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: var(--container);}
.container.--small{max-width: var(--smContent);margin: auto;}
.wrapper { padding:2rem 0;}
.blockHeight{padding: clamp(3rem,4vw,5rem) 0;}
.blockHeight.--bg{background: var(--mjColor-l);}
.relatedBlock {padding: 2rem 0 clamp(3rem,4vw,5rem);}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.cover{margin: 0;overflow: hidden;}
.cover__pic{object-fit: cover;object-position: center;transition: var(--trans-ease);}
.pgContent{position:relative;}
.pgContent:after{content:'';position:absolute;left:0;top:0;background: url(../images/all/decoL.png) no-repeat,linear-gradient(to bottom,var(--lightColor),transparent 20%);background-size: clamp(12rem,32vw,35rem);width: 100%;height: 100%;z-index: -1;}
.body--member .pgContent{background: linear-gradient(to bottom,#e0edf3,transparent 80%);background: #fff;}

/* !====彈跳視窗*/
.popUpWrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:9999}
.popUpWrap.--isOpen{display:flex}
.popUpWrap__inner{background:#fff;max-width:90%;max-height:90%;overflow:auto;/* position:relative; */z-index: 1000000;}
.js-mask{position:fixed;top:0;bottom:0;left:0;right:0;z-index:999998;background: rgba(0,0,0,0.25);-webkit-backdrop-filter:blur(0.25rem);backdrop-filter:blur(0.25rem);opacity:0;}

/* !====編輯器 */
.tx01 img{max-width: 100%;height: auto!important;}
/* !====RWD編輯器表格(X捲軸) */
.tableContainer table td{min-width:100px;padding: 1rem;border:1px solid #ccc;white-space:inherit}
.tableContainer table.memLevel td{min-width:auto}

/* !====標題 */
.titleWrap{display:flex;flex-direction:column;align-items: center;text-align: center;margin-bottom: clamp(1.25rem,2.25vw,2.5rem);}
.titleWrap.--topbar{text-align:left;flex-direction: row;justify-content: space-between;align-items: flex-end;}
.titleBox{display:flex;flex-direction:column;gap:0.5rem;}
.titleBox__mj{font-size: clamp(1.75rem,2.4vw,2.5rem);font-weight:500;/* letter-spacing:0.05em; */color: var(--mjColor-d);margin: 0;line-height: 1.25;}
.titleBox__mj.--en{font-weight:600;}
.titleBox__brief{font-size: clamp(1.125rem,1.2vw,1.25rem);letter-spacing:0.05em;font-weight:500;}
.titleBox__mj.--center{position:relative;padding-bottom: 1rem;/* margin-bottom: 2rem; */}
.titleBox__mj.--center:after{content:'';position:absolute;width:3rem;height:0.25rem;background:var(--mjColor);left:50%;bottom: 0;transform: translateX(-50%);}
.titleBox__sub{letter-spacing:0.05em;}
.artCt--box .titleBox__mj{letter-spacing: 0.02em;font-size: clamp(1.5rem,2vw,2rem);}
.titleBox__en{font-size:1.025rem;letter-spacing:-0.01em;/* font-weight:350; */line-height:1.25;margin-bottom: 0.5rem;}
.portDotZone{position:relative;}
.portDotZone__dot{position:absolute;left:0;top: calc(var(--headerH) * -1 - 1rem);}

/*!swipe*/
.swiper{--swiper-pagination-bottom: 0px;padding-bottom: var(--swiper-pagination-bottom);}
.swiper-pagination-bullet{--cl:var(--mjColor);width: 0.75rem;height: 0.75rem;background: var(--cl);transition:0.3s all;}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{opacity:0.5;}
.arrowG{display:flex;flex-direction: row-reverse;gap: 0.75rem;}
.arrowG__item{background: var(--mjColor);width: 3rem;aspect-ratio: 1;display: inline-flex;border-radius: 100rem;color: #fff;font-size: 2rem;align-items: center;justify-content: center;cursor: pointer;transition:var(--trans-ease);}
.arrowG__item:hover{background:var(--subColor);}
.arrowG__item::before{font-family:'Bootstrap-icons';}
.arrowG__item.--next:before{content:'\F135';}
.arrowG__item.--prev:before{content:'\F12C';}

/* !====banner */
.banner{--asR:1920/760;position: relative;}
.banner .swiper-pagination-bullet{--cl:#fff;}
.banner .swiper-pagination{bottom: clamp(1.25rem,2vw,2rem);}
.bnImg{display:block;position: relative;}
.bnImg iframe{width:100%;aspect-ratio: var(--asR);display:flex;}
.bnImg:has(iframe):after{opacity:0;pointer-events:none;}
.bnImg:after{content:'';position:absolute;width:100%;height:100%;background:var(--mjColor-d);left: 0;top: 0;opacity: 0.3;}
.bnImg__pic{width:100%;aspect-ratio: var(--asR);object-fit: cover;}
.bnCt{position: absolute;left: var(--ctOffset);top: 50%;color: #fff;transform: translateY(-25%);display: flex;flex-direction: column;align-items: flex-start;text-shadow: 0 0.125rem .5rem rgb(15 51 76 / 85%);transition: var(--trans-ease);opacity: 0;}
.bnCt__tt{margin-bottom:3rem;}
.bnCt__tt__mj{display: flex;flex-direction: column;gap:3rem}
.bnCt__tt__mj{--lt: clamp(0.02em,0.1vw,0.15em);font-size: var(--fontM);font-weight: 700;margin-bottom: 1rem;margin-right: calc(var(--lt) * -1);letter-spacing: var(--lt);}
.bnCt__tt__sub{--lt:0.05em;font-size: clamp(1.125rem,1.2vw,1.5rem);margin-right: calc(var(--lt) * -1);letter-spacing: var(--lt);}
.swiper-slide-active .bnCt{transform:translateY(-50%);transition-delay:0.25s;opacity:1;}
/*!pgBanner*/
.pgBanner{min-height: 15rem;display: flex;align-items: center;justify-content: center;position: relative;}
.pgBanner:after{content:'';position:absolute;width:100%;height:100%;background:#000;opacity:0.5;left:0;top:0;}
.pgTt{position:relative;color:#fff;z-index:1;}
.pgTt__mj{margin: 0;font-size: clamp(2rem,2.5vw,2.75rem);font-weight: 650;/* text-transform: uppercase; */letter-spacing: 0.25em;}
.breadCrumbWrap{--cl:#fff;--cl2:var(--lightColor);padding: 0.625rem 0;background: var(--mjColor);}
.body--member .breadCrumbWrap{--cl:var(--dark);--cl2:var(--mjColor-d);/* position: absolute; */left: var(--membarW);right: 0;z-index: 1;padding-left: var(--membarW);background: transparent;}
.breadCrumb{display:flex;flex-wrap:wrap;}
.breadCrumb__item{position:relative;color: var(--cl);}
.breadCrumb__item + .breadCrumb__item:before{content: '\F285';font-family: 'Bootstrap-icons';margin:0 0.5rem;color: var(--cl);/* font-size: 0.8em; */line-height: 1;transform: translateY(0.125rem) scale(0.8);display: inline-block;opacity: 0.5;}
.breadCrumb__item:last-child{color: var(--cl2);}

/* !====首頁 */
/*!pdt*/
.blockHeight--ixPdt{overflow-x:clip;position: relative;padding-top: 7.5rem;}
.blockHeight--ixPdt:after{content:'';position:absolute;aspect-ratio:800/610;background:var(--color-1);right: 0;top: 0;width: clamp(14rem,48vw,50rem);z-index: -1;}
.pdtBox--ix{/* width: calc(100% + var(--ctOffset)); */margin-right: calc(var(--ctOffset) * -1);}
.cover.--pdt .cover__pic{aspect-ratio: 360/480;width: 100%;}
.blockHeight--ixPdt .swiper-wrapper{}
.pdtBox__item{display: flex;flex-direction: column;gap:1.25rem;}
.itemBox{display: flex;flex-direction: column;gap: clamp(0.5rem,1vw,1rem);}
.itemBox__tt{font-size: clamp(1.25rem,1.35vw,1.5rem);font-weight: 500;letter-spacing: 0.05em;transition: var(--trans-ease);}
.itemBox__ct{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: 4.5rem;line-height: 1.5;}
/*!app*/
.blockHeight--ixApp{overflow-x:clip;padding-bottom: 0;}
.appBox__brief{font-size: 1.125rem;margin-bottom: 2rem;}
.appWrap{margin:0 calc(var(--ctOffset) * -1);position: relative;}
.appWrap:after{content:'';position:absolute;width: clamp(20rem,50vw,50rem);aspect-ratio:800/525;background:url(../images/all/decoL.png)center/cover;left:0;top:0;transform: translateY(-100%) scaleY(-1);}
.appBoxBox__item{position: relative;margin: 0 -1px;}
.appBoxBox__item:after{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0;top:0;transition: 0.3s all;}
.appTt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;z-index: 1;text-align: center;display: flex;flex-direction: column;gap: 0;transition:0.3s all;width: 100%;padding: 1rem;}
.appTt__mj{font-size: 1.5rem;letter-spacing: 0.15em;font-weight: 500;}
.appTt__sub{font-weight: 0.875rem;letter-spacing: 0.05em;font-weight: 500;}
/* .swiper .appBoxBox__item:not(.swiper-slide-next,.swiper-slide-prev,.swiper-slide-active){ pointer-events:none;}
.swiper .appBoxBox__item:not(.swiper-slide-next,.swiper-slide-prev,.swiper-slide-active) .appTt{opacity:0.5; filter: blur(0.125rem);transition-delay: 0.125s;} */
.cover.--app{overflow:hidden;}
.cover.--app .cover__pic{aspect-ratio: 450/640;transition: 0.3s all;width: 100%;}
.appWrap .arrowG2{display:flex;justify-content: space-between;padding: 0 clamp(1rem,2vw,3rem);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;z-index: 1;width: 100vw;font-size: clamp(1.25rem,2.4vw,2.5rem);pointer-events: none;}
.arrowG2__item{pointer-events:auto;}
/*!activity*/
.blockHeight--ixartC{padding: clamp(3rem,4vw,5rem) 0 calc(2.5rem + clamp(3rem,4vw,5rem));position:relative;}
.blockHeight--ixartC:after{content:'';position:absolute;width: 100%;height:100%;background:var(--mjColor-l);left:0;top:0;z-index: -1;}
.artCWrap{display:flex;flex-direction:column;gap:5rem;}
.artCBlock__top{margin-bottom: 1.25rem;display: flex;justify-content: space-between;align-items: flex-end;}
.artCBlock__top__tt .tt{--imgW: clamp(1.75rem,2vw,2rem);font-size: clamp(1.5rem,1.7vw,1.75rem);font-weight:500;letter-spacing:0.05em;padding-left: calc(var(--imgW) + 0.625rem);position: relative;}
.artCBlock__top__tt .tt:before{content:'';position:absolute;width:var(--imgW);aspect-ratio:1;left:0;top:0}
.tt.--activity:before{background:url(../images/index/icon-act.png)center/cover;}
.tt.--class:before{background:url(../images/index/icon-class.png)center/cover;}
.artCBlock__box__item{--date: clamp(3.75rem,5vw,4.5rem);--gap:1rem;border-left: 1px solid var(--mjColor);border-right: 1px solid var(--mjColor-d);background: #fff;position: relative;z-index: 0;transition: var(--trans-ease);}
.artData{display: flex;gap: var(--gap);align-items: flex-start;position: relative;z-index: 0;padding: clamp(1rem,1.25vw,1.5rem);}
/* .artCBlock__box__item:after{--lw:0.125rem;content:'';position:absolute;background:linear-gradient(to right,var(--mjColor),var(--mjColor-d));background-size: 100%;left: calc(var(--lw) * -1);top: calc(var(--lw) * -1);bottom: calc(var(--lw) * -1);right: calc(var(--lw) * -1);z-index:-1;clip-path: polygon(0% 0%, 0% 100%, var(--lw) 100%, var(--lw) var(--lw), calc(100% - var(--lw)) var(--lw), calc(100% - var(--lw)) calc(100% - var(--lw)), var(--lw) calc(100% - var(--lw)), var(--lw) 100%, 100% 100%, 100% 0%);pointer-events: none;transition: var(--trans-ease);} */
.artCBlock__box__item:before,.artCBlock__box__item:after{content:'';position:absolute;width:100%;height: 1px;background:linear-gradient(to right,var(--mjColor),var(--mjColor-d));left:0;z-index: 2;}
.artCBlock__box__item:before{top:0;}
.artCBlock__box__item:after{bottom:0;}
.dateBox{background: var(--mjColor);color: #fff;/* padding: 0.5rem; */display: flex;flex-direction: column;align-items: center;aspect-ratio:1;width:var(--date);justify-content: center;line-height: 1;gap: 0.25rem;}
.dateBox.--row{flex-direction:row;aspect-ratio:auto;border-radius:2rem 1rem;padding: 0.5rem 1rem;min-width: 8rem;}
.dateBox__day{font-size: clamp(1.5rem,2vw,2rem);font-weight: 500;line-height: 1;}
.dateBox__ym{font-size:0.875rem;display: inline-flex;}
.dateBox + .artCt{width:calc(100% - var(--date) - var(--gap));}
.month + .year:before{content:'.';}

.dateGroup{flex-direction:row;aspect-ratio:auto;border-radius:2rem 1rem;padding: 0.5rem 1rem;min-width: 8rem;display: flex;align-items: baseline;background: var(--mjColor);color: #fff;}
.dateGroup__item{position: relative;font-weight: 450;}
.dateGroup__item + .dateGroup__item:before{content:'.'}
.dateGroup__item.--year{font-size: clamp(1.75rem,2.2vw,2rem);font-weight: 500;line-height: 1}


.artCt{display:flex;flex-direction:column;gap: clamp(0.75rem,1vw,1rem);}
.artCt--box{padding: clamp(1rem,2vw,2rem);}
.artCt__sort{color:var(--mjColor);font-weight: 500;display: flex;gap: 0.625rem;flex-wrap: wrap;align-items: center;}
.artCt__tt{font-size: clamp(1.125rem,1vw,1.25rem);font-weight:500;line-height:1.25;letter-spacing:0.02em;}
.artCt__txt{color:#838181;}
.artCt__brief{display:-webkit-inline-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: 4.5rem;}
.txt{position:relative;}
.txt--mb{margin-bottom:0.5rem}
.input-group .txt{display: inline-flex;align-items: center;padding-left: 0.5rem;}
.txt.--clBlack{color:var(--black);}
.txt.--deco{--decoW:0.375rem;padding-left:calc(var(--decoW) + 0.5rem);position:relative;}
.txt.--deco:before{content:'';position:absolute;width:var(--decoW);aspect-ratio:1;background:currentColor;border-radius:100rem;left:0;top:50%;transform:translateY(-50%);}
.txt.--line:before{content: '|';margin-right: 0.625rem;transform: translateY(-1px);display: inline-block;}
.artCt__sort .txt + .txt{font-weight:450;}

.dtList{font-size:1.125rem;display:flex;flex-direction:column;gap: 0.5rem;}
.dtList__item{display:flex;flex-wrap: wrap;gap: 0.25rem 0.5rem;line-height:1.25}
.dtList__item .txt:first-child{font-weight:500;}
.tagG{margin-top: 2rem;display: flex;flex-wrap: wrap;gap: 0.5rem;align-items: center;}
.tagG--mY{margin: 1rem 0;}
.tagG--m0{margin: 0;}
.tagG__tt{display:block;width:100%;}
.tagG__item{padding: 0.125rem 0.75rem;border: 1px solid var(--mjColor-d);display:inline-block;border-radius: 100rem;background: #fff;color: var(--mjColor-d);}
.tagG__item:hover{background:var(--mjColor);color:#fff}
.shareZone{display:flex;gap:1px;background:#eee}
.shareZone__btn{padding:1rem;flex:1;text-align:center;background: var(--mjColor-l);background: #f9f9f9;display: block;}
.shareZone__btn.--heart,.shareZone__btn.--download{max-width: 4rem;}
.shareZone__btn.--download{background: var(--mjColor-d);color: #fff;}
.shareZone__btn.--download .bi:before{font-size: 1.2em;transform: translateY(2px) scale(1.25);}
.shareZone__btn.--full{max-width:100%;}
.shareZone__btn.--full:has(.--isLike){background: #cce5f7;}
.bi.--big:before{display:inline-block;transform: scale(1.375);margin-left: 0.25rem;}

.blockHeight--ixService{background: #000;margin-bottom: 4rem;color: #fff;position:relative;padding: clamp(4rem,6vw,6.25rem) 0 clamp(5rem,7vw,7.5rem);}
.svBg{position:absolute;width:100%;height:100%;background-size:cover;background-position: center;opacity:0.4;left:0;top:0;transition: var(--trans-ease);}
.svWrap{display:flex;flex-direction:column;gap: clamp(3rem,8vw,12rem);position: relative;z-index: 1;}
.svTt__item{font-size: var(--fontM);font-weight:700;text-transform: uppercase;overflow: hidden;transition: var(--trans-ease);position: absolute;opacity: 0;left: 0;top: 0;}
.svTt__item.--isShow{position: relative;opacity: 1;}
.svBox{--num:4;--gap:1.5rem;display:flex;flex-wrap:wrap;gap: calc(var(--gap) * 2.5) var(--gap);}
.cover.--sv{width:4rem;margin-top:-2rem;}
.svBox__item{--bD: 1px solid var(--lightColor);width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );color: #fff;padding: 1.5rem 2rem;border: var(--bD);border-top: 0;padding-top:0;display: flex;flex-direction: column;gap: 0.75rem;position: relative;backdrop-filter: blur(0.25rem);}
.svBox__item:after{--cl:var(--lightColor);content:'';position:absolute;width:100%;height:1px;background: linear-gradient(to right,var(--cl) 1rem,transparent 1rem,transparent 7rem,var(--cl) 7rem);left:0;top:0;}
.svCt{display:flex;flex-direction:column;gap:0.75rem;text-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.5);}
.svCt__tt{font-size:1.5rem;font-weight:500;letter-spacing: 0.15em;}
.svCt__brief{opacity:0.85;line-height:1.5;letter-spacing:0.02em}

.blockHeight--ixBlog{}
.blogWrap{position:relative;padding-bottom: 3rem;}
.blogWrap .swiper-wrapper{align-items: flex-start;}
.blogBox--ix{--offset: 1rem;padding:1rem;margin:0 calc(var(--offset) * -1);margin-top: -1rem;}
.blogBox__column {float: left;  padding-left: 1rem;}
.blogBox__item{padding:1.25rem 1rem;box-shadow: var(--shD);display: flex;flex-direction: column;gap: 1rem;background: #fff;grid-row: span 1;height: auto;}
.cover.--blog{overflow:hidden;}
.articleMj__content .cover{max-width:40rem;margin:auto;}
.cover.--blog .cover__pic{transition:0.3s all;}
.blogBox__item .artCt__tt{display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;/* min-height: clamp(4rem,4.25vw,4.5rem); */}
.cover.--blog .cover__pic{width:100%;/* aspect-ratio: 3/2; */max-width: 40rem;}
.cover.--event .cover__pic{width:100%;aspect-ratio: 640/300;}

/* !====footer */
footer{position: relative;color:#fff;padding: 3rem 0 2rem;}
.fixGoTop .container{ margin-right: max( calc((100% - var(--container)) / 2),calc(var(--spaceM) + 2rem));}
footer:after{content:'';position:absolute;width: 100%;height:100%;background: linear-gradient(to right,rgba(12,12,12,0.6),rgba(12,12,12,1)),url(../images/all/f-bg.webp)center/cover;left: 0;top: 0;z-index: -1;}
.fWrap{background:#000}
footer ul{margin-bottom:10px;padding-left:0;list-style:none}
footer ul li{display:inline-block;padding:0 20px}
footer a{color: #fff;}
footer a:hover{color:rgba(255,255,255,0.8); text-decoration:none;}
.fBox{display:flex;justify-content: space-between;gap: 2rem;flex-wrap: wrap;}
.fBox__infor{display:flex;flex-direction:column;gap: clamp(1.5rem,2vw,3rem);}
.fSiteBox{display:flex;gap: 3rem clamp(2.5rem,3vw,5rem);flex-wrap: wrap;}
.fSiteBox__item{display:flex;flex-direction:column;align-items: flex-start;gap: clamp(1rem,1.25vw,1.5rem);}
.fSiteList{display:flex;flex-direction:column;align-items: flex-start;gap: 0.75rem;}
.fSiteList__item{position:relative;font-size: 0.875rem;}
.fSiteList__item:before{content:'-';margin-right:0.5rem;}
.copyright{margin-top: clamp(2rem,3vw,3.5rem);font-size: 0.875rem;opacity: 0.8;}
.copyright a{opacity:0.5}
.fContact{font-size: clamp(1.5rem,2vw,2.5rem);font-weight:700;text-transform: uppercase;display: flex;gap: 2.5rem;align-items: center;}
.fContact .bi{background:var(--mjColor);border-radius:100rem;line-height:1;aspect-ratio:1;display: inline-flex;font-size: 2rem;width: 2.5rem;align-items: center;justify-content: center;position: relative;z-index: 1;}
.fContact .bi:after{content:'';position:absolute;width:100%;aspect-ratio:1;border:1px solid var(--mjColor);border-radius: 100rem;z-index: -1;top: 50%;left: 50%;transform: translate(-50%,-50%);transition:var(--trans-ease);}
.fContact:hover .bi:after{width:calc(100% + 1rem);}
.socialBtn{display:flex;gap:1.25rem;flex-wrap: wrap;}
.socialBtn__item{font-size:1.25rem;}

.form-control{--phCl:#c9c9c9}
.form-control::-moz-placeholder{color:var(--phCl);opacity:1}
.form-control::placeholder{color:var(--phCl);opacity:1}
.aleart_line{border: 1px solid var(--red);background-color: rgba(212,0,37,0.05);}
.formGroup{display: flex;gap: 1.5rem;flex-wrap: wrap;}
.formGroup.--bg{padding: clamp(1rem,1vw,1.5rem);background:var(--mjColor-l);}
.formGroup.--col{flex-direction:column;}
.formGroup__item{width:100%;}
.formGroup__item--grid{display:grid;grid-template-columns:repeat(2,1fr);gap: 0.5rem 1.5rem;align-items: end;}
.formGroup__item--half{width:calc((100% - 1.5rem) / 2);}
.formGroup__item--recaptcha{display:flex;gap:0.5rem;align-items: center;justify-content: center;background: #f9f9f9;border: var(--bs-border-width) solid var(--bs-border-color);}
.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)));}
.form-control.--small{max-width: 10rem;}
optgroup{background: #f4f4f4;}
optgroup option{background: #fff;}

.blockHeight--contact{padding: 0;}
.contactMain{--imgW: 38%;--gap: clamp(2rem,6vw,6.25rem);display: flex;gap:var(--gap);padding-left: var(--ctOffset);position: relative;}
.contactCover{width:var(--imgW);background: url(../images/contact/cover.jpg)center/cover;position: relative;top: 0;bottom: 0;}
.contactFormWrap{width: calc(100% - var(--imgW) - var(--gap));padding: 5rem 0;}
.ctBrief{margin-bottom:2rem;text-align:center;font-size: 1.125rem;font-weight: 500;}
.blockHeight--ctMap{position: relative;z-index: 0;}
.blockHeight--ctMap:after{content:'';position:absolute;width:calc(100% - var(--spaceM));height:100%;background:var(--mjColor-d);left:0;top:0;z-index:-1}
.contactMap{display:flex;gap: 2rem;color: #fff;}
.contactMap__item{flex:1;display: flex;flex-direction: column;justify-content: space-between;gap: 2rem;}
.ctInforWrap{}
.blockTt{--sp:0.5rem;font-size: clamp(1.25rem,1.8vw,1.875rem);font-weight:500;letter-spacing: 0.05em;padding-bottom: var(--sp);margin-bottom: calc(var(--sp) * 2);border-bottom: 1px solid rgba(255,255,255,0.5);}
.--center{text-align:center;justify-content: center;}
.ctMap{display:flex;}
.ctMap iframe{aspect-ratio: 16/9;}
.ctMInfor{display:flex;flex-direction:column;gap:0.375rem;}
.ctMInfor__item{display:flex;}
.ctMInfor__item a{color:#fff;}
.ctMInfor__item .bi{opacity:0.85;margin:0 0.5rem}
.noteTxt{line-height:1.8;font-size: 1.025rem;font-weight: 450;}
.noteTxt--bg{padding:1rem;background:var(--lightColor);}
.noteTxt ul:last-child,.noteTxt ol:last-child{margin:0;}
.noteTxt__tt{--sp: 0.5rem;font-size:1.125rem;font-weight:500;padding-bottom: var(--sp);margin-bottom: calc(var(--sp) * 2);border-bottom: 1px solid #ddd;}
.--iconTt{font-size: 4rem;color:#50bd50;}
.applyBoard{--pd:2rem;display: flex;gap: 1.5rem;padding: var(--pd);padding-right: calc(var(--pd) * 2);border: 0.25rem solid var(--mjColor);position: relative;align-items: center;}
.applyBoard:hover{background:var(--lightColor);}
.applyBoard:after{content:'\f285';font-family:'Bootstrap-icons';font-size:1.5rem;right: var(--pd);top:50%;transform:translateY(-50%);position:absolute;}
.applyBoard__icon{font-size: clamp(2rem,2vw,2.5rem);width: 6.25rem;aspect-ratio: 1;background: var(--mjColor);border-radius: 100rem;color: #fff;display: flex;justify-content: center;align-items: center;position: relative;}
.applyBoard__ct{gap: 0.25rem 0;}
.idResult{text-align:center;margin:1rem 0;font-size: 1.125rem;}
.idResult .markTxt{background: rgb(255 235 59 / 50%);padding: 0.25rem 0.5rem;margin-left: 0.5rem;}

/*!mem*/
.loginBoxWrap{max-width:480px;margin:auto;/* padding: 3rem; */border: 1px solid #fff;border-radius: 1rem;/* box-shadow: var(--shD); *//* background: linear-gradient(to bottom, #daf0ff, transparent 40%); */}
.loginBox .btnStyle {/* width:100%; */}
.linkG{margin: 0.375rem 0;display:flex;}
.linkG.--end{justify-content:end;}
.linkG__item{color:var(--mjColor-d);}
.linkG__item + .linkG__item{position:relative;}
.linkG__item + .linkG__item:before{content:'|';margin:0 0.5rem;display:inline-block;transform:translateY(-1px);color:var(--black)}
.markLink{color:var(--mjColor-d);text-decoration:underline;text-underline-offset:0.125rem;padding:0 0.125rem}
.markText{color:var(--mjColor);}
.gBoxWrap{display:flex;flex-direction:column;gap:0.375rem;}
.extraLogin{display:flex;flex-direction:column;align-items: center;gap: 1rem;margin-bottom: 2rem;}
.crossTxt{position:relative;display: flex;width: 100%;align-items: center;gap: 1rem;text-wrap-mode: nowrap;letter-spacing: 0.15em;}
.crossTxt:before,.crossTxt:after{content:'';display:block;width:100%;height:1px;background:#000;opacity:0.5}

.registerBoxWrap{max-width: var(--smContent);margin:auto;}
.registerContent{--barW: 12.5rem;--gap:3rem;gap:var(--gap);display: flex;align-items: flex-start;}
.registerBarWrap{width: var(--barW);position: sticky;left: 0;top: calc(var(--headerH) + 1rem);margin-bottom: 2rem;}
.registerBar{--gap: 1rem;counter-reset:num;list-style:none;padding:0;margin:0;display: flex;flex-direction: column;gap: var(--gap);margin-bottom: clamp(1rem,2vw,2rem);position: relative;}
/* .registerBar:after{content:'';position:absolute;width: 0.5rem;height:100%;background:#ddd;left: 50%;top:0;transform:translateX(-50%);z-index:-1} */
.registerBar__btn{padding: 0.625rem 1rem 0.5rem;border: 1px solid var(--gray-d);width:100%;display: block;text-align: center;position: relative;}
.registerBar__btn:after{content:'';position:absolute;width:100%;height:0;background:#000;transition:var(--trans-ease);left:0;bottom:0;z-index: -1;}
.registerBar__item{--cl:var(--mjColor);position:relative;font-size: 1.025rem;padding: 0.625rem 1rem 0.5rem;border: 1px solid var(--cl);display: inline-flex;align-items: center;/* border-radius: 100rem; */background: #fff;}
.registerBar__item::before{content:counter(num);counter-increment:num;height: 100%;aspect-ratio:1;display: inline-flex;align-items: center;justify-content: center;border-radius: 100rem;margin-right: 0.625rem;font-size: 2rem;}
.active.registerBar__item{background:var(--cl);color:#fff;}
.registerForm{width:calc(100% - var(--barW) - var(--gap));}
.memTypeBox{display:flex;border:var(--bs-border-width) solid var(--bs-border-color);padding: .375rem .75rem;justify-content: space-between;gap: 1rem;align-items: center;}

.formMode{display:flex;gap: 0.5rem 1.5rem;flex-wrap: wrap;padding: 0.25rem 0;}
.formGroup__item__other .formMode{padding:0.375rem 0;}
.formMode__item{display:flex;gap:0.625rem}
.formMode.--col{flex-direction:column;gap: 0.75rem;}
/*20260407 Eileen加上活動已報名的樣式*/
.formMode.--col input.form-check-input:disabled {background-color: #5f5d5da4; border-color: #25252552; opacity: 1; cursor: not-allowed;}
.form-check{display:flex;gap: 0.25rem;margin: 0;align-items: center;}
.form-check label{margin:0;line-height:1;}
.form-check-input[type=radio]{/* transform: translateY(-3px); */}
.form-check-input{font-size:1.125em;margin-top: 1px;transform: translateY(-2px);border-color: #b2b5b9;}
.form-check-input:checked[type="checkbox"]{background-color: var(--mjColor);border-color: var(--mjColor);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}
.form-check-input:checked[type="radio"]{background-color: #fff;border-color: var(--mjColor);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%231A7BBE'/%3e%3c/svg%3e");}
.form-check-input:checked[type="checkbox"]:checked + label,.form-check-input:checked[type="radio"]:checked + label{/* color:var(--mjColor); */}
.form-check-group{display: flex;align-items: center;}

.memLevel{width:100%;text-align:center;background: #fff;}
.memLevel th,.memLevel td{vertical-align:middle;padding:0.5rem;border-width: 1px;}
.memLevel thead{background:var(--mjColor);color:#fff;font-weight:500;position: sticky;left: 0;top: calc(var(--sp) * -1);z-index: 10;}
.memLevel th{border-color: var(--bs-border-color);}
.memLevel th.--nowLevel{background:var(--mjColor-d)}
.memLevel tbody tr td.td--tt{background: var(--lightColor);}
.memLevel tbody tr:hover{background: #ffffe8;}
.memLevel .bi:before{transform: scale(1.25);display:inline-block;color: #50bd50;}
.body--member .memLevel thead{position:static;}

/*!====內頁*/
.filterBar{display:flex;gap: 0.5rem 1rem;margin-bottom: 2rem;justify-content: flex-end;flex-wrap: wrap;}
.searchForm{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;justify-content: flex-end;}
.filterBar .input-group{width: 35rem;justify-content: end;}
.filterBar select,.filterBar input{/* max-width: 15rem; */width: auto;min-width: 10rem;}
.blogBox{--num:4;--gap: clamp(1.5rem,2vw,2rem);display:block;grid-template-columns: repeat(var(--num),1fr);gap: var(--gap);position: relative;}
.blogBox:has(.blogBox__item){display:grid;}
.clearfix::after{display: block;clear: both;content: ""}
.blogBox--mem{--num:3}
.artWrap{--barW: 24rem;--gap: 2rem;display: flex;gap:var(--gap)}
.artWrap__mj{--ttW: clamp(20rem,28vw,30rem);--gap:2rem;display:flex;align-items: flex-start;gap: var(--gap);padding-bottom: 3rem;width:100%}
.artWrap__mj.--classW{--ttW:clamp(20rem,32vw,35rem);}
.artWrap__mj.--reverse{flex-direction:row-reverse;}
.artWrap__mj.--col{flex-direction:column;}
.artWrap__mj.--col .articleTt{width:100%;}
.artWrap__mj.--col .articleMj{width:100%;}

.evClass{--num: 3;--gap: clamp(1rem,2vw,1.25rem);display:grid;grid-template-columns: repeat(var(--num),1fr);gap: var(--gap);overflow: hidden;}

.articleTop{display:flex;flex-direction:column;width: var(--ttW);z-index: 0;border-bottom: 0.25rem solid var(--mjColor);background: var(--gray-lx2);position: sticky;left: 0;top: calc(var(--headerH) + 1rem);}
.articleMj{width:calc(100% - var(--ttW) - var(--gap));}
.articleMj:only-child{width:100%;}
.articleMj__top.--mb{margin-bottom:1rem;text-align: center;}
.boxTt{--sp: 0.375rem;/* border-bottom:1px solid var(--mjColor); *//* margin-bottom:calc(var(--sp) * 2); */padding-bottom:var(--sp);}
.decoTt{--w:0.5rem;/* font-size:1.125rem; */font-weight:500;position:relative;padding-left: calc(var(--w) + 1rem);margin-bottom: 1rem;}
.decoTt:before{content:'';position:absolute;width:var(--w);aspect-ratio:1;background:var(--mjColor);left:0;top:50%;transform:translateY(-50%);}
.decoTt:after{content:'';position:absolute;width: calc(var(--w) * 1.5);height:0.125rem;background:var(--subColor);left: calc(var(--w) * 0.5);top:50%;transform:translateY(-50%);}

/*!六圖文*/
.tx01{margin-bottom:1rem;/* padding:1rem 0; */font-size: 1.125rem;}
.text{padding: 1rem 0;}
.tx01:last-of-type{margin-bottom:0;padding-bottom:0;}
.tx01 figure{margin:0}
.pageContent table { max-width:100%;width: 100%;}
.img-left,.img-right{display: flex;align-items: center;gap: 2rem;}
:where(.img-left, .img-right):has(.text:only-child){justify-content: center;}
.img-left figure,.img-right figure{width: calc(33% - .5rem);}
.img-right{flex-direction: row-reverse}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width: calc(67% - .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;text-align: center;color: var(--mjColor-d);}
.tx01 img{max-width:100%;max-height:100%;height:auto!important;}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;}
.vdBox{display: flex;margin-top: 1rem;}
.vdBox iframe{width:100%;aspect-ratio: 16/9;}
.tx01 p:last-child,.tx01 ul{margin-bottom:0;}
:where(.img-right,.img-left) .text:only-child{width:100%}

.listTbWrap{margin-top: 2rem;}
.listTbWrap .tt{font-size:1.125rem;font-weight:500;margin-bottom: 0.25rem;}
.listTable{border:1px solid #ddd;}
.listTable__head{display:flex;border-bottom: 1px solid;background: var(--mjColor-d);color: #fff;font-weight: 500;}
.listTable__body__item{display:flex;transition: 0.3s all;}
.listTable__body__item:hover{background:var(--lightColor);}
.listTable__body__item + .listTable__body__item{border-top: 1px solid #ddd;}
.listTbText{padding: 0.625rem 0.5rem;flex:1;text-align: center;}
.listTbText .txt{display: inline-flex;height: 100%;align-items: center;justify-content: center;}
.listTbText + .listTbText{border-left:1px solid #ddd;}
.statutBtn{display:inline-block;padding: 0.375rem;background: var(--mjColor);border-radius:0.375rem;color:#fff;min-width: 5rem;}
.statutBtn.--disabled{background:#bbb;cursor:no-drop}

.assetBox{display: grid;grid-template-columns: clamp(12rem,20vw,18rem) 1fr;font-size: 1.125rem;margin: 1rem 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;transition: 0.3s all;}
.assetBox:hover{background:rgba(255, 240, 162, 0.5)}
.assetBox__tt{padding: 1rem .75rem;font-weight: 500;}
.assetBox__ct{padding: 1rem .75rem;}
.assetBox__ct__vd{color:var(--mjColor-d);position:relative;}
.assetBox__ct__vd:after{content:'\F4F0';font-family:'Bootstrap-icons';display: inline-block;vertical-align: -0.125rem;margin-left: 0.25rem;}

.relatdArt__item{--cl:var(--mjColor);display:flex;flex-direction:column;gap:0.25rem;padding: 0.5rem 0.625rem;border: 1px solid var(--cl);margin-bottom: 0.5rem;position: relative;}
.relatdArt__item:after{content:'';position:absolute;width: 0.625rem;aspect-ratio:1;background:var(--cl);right: -1px;bottom: -1px;clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
.itemTt{font-size: 1.025rem;line-height:1.25;}
.itemSub{font-size:1rem;color:var(--mjColor);font-size:0.875rem;}

.blockHeight--related{position:relative;z-index:0}
.blockHeight--related:after{content:'';position:absolute;width: calc(100% - var(--spaceM));height:100%;background:var(--lightColor);left:0;top:0;z-index:-1}

.appBoxInner{--num:3;display: grid;grid-template-columns: repeat(var(--num),1fr);gap: clamp(1rem,2vw,2rem);}
.appBoxInner .cover.--app .cover__pic{aspect-ratio:1}

/*page_number*/
.pageNumber{display:flex;justify-content: center;padding: 1rem 0;gap: 1rem;margin-top: 2rem;}
.pageNumber a{display: block;aspect-ratio:1;height: 2rem;text-align: center;padding: 0.25rem;border-radius: 0;transition:0.3s all;display: flex;align-items: center;justify-content: center; min-width:2rem; aspect-ratio:auto; }
.pageNumber a:hover,.pageNumber a.on{background:var(--mjColor);color:#fff;border-radius: 1rem;}

/*!===會員===*/
.memWrap{display: flex;}
.memWrapBar{width: var(--membarW);position: relative;background: linear-gradient(to top,var(--mjColor) ,var(--mjColor-d));box-shadow: var(--shD);border-radius: 0 3rem 0 0;margin-top: -2.75rem;overflow: hidden;}
.memInfor{padding-top: 3rem;color:#fff;}
.cover.--id{max-width: 5rem;aspect-ratio:1;object-fit:cover;margin:auto;margin-bottom: 0.5rem;}
.memInfor__tt{font-size: 1.25rem;font-weight:500;text-align: center;padding: 1rem 0;letter-spacing: 0.15em;}
.memInforList{display:flex;flex-direction:column;gap:0.5rem;padding: 0 1rem;margin: 1rem 0;}
.memInforList__item{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0.5rem 0;gap: 0.25rem 1rem;}
.memInforList__item__tt{/* font-weight:500; */color: #d0f2ff;}
.memInforList__item__ct{margin:auto;margin-right:0;}
.memWrapContent{width: calc(100% - var(--membarW));padding: 3rem;padding-bottom: 5rem;padding-right: var(--spaceM);}
.memWrapContent .container{max-width: var(--mContent);margin: auto;}
.memInfor__user__text{display: flex;gap: 0.75rem;flex-direction: column;text-align: center;}
/* .idTag{--lt:0.35em;display:inline-block;padding: 0.25rem 0.5rem 0.125rem calc(0.5rem + var(--lt));border:1px solid #fff;font-size: 0.875rem;border-radius: 100rem;letter-spacing: var(--lt);} */
.idTag{background: rgba(255,255,255,0.1);display: flex;padding: 1rem;gap: 0.25rem;letter-spacing: 0.05em;flex-direction: column;align-items: center;}
.idTag .txt{font-size:1.25rem;}
.name .tt{font-size: 1.5rem;font-weight:500;letter-spacing: 0.15em;}
.memBar{display: flex;flex-direction: column;height: 100%;background: rgba(255,255,255,0.1);}
.memBar__item__tt{padding:1rem;color:#fff;font-size:1.125rem;display: flex;position: relative;justify-content: space-between;}
.memBar__item__tt:hover,.--isDrop .memBar__item__tt{background:rgba(255,255,255,0.15);}
.memBar__item__tt:after{content:'\F282';font-family:'Bootstrap-icons';font-size: 0.85em;transform: translateY(2px);transition: 0.3s all;}
.memBar__item__tt.--noArrow:after{content:''}
.memBar__item__tt.--mail:after{content:'\F84C';font-size: 1.25em;line-height: 1;}
.--isDrop .memBar__item__tt:after{transform: scaleY(-1) translateY(2px);}
.memBarDrop{display:flex;flex-direction:column;transition: var(--trans-ease);height: 0;overflow: hidden;background: rgba(255,255,255,0.1);}
.--isDrop .memBarDrop{height:auto;}
.memBarDrop__item{padding: 0.75rem 1rem;color:#fff;position:relative;}
.active.memBarDrop__item{background:rgba(0,0,0,0.15)}
.memBarDrop__item:before{content:'-';margin-right: 0.5rem;}
.memBarToggle{padding: 1rem;color:#fff;display: none;justify-content: space-between;font-size: 1.125rem;background: var(--mjColor-d);}
.bi-list::before{transition:0.3s all;}
.active .bi-list::before{content:'\F659';transform:rotate(-90deg) scale(0.85);}

.formTt{margin-bottom: 1.5rem;border-bottom: 1px solid #ddd;padding-bottom: 0.25rem;font-size: 1.25rem;}
.formTt--m0{margin-bottom:0}
.formTt:has(.deleteBtn){display:flex;justify-content: space-between;}
.deleteBtn{cursor:pointer;color:var(--mjColor-d);}
.formTt .decoTt{margin-bottom:0;}
.nicHistoy{padding: 2rem 0;margin-bottom: 2rem;}
.hisTime__item.hidden {display: none;}

.olList{padding:0;list-style:none; counter-reset: num;}
.olList li{--numW: 1.5rem;padding-left:var(--numW);position: relative;}
.olList li:before{content:"(" counter(num) ")";counter-increment: num;position: absolute;left: 0;}

/*!tbStyle*/
.tbHead,.tbBody{/* min-width:800px; */}
.tbHead{--bdCl:#fff;background: var(--mjColor);display: flex;color:#fff;z-index: 5;align-items: flex-start;}
.tbItem{padding: 0.75rem 1.25rem;align-self: anchor-center;flex: 1;display: flex;align-items: center;height: 100%;height: -webkit-fill-available;position: relative;flex-wrap: wrap;}
.tbItem.--oprBtn{max-width: 7.8125rem;}
.tbItem + .tbItem:after{content:'';position:absolute;width:1px;height: 50%;left: 0;top: 50%;background: var(--bdCl);transform: translate(-50%,-50%);opacity: 0.5;}
.tbItem a{position:relative;/* text-decoration: underline; *//* text-underline-offset: 3px; *//* color: var(--mainColor); */}
.tbItem.--tbTt{width: 20rem;flex: none;}
.tbItem.--tbBig{flex: 1.5;}
.tbItem.--tbSmall{max-width: 12.5rem;}
.tbItem.--tbFunc{min-width:5rem;flex: none;text-align:center;padding: 0.75rem 1rem;}
.tbBody{--bdCl:#b7b7b7;}
.tbBody__item{display:flex;background: #f9f9f9;transition: 0.3s all;}
.tbBody__item:nth-child(even){background:var(--lightColor);}
.itemsG{display:inline-flex;flex-wrap: wrap;}
.items + .items{position:relative;}
.items + .items:before{content:',';margin:0 0.25rem;pointer-events:none;color:#333;}
.status{--dotW:0.625rem;position:relative;padding-left:calc(var(--dotW) + 0.5rem);shape-rendering: geometricprecision;color: var(--dotCl,var(--mjColor));}
.status:before{content:'';position:absolute;width:var(--dotW);aspect-ratio:1;background: var(--dotCl,var(--mjColor));border-radius:100rem;left:0;top:50%;transform:translateY(-50%);}
.status.status--ing{--dotCl:#dc3545 }
.status.status--out{--dotCl:#999 }
.oprBtn{display:inline-block;margin-left:1rem;background: var(--mjColor-d);padding: 0.375rem 1rem;color: #fff;border-radius: 100rem;}
.oprBtn .bi:before{transition:0.3s all;}

.recordsMain__content{margin-top: 1.5rem;display:flex;flex-direction:column;gap: 1rem;}
.recordsContent{border:1px solid #ddd;}
.recordsContent__top{position:sticky;left:0;top:var(--headerH);background:#fff;z-index:10;border-bottom: 0.125rem solid rgb(178 224 237);}
.recordsContent__id{padding: 0.75rem;font-size: 1.125rem;font-weight: 500;border-bottom: 1px dashed #ddd;}
.recordsContent__sub{background: var(--lightColor);display: none;}
.recordsList__tt{background: rgb(0 167 211 / 25%);padding: 0.5rem 1rem;}
.recordsList__tt .txt{font-weight:700}
.recordsList__box{display:grid;grid-template-columns:repeat(2,1fr);gap: 0 1.5rem;padding: 1rem;}
.recordsList__num{grid-column:span 2;padding: 0.5rem;background: #fff;margin-bottom: 0.5rem;text-align: center;letter-spacing: 0.25em;font-weight: 500;color: var(--mjColor-d);}
.recordsList__item{padding: 0.625rem 0;display: grid;grid-template-columns: 10rem 1fr;border-bottom: 1px solid #ddd;gap: 1rem;}
.recordsList__item .tt{font-weight:500}
/*.--isShow .recordsContent__sub{display:block;} */
.recordsContent.--isShow .recordsContent__sub {display: block;} /* 20260331Eileen */
.--isShow .oprBtn{background:var(--black);}
.--isShow .oprBtn .bi:before{transform: rotate(-180deg) translateY(0.125rem);}

.coverCollect{position: relative;overflow: hidden;}
.collectIcon{position: absolute;right: 1rem;bottom: 0.75rem;line-height: 1;font-size: 1.5rem;color: #fff;transform: translateY(180%);transition: var(--trans-ease);}
.collectIcon.--isLike{transform:translateY(0);}
.collectIcon:before{content:'\F417';font-family:'Bootstrap-icons';}
.collectIcon.--isLike:before,.bi.--isLike:before{content:'\F415';color:#dc3545;}
.statusTxt{position:absolute;left:0.5rem;top:0.5rem;display:inline-block;padding:0.25rem 1rem;background:var(--cl);color:#fff;transform: none;z-index: 1;}
.statusTxt.--regist{--cl:#dc3545;}
.statusTxt.--over{--cl:#999;}
a:hover .collectIcon{transform:translateY(0);}
a:has(.coverCollect):hover .cover__pic{transform:scale(1.08);filter:brightness(0.5)}
#toast{position:fixed;bottom: 2rem;left:50%;transform:translateX(-50%);background: var(--cl);color:#fff;padding: 0.5rem 2rem;font-size: 1.125rem;opacity:0;z-index: 99;pointer-events: none;border-radius: 100rem;transition: 0.3s all;clip-path: polygon(50% 1%, 50% 0, 50% 100%, 50% 100%);}
#toast.--show{pointer-events:all;opacity: 1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
#toast.--add{--cl:rgb(212 0 35 / 85%);}
#toast.--remove{--cl:rgb(0 0 0 / 85%);}

.detailTop{padding: 1rem 0;display: flex;gap: 1rem;justify-content: space-between;background: var(--lightColor);background: rgb(214 238 254 / 85%);/* background: rgba(255,255,255,0.85); */position: fixed;left: 0;top: var(--headerH);width: 100%;z-index: 5;backdrop-filter: blur(0.5rem);transition: var(--trans-ease);}
.detailTop2{background: rgb(255 240 162 / 85%);}
.detailTop .container{display:flex;justify-content: space-between;align-items: center;gap: 1rem;}
.detailTop__mj{display:flex;flex-direction:column;gap:0.25rem;}
.detailTop__mj__tt{font-size:1.375rem;font-weight: 550;margin: 0;}
.detailTop__btn__item{display:inline-block;border:1px solid;padding:0.5rem 1rem;min-width: 6.25rem;}
.detailTop + .pgContent{margin-top: var(--detailTopH,0px);}

.blockHeight--eventD{padding-top: 2rem;}
.cover.--evD{margin: auto;text-align: center;}
.cover.--evD .cover__pic{max-width: unset;width: 100%;}
.coverG{display:flex;gap: 0.5rem;margin: 1rem 0;justify-content: center;}
.coverG__item{flex:1;max-width: 3rem;}
.shareIcon{display: flex;margin-bottom: 1rem;justify-content: flex-end;font-size: 1.125rem;gap: 1rem;}
.evBlockWrap{display:flex;flex-direction:column;gap:3rem;}
.anchorWrap{--anchorW: clamp(5rem,15vw,14rem);--gap: 1.5rem;display: flex;align-items: flex-start;padding: clamp(1rem,2vw,2rem);background: var(--mjColor-l);gap: var(--gap);flex-direction: column;}
.anchorWrap.--noBg{padding:0;background:transparent;}
.anchorLink{display:flex;width: 100%;border-bottom: 1px solid #ddd;}
.anchorCt{display: flex;flex-direction: column;gap: 2rem;}
.anchorCt__box{display:none;}
.active.anchorCt__box{display:block;}
.anchorCt__box__tt{font-size: 1.125rem;margin-bottom:1rem;}
.anchorCt__box__tt.--btn{display:flex;flex-direction:column;gap: 1rem;margin-bottom: 1.5rem;}
.anchorLink__item{padding: 0.5rem 1.5rem;font-size: clamp(1.125rem,1.2vw,1.25rem);position:relative;font-weight: 500;letter-spacing: 0.05em;display: flex;align-items: center;justify-content: space-between;}
.anchorLink__item.active{background: var(--mjColor-d);color: #fff;border-radius: 0.5rem 0.5rem 0 0;}
.anchorCt__box__tt.--btn .moreBtn{text-align:center;color: var(--mjColor);}

.noteBoard{padding:2rem;background: rgb(220 53 69 / 5%);}
.noteBoard__tt{font-size:1.125rem;margin-bottom: 1rem;}
/*table*/
.tbStyle{width:100%;}
.tbStyle tr:first-child{border-top:1px solid #ddd;}
.tbStyle tr{border-bottom:1px solid #ddd;transition: var(--trans-ease);}
.tbStyle tr:nth-child(n):hover{background:rgb(255 240 162 / 50%);}
.tbStyle tr:nth-child(even){background:#f9f9f9;}
.tbStyle th,.tbStyle td{padding: 1rem .75rem;font-size: 1.125rem;}
.tbTt{min-width:12rem;font-weight: 500;}

/*term*/
.termBox__brief{margin-bottom:1.5rem;font-weight:500;}
.termBox__mj{counter-reset: num;display: flex;flex-direction: column;gap: 1rem;}
.termBox{font-size:1.125rem;}
.termList__tt{position: relative;font-weight: 500;font-size: 1.25rem;margin-bottom: 0.5rem;}
.termList__tt:before{content:counter(num, cjk-ideographic)'、';counter-increment: num;}
.termList__ct{opacity:0.85;}

/*edms*/
.edmsBg{background: #ddd;}
.edmBox{--num: 3;--gap:2rem;display:flex;gap: calc(var(--gap) * 2) var(--gap);flex-wrap: wrap;}
.edmBox__item{width: calc((100% - (var(--num) - 1) * var(--gap)) / var(--num) );perspective: 1000px;}
/*edms(bookEffect)*/
.bookCardWrap{--spineW: 1.5rem;position:relative;/* max-width: 15rem; */margin: auto;transition: .75s 
ease-in-out;transform-style: preserve-3d;transform-origin: 80px 0;}
.bookCover{--asR: 425/200;width:100%;aspect-ratio: var(--asR);background: var(--bg),#ddd;background-size: calc(100% + var(--spineW));background-size: cover;background-repeat: no-repeat;/* box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.15); */}
.bookCover:after{--offset:1rem;content:'';position:absolute;left: 0;right: var(--offset);top: var(--offset);bottom: 0;background:rgba(0,0,0,0.5);filter: blur(0.5rem);z-index: -1;}
.bookCover__txt{--spine:3%;position: relative;aspect-ratio: var(--asR);overflow: hidden;transition: 1s all;}
/* .bookCover__txt::after{content:'';position:absolute;height:100%;width: var(--spine);box-shadow:0 0 1rem rgba(0,0,0,0.5);left:0;top:0;} */
.bookCover__txt__tt{--pd:1rem;margin:0;width:100%;background: linear-gradient(to bottom, rgb(27 83 123 / 50%) 1rem, transparent);color:#fff;padding: var(--pd);/* padding-left: calc(var(--pd) + var(--spine)); */padding-bottom: calc(var(--pd) * 2);display: flex;flex-direction: column-reverse;line-height:1;gap: 0.25rem;text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5);}
.bookCover__txt__tt .--journal{font-size:1.75rem;font-weight:700;}
.bookCover__txt .clickNum{--pos: 0.5rem;position:absolute;background:rgba(255,255,255,0.85);padding: 0.25rem 1rem;/* border-radius:100rem; */bottom:var(--pos);right:var(--pos);font-size: 0.875rem;}
.bookSpine{position:absolute;writing-mode: sideways-rl;text-wrap-mode: nowrap;left: 0;top: 0;height: 100%;background: linear-gradient(120deg, rgb(255 255 255 / 25%), rgba(0, 0, 0, 0.5) 25%), var(--bg) center / cover;background-position: left;font-size: 0.875rem;transform: rotateY(-90deg)  translateX(-100%);transform-origin: 0 0;width: var(--spineW);color: #ddd;display: flex;padding: 0.75rem 0;justify-content: flex-end;align-items: center;}
.edmBox__item__tt{font-size:1.125rem;font-weight:500;padding: 1rem 0;transition: var(--trans-ease);}
.edmBox__item:hover .edmBox__item__tt{color:var(--mjColor)}
/*3D*/
a:hover .bookCardWrap{transform:scale(0.98)}
.edmsBg .pgContent:after{content:none}
.emdsContent{max-width: 700px;margin: auto;background: #fff;}

/*!產品內頁*/
.pdtBox{--num:4;--gap:2rem;display: flex;flex-wrap: wrap;gap:var(--gap);}
/* .pdtBox__item{width:calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num));} */
.pdtBox__item.--list{display: grid;grid-template-columns: 20rem 1fr;align-items: center;gap: 2rem;}
.pdtBox__item.--list .cover__pic{aspect-ratio:1;}
.pdtBox__item.--list .itemBox__ct{min-height:auto;font-size: 1.025rem;}
.pdtList{--num:4;margin-top:2rem;display:grid;grid-template-columns:repeat(var(--num),1fr);gap: 1rem;}
.pdtList__item{--decoW:0.5rem;font-size:1.125rem;padding: 0.25rem;padding-left:calc(var(--decoW) + 0.5rem);position:relative;}
.pdtList__item:before{content:'';position:absolute;width: var(--decoW);aspect-ratio:1;background:var(--mjColor);border-radius: 100rem;left: 0;top: 50%;transform: translateY(-50%);}
.pdtList__item:after{content:'';position:absolute;width:0;height:1px;background:var(--mjColor);bottom:0;right:0;transition:var(--trans-ease);}
.pdtList__item:hover{color:var(--mjColor);}
.pdtList__item:hover:after{width:100%;left:0;}

.pdtBoxL__infor{--imgW: clamp(20rem,30vw,30rem);--gap: clamp(2rem,3vw,4rem);display:flex;gap:var(--gap);align-items: flex-start;}
.pdtBoxL__infor__media{width: 100%;position: relative;}
.pdtBoxL__infor__media:after{content:'';position:absolute;width:100%;height:100%;background: linear-gradient(to right,#000,rgba(0,0,0,0.8),#000);left:0;top:0;opacity: 0.5;}
.pdtBoxL__infor__media img{width:100%;height:400px;object-fit:cover;}
.pdtTitleImg{position:absolute;left: max(var(--ctOffset),1rem);top:50%;transform:translateY(-50%);z-index: 1;}
.pdtTitleImg .titleBox__mj, .pdtTitleImg .briefTxt{color:#fff;text-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.5);}
.pdtBoxL__infor__content{/* width: calc(100% - var(--gap) - var(--imgW)); */padding: 2rem 0;/* min-height: var(--imgW); */display: flex;flex-direction: column;justify-content: center;width: 100%;}
.pdtBoxL__list{--num: 3;padding: clamp(1rem,2vw,3rem) 0;display:grid;grid-template-columns:repeat(var(--num),1fr);gap: 1.25rem;}
.pdtBoxL__list__item{padding: 2rem 1rem;background:var(--mjColor-l);font-weight: 500;font-size: 1.125rem;position: relative;overflow: hidden;}
.pdtBoxL__list__item .txt{position:relative;z-index:1;}
.pdtBoxL__list__item:hover:before{width:100%;}
.pdtBoxL__list__item:hover:after{transform:translate(200%,-50%);}
.pdtBoxL__list__item:hover .txt{color:#fff;}
.pdtS{display:grid;/* grid-template-columns: clamp(6.25rem,8vw,10rem) 1fr; */gap:1rem;align-items: center;color: #fff;height: 100%;}
.pdtS__pic{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;filter: brightness(0.75);}
.pdtS__ct{position:relative;z-index:99;text-align: center;text-shadow: 0 0 0.25rem rgba(0,0,0,0.5);}
.pdtSTt{font-size: clamp(1.375rem,2vw,1.75rem);/* margin-bottom: 0.625rem; */}
.pdtSBrief{font-weight:400;font-size: 1.125rem;}

.brandLogo{margin:0;}
.brandLogo__pic{height: 3rem;}
.pdtFunc{display: flex;gap:1rem;flex-wrap: wrap;padding: 1rem 0;}
.pdtFunc__item{flex: 1;padding: clamp(0.5rem,1vw,1rem);border: 1px solid;font-size: 1.125rem;font-weight: 500;text-align: center;letter-spacing: 0.15em;}
.pdtFunc__item:before{--pos: 0.25rem;content:'';position:absolute;height: 100%;width:100%;border-radius:100rem;left: var(--pos);top: var(--pos);box-shadow: 0 0 1rem #ffffff;filter: blur(2px);background: linear-gradient(-125deg, rgba(0,0,0,0.05), transparent);pointer-events: none;}
.pdtIntro__top{--imgW:20rem;--gap:2rem;display: flex;gap: var(--gap);margin-bottom: 2rem;}
.pdtIntro__top__tt{width:calc(100% - var(--imgW) - var(--gap))}
.pdtIntro__top__img{margin: 0;width:var(--imgW);}
.blockHeight--pdtL{/* padding-bottom: 2rem; */}
.blockHeight--pdtSw{padding: 3rem 0;}

.blockHeight--pdtLinks{padding-top: 0;}

.pdtZoneWrap{--menuW: 14rem;--gap: 4rem;display:flex;gap: var(--gap);align-items: flex-start;}
.pdtMenuWrap{--dotW: 0.375rem;display: flex;flex-direction: column;font-size: 1rem;font-weight: 600;gap: 0.5rem;transition: var(--trans-ease);z-index: 99;align-items: flex-start;width: var(--menuW);position: sticky;left: 0;top: calc(var(--headerH) + 1rem);}
.pdtMenuWrap:has(.active){}
.pdtZone.--offset{width:calc(100% - var(--menuW) - var(--gap));}
.pdtMenuBox__item{opacity: 0.625;font-size: 1.125rem;line-height: 2.25;}
.pdtMenuBox__item.active,.pdtMenuBox__item:has(.active){opacity:1}
.pdtMenuBox__item__tt{padding-left: calc(var(--dotW) + 0.375rem);position:relative;line-height: 1.75;}
.pdtMenuBox__item__tt:before{content:'';position:absolute;width:var(--dotW);aspect-ratio:1;background: var(--cl, #ccc);border-radius:100rem;left: 0;top: 50%;transform: translateY(-50%);}
.active .pdtMenuBox__item__tt,.pdtMenuBox__item:has(.active) .pdtMenuBox__item__tt{--cl:var(--color-1);}
.pdtMenuBox__item__list{display:flex;flex-direction:column;padding: 0.125rem 0;padding-left: 0.625rem;margin-left: 1rem;border-left: 1px solid rgba(0,0,0,0.25);}
.pdtMenuBox__item__list__link{opacity:0.7}
.active.pdtMenuBox__item__list__link{opacity:1}
.pdtMenuBox__item__list__link.active {
    opacity: 1;
    font-weight: 700;
}
.pdtMenuToggle{display:none;}

/*技術專區*/
/* 用戶大會文獻 */
/* a:hover .bookCardWrap{transform: translateX(-25px) translateY(35px)  translateZ(35px) translateX(55px) rotateY(45deg) scale(0.85);} */
.listStyle.--dlIcon{--iconW:2rem;}
.listHead{display: flex;gap: 1rem;font-weight: 500;position: relative;margin-bottom: 1rem;}
.listHead .txt{--lt:0.25em;--pX: 0.75rem;display:inline-block;padding: 0.125rem var(--pX);color: #fff;background: var(--mjColor-d);border-radius: 100rem;letter-spacing:var(--lt);padding-right: calc(var(--lt) * -1 + var(--pX));}
.listHead:after{content:'';position:absolute;width:100%;height:2px;background:var(--mjColor);top:0.625rem;z-index: -1;opacity: 0;}
.listBody__item{display: flex;padding: 1rem;border-bottom: 1px solid #ddd;gap: 1rem;/* align-items: center; */position: relative;}
.listBody__item:before{content:'';position:absolute;width:0;height:1px;background:var(--mjColor);right:0;bottom:0;transition:var(--trans-ease);}
.listBody__item:hover:before{width:100%;left:0}
.listBody__item:first-child{/* border-top:1px solid #ddd; */}
.--dlIcon .listHead,.--dlIcon .listBody__item{padding-right:calc(var(--iconW) + 1rem);}
.--dlIcon .listBody__item:after{content:'\F356';font-family:'bootstrap-icons';position:absolute;right: 0.5rem;font-size: 1.5rem;top: 50%;transform: translateY(-50%);}
.--zip .listBody__item:after{content:'\F391';}
.listTb{flex:1;/* min-width:12.5rem; */display: inline-flex;align-items: flex-start;flex-direction: column;justify-content: center;gap: 0.25rem;}
.listTb.--small{max-width: 15rem;}
.listTb.--tbDate{max-width: 10rem;}
.listTb.--b{font-weight:500;font-size:1.125rem;position: relative;}
/* .listTb.--b:after{content:attr(data-tt);font-size:1rem;font-weight:400;position:absolute;top:-1rem;left: -1rem;transform:translateY(-50%);background: #fff;pointer-events: none;padding: 0 1rem;opacity: 0;transition: var(--trans-ease);border-radius: 100rem;} */
.listTb.--software{}
.listTb.--sort{}
.listTb.--title{flex:1.5;}
.listTb.--detail{flex: 2;}
.listBody__item:hover{background:rgba(255, 240, 162, 0.5);}
.listBody__item:hover .listTb.--b:after{opacity:1;}

.listTb .tt{font-size: 1.125rem;font-weight: 500;letter-spacing: 0.02em;line-height: 1.25;}
.txt.--dlNum{font-size:0.875rem;opacity:0.85;}
.dlStatus{padding: 0.125rem 0.5rem;background: var(--cl);color: #000;opacity:1;border-radius:100rem;margin-right: 0.125rem;}
.dlStatus.--free{--cl:#ddd}
.dlStatus.--pay{--cl: rgb(255 232 112);}

.sidebarWrap{--btnW: 12.5rem;--gap:2rem;display: flex;gap:var(--gap);align-items: flex-start;}
.sideBStyle{width:var(--btnW);display: flex;flex-direction: column;gap: 1rem;position: sticky;left: 0;top: calc(var(--headerH) + 1rem);}
.sideBtn{--cl:var(--gray-d);position:relative;padding: 0.625rem 1rem 0.5rem;border: 1px solid var(--cl);width: 100%;display: block;}
.sideBtn.active{--cl:var(--mjColor);color:#fff;background:var(--cl)}
.sideContent{width:calc(100% - var(--btnW) - var(--gap));}

.pdtsofeware__item{--imgW:15rem;--gap:2rem;display: flex;gap: var(--gap);}
.pdtsofeware__item__ct{width:calc(100% - var(--imgW) - var(--gap))}
.cover.--pdtSw{width:var(--imgW)}

/*行業應用*/
.blockHeight--appD:has(+ .blockHeight){padding-bottom:0}
.appDBlock.--sort{margin-top: 3rem;}
.appDInner{padding:3rem 0;}
.appDInner{position:relative;}
.appDInner:after{content:'';position: absolute;top:0;background: var(--cl,#fff);width: calc(100% - var(--spaceM));height: 100%;z-index:-1;}
.appDInner:nth-child(odd):after{--cl: var(--mjColor-l);}
.appDBlock__item__tt{font-size: clamp(1.5rem,2vw,2rem);font-weight: 600;letter-spacing: 0.05em;}
.appDBlock__item__ct{display:flex;flex-direction:column;gap:2rem;}
.decoItem{display: flex;flex-wrap: wrap;justify-content: center;}
.decoItem__box{flex: 1;min-width: 25%;padding: 1rem;text-align: center;}

.pdtAppBox{display: flex;}
.pdtAppBox__item{padding: 0.5rem 1rem;background: #fff;}

.cover.--card{--asR:3/4;}
.cover.--skill .cover__pic{aspect-ratio:1;}
.cover.--dlPdf{position:relative;}
/* .cover.--dlPdf:after{content:'\F63D';font-family:'Bootstrap-icons';position:absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 2rem;aspect-ratio: 1;background: var(--color-1);display: inline-flex;align-items: center;justify-content: center;border-radius: 0.375rem;color: #fff;} */
.cardBox{--num: 2;--gap: 2rem;display: flex;gap:var(--gap);flex-wrap: wrap;}
.cardBox__item{--pd:1rem;--imgW:10rem;--gapIn: 1rem;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );display:grid;grid-template-columns:var(--imgW) 1fr;gap:var(--gapIn);box-shadow: var(--shD);padding: var(--pd);align-items: start;border: 1px solid transparent;position: relative;}
.cardBox__item__ct{gap: 0.5rem;}
.cardBox__item .artCt__tt{display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;/* min-height: 3.25rem; */}
.cardDl{position:absolute;background: var(--color-1);line-height: 1;padding: 0.625rem 1rem;color: #fff;right: 0;bottom: 0;border-top-left-radius: 0.625rem;}


/*!線上影音*/
.sortTt{position: relative;display: flex;align-items: center;gap: 1rem;}
.sortTt .txt{--lt:0.15em;text-wrap:nowrap;letter-spacing: var(--lt);font-size: 1.875rem;font-weight: 500;margin-right: calc(var(--lt) * -1);}
.sortTt:before,.sortTt:after{content:'';position:relative;width:100%;height:1px;background: var(--black);display: block;}
.vdRally{--num: 3;--gap: 2rem;gap: calc(var(--gap) + 1rem) var(--gap);display: flex;flex-wrap: wrap;margin-bottom: 2rem;width:100%}
.vdRally__item{width: calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.vdRally__item__vd iframe{width:100%;aspect-ratio: 16/9;}
.vdRally__item__ct{display:flex;flex-direction:column;gap:0.5rem;}
.vdRallyText{display: flex;flex-direction: column;gap: 0.5rem;}
.vdRallyText__sort{display: inline-block;color: var(--mjColor-d);margin-top: 0.5rem;}
.vdRallyText__tt{font-size: 1.25rem;font-weight: 500;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;/* min-height: 3.75rem; */}
.vdRallyText__txt{display: -webkit-box;/* -webkit-line-clamp: 3; */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: 4.5rem;}

/*!報名流程*/
.applyMain__item{display: flex;flex-direction: column;gap: 2rem;padding: 1rem 0;}
.invoiceBox{display:flex;flex-direction:column;gap:1rem;/* padding:0.5rem 0; */}
.invoiceBox .input-group{padding:1rem;background:var(--mjColor-l);margin-top:0.375rem}
.stepBar{display: flex;justify-content: center;counter-set: num;}
.applyNote{margin-top:2rem;font-size:1.125rem;font-weight:500;}
.applyNote__mark{color: var(--mjColor);}
.applyInfor{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;padding: clamp(1rem,1.2vw,1.5rem);font-weight:500;background: #fff;margin: 1rem 0;box-shadow: 0 0 0.25rem rgba(0,0,0,0.15);}
.applyInfor__item{display:grid;grid-template-columns: 5rem 1fr;gap:1rem}
.applyInfor__item--full{display:flex;flex-direction:column;gap: 0;padding-top: 1rem;border-top: 1px dashed #ddd;grid-column: 2 span;margin-top: 1rem;}
.applyInfor__item--full .formMode{padding-left:1rem;}
.applyInfor__item .tt{color:var(--mjColor-d);letter-spacing:0.15em;display: inline-block;}
.stepBar__item{--numSize:3rem;position:relative;display:flex;flex-direction:column;align-items: center;flex: 1;gap: 0.5rem;}
.active.stepBar__item{--cl:var(--mjColor);}
.stepBar__item:before{content:counter(num);counter-increment:num;font-size: 1.5rem;width: var(--numSize);aspect-ratio: 1;display: inline-flex;align-items: center;justify-content: center;background: var(--cl, var(--gray-l));border-radius: 100rem;color: #fff;font-weight: 700;z-index: 1;}
.stepBar__item:after{content:'';position:absolute;width:100%;height:0.125rem;background: var(--cl,var(--gray-l));opacity:0.5;left:0;top: calc(var(--numSize) / 2);}
.stepBar__item .txt{--lt:0.15em;font-size:1.25rem;letter-spacing:var(--lt);margin-right:calc(var(--lt) * -1);font-weight: 500;}
.stuBox + .stuBox{margin-top: 2rem;}
.stuBox + .btnWrap{margin:1rem 0;}
.invoiceContent{padding: 1rem;background: var(--mjColor-l);}
.invoiceContent .form-control{min-width:6.25rem;}
.applyStatus{padding: 5rem 0;display: flex;flex-direction: column;align-items: center;gap: 1rem;}
.applyStatus .bi{font-size:clamp(5rem,8vw,10rem);color: #198754;line-height: 1;}
.applyStatus__txt{font-size:1.125rem;font-weight:500;letter-spacing:0.05em;}

/*!美工頁*/
.artBlockWrap + .artBlockWrap{margin-top:5rem}
/*!美工頁(關於)*/
.artBlock{font-size: 1.125rem;}
.philList{display: flex;gap: 2rem;padding: 2rem 0;align-items: flex-start;}
.philList__item{display: flex;flex-direction: column;gap: 2rem;}
.philList__item .cover{max-width: 8rem;margin: auto;}
.philList__item__ct{display: flex;flex-direction: column;gap: 0.5rem;border: 0.125rem solid var(--mjColor);padding:  1.375rem;padding-top: 0;align-items: center;}
.philListTt{font-size: 1.375rem;text-align:center;position:relative;letter-spacing: 0.05em;font-weight: 500;transform: translateY(-50%);background: var(--mjColor);display: inline-block;padding: 0.125rem 1.5rem;border-radius: 100rem;color: #fff;}
.philListTt:after{content: attr(data-en);text-transform: capitalize;font-size: 0.85em;}

.cover.--history .cover__pic{width:100%;aspect-ratio:1920/450;object-fit:cover;}
.hisTime{--gap: clamp(4rem,5vw,6.25rem);--yearW: clamp(4rem,7vw,8rem);--cl:#b7b7b7;position:relative;padding-top: 2rem;}
.hisTime:after{content:'';position:absolute;width:1px;top: 2rem;bottom: 2rem;background: var(--cl);left: calc(var(--gap) / 2 + var(--yearW) );}
.hisTime__item{display:grid;grid-template-columns: var(--yearW) 1fr;/* border-bottom: 1px solid var(--gray-lx2); *//* background: #fff; */align-items: center;gap: var(--gap);padding: 1rem 0;}
.hisTime__item__tt{font-size: clamp(1.5rem,3vw,3rem);font-weight: 700;line-height: 1;color: var(--mjColor-d);position: relative;transition: 0.3s all;}
.hisTime__item__tt:before{content:'';position:absolute;width: 1rem;aspect-ratio:1;background: radial-gradient(circle at 50%, var(--cl) 32%, #fff 32%, #fff 55%, var(--cl) 55%);right: calc(var(--gap) * -0.5);top: 50%;transform: translate(50%,-50%);border-radius: 100rem;z-index: 5;}
.hisTime__item__ct{margin:0;padding: 2rem;padding-left: 2.5rem;transition: 0.3s all;}
.hisTime__item__ct li{padding:0.25rem 0}
.showMore{--sp: 6.25rem;padding-top: var(--sp);background: linear-gradient(to bottom,transparent,#fff 50%);margin-top: calc(var(--sp) * -1);position: relative;display: flex;align-items: center;justify-content: center;}
.showMore__btn{border:none;padding: 0.625rem 2rem;border-radius:100rem;background: var(--mjColor);color: #fff;}
.hisTime__item:hover{--cl:var(--color-1);}
.hisTime__item:hover .hisTime__item__tt{color:var(--color-1)}
.hisTime__item:hover .hisTime__item__ct{box-shadow:0 0 1rem rgba(0,0,0,0.15);}

.svDBox{display:grid;/* grid-template-columns: 1fr 8rem; *//* gap: var(--spaceM); *//* align-items: center; */}
.svDBox__tt{display: grid;grid-template-columns: 1fr 11.25rem;gap:2rem;align-items: center;}
.cover.--svD{background: var(--gray-l);display:inline-flex;aspect-ratio:1;position: relative;z-index: 1;border-radius: 1.5rem 1.5rem 0 0;}
.cover.--svD .cover__pic{transform: scale(0.625);}
.cover.--svD:after{--pos: -0.375rem;content:'';position: absolute;width: 100%;aspect-ratio: 1;background: var(--mjColor);border-radius: inherit;z-index: -1;left: var(--pos);top: 0;}
.articleMj.--svStyle{padding: 2rem;box-shadow: var(--shD);background: var(--mjColor-l);}

.searchTag__result{margin-bottom: 1rem;font-size: clamp(1.5rem,2vw,2.5rem);font-weight: 700;}
.searchTag__bar{margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1rem;}
.searchTag__bar__item{--cl: var(--mjColor);position: relative;font-size: 1.125rem;padding: 0.625rem 1rem 0.5rem;border: 1px solid var(--cl);display: inline-flex;align-items: center;background: #fff;font-weight: 500;letter-spacing: 0.02em;}
.active.searchTag__bar__item{background:var(--cl);color:#fff;}
.levelUp{--cl:#fffe9d;background: rgba(0,0,0,0.15);color: var(--cl);margin-top: 0.5rem;border: 1px solid var(--cl);display: inline-block;padding: 0.25rem 0.5rem 0.125rem;}
.levelUp:hover{background:var(--cl);color:var(--mjColor-d);}

.anchorCt__box__tt{margin-bottom: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;}
    .btnStyle:hover{--cl:var(--mjColor);background:var(--cl);border-color:var(--cl)}
    .btnStyle--fill:hover{--cl:var(--mjColor-d)}
    .btnStyle:hover:after{right:0;transform:translate(150%,-50%)}
    /*!992*/
    /*!992 首頁(產品)*/
    .pdtBox__item:hover .itemBox__tt{color: var(--mjColor);}
    .pdtBox__item:hover .cover__pic{transform: scale(1.08);}
    /*!992 首頁(app)*/
    .appBoxBox__item:hover:after{opacity:0;}
    .appBoxBox__item:hover .appTt{top:100%;transform:translate(-50%,-100%);background:var(--mjColor)}
    .appBoxBox__item:hover .cover__pic{transform:scale(1.08);}
    /*!992 首頁(sv)*/
    .svBox__item:hover{background: rgba(27,83,123,0.75);}
    /*!992 首頁(活動)*/
    .blogBox__item:hover .cover__pic{transform:scale(1.08);}
    .artCBlock__box__item:hover{background:#dbf0ff;}
    
    .registerBar__btn:hover{color:#fff;}
    .registerBar__btn:hover:after{height:100%}
    
    .shareZone__btn:hover{background: #f0f0f0;}
}
@media screen and (min-width:1200px){
    :root{--container:1140px;}
}
@media screen and (min-width:1400px){
    :root{--container:1320px;}
    .blockHeight--ixartC:after,footer:after{width:calc(100% - var(--spaceM));}
}
@media screen and (min-width:1680px){
    :root{--container:1480px;}
}
/*=MAX=*/
@media screen and (max-width: 1399px) {
    .fixGoTop .goTopBar{color:#fff;}
    .fixGoTop .goTop:after{color:#a7a7a7}
    .fixGoTop .goTopBar__bar{filter:invert(1);}

    .svBox{--num:2}
    .evClass--mem{--num:2;}
    .pdtBoxL__list{--num: 2;}
    .blogBox{--num:3}
}
@media screen and (max-width:991px){
    .navbar>.container,footer>.container{--sp:1rem;max-width: calc(100% - var(--sp));}
    .pgBanner{min-height: 12rem;}
    .container.--small{max-width:var(--container);}
    .blockHeight--ctMap:after{width:100%}
    
    /*!991 footer*/
    .f-fixWrap{}
    .goTopBar__bar{display:none}

    .edmBox{--num:2;}
    .bnCt{padding:0 1rem;}

    /*!991 pdt*/
    .pdtBoxL__infor{flex-direction: column;gap: 0;}
    .pdtBoxL__infor__media{width:100%;}
    .pdtBoxL__infor__media img{width:100%;}
    .pdtBoxL__infor__content{width:100%;}
    .pdtMenuWrap,.pdtMenuWrap:has(.active){transform:none;left: 1rem;right: 1rem;top:var(--headerH);font-size: 1rem;position: fixed;}
    .pdtMenuToggle{display: inline-block;padding: 0.125rem 0.75rem;background: var(--color-1);color: #fff;border-radius: 0 0 0.375rem 0.375rem;}
    .pdtMenuBox{display:none;}
    .active .pdtMenuBox{display:block;padding: 0.5rem 1rem;background: var(--lightColor);width: 100%;border-radius: 0.375rem;box-shadow: 0.125rem 0.125rem 0.5rem rgba(0,0,0,0.25);background: #fff5e7;}
    .pdtMenuBox__item__tt{padding: 0.375rem 1rem;display: block;}

    .appBoxInner{--num:2}

    .evClass{--num:2}
    .filterBar{flex-wrap:wrap;}
    .artWrap__mj.--reverse,.artWrap__mj{flex-direction:column;}
    .articleTop{position:static;width:100%;}
    .articleMj{width:100%;}

    .applyInfor{grid-template-columns: 1fr;}
    .applyInfor__item--full{grid-column:1 span}
    .blogBox{--num:2}

    /*!991 blog*/
    .blockHeight--related:after{width:100%;}

    .vdRally{--num:1;}
    .cardBox{--num:1;}

    /*!991 member*/
    .body--member .breadCrumbWrap{padding: 0.5rem 0;}
    .memWrap{flex-direction: column;}
    .cover.--id{display:none;}
    .memInfor{padding-top:1rem}
    .memWrapBar{width: calc(var(--container) - 1.5rem);margin: auto;border-radius: 0;box-shadow: none;}
    .memWrapContent{width: var(--container);margin: auto;padding: 3rem 0;}
    .memBar{display:none;}
    .active .memBar{display:block;}
    .memInforList{flex-direction: row;flex-wrap: wrap;gap: 0 1rem;}
    .memInforList__item{flex:1;justify-content: flex-start;min-width: 12.5rem;justify-content: center;position: relative;}
    .memInforList__item__ct{margin:0;}
    .memInforList__item + .memInforList__item:before{content:'/';position: absolute;left: 0;}

    .tbHead{display: none;}
    .tbBody__item{flex-direction: column;}
    .tbItem{width:100%;justify-content:space-between;border-bottom: 1px dashed #ddd;gap: 1rem;text-align: right;}
    .tbItem + .tbItem:after{content:none;}
    .tbItem:before{content:attr(data-tt);text-wrap-mode: nowrap;}
    .tbItem.--tbSmall{max-width: 100%;justify-content: center;}
    .recordsContent__top{position:static;}
    .recordsContent__id{}
    .recordsList__box{display: flex;flex-direction: column;}
    .recordsList__item{/* display:flex; *//* justify-content: space-between; */}

    .sidebarWrap{flex-direction:column}
    .sideBStyle{flex-direction:row;width:100%;background: var(--mjColor-l);background: #fff;z-index: 99;padding: 1rem 0;top: var(--headerH);gap: 0.5rem;}
    .sideContent{width:100%;}
    .listBody__item{flex-direction:column;gap: 0;padding: 0.5rem 1rem;}
    .listTb{flex-direction:row;justify-content: flex-start;gap: 0.125rem 1rem;flex-wrap:wrap;padding: 0.5rem 0;max-width: 100%!important;}
    .listTb:not(:last-child){border-bottom: 1px dashed #ddd;}
    .listTb[data-tt]:before{content:attr(data-tt);color: var(--mjColor-d);font-weight: 500;}
    .--dlIcon .listBody__item:after{top:1rem;transform:translateY(0)}

    .input-group .form-select,.input-group .form-control{min-width: 8rem;max-width:100%;}
    .input-group .form-control.--small{min-width: 3rem;max-width: 5rem;}
    .dateGroup{padding:0;background:transparent;color:var(--mjColor)}

    .memBarToggle{display:flex;}

    .philList{flex-direction:column;gap: 3rem;}

    /*!991 mem*/
    .registerContent{flex-direction:column;}
    .registerBarWrap{width:100%;position: static;}
    .registerBar{--num:4;flex-direction:row;flex-wrap: wrap;}
    .registerBar__item{width: calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );}
    .registerForm{width:100%}

    .pdtZone.--offset{padding-left:0;width: 100%;}

    /*!991 活動*/
    .listTable__head{display:none;}
    .listTbText{position:relative;display: flex;justify-content: space-between;padding: 0.5rem 1rem;align-items: center;}
    .listTbText + .listTbText{border:none}
    .listTbText[data-tt]:before{content: attr(data-tt);position:relative;font-weight: 500;}
    .listTable__body__item{flex-direction:column;padding: 0.25rem 0;}

    /*!991 contact*/
    .contactMain{flex-direction:column;padding: 0;gap: 0;}
    .contactFormWrap{width:100%;padding: clamp(3rem,4vw,5rem) var(--ctOffset);}
    .contactCover{width:100%;aspect-ratio: 16/9;}
    
}
@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}

    .banner{--asR:800/900}
    .applyBoard{flex-direction:column-reverse;padding: clamp(1.25rem,2vw,2rem);text-align: center;}
    .applyBoard:after{display:none;}
    
    /*!768====RWD編輯器表格(X捲軸)*/
	.tableContainer{width:100%;overflow-x: scroll;overflow-y:auto;_overflow:auto;margin:0 0 1em}

    .formGroup__item--half{width:100%}
    .pdtBoxL__list{--num: 1;}
    .evClass{--num:1}

}


@media screen and (max-width: 640px) {
    .svBox{--num:1;}
    .blogBox--ix{margin:0;}

    /*!640 contact*/
    .contactMap{flex-direction: column;}

    .appBoxInner{--num:1}
    .appBoxInner .cover.--app .cover__pic{aspect-ratio:2/1}

    .anchorWrap{flex-direction:column;}
    .anchorLink{width:100%;flex-direction: initial;position: sticky;left: 0;top: var(--headerH);background: var(--mjColor-l);border-bottom: 1px solid var(--mjColor);z-index: 10;flex-wrap: wrap;}
    .anchorCt{width:100%;}
    .anchorLink__item{flex:1;justify-content: center;gap: 0.5rem;/* min-width: 7.25rem; */}
    .anchorLink__item:after{transform:rotate(90deg);}

    .formGroup__item--grid{grid-template-columns:1fr;}
    .blogBox{--num:1;}
    .blogBox__item .artCt__tt{min-height:auto;}

    .registerBar{--num:2;}
    
}

@media screen and (max-width: 480px){
    .pdtBox--ix{margin:0;}
    .cover.--pdt .cover__pic{aspect-ratio:1;}
    .blogBox__item .artCt__tt{min-height:auto;}
    .cover.--app .cover__pic{aspect-ratio: 1;}

    /*!480 footer*/
    .f-fixWrap{right: 1rem;}
    .fixGoTop{padding-right: 4rem;}

    .formGroup__item--recaptcha label{display: none;}
    
    .applyBoard__icon{aspect-ratio:auto;width: 100%;border-radius: 0.375rem;}

    /*!480 techSkill*/
    .cardBox__item{flex-direction:column;display: flex;}
    .cardDl{position:relative;border-radius:0;margin:-1rem;margin-top:1rem;text-align:center;}

    .assetBox{display:block;}
    .assetBox__tt,.assetBox__ct{padding: 0.5rem 0.75rem;}

    .hisTime__item{display:flex;flex-direction:column;align-items: flex-start;gap: 1rem;}
    .hisTime:after{left: calc(var(--gap) / 2 + var(--yearW) - 0.625rem);z-index:-1}
    .hisTime__item .hisTime__item__ct{box-shadow:0 0 1rem rgba(0,0,0,0.15);background:#fff;padding: 1rem;padding-left: 2.25rem;}

    .filterBar .input-group{flex-direction:column;flex-wrap: unset;}
    .input-group .form-select, .input-group .form-control{width:100%;margin-left: 0!important;}
    
}
.dataIng{width: 100%!important;}

.list{margin:1em 0}
.list thead tr td{background: var(--mjColor);color:#fff;padding:.4em;}
.list tr{border-bottom:solid thin #eeeeee}
.list tr td{padding: 5px;text-align:center;}
.list tr td input{text-align:center}
.list tr td input[type="checkbox"]{width:16px;height:16px}
.list button{min-width:0}
.list tr td.td_left { text-align:left;}
.list4 tr td input{text-align: left;}