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

/* CSS Document */
body{font-family:'Noto Sans',sans-serif;font-size:16px;line-height:1.5;color: #111;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 9999;pointer-events: none;opacity: 0;-webkit-transition: 1s cubic-bezier(0.42, 0, 0.58, 1);transition: 1s cubic-bezier(0.42, 0, 0.58, 1);}
body::before{content:'';position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);opacity:0;pointer-events:none;transition:0.3s all;}
body:has(.isOpen){overflow:hidden;}
body:has(.isOpen)::before{opacity:1;pointer-events:all;}
body.page-fade::after {opacity: 1;}
a{color: #000;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#777;}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
*:focus-visible{outline:none;}
img{
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    image-rendering: crisp-edges;	
}
.wow {opacity: 0;  visibility: hidden;}
body.animate-ready .wow { opacity: 1;  visibility: visible;  transition: opacity 0.6s ease;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}
.mbOnly{display: none;}

/* 回頂端 */
#goTop{--cl:var(--mjColor);display:none;cursor:pointer;position:fixed;bottom: 2rem;right:1rem;width: 3rem;aspect-ratio: 1;line-height:50px;text-align:center;background: var(--cl);color: #fff;transition:0.3s all;overflow: hidden;border-radius: 100rem;z-index: 9;}
#goTop .bi{display:inline-block;transform: rotate(-90deg);transition:0.3s all;}
#goTop .txt{position:relative;}
#goTop .txt:after{content:'\F285';font-family:'Bootstrap-icons';position:absolute;line-height: 1;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-90deg);opacity: 0;transition: 0.3s;}
#goTop:hover{--cl:var(--color-1);color:#fff;}
#goTop:hover .bi{transform: translateY(-75%) rotate(-90deg);}
#goTop:hover .txt:after{opacity:1;transition-delay:0.3s;}

.fixGoTop #goTop{position:absolute;top:0;border-radius:0 0 5rem 5rem;}

.socialFix{position:fixed;bottom: 6rem;right: 1rem;width: 3rem;display: flex;flex-direction: column;gap: 0.5rem;transition: 0.3s all;z-index: 9;}
.fixGoTop .socialFix{bottom: 2rem;}
.socialFix__item{--cl:var(--mjColor);width:3rem;aspect-ratio:1;display: inline-flex;align-items: center;justify-content: center;color: var(--cl);border: 1px solid;border-radius: 100rem;background: #fff;}
.socialFix__item:hover{background:var(--cl);color:#fff;}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
.btnWrap--0{margin-bottom:0}
.btnStyle{--pd: 0.5rem;--cl: var(--color-1);position: relative;padding: var(--pd);border: 1px solid var(--cl);display: inline-flex;gap: 0.625rem;border-radius: 100rem;color: var(--cl);padding-left: calc(var(--pd) * 2 + 0.375rem);align-items: center;background: rgba(255,255,255,0.5);-webkit-backdrop-filter: blur(0.5rem);backdrop-filter: blur(0.5rem);font-size: clamp(1rem,1.25vw,1.125rem);font-weight: 500;}
.btnStyle:after{content: '\F140';font-family: 'Bootstrap-icons';font-size: 2em;line-height: 1;}
.btnStyle.--back:after{transform: scaleX(-1);}

/*RWD編輯器表格(X捲軸)*/
.tableContainer table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}

/*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{
    /*! 主色 */
    --mjColor:#0A4FA2;
    --mjColorD:#08366e;
    --mjColor-lt:rgb(168 200 222 / 50%);
    --subColor:#00AEEF;
    /*! 輔助色系 */
    --color-1:#435D7B;
    --color-2:#A8C8DE;
    --color-3:#E6E7E9;
    --color-4:#639597;
    /*! 漸層*/
    --gradient-1:linear-gradient(to right,var(--mjColor),var(--subColor));
    --gradient-2:linear-gradient(to right,var(--color-4),var(--mjColor),var(--mjColor),var(--subColor));
    --gradient-3:linear-gradient(to right,var(--mjColor),var(--mjColorD));
    --container: 100%;
    --arc:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 48c26.51 0 48-21.49 48-48v48H0z' fill='%23fff'/%3E%3C/svg%3E");
    --shD:0 0.25rem 0.25rem rgba(0,0,0,0.15);
    --decoI:url("data:image/svg+xml,%3Csvg width='160' height='200' viewBox='0 0 160 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M156.32 110.782C169.437 54.755 134.665 3.014 84.53 3.014H14.002L1.104 43.396H69.15c32.307 0 49.61 25.88 42.747 55.143l-22.648 98.687h47.366l19.695-86.444h.01z' fill='%2300A0E9'/%3E%3C/svg%3E");
    --bdR: clamp(1.25rem,1.5vw,2rem);

	/*!space*/
    --spaceM:clamp(3rem,6vw,6.25rem);
    --ctOffset: calc((100% - var(--container)) / 2 + 0.75rem);
	/*!font*/
    --fontM: clamp(1.025rem,1.5vw,1.25rem);
    --fontTt: clamp(1.375rem,1.5vw,1.875rem);
}

/*全頁佈局*/
.container{max-width: var(--container);}
.wrapper { padding:2rem 0;}
.blockHeight{padding: clamp(3rem,5vw,7.5rem) 0;}
.blockHeight:last-child{padding-bottom: calc(clamp(3rem,5vw,7.5rem) + 2rem);}
.blockHeight--bg{background:#ADCBE6;}
.blockHeight--bg2{background: #a0bebf;}
.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;}
.cover__pic{object-fit:cover}
.--mb{margin-bottom: clamp(1rem,2vw,2rem);}
.linkTxt{color: var(--mjColor);text-decoration: underline;}

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

/*!輪播-slickStyle*/
.slickStyle{--hoverBg: var(--subColor);--arrowCl:var(--mjColor);--dotCl: var(--color-1);}
.slickStyle.slick-dotted.slick-slider{margin-bottom: 0;}
.slickStyle .slick-list{padding-bottom: 2.5rem;}
.slickStyle .slick-dots{display: flex;align-items: center;justify-content: center;bottom: 0;}
.slickStyle .slick-dots li,.slickStyle .slick-dots li button,.slickStyle .slick-dots li button:before{width: 0.75rem;height: 0.75rem;}
.slickStyle .slick-dots li{margin:0 0.375rem;}
.slickStyle .slick-dots li button:before{font-family: none;background: var(--dotCl);font-size: 0;border-radius: 100rem;display: flex;transition: 0.3s all;}
.slickStyle .slick-prev,.slickStyle .slick-next{width:2rem;height:2rem;top: calc(50% - 2.5rem);}
.slickStyle .slick-prev{left:-2.5rem;}
.slickStyle .slick-next{right:-2.5rem;}
.slickStyle .slick-prev:before,.slickStyle .slick-next:before{color: var(--arrowCl);display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: -.125em;font-size: 2rem;}
.slickStyle .slick-prev:before{content:'\F284';}
.slickStyle .slick-next:before{content:'\F285';}
.slickStyle .slick-arrow{position: relative;transition:0.3s all;z-index: 1;}
.slickStyle .slick-arrow:after{content:'';position:absolute;background: var(--hoverBg);border-radius:2rem;width: calc(100% + 0.5rem);aspect-ratio: 1;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;opacity: 0;transition: 0.3s all;}
.slickStyle .slick-arrow:hover{transform:scale(0.85)}
/* .slickStyle .slick-arrow:hover:after{opacity:1;width: calc(100% + 1rem)} */
.slickStyle .slick-arrow:hover:before{color:#fff;}

/* 標題 */
.titleBox{margin-bottom: clamp(1rem,2vw,2rem);}
.titleBox.--topBar{display:flex;justify-content: center;align-items: center;flex-direction: column;gap: 1rem;text-align: center;}
.titleBox.--col{display:flex;gap:2rem;justify-content: space-between;}
.titleBox__mj{font-weight: 600;font-size: clamp(1.875rem,4.5vw,3.25rem);color: #000;margin: 0;}
.titleBox__mj.--noir{color: #333;}
.briefTxt{font-size: clamp(1.125rem,1.2vw,1.25rem);line-height:1.75;}
.moreBtn{font-size: clamp(1rem,1vw,1.125rem);color: var(--color-1);text-decoration: underline;text-underline-offset: 0.25rem;}
.smTxt{font-size:0.625em;line-height: 1.25;display: inline-block;}
.titleBox__mj .smTxt{margin-top:1rem;font-weight: 400;}
.titleBox__mj .markTxt{font-weight:700}

/*banner*/
.banner{}
.banner__box{position:relative;margin-bottom: 2rem;}
.bnCt{--imgW: clamp(20rem,35vw,37.5rem);--gap: var(--spaceM);display: flex;align-items: center;gap: var(--gap);}
.bnCt__wd{display: flex;flex-direction: column;gap: clamp(2rem,3vw,4rem);align-items: flex-start;position: absolute;padding: 0 max(var(--ctOffset),13%);top: 50%;left: 0;transform: translateY(-50%);width: 100%;}
.bnCt__wd__txt{display:flex;flex-direction:column;gap: 1.5rem;max-width: 65%;}
.bnTt{font-size: clamp(2.25rem,3vw,3.25rem);font-weight: 500;line-height: 1.25;margin: 0;}
.bnBrief{font-size:1.25rem;}
.bnCt__media{position: relative;padding-top: 3rem;width: var(--imgW);}
.bnCt__media:after{content:'';position: absolute;width:100%;aspect-ratio: 1;background: url(../images/all/logo-ai.svg)center/cover;left: 0;top: 0;opacity: 0.15;z-index: -1;}
.bnCt__media .cover__pic{width:100%;aspect-ratio: 1;transition: 1s all;}
.slick-current .bnCt__media .cover__pic{transform: translateX(0%);}
.bnWrap{display: block;position: relative;/* padding: clamp(4rem,4.5vw,5rem) 0 0; */}
.bnBrief{width:85%;}
.banner__box iframe{width:100%;aspect-ratio: 1920/800;border-radius: var(--bdR);}

.bmImg{position:relative;padding: 2rem 5%;display: block;}
.bmImg:after{content:'';position:absolute;width: 100%;height: 105%;background: var(--bg)center/cover;left: 0;top: 0;z-index: -1;filter: blur(3rem);transform: scale(1.08);opacity: .8;mask: linear-gradient(to bottom,#000 90%,transparent);}
.bnImg__pic{border-radius: var(--bdR);box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.15);min-height: 25rem;object-fit: cover;aspect-ratio: 1920/800;}

/*跑馬燈*/
.cpnName {position: absolute;font-size: 12.5rem;color: #F8F7F7;left: 0;top: 50%;transform: translateY(-50%);z-index: -1;width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;}
.cpnName .marquee {display: flex;white-space: nowrap;animation: marquee 20s linear infinite;padding-bottom: 6.25%;}
.cpnName .txt {padding-right: 2rem; }
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.banner .slick-dots{/* justify-content: flex-end; */bottom: 3rem;}
.banner .slick-dots li.slick-active,.banner .slick-dots li.slick-active button,.banner .slick-dots li.slick-active button:before{width: 3rem;}

.pgBanner{min-height: 25rem;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: 2.75rem;font-weight: 650;text-transform: uppercase;letter-spacing: 0.05em;text-shadow: var(--shD);}
.breadCrumbWrap{padding-top: 1rem;}
.breadCrumb{display:flex;flex-wrap:wrap;}
.breadCrumb__item{position:relative;color: #000;font-size: 1.125rem;}
.breadCrumb__item + .breadCrumb__item:before{content:'/';margin:0 0.5rem;color: var(--color-2);}
.breadCrumb__item:last-child{color: var(--mjColor);}

/*!header*/
.navbar-brand{display:inline-flex;align-items: center;padding: 0.75rem 0;}
.logo{margin:0;display: inline-flex;}
.logo__pic{width: 213px;aspect-ratio: 213/40;object-fit: cover;}
.navbar > .container{align-items: stretch;}
.navbar{--pX: 1rem;transition: 0.3s all;padding: var(--pX) 0;background:  var(--color-3);}
.navbar.navbar--fixed{/* --pX: 1.5rem; */box-shadow: var(--shD);} 
.nav-item{display:flex;align-items: center;}
.nav-link{--bs-navbar-nav-link-padding-x: clamp(0.625rem,0.75vw,0.875rem);font-weight: 500;display: inline-flex;align-items: center;border-radius: 2rem;position: relative;font-size: var(--fontM);height: 100%;padding: 0.75rem 0;line-height: 1;color: #000;}
.nav-link[href="javascript:;"]{cursor:default}
.navbar-nav{gap: clamp(0.125rem,0.45vw,0.5rem);}
.funcBtn{display:flex;align-items: center;}
.funcBtn__item{font-weight: 500;display: inline-block;padding: 0.5rem clamp(1rem,2vw,1.5rem);background: var(--mjColor);border-radius: 100rem;color: #fff!important;position: relative;overflow: hidden;}
.dropdown-item{text-wrap: wrap;font-size: 1.125rem;}
.dropdown-item.active{background:var(--mjColor-lt);color:var(--mjColorD)}
.dropdownItem{flex:1;min-width: 15rem;}
.dropdownItem__tt{margin-bottom: 1rem;border-bottom: 0.125rem solid var(--mjColor);padding-bottom: 0.5rem;padding-right: 1rem;font-weight: 500;}
.dropdownItem__ct{display:flex;flex-direction:column;}
.dropdownItem__ct__txt{padding:0.25rem 0;}
/*-header-手機按鈕*/
.navbar-toggler{border:none;display: flex;gap: 3px;object-fit: cover;object-position: center;justify-content: center;padding: 0.5rem;order: 1;background: var(--subColor);border-radius: 100rem;width: 2.5rem;aspect-ratio: 1;align-items: center;flex-direction: column;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler__line{width: 1.25rem;height: 2px;background: #fff;display: inline-block;border-radius: 100rem;transition: 0.3s all;}
.navbar-toggler.isOpen .navbar-toggler__line:nth-child(1){transform: translateY(5px) rotate(225deg);}
.navbar-toggler.isOpen .navbar-toggler__line:nth-child(2){transform:translateX(0.5rem);opacity:0;}
.navbar-toggler.isOpen .navbar-toggler__line:nth-child(3){transform: translateY(-5px) rotate(-225deg);}

/* footer */
footer{padding: 3rem 0;background: #F0F7FF;position: relative;}
footer:before{}
footer:after{}
.fTop{display: flex;justify-content: space-between;gap: clamp(1.5rem,3vw,3rem) 2rem;flex-wrap: wrap;}
.fSiteM{display:flex;gap: clamp(2rem,3vw,4rem);flex-wrap: wrap;}
.fSiteMList{display:flex;flex-direction:column;gap: 0.375rem;}
.fSiteM__item__tt{font-weight: 550;font-size: 1.125rem;margin-bottom: 1.5rem;color: var(--mjColor);display: flex;justify-content: space-between;}
.fSiteM__item__tt[href="javascript:;"]{cursor:default;}
.fSiteM__item__tt i{display: none;}
.fSiteM__item__tt i:before{content:'\F284';transform: rotate(-90deg);font-size: 0.75em;}
.fSiteM__item__tt .txt{display: block;width: 100%;}
.fSiteMList__item{font-size: 0.875rem;opacity: 0.85;font-weight: 500;}
.fBtm{margin-top: 4rem;display: flex;justify-content: space-between;gap: 0.5rem 1rem;flex-wrap: wrap;}
.copyright{display:inline-flex;gap:0.5rem;flex-wrap: wrap;}
.copyright,.copyright a{font-size:0.875rem;opacity:0.55;}
.copyright a{display: inline-block;}
.socialWrap{display:flex;gap: 0.625rem;align-items: center;}
.socialBtn{display:inline-flex;gap:1rem;font-size: 1.5rem;}
.socialBtn__item{color:var(--mjColor);}
footer a{color: #333;font-size: 1.5rem;}

/*!首頁*/
.blockHeight--ixAbout{position:relative;}
.abBox.--ix{/* --imgW: clamp(15rem,18vw,22.5rem); */--gap: clamp(2rem,4vw,4rem);display: flex;gap: var(--gap);align-items: center;display: grid;grid-template-columns: 1fr 2fr;}
.cover.--ixAbout{border-radius: var(--bdR);overflow: hidden;position: relative;}
.cover.--ixAbout:after{content:'';position:absolute;background: url(../images/all/logo-ai.svg)center/cover;aspect-ratio: 1;width: 25%;right: 0;bottom: 0;/* filter: grayscale(1) brightness(10); */opacity: 0.8;/* transform: translate(10%,10%); */}
.abBox__ct{/* width:calc(100% - var(--gap) - var(--imgW)); */}
/*!首頁-pdt*/
.blockHeight--ixPd{background: #ADCBE6;}
.pdtBox--slick{--offset:1rem;overflow: hidden;padding-bottom:2rem}
.pdtBox--slick .slick-list{margin:0 calc(var(--offset) * -1);padding-bottom: 1rem;}
.pdtBox{--num: 4;display:grid;grid-template-columns:repeat(var(--num),1fr);gap: 2rem clamp(1rem,1.5vw,2rem);}
/* .pdtBox--ix,.pdtBox--related{--num:4} */
.pdtBox__item{border: 1px solid #ddd;border-radius: var(--bdR);display: inline-block;overflow: hidden;position: relative;box-shadow: var(--shD);margin: 0 var(--offset,0px);background: #fff;}
.pdtBox__item .moreTxt{position:absolute;right:0;bottom:0}
.pdtWrap{/* overflow:hidden; */}
.cover.--pdt{--decoH:1.875rem;position: relative;padding: 2rem 1.75rem 4rem;background: var(--bg,#E6E7E9);display: inline-flex;width: 100%;align-items: center;justify-content: center;}
.cover.--pdt .cover__pic{transition: 0.3s all;aspect-ratio: 480 / 300;object-fit: cover;}
.cover.--pdt:before,.cover.--pdt:after{content:'';position: absolute;background: #fff;}
.cover.--pdt:before{width:calc(var(--decoH) + 1.125rem);aspect-ratio:1;mask: var(--arc)center/cover;right: 0;bottom: var(--decoH);}
.cover.--pdt:after{content:'';position: absolute;background: #fff;width: 100%;height: var(--decoH);background: #fff;border-top-left-radius: 2rem;left: 0;bottom: 0;}
.pdtTxt{display: flex;flex-direction: column;gap:1.25rem;padding: 0 clamp(1.125rem,1.5vw,2rem);padding-bottom: 5.25rem;}
.sortTxt{--dotW:0.5rem;--cl:var(--mjColor);padding-left: calc(0.5rem + var(--dotW));position: relative;color: var(--cl);margin-bottom: 0.25rem;transition: 0.3s all;}
.sortTxt.--noDeco{--dotW:0;}
.dateSort{display:flex;gap: 0.75rem;margin-bottom: 1.5rem;font-size: 1.25rem;font-weight: 500;}
.dateSort .sortTxt{margin:0;}
.sortTxt:before{content:'';position: absolute;width:var(--dotW);aspect-ratio: 1;background: var(--cl);border-radius: 100rem;left: 0;top: calc(var(--dotW) + 0.2rem);}
.pdtTxt__tt{font-size: var(--fontTt);font-weight: 700;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: clamp(4rem,5vw,5.5rem);}
.pdtTxt__brief{display:-webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: 6.25rem;}
.moreTxt{position:relative;padding: 0.375rem 1.5rem;padding-left: 2.5rem;background: var(--mjColor);background-size: 200%;background-position-x: 100%;color: #fff;display: inline-flex;float: right;border-radius: 2rem 0 0 0;align-items: center;transition: 0.3s all;}
.moreTxt:after{content:'\F135';font-family:'Bootstrap-icons';transform: rotate(-45deg);display: inline-block;font-size: 1.5rem;line-height: 0.5;}
.arrowStyle{display:flex;gap:0.75rem;}
.arrowStyle__item {font-size:1.125rem;padding:1rem;background:var(--color-1);line-height:1;color:#fff;border-radius:100rem;cursor: pointer;}
.arrowStyle__item.slick-disabled{cursor:not-allowed;}
.arrowStyle__item.slick-disabled{opacity:0.5;}
/*!首頁-cta*/
.cta2{padding: 0;}
.cta2 .container{max-width: 100%;padding: 0;}
.blockHeight--ixCta{padding-bottom: 2rem;}
.ctaBox{display: flex;border-radius: var(--bdR);overflow: hidden;}

/*!首頁-reso*/
.resoBox--slick .slick-list{margin:0 calc(var(--offset) * -1);padding-bottom: 2.5rem;}
.resoBox--slick .resoBox__item{max-width: none;}
.resoBox--ix{justify-content:center;}
.resoBox{--num: 2;--gap:2rem;display: flex;gap: 4rem var(--gap);justify-items: center;flex-wrap: wrap;}
.resoBox--slick{--offset:1rem;overflow: hidden;justify-items: unset;}
.resoBox__item{margin: 0 var(--offset);max-width: clamp(20rem,38vw,40rem);width: calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.resoTxt__tt{font-size: var(--fontTt);display:-webkit-box;font-weight: 700;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.cover.--reso{border-radius: var(--bdR);position: relative;overflow: hidden;}
.cover.--reso .cover__pic{transition: 0.3s all;width: 100%;aspect-ratio: 800/400;}
.decoArrow{position:absolute;right: 0;bottom: 0;background: #fff;padding-top: 1rem;padding-left: 1rem;border-top-left-radius: 2.5rem;transition: 0.3s all;/* transform-origin: right bottom; *//* transform: scale(0.5); *//* opacity: 0; */}
.decoArrow:before,.decoArrow:after{content:'';position:absolute;background:#fff;width:2rem;aspect-ratio:1;mask: var(--arc)center/cover;}
.decoArrow:before{right:0;top:0;transform:translateY(-100%);}
.decoArrow:after{left:0;bottom:0;transform:translateX(-100%);}
.decoArrow__item{background: var(--mjColor);width: clamp(3rem,4vw,4rem);aspect-ratio: 1;display: inline-flex;color: #fff;align-items: center;justify-content: center;border-radius: 100rem;font-size: 2rem;line-height: 1;transition: 0.3s all ease-out;}
.decoArrow__item:before{transform:rotate(-45deg);}
.resoTxt{margin-top: clamp(1rem,2vw,2rem);padding: 0 0.5rem;}

/*page_number*/
.pageNumber{display:flex;justify-content: center;gap: 1rem;margin-top: var(--spaceM);}
.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;font-size:1.25rem;}
.pageNumber a:hover,.pageNumber a.on{background:var(--mjColor);color:#fff;border-radius: 1rem;}

/*!內頁-sideNav*/
.sideTt{font-size:1.5rem;font-weight:500;}
.sideNav{list-style: none;padding: 0;margin: 0;}
.sideNav__item{position:relative;}
.sideNav__item:after{content:'';position:absolute;background: linear-gradient(to right,#ddd 50%,transparent 50%);background-size: .375rem;width: 100%;height: 1px;}
.sideNavLink{font-size: 1.25rem;font-weight: 550;width: 100%;display: block;padding: 0.5rem 0;padding-right: calc(var(--decoW) + 1rem);position: relative;}
.--drop .sideNavLink{--cl:var(--color-3);background: var(--cl);border-radius: 2rem;}
.--drop.--isDrop .sideNavLink{--cl:var(--mjColor);color:#fff;}
.--isDrop .sideNavLink{border-bottom-left-radius: 0;}
.sideNav__item.--active .sideNavLink,.sideNav__item:hover .sideNavLink{--decoW: 0.875rem;padding-left: calc(var(--decoW) + 1rem);padding-right: 0;}
.sideNav__item.--active .sideNavLink:before,.sideNav__item:hover .sideNavLink:before{content:'';position:absolute;background: url(../images/all/decoI.svg)center/cover;width: var(--decoW);aspect-ratio: 105/150;left: 0.5rem;top: 50%;transform: translateY(-50%);}
.sideNav__item.--drop .sideNavLink:before{content: '\F4FE';font-family: 'bootstrap-icons';background: none;position: static;transform: none;aspect-ratio: 1;width: auto;}
.sideNav__item.--isDrop .sideNavLink:before{content:'\F2EA';}
.sideNav__item.--drop .sideNavLink:after{content:'';width: 0;aspect-ratio:1;background: var(--cl);left: 0;bottom: 0;position: absolute;transform: translateY(100%) rotate(-180deg);mask: var(--arc)center/cover;}
.sideNav__item.--isDrop .sideNavLink:after{width:1.5rem;transition: 0.3s all;transition-delay: 0.25s;}
.sideNav__item:has(.sideDrop){margin-bottom:1rem;box-shadow: var(--shD);border-radius: 2rem;border: 1px solid #ddd;background: #fff;}
.sideNav__item.--drop:after{opacity:0}
.sideDrop{display:flex;flex-direction:column;display: none;}
.sideDrop__item{padding:0.5rem 1rem;padding-left: 1.25rem;;font-weight:500;}
.sideDrop__item.--active{color:var(--mjColor);}
.sideDrop__item:before{content:'\F285';font-family:'Bootstrap-icons';margin-right:0.5rem;font-size: 0.75em;display: inline-block;}
.--drop .sideNavLink{padding: 0.75rem 1rem!important;display: flex;justify-content: space-between;flex-direction: row-reverse;}
.sideNav__item.--isDrop .sideDrop{display:flex;padding: 0.5rem 0;}


/*編輯器*/
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.tx01{margin-bottom:1rem;font-size: 1.125rem;}
.text{padding:1rem 0;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.pageContent table { max-width:100%;width: 100%;}
.img-left,.img-right{display: flex;align-items: center;gap: 2rem;}
.img-left figure,.img-right figure{width: calc(34% - .5rem);}
.img-right{flex-direction: row-reverse}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width: calc(66% - .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;}
.img-left .text:only-child,.img-right .text:only-child{width:100%;}
.tx01 a{color: #242f8a;text-decoration: underline;}
.tx01 a:hover{opacity:.8}
.tx01 figcaption{position:relative;padding: 1rem 0;font-size: 1rem;}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;}

.articleTop{--pos: clamp(0.5rem,1vw,1rem);/* border-bottom:1px solid #ddd; */display: flex;flex-direction: column;gap: 1.5rem;margin-bottom: calc(var(--pos) * 1.5);align-items: flex-start;}
.articleTop .dateSort{margin:0;}
.dtTt{font-size: clamp(1.775rem,2.5vw,2.5rem);font-weight: 550;margin: 0;}
.vdBox{display:flex;/* border-radius:var(--bdR); *//* overflow:hidden; */}
.vdBox iframe{aspect-ratio: 16/9;}

.pdtDBoxWrap{--sideW: clamp(14rem,16rem,20rem);--gapOut: clamp(2rem,2.5vw,3rem);display:flex;gap:var(--gapOut);}
.pdtDInfor{width:var(--sideW);display: flex;flex-direction: column;gap: 1rem;}
.pdtDInforList{display:flex;flex-direction:column;/* gap: 0.5rem; */margin-bottom: 1rem;/* background: var(--mjColor-lt); */border-radius: 0 0 1rem 1rem;}
.pdtDInforList.--ctData .bi{position:absolute;right:0.25rem;color:var(--mjColor);}
.pdtDInforList.--ctData .pdtDInforList__item:before{content:none;}
.pdtDInforList__item{--iconW:1rem;display:block;padding: 0.625rem 0.5rem;padding-right: calc(var(--iconW) + 0.5rem);font-size: 1.025rem;position: relative;border-bottom: 1px dashed var(--color-2);}
.pdtDInforList__item:before{content: '\F356';font-family: 'Bootstrap-icons';position: absolute;right: 0.25rem;color: var(--mjColor);}
.pdtDInforList__item:after{content:'';position:absolute;width: 100%;height:100%;background:var(--mjColor-lt);transition:0.3s all;right: 0;top:0;z-index: -1;opacity: 0;}
.pdtDInforList__item:hover{color:var(--mjColor);}
.pdtDInforList__item:hover:after{opacity: 1;}
.pdtDBox{--imgW: clamp(15rem,24vw,28rem);--gap: 2rem;display: flex;gap:var(--gap);align-items: flex-start;width: calc(100% - var(--gapOut) - var(--sideW));}
.pdtDBox__media{--cl: transparent;--as: 1;--num:5;--dotH: calc(var(--imgW) / var(--num));width:var(--imgW);display:flex;align-items: center;justify-content: center;aspect-ratio: var(--as);background: var(--cl);margin-bottom: calc(var(--dotH) + 1rem);border-radius: 2rem;border-bottom-left-radius: 0;position: sticky;left: 0;top: calc(var(--headerH) + 1rem);border: 1px solid #ddd;border-radius: var(--bdR);}
.pdtDBox__media:after{content:'';position:absolute;width: 2.5rem;aspect-ratio:1;background: var(--cl);mask:var(--arc)center/cover;transform: rotate(-180deg) translateY(-100%);left:0;bottom:0;}
.pdtMSlick {width:100%;padding: 1.5rem;margin-bottom: 0!important;}
.cover.--pdtD .cover__pic{aspect-ratio: var(--as);object-fit: cover;}
.pdtDBox__content{width:calc(100% - var(--imgW) - var(--gap));}
.pdtTt{display:flex;flex-direction:column;gap:1rem;margin-bottom: 3rem;}
.pdtTt__tt{font-size:2.5rem;font-weight: 550;margin: 0;}
.statusTxt{font-size:1.25rem;display: inline-flex;vertical-align: middle;padding: 0.25rem 0.5rem;background: var(--bg,var(--color-4));transform: translateY(-10%);color: #fff;border-radius: 0.375rem;}
.pdfTt__brief{font-size:1.125rem;}
.pdtMSlick .slick-dots{--gap:1rem;left:0;bottom: calc(var(--dotH) * -1);display: flex;gap: var(--gap);}
.pdtMSlick .slick-dots li{width: var(--dotH);height: auto;aspect-ratio: 1;width: calc((100% - var(--gap) * (var(--num) - 1)) / var(--num));margin: 0;border-radius: 100rem;}
.pdtMSlick .slick-dots li:after{content:'';position:absolute;width: 0;aspect-ratio:1;background: var(--mjColor);border-radius:100rem;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;transition: 0.3s all;opacity: 0.15;}
.pdtMSlick .slick-dots li.slick-active:after{width:80%;}
.pdtMSlick .slick-dots .slick-active{}
.pdtMSlick .thumbImg__pic{width:100%;}
.pdtMain{display: flex;flex-direction: column;gap: 1rem;}
.blockTt{font-size: 1.375rem;font-weight:500;border-bottom:1px solid #ddd;padding-bottom: 0.25rem;}
.pdtDInfor__icon{font-size:1.375rem;display:flex;gap:0.25rem 1rem;}
.pdtDInfor__icon a{color:var(--mjColor);border: 1px solid #ddd;width: 100%;display:inline-flex;align-items: center;justify-content: center;background: var(--mjColor-lt);}


/*!表單*/
.blockHeight--contact{padding-bottom: 2rem;}
.contactWrap{--dataW: clamp(20rem,40vw,42rem);--gap:3rem;display:flex;gap: var(--gap);}
.contactInfor{width:var(--dataW);}
.contactBox{display:flex;flex-direction:column;gap: 1.5rem;width: calc(100% - var(--dataW) - var(--gap));padding: 2rem;background: var(--mjColor-lt);}
.formGWrap{display: flex;flex-direction: column;}
.formGroup{--gapX:1rem;display: flex;flex-wrap: wrap;gap: 1rem var(--gapX);}
.formGroup__item{width:100%;}
.formGroup__item--half{width:calc((100% - var(--gapX)) / 2)}
.formGroup__item--recaptcha{display:flex;align-items: center;gap: 0.25rem 1rem;justify-content: center;margin-top: 1rem;flex-wrap: wrap;}
#g-recaptcha_txt{width:100%;text-align:center;}
.noticeMark{font-size:0.875rem;padding: 0 0.25rem;margin: 0 0.25rem;background: rgb(212 0 35 / 10%);color: #d40023;}
.ctInfor{display:flex;flex-direction:column;gap: 1rem;padding-top: 2rem;}
.ctInfor__item{--ttW: 6.25rem;--gap:1rem;display:flex;gap:var(--gap);font-size: clamp(1rem,1vw,1.125rem);}
.ctInfor__item__tt{width:var(--ttW);font-weight: 500;}
.ctInfor__item__ct{width:calc(100% - var(--ttW) - var(--gap));line-height: 1.25;}

.sortBg{--gap: 2rem;display: flex;flex-wrap: wrap;gap: calc(var(--gap) + 1rem) var(--gap);}
.sortBg.--solu{--num:3}
.sortBg.--reso{--num: 3;}
.sortBg.--pdt{--num: 2;}
.sortBg__item{width: calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );position: relative;}
.sortBg__item .cover{border-radius: var(--bdR);overflow: clip;background: var(--cl,var(--mjColorD));position: relative;}
.sortBg__item .cover__pic{aspect-ratio: 600/400;width: 100%;transition: 0.3s all;}
.boxTt{font-size: var(--fontTt);font-weight:600;text-align:center;padding-top: 1rem;letter-spacing:0.02em}

.--reso .cover__pic{border-bottom-right-radius:calc(var(--bdR) * 4);}
.--reso .sortBg__item .cover{--cl:var(--mjColor);/* border-top-right-radius:calc(var(--bdR) * 3); */}
/* .--reso .sortBg__item:after{content:'';position: absolute;width: 1.125rem;aspect-ratio:1;background:var(--subColor);right: 0;top: 0;border-radius: 100rem;transform: translate(25%,-100%);} */

.pdtTop{}
.pdtTop__ct{--imgW: clamp(20rem,30vw,32rem);--gap: 3rem;display: flex;gap:var(--gap);align-items: flex-start;}
.pdtTop__ct.--reverse{flex-direction:row-reverse;}
.pdtTop__ct .text{width:calc(100% - var(--imgW) - var(--gap));}
.cover.--pdtT{border-radius:var(--bdR);overflow:hidden;width: var(--imgW);}
.pdtSort__item .cover.--pdtT{border-radius:calc(var(--bdR) * 0.5);margin: 0;}
.pdtTop__ct__txt{padding:1rem 0}

.pdtSort{--num:2;display: grid;gap: 2rem;grid-template-columns: repeat(var(--num),1fr);padding-top: 1rem;}
.pdtSort__item{--bdL: 1px solid rgba(255,255,255,0.8);padding-bottom: 1.5rem;/* border-top:var(--bdL); */border-bottom: var(--bdL);gap: 1.5rem;display: grid;grid-template-columns: clamp(10rem,15vw,12.5rem) 1fr;position: relative;align-items: start;}
/* .pdtSort__item:nth-last-child(2),.pdtSort__item:nth-last-child(1){border-bottom:var(--bdL);} */
.pdtSer{display:flex;flex-direction:column;gap:1rem;}
.pdtSer__mj{font-size: var(--fontTt);font-weight:600;}
.pdtSer__txt{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pdtSer__sub{font-size:1.125rem;}

/*term*/
.termBox__brief{--imgW: 16rem;--gap:2rem;display:flex;gap:var(--gap);margin-bottom: 2rem;font-weight: 400;}
.termBox__brief__tt{width:calc(100% - var(--imgW) - var(--gap));}
.termBox__brief__img{width: var(--imgW);border-radius: var(--bdR);overflow: hidden;}
.termBox__brief__img .cover__pic{height:100%;/* aspect-ratio:1; */object-fit:cover;}
.termBox__mj{counter-reset: num;display: flex;gap: 1rem 2rem;padding: 1rem 0;}
.termBox__note{margin:2rem 0;display:flex;flex-direction:column;gap:1rem}
.termList{border: 1px dashed var(--color-4);padding: 2rem;border-radius: var(--bdR);background: #f2fbfc;}
.termBox{font-size:1.125rem;}
.termList__tt{position: relative;font-weight: 700;font-size: 1.375rem;margin-bottom: 1rem;}
/* .termList__tt:before{content:counter(num, cjk-ideographic)'、';counter-increment: num;} */
.termList__ct{opacity:0.85;}
.termList__ct ul:last-child{margin:0}
.redNote{color:#d40023;background:#ffeefb;padding: 0.5rem 1rem;}

.abBlock{padding-top:3rem;display: flex;flex-direction: column;gap: 3rem;font-size: 1.125rem;}
.abBlock .txt:last-of-type{margin-bottom:0;}
.abBlock__box__txt{display:flex;flex-direction:column;gap:1rem;}
.abBlock__item{--ttW:20rem;--gap:2rem;display: flex;gap: var(--gap);}
.abBlock__item.--col{flex-direction:column;gap: 1rem;}
.abBlock__item__tt{width:var(--ttW);font-size: clamp(1.125rem,1.375vw,1.5rem);font-weight: 600;}
.abBlock__item__ct{width:calc(100% - var(--ttW) - var(--gap));font-size: 1.125rem;line-height: 1.5;}
.abBlock__item__ct p:last-child{margin:0}
.--col .abBlock__item__tt,.--col .abBlock__item__ct{width:100%;}
.markTxt{/* background:var(--mjColor-lt); *//* padding: 0 0.25rem; */font-weight: 550;}
.markCpn{font-weight:600;color:var(--mjColorD);}
.markCpn2{font-weight:600;color:var(--mjColor);}
.hl{position: relative;}
.hl:after{content:'';position: absolute;width: 0;height: 25%;background: var(--mjColor-lt);left: 0;bottom: 15%;z-index: -1;}
.animated.hl:after{width:100%;transition: 1s all ease;transition-delay: 0.5s;}
.abBlockDt{display:flex;gap: 2.5rem;}
.abBlockDt__item{flex:1;}
.cover.--abDt{margin-bottom: 1rem;text-align: center;}
.abBlockDt__item__tt{font-size: 1.25rem;font-weight:600;text-align:center;margin-bottom:1rem;}
.abBlockDt__item__ct{font-size:1.125rem;}
.abBlock__bg{--imgW: clamp(18rem,35vw,36rem);display:flex;background: #a1bed3;background: #4d6381;border-radius: var(--bdR);overflow: hidden;display: grid;grid-template-columns: 1fr 3fr;}
.abBlock__bg__img{/* width:var(--imgW); */}
.abBlock__bg__img .cover__pic{height: 100%;}
.abBlock__bg__txt{/* width:calc(100% - var(--imgW)); */padding: var(--spaceM);color: #fff;font-weight: 350;/* text-shadow: 0 0 1rem rgba(0,0,0,0.15); */line-height: 2;display: flex;align-items: center;}
.abBlock__box.--media{--imgW:clamp(12rem,20vw,20rem);--gap: clamp(1.25rem,2.4vw,2.5rem);display: flex;gap: var(--gap);flex-direction: row-reverse;}
.abBlock__box.--reverse{flex-direction: row;}
.abBlock__box .txt{align-self:center;}
.abBlock__box.--media .cover__pic{border-radius:var(--bdR);}
.abBlock__box.--media .cover__pic{height:100%;}


/*!rma*/
.rmaBox{--numW: 4rem;position: relative;display: flex;flex-direction: column;/* gap: 4rem; */margin: 3rem 0 2rem;counter-reset: num;}
.rmaBox__bar{position: absolute;width: 0.125rem;height: 0;max-height: 100%;background: var(--mjColor);left: calc(var(--numW) / 2);top: 0;transform: translateX(-100%);z-index: -1;transition: 0.3s all;}
.rmaBox__item{--shapeW:12.5rem;--cl1: rgb(211 227 238);--cl2: rgb(211 227 238);--cl3: rgb(211 227 238);--barH: 0.625rem;--w: clamp(10rem,80vw,78rem);position:relative;}
.rmaBox__item:last-child .rmaBox__item__ct{padding-bottom: 1rem;}
.rmaBox__item:after{--bdR: clamp(2rem,10vw,10rem);--bdS: var(--barH) solid var(--cl);content:'';position: absolute;width: max(calc(100% - var(--w)),var(--shapeW));height: calc(100% + var(--barH));top: 0;pointer-events: none;}
.rmaBox__item:nth-child(1):after{--cl:var(--cl2);border: var(--bdS);border-left: none;border-radius: 0 var(--bdR) var(--bdR) 0;right: 0;}
.rmaBox__item:nth-child(2):after{--cl: var(--cl3);border: var(--bdS);border-right: none;border-radius: var(--bdR) 0 0 var(--bdR);left: 0;}
.rmaBox__item__num{display:flex;}
.rmaBox__item__num .txt{--pdX: 2rem;font-size:1.5rem;padding: 0.125rem var(--pdX);background: var(--cl);color:#fff;width: var(--w);max-width: calc(100% - var(--shapeW));height: var(--barH);z-index: 3;}
.rmaBox__item__num .txt:before{content:counter(num);position:absolute;counter-increment:num;left: max(calc(var(--spaceM) * 2),var(--shapeW));font-weight: 700;background: var(--mjColor);width: 2.5rem;aspect-ratio: 1;display: inline-flex;align-items: center;justify-content: center;top: calc(var(--barH) / 2);transform: translateY(-50%);border-radius: 100rem;border: 0.25rem solid rgba(255,255,255,0.5);line-height: 1;}
.rmaBox__item__num .txt:after{content:'';position:absolute;height: var(--barH);aspect-ratio: 1;background: var(--cl);top: 0;clip-path: polygon(calc(100% - var(--barH) / 2) 0, 100% 50%, calc(100% - var(--barH) / 2) 100%, 0 100%, 0 0);}
.rmaBox__item__ct{font-size: 1.125rem;padding: 3rem calc(var(--spaceM) * 2);padding-bottom: 5rem;}
.rmaBox__item:nth-child(1) .rmaBox__item__num{--cl:var(--cl1);}
.rmaBox__item:nth-child(1) .rmaBox__item__num .txt:after{--cl: var(--cl1);right: max(calc(100% - var(--w)),var(--shapeW));transform: translateX(100%);}
.rmaBox__item:nth-child(2) .rmaBox__item__num{--cl:var(--cl2);flex-direction: row-reverse;justify-content: flex-start;padding-right: max(calc(var(--spaceM) * 2),var(--shapeW));}
.rmaBox__item:nth-child(2) .rmaBox__item__num .txt:after{--cl: var(--cl2);left: var(--shapeW);transform: scale(-1) translateX(100%);z-index: 1;}
.rmaBox__item:nth-child(3) .rmaBox__item__num{--cl:var(--cl3);padding-left: max(calc(var(--spaceM) * 2),var(--shapeW));}
.rmaBox__item:nth-child(3) .rmaBox__item__num .txt:after{--cl: var(--cl3);right: var(--shapeW);width: var(--spaceM);clip-path: polygon(calc(100% - var(--barH) / 2) 0, 100% 50%, calc(100% - var(--barH) / 2) 100%, 0 100%, 0 0);transform: translateX(100%);}
.rmaBox__item__ct p:last-child{margin:0}
.noticeBox{background: rgb(212 0 35 / 15%);padding: 1.25rem;font-weight: 500;color: #d40023;}
.iconList{list-style:none;margin:0;display: flex;flex-direction: column;gap: 0.5rem;padding: 1rem 0;}
.iconList li{--iconW:1rem;position:relative;padding-left: calc(var(--iconW) + 0.625rem);}
.iconList .bi:before{position:absolute;left:0;top: 0.125em;}

.abSvBox{display:flex;flex-direction:column;gap: 3rem;}
.artTt{margin-bottom:0.5rem;font-size:1.125rem;font-weight:800;}
.artTt.--big{font-size:1.375rem;}
.abSvBox__item__ct{font-size:1.125rem;}
.abSvBox__item__box.--media{--imgW: clamp(12rem,20vw,20rem);--gap: 2.5rem;display:flex;gap:var(--gap);align-items: stretch;}
.abSvBox__item__img{display: block;width: var(--imgW);border-radius: var(--bdR);overflow: hidden;}
.abSvBox__item__img .cover__pic{height:100%;object-fit:cover;}
.abSvBox__item__img + .abSvBox__item__ct{width:calc(100% - var(--imgW) - var(--gap));display: flex;flex-direction: column;gap: 2rem;}

/*========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{box-shadow: var(--sdW,12.5rem) 0 0 var(--cl) inset;color:#fff;}

	/*!992 header*/
	.menuWrap{display: inline-flex;gap: clamp(1rem,2.25vw,2rem);}
	.funcBtn__item .txt{position:relative;z-index:1;color:#fff;font-size: var(--fontM);}
	.funcBtn__item:after{content:'';position:absolute;width: 1.5rem;aspect-ratio: 1;background:var(--color-4);left: 0;bottom: 0;border-radius: 100rem;opacity: 0;transition: 0.3s all;transform: translate(-50%,50%);}
	.funcBtn__item:hover:after{opacity:1;width:150%;transform: translate(-25%,50%)}
	
	.navbar-nav{position:relative;height: 100%;/* padding: var(--pX) 0; */}
	.nav-item{height:100%;}
	.nav-item.--drop{position:relative;}
	.nav-item.active .nav-link{color:var(--mjColor);}
	.dropdown-menu{display: flex;width: max-content;left: 0;top: calc(100% + var(--pX) - 1px);border-radius: 1rem;padding: 1rem;pointer-events: none;transition: 0.3s all;opacity: 0;transform:  translateY(-1rem);box-shadow: var(--shD);flex-direction: column;gap: 0.5rem;}
	.dropdown-menu.--full{--num:4;display: flex;/* grid-template-columns:repeat(var(--num),1fr); */width: max(50vw,60rem);gap: 2.5rem;flex-wrap: wrap;justify-content: center;flex-direction: row;}
	.dropdown-menu:after{content:'';position:absolute;width:100%;height:calc(100% + 1rem);left:0;bottom:0;background: transparent;z-index:-1;}
	.nav-item:hover .dropdown-menu{transform: translateY(0);pointer-events:all;opacity:1;}
	.nav-item:hover .nav-link{color:var(--mjColor);}
	.dropdown-item:hover{background:none;color:var(--mjColor);}
	.dropdownItem__ct__txt:hover{color:var(--mjColor);}
	/*!992 banner*/
	.bnCt__media .cover__pic{transform:translateX(10%);}

    /*!992 首頁-pdt*/
    .pdtBox__item:hover{color: #333;}
	.pdtBox__item:hover .cover__pic{transform:scale(0.85);}
	/* a:hover .moreTxt{background:var(--color-1)} */
	a:hover .sortTxt{--cl:var(--color-1);}
	a:hover .decoArrow__item{transform:rotateY(720deg);background:var(--gradient-3);background: var(--color-4);}
	a:hover .cover.--reso .cover__pic{/* filter:brightness(0.85); */opacity: 0.75;}

	/*!992 首頁-cta*/
	.ctaBox__item{--size: clamp(12rem,35vw,35rem);flex: 1;background: var(--bg)center/cover;height: var(--size,30%);display: inline-flex;align-items: flex-end;}
	.ctaBox__item .txt{padding: 1rem;padding-top: 2rem;font-weight: 550;font-size: 1.125rem;background: linear-gradient(to top,var(--mjColorD) 20%,transparent);color: #fff;height: var(--h);transition: 0.3s all;display:-webkit-box;-webkit-line-clamp: 2;/* -webkit-box-orient: vertical; */overflow: hidden;text-overflow: ellipsis;width: 100%;}
	.ctaBox__item:hover{flex:1.8;}
	.ctaBox:has(.ctaBox__item:hover) .txt{opacity:0}
	.ctaBox:has(.ctaBox__item:hover) .ctaBox__item:not(:hover){filter:grayscale(1);opacity:0.8}
	.ctaBox__item:hover .txt{opacity:1!important}
	

	/*!992 內頁-pdt*/
	.pdtSort__item:hover{color:#000;}
	.pdtSort__item:after{content:'';position:absolute;width:0;height:2px;background:var(--mjColor);bottom:-1px;right:0;transition:0.3s all;}
	.pdtSort__item:hover:after{width:100%;left:0;}
	.sortBg.--pdt .sortBg__item:hover{color:var(--mjColor)}

	.--reso .sortBg__item:hover  .cover__pic{border-radius:0;}
	.--solu .sortBg__item:hover  .cover__pic{transform: scale(1.08);opacity: 0.5;}

    /*!992 footer*/
    footer{overflow: hidden;}

	/*!內頁-reso*/
	.navbar-toggle{display: none;}
	.sideWrap{--barW:280px;--gap:3rem;display: flex;gap: var(--gap);align-items: flex-start;}
	.sidebar{width:var(--barW);position: sticky;left: 0;top: calc(var(--headerH) + 1rem);}
	.sideContent{width:calc(100% - var(--gap) - var(--barW));}
	.sideContent:only-child{width:100%}
	.soluBox__item:hover .cover__pic{transform:scale(1.08);opacity:0.5;}

}
@media screen and (min-width:1200px){
	:root{--container:1140px;}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;} 
	.sortBg.--pdt{--num: 3;}

	.menuBar{/* position:absolute; *//* left:50%; *//* top:50%; *//* transform:translate(-50%,-50%); */height: 100%;}
}
@media screen and (min-width:1680px){
	:root{--container:1600px;} 
    .container.--small{max-width: 1320px;}  

    .resoBox{--num:3;}
	.resoBox--ix{--num:2}
    .resoTxt__tt{font-size: 1.5rem;}
}
/*!===MAX===*/
@media screen and (max-width: 1399px) {
	.container{max-width:100%;padding-left:5%;padding-right:5%;}
}
@media screen and (max-width: 1199px) {
	

}
@media screen and (max-width: 991px) {
	.btnStyle{--pd: 0.375rem;font-size: 0.875rem;}
	.mbOnly{display: block;}
	.bnImg__pic,.banner__box iframe{aspect-ratio:800/900;min-height: 25rem;}
	.bnBrief{width:100%;}
	/*!991 header*/
	.menuBar{position: absolute;width: 100%;left: 0;top: 100%;background: var(--color-1);pointer-events: none;transform: translateY(-1rem);opacity: 0;transition: 0.3s all;}
	.navbar-toggler.isOpen + .menuBar{opacity:1;transform:translateY(0);pointer-events: all;max-height: calc(100lvh - var(--headerH));overflow-y: auto;}
	.menuWrap{display: flex;align-items: center;gap: 0.5rem;}
	.navbar-nav{/* max-width:var(--container); *//* margin:auto; */gap: 0;}
	.nav-link{width:100%;padding: 1rem 5%;color: #fff!important;justify-content: space-between;}
	.nav-item.--drop{position:relative;flex-direction: column;}
	.nav-item.--drop .nav-link:after{content: '\F282';font-family: 'bootstrap-icons';font-size: 0.75em;margin: 0 0.5rem;transition: 0.3s all;}
	.nav-item.--drop.isDrop .nav-link:after{transform:scaleY(-1);}
	.dropdown-menu{display: none;width:100%;border:none;border-radius:0;padding: 0;background: rgba(255,255,255,0.9);}
	.dropdown-item{padding: 0.75rem var(--ctOffset);padding: 0.75rem 5%;}
	.dropdown-item.mbOnly{background:rgba(255,255,255,0.5);}
	.nav-item.isDrop .dropdown-menu{display:block;}

	.titleBox.--topBar{/* align-items: baseline; */}

	/*!991 banner*/
	.bnCt{flex-direction: column;gap: 0;}
	.bnCt__wd{width:100%;top: 40%;}
	.bnCt__media{width: min(90%,600px);margin-top: -2rem;}
	.resoTxt{padding:0;}
	.bnCt__wd__txt{max-width:100%}

	/*!991 footer*/
	.fTop{flex-direction:column;}
	.fBtm{flex-direction:column-reverse;}

	/*!991 首頁*/
	.abBox.--ix{flex-direction: column-reverse;position: relative;display: flex;}
	.cover.--ixAbout{width:100%;}
	.cover.--ixAbout .cover__pic{width:100%;aspect-ratio: 9/5;object-fit: cover;}
	.abBox__ct{width:100%;}
	.ctaBox{flex-direction:column;border-radius: 0;gap: 1.5rem;overflow: unset;}
	.ctaBox__item{--bgC: #f9f9f9;--imgW: clamp(12rem,32vw,30rem);display: grid;border-radius: var(--bdR);grid-template-columns: var(--imgW) 1fr;background: var(--bg)center/cover;background: var(--bgC);position: relative;box-shadow: var(--shD);overflow: hidden;}
	.ctaBox__item .txt:before{content:'';width: var(--bdR);aspect-ratio:1;background: var(--bgC);mask:var(--arc)center/cover;left: 0;top: 0;position: absolute;transform: translateX(-100%) rotate(-90deg);}
	.ctaBox__item .txt:after{content:'';position:absolute;width: var(--bdR);height:100%;background: var(--bgC);left: 0;top: 0;z-index: 99;border-radius: 0 0 0 100rem;}
	.ctaBox__item:before{content:'';position:relative;height: var(--imgW);width: calc(var(--imgW) + var(--bdR));background: var(--bg);background-position-x: calc(var(--bdR) * -0.5);background-size: calc(100% + var(--bdR));}
	.ctaBox__item .txt{padding:1.5rem;display: flex;align-items: center;font-size: var(--fontTt);font-weight: 700;position: relative;z-index: 1;}

	.pdtBox{--num:2}
	.pdtTop__ct,.pdtTop__ct.--reverse{flex-direction:column;gap: 1rem;align-items: center;}
	.cover.--pdtT{width: auto;margin: auto;}
	.pdtTop__ct .text{width:100%;}

	.pdtSort{--num:1}
	.pdtDBox{flex-direction:column;}
	.pdtDBox__media{width:100%;position: static;margin-bottom: calc(var(--dotH) + 4rem);}
	.pdtDBox__content{width:100%;}
	.pdtMSlick .slick-dots{bottom: -1rem;transform:translateY(100%);}

	.blockHeight--contact{overflow:hidden;padding-bottom: 0!important;}
	.contactWrap{flex-direction:column;}
	.contactInfor{width:100%}
	.contactBox{width: calc(100% + var(--bs-gutter-x) * 2);margin: 0 calc(var(--bs-gutter-x) * -1);}

	/*!991 solu*/
	.sortBg.--solu,.sortBg.--reso{--num:2;}

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

	.pdtBox{--num:1;}
	.resoBox{--num:1;flex-direction:column;}
	.resoBox__item{max-width:100%;}
	.pdtDBoxWrap{flex-direction:column;}
	.pdtDBox{width:100%;gap: 1rem;}
	.pdtDInfor{width:100%;}

	/*!768 footer*/
	.fSiteM{--num:2;display:grid;grid-template-columns:repeat(var(--num),1fr);}

	/*!768 內頁*/
	.sortBg.--pdt{--num:1}
	/* 圖文&編輯器 */
    .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}

	.formGroup__item--half{width:100%;}

	/*!美工頁*/
	.abBlock__bg{grid-template-columns:1fr;}
	.abBlock__box.--media{flex-direction:column;}
	.abSvBox__item__box.--media{flex-direction:column;}
	.abSvBox__item__img,.abSvBox__item__img + .abSvBox__item__ct{width:100%;}
	.abSvBox__item__img .cover__pic{aspect-ratio:4/3;object-position:100% 35%;height: auto;width: 100%;}
	.termBox__brief{flex-direction:column;}
	.termBox__brief__img,.termBox__brief__tt{width:100%;}
	.termBox__mj{flex-direction:column;}

	.rmaBox__item__num .txt:before{left:2rem}
	.rmaBox__item__ct{padding:3rem;}

	.abBlock__bg__txt{padding: 1.25rem;line-height:1.75}
	.abBlock__bg__img .cover__pic{height:auto;width:100%;aspect-ratio:1}
	.abBlock__box.--media .cover__pic{height:auto;width:100%;aspect-ratio:3/2}

	.termBox__brief__img .cover__pic{height:auto;width:100%;aspect-ratio:3/2}
	
}
@media screen and (max-width: 640px) {
	.navbar-brand{padding: 0.5rem 0;}
	.logo__pic{width: clamp(8rem,36vw,10rem);}

	.ctaBox__item{grid-template-columns:1fr;}
	.ctaBox__item:before{width: 100%;height: 100%;aspect-ratio: 1;}
}

@media screen and (max-width:480px){
	.container{--bs-gutter-x:2rem}
	/*!480 footer*/
	footer{padding-bottom:1rem}
	.fSiteM{--num:1;gap: 0;}
	.fSiteM__item__tt{margin-bottom: 0;border-bottom: 1px solid #ddd;padding: 0.5rem 0;}
	.funcBtn__txt .bi{display:none;}
	.fSiteM__item__tt i{display:block;}
	.--isShow .fSiteM__item__tt i:before{transform:rotate(90deg)}
	.fSiteMList{height:0;overflow:hidden;pointer-events: none;gap: 0;}
	.--isShow .fSiteMList{height:auto;pointer-events: all;margin-bottom: 1.5rem;margin-top: 0.5rem;}
	.fSiteMList__item{padding: 0.375rem 0;font-size: 1rem;}

	.bnTt{font-size:2rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
	.bnBrief{font-size:1rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

	.pdtSort__item{gap: 1rem;grid-template-columns: 1fr;}

	/*!480 solu*/
	.sortBg.--solu,.sortBg.--reso{--num:1;}
}