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

/* CSS Document */
body{font-family:'Roboto','Noto Sans TC','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: var(--lightColor);}
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;}
body:has(.pgContent){padding-top: var(--headerH);}
body:before{content:'';position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:2;backdrop-filter:blur(0.25rem);pointer-events:none;transition:0.3s all;opacity:0;}
body:has(.isOpen,.isDrop){overflow:hidden;}
body:has(.isOpen,.isDrop):before{opacity:1;pointer-events: all;}
a{color: #333;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#777;}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    image-rendering: crisp-edges;	
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}

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

/*按鈕*/
.btnWrap {margin: 2em 0 0;text-align:center;}
.btnStyle{background: var(--mainColor);color: #fff;padding: 0.625rem 1rem;min-width: 8.75rem;border-radius: 100rem;position: relative;display: inline-block;text-align: center;overflow: hidden;}
.btnStyle .txt{position:relative;z-index:1;}
.btnStyle:after{content:'';position:absolute;width:100%;height:100%;background: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23ffffff'/%3E%3C/svg%3E")center/contain;background-size: calc(100% / 3);left: 0;top: 0;z-index: 0;transition: 0.3s all,background-size 0.3s;opacity: 0;}
.btnStyle:hover{color:#fff;}

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

.useTool p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.useTool ul{padding-left:0;list-style:none}
.useTool li{display:inline-block;margin: 0 5px;}
.useTool a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.useTool b{margin-bottom: 10px;display: block;text-align: center;}
.useTool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.useTool span{float:right;margin-top: 2px;font-weight: 600;}
/* submit-loading */
.load-wrapp{position:fixed;width:100%;height:100%;background: rgb(0 0 0 / 65%);top: 0;left: 0;z-index: 99999;}
.loading{position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.loading span{color:#fff;font-size: 25px;margin-top: 40px;display: table;}
.spinner {position: relative;width: 60px;height: 60px;margin: 0 auto;}
.bubble-1,.bubble-2 {position: absolute;top: 0;width: 30px;height: 30px;border-radius: 100%;background-color: #fff;}
.bubble-2 {top: auto;bottom: 0;}
.loading .spinner {animation: loadingI 2s linear infinite;}
.loading .bubble-1,.loading .bubble-2 {-webkit-animation: bubble 2s ease-in-out infinite;animation: bubble 2s ease-in-out infinite;-moz-animation:bubble 2s ease-in-out infinite;-o-animation:bubble 2s ease-in-out infinite;}
.loading .bubble-2 { animation-delay: -1s;}
/* animation:loadingI */
@-o-keyframes loadingI{100%{transform:rotate(360deg)}}
@-moz-keyframes loadingI{100%{transform:rotate(360deg)}}
@-webkit-keyframes loadingI{100%{transform:rotate(360deg)}}
@keyframes loadingI{100%{transform:rotate(360deg)}}
/* bubble */
@-o-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-moz-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-webkit-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
/* submit-loading END*/
/*---------------------- 頁面開始 ----------------------*/
:root{
    --mainColor:#00079F;
    --mainColorL:#55588A;
    --mainColorD:#000569;
    --mainColorDD:#000335;
    --subColor:#5C90FF;
    --color-1: #5a7ab5;
    --lightColor:#F7F8FC;
    --gray:#808080;
    --dark:#333;
    --container:100%;
    --ctOffset: calc((100vw - var(--container)) / 2);
    --shD: 0 0.25rem 1rem rgba(0, 0, 0, 0.15);
	--bRC: #a5a7c4;
	/*空間大小*/
    --spaceM:clamp(3rem,4.5vw,5rem);
    --spaceL:clamp(5rem,6.5vw,6.25rem);
    --spaceXL:clamp(4rem,7.5vw,7.5rem);
}

/*全頁佈局*/
.wrapper { padding:2rem 0;}
.blockHeight{padding: var(--spaceXL) 0;}
.pgContent .blockHeight{--pgPd:var(--spaceXL);padding:var(--pgPd) 0;}
.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;}
.sidebarToggle{display: none;}

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

/*!輪播-slickStyle*/
.slickStyle{--hoverBg:var(--color-1);--arrowCl:var(--mainColor);--dotCl:var(--mainColor);}
.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{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:after{opacity:1;width: calc(100% + 1rem)}
.slickStyle .slick-arrow:hover:before{color:#fff;}

/*===header*/
.navbar.navbar--fixed{background: #fff;box-shadow: 0 1px 5px rgba(0,0,0,0.05);}
.navbar:has(~.pgContent):not(.navbar--fixed){background: var(--lightColor);background: #fff;}
.navbar.navbar--fixed .nav-link,.navbar:has(~.pgContent) .nav-link{color: #333;}
.logo{margin: 0;}
.logo__pic{height: clamp(2.5rem,3vw,3rem);aspect-ratio: 970/220;object-fit:cover;filter: drop-shadow(0 0 2rem #fff) drop-shadow(0 0 1rem #fff);}
.navbar-brand{padding: 0;}
/*-header-手機按鈕*/
.navbar-toggler{border:none;display: grid;flex-direction: column;gap: 0.375rem;object-fit: cover;object-position: center;justify-content: center;padding: 0.5rem;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler__line{width: 1.5rem;height: 2px;background: var(--mainColor);display: inline-block;border-radius: 100rem;transition: 0.3s all;}
.navbar-toggler.isOpen .navbar-toggler__line:nth-child(1){transform:translateY(0.5rem) 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(-0.5rem) rotate(-225deg);}
/*===banner*/
.banner{}
.banner .slick-dots{--dotCl: #fff;position:absolute;flex-direction:column;right: clamp(1rem,1.5vw,2.5rem);top:0;width: 1rem;height: 100%;gap: 0.5rem;}
.banner .slick-dots li.slick-active button:before{--dotCl:var(--mainColor);}
.banner .slick-dots li button:before{opacity:0.8}
.banner .slick-list{padding:0;}
.banner.slick-dotted.slick-slider{margin:0;}
.banner__box{position:relative;overflow: hidden;z-index: 0;}
.bnTxt{position:absolute;left: max(var(--ctOffset),1rem);bottom: 25%;color: #fff;right: 1px;z-index: 1;max-width: calc(var(--container) - 2rem);text-shadow: 0 0.25rem 1rem rgba(0,3,53,0.5);transition: 1s all;transform: translateY(2rem);transition-delay: 0s;opacity: 0;}
.bnTxt__mj{font-size: clamp(2.35rem,3.5vw,3.75rem);letter-spacing: 0.02em;font-weight: 700;margin: 0;}
.bnTxt__sub{font-size:1.25rem;margin-bottom:0.75rem;}
/*banner效果*/
.bnImg{margin: 0;position: relative;z-index: 0;}
.bnImg__pic{width:100%;aspect-ratio:1920/800;object-fit:cover;}
.banner__box:before{content:'';position:absolute;width: clamp(20rem,55vw,60rem);aspect-ratio: 1;background: #fff;left:0;top:0;z-index: 2;pointer-events: none;border-radius: 100rem;transform: translate(-25%,-75%);filter: blur(var(--spaceXL));opacity: 0.75;}
.banner__box:after{content:'';position:absolute;width:100%;height:100%;background:var(--mainColorDD);left:0;top:0;opacity:0.3;z-index: 0;}
.bnEffG{display:flex;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;transform: scale(1.05);transform-origin: left center;pointer-events: none;}
@keyframes bnEffG{
  0%{transform:scale(1.05)}
  100%{transform:scale(1)}
}
.bnEffG__item{flex:1;height:100%;background: var(--bg);background-position-x: calc(100% / var(--numEnd) * var(--num));background-position-y: center;opacity: 1;transition: 1s all;transform: translateX(-1rem) scale(1.025);filter: brightness(0.5);pointer-events: none;}
.slick-current .bnTxt{opacity:1;transform:translateY(0);transition-delay: 0.5s;}
.slick-firstItem .bnTxt{opacity:0;transform:translateY(-1rem);}
.slick-firstItem .btnStyle{opacity: 0;transform:translateY(1rem);transition-delay: 0.25s;}
@keyframes bnEff{
  0%{opacity:1;transform:translateX(-1rem)}
  100%{opacity:0;transform:translateX(0)}
}
.slick-current .bnEffG{animation: bnEffG 1.5s forwards ease-out;animation-delay: 0.25s;}
.slick-current .bnEffG__item{animation: bnEff 0.5s forwards ease-out;animation-delay: calc(0.125s + 0.25s * var(--num));}
/*內頁banner*/
.pgBanner{position: sticky;background: url("../images/banner/pgBanner.png")center/cover;left: 0;top: var(--headerH);z-index: -1;}
.pgBanner:after{--bg1: rgba(255,255,255,0.15);--bg2: rgba(255,255,255,0.95);content:'';position:absolute;width:100%;height:100%;background:linear-gradient(to right,var(--bg1),var(--bg2),var(--bg1));left: 0;top: 0;transition: 0.3s all;}
.pgTxt{padding: var(--spaceM) 0 calc(var(--spaceM) + 1rem);text-align: center;display:flex;flex-direction:column;gap:0.5rem;position: relative;z-index: 1;}
.pgTxt__mj{--lt: clamp(0.15em,0.3vw,0.375em);margin:0;letter-spacing:var(--lt);margin-right:calc(var(--lt) * -1);font-size: clamp(1.75rem,2.4vw,2.5rem);}
.pgTxt__sub{color:var(--subColor);}
.breadCrumbWrap{padding:1rem 0;background: #fff;}
.breadCrumb{--gap: 1.5rem;display:flex;justify-content: center;gap:var(--gap);flex-wrap: wrap;}
.breadCrumb__item[href*="javascript:;"]{cursor:default;}
.breadCrumb__item{color: rgba(0,0,0,0.85);/* color: #fff; */position:relative;}
.breadCrumb__item:last-child{color: var(--mainColor);cursor:default}
.breadCrumb__item + .breadCrumb__item:before{content:'';position:absolute;width: 0.375rem;aspect-ratio:1;background: var(--cl,var(--mainColorL));opacity:0.5;border-radius:100rem;left: calc(var(--gap) * -0.5);top: 48%;transform: translate(-50%,-50%);}
.pgContent{background:var(--lightColor);}
.seletBox{display: flex;white-space: nowrap;align-items: center;justify-content: flex-end;max-width: 16rem;margin: auto;margin-right: 0;margin-bottom: 1rem;}

.titleWrap{display: flex;justify-content: space-between;gap: 2rem 4rem;align-items: flex-end;margin-bottom: 2.5rem;}
.titleWrap.-row{flex-direction: row;}
.titleBox{text-wrap:nowrap;display: flex;flex-direction: column;gap: 0.75rem;margin-bottom: 2rem;}
.--noMb{margin-bottom:0;}
.titleBox--center{align-items: center;}
.titleBox__mj{--lt:0.15em;font-size: clamp(1.75rem,2.4vw,2.5rem);font-weight: 500;letter-spacing: var(--lt);margin: 0;margin-right: calc(var(--lt) * -1);}
.titleBox__mj.--light{color: #fff;}
.titleBox__sub{--lt:0.05em;font-size: 1.125rem;color: var(--subColor);letter-spacing: var(--lt);margin-right: calc(var(--lt) * -1);}
.briefTxt{--lt:0.02em;line-height: 1.5;letter-spacing: var(--lt);font-size: 1.125rem;}
.titleWrap__inner{display: flex;align-items: flex-end;flex-direction: column;flex-wrap: wrap;}
.titleWrap__inner.--col{width:100%;align-items: center;text-align: center;gap: 2rem;}
.--row .titleWrap__inner{flex-direction: row;gap: 1rem 2rem;}

/* 首頁 */
/* blockHeight--ixMileStone */
.blockHeight--ixMileStone{background:var(--mainColorDD);position:relative;color:#fff;z-index: 0;overflow: hidden;padding-bottom: var(--spaceM);}
.blockHeight--ixMileStone:after{content:'';position:absolute;width:38.75rem;height:100%;border-bottom-right-radius:clamp(3rem,12vw,12.5rem);left: 0;top: 0;background: linear-gradient(to left,rgba(0,3,53,0.5),rgba(0,5,105,0.5)),url("../images/index/bg-milestones.png")center/cover;z-index: -1;pointer-events: none;opacity: 0.5;}
.mileStBox__item{border-radius:1rem;overflow:hidden;position: relative;}
.mileStBox__item__tt{position:absolute;left: 0;bottom: 0;color: #fff;width: 100%;padding: clamp(1.125rem,2vw,2rem);}
.cover.--milest{position:relative;}
.cover.--milest .cover__pic{width:100%;aspect-ratio:600/400;transition: 0.3s all;}
.cover.--milest:after{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.35) 75%,rgba(0,0,0,0.95) 100%);left: 0;bottom: 0;transition: 0.5s all;}
.mileStBox--slick{--offset:calc(var(--ctOffset) * -1);margin-right:var(--offset);transform: translateX(5rem);opacity: 0;transition: 1s all;transition-delay: 0.5s;}
.animated.mileStBox--slick{transform:translateX(0);opacity:1;}
.mileStBox--slick .mileStBox__item{margin: 0 var(--mX);}
.mileStBox--slick .slick-dots{--dotCl: #fff;width: calc(100% + var(--offset));}
.mileStBox .slick-list{--mX: clamp(0.5rem,1vw,1.125rem);margin:0 calc(var(--mX) * -1);padding-right: 22.5%;}
.mileStBox .itemTt{text-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.5);}
.itemTt{--lt:0.15em;display:flex;align-items: baseline;gap: 0.25rem 0.5rem;margin-bottom: 0.5rem;flex-wrap: wrap;}
.itemTt__mj{margin:0;letter-spacing:var(--lt);font-size: clamp(1.375rem,1.75vw,1.75em);font-weight:500;}
.itemTt__sub{position:relative;font-size: clamp(0.875rem,1vw,1rem);}
.itemTt__sub:before{content:'/ ';opacity:0.85;font-size: 0.9375em;}
.itemSort{display:flex;gap:0.5rem;flex-wrap: wrap;}
.itemSort__box{border:1px solid #fff;border-radius:100rem;color:#fff;background:rgba(255,255,255,0.15);padding: 0.375rem 0.75rem 0.25rem;font-size: 0.9375rem;line-height: 1;position: relative;display: inline-flex;gap: 0.25rem;}
.itemSort__box:before{content:'';font-family:'bootstrap-icons';display: inline-block;font-size: 0.875rem;transform: translateY(-1px);}
.itemSort__box.--date:before{content:'\F218';}
.itemSort__box.--geo:before{content: '\F3E8';}
/* blockHeight--ixNews */
.blockHeight--ixNews{padding-top: var(--spaceM);padding-bottom: 0;position: relative;}
.blockHeight--ixNews:after{content:'';position:absolute;width:100%;height:20%;background:var(--mainColorDD);min-height: 18.5rem;left:0;top:0;z-index:-1;}
.newsBox__item{border-radius: 1rem;overflow: hidden;box-shadow: var(--shD);background: #fff;}
.newsBox__item__tt{padding: 1.25rem 0.75rem 2rem;display: flex;flex-direction: column;gap:1.25rem}
.cover.--news{position:relative;background: #fff;z-index: 0;}
.cover.--news .cover__pic{aspect-ratio: 600/450;}
.cover.--news:before{content:'';position:absolute;width: 50%;height:100%;background: #fff;right:0;top:0;z-index: -1;transition: 0.3s all;transition-delay: 0.15s;opacity: 0;}
.cover.--news:after{--cl: var(--subColor);--deg:0deg;content:'';position:absolute;width:100%;height:100%;background: conic-gradient(var(--cl) 0deg var(--border-angle), transparent 0deg 360deg);left: 0;top: 0;transition: 0.3s all;z-index: -2;/* opacity:0; */transition: 1s all;}
@keyframes bg-spin {
    to {
      --border-angle: 360deg;
    }
  }
@property --border-angle {
	syntax: "<angle>";
	inherits: true;
	initial-value: 0deg;
}
.cover.--news .cover__pic{transition:0.3s all}
.newsTt{--lt:0.15em;font-size: clamp(1rem,1.2vw,1.25rem);letter-spacing: var(--lt);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight: 500;transition: 0.3s all;/* min-height: 3.75rem; */}
.sortDate{display: flex;opacity: 0.5;font-size: 0.9375rem;font-weight: 500;}
.sortDate__sort{}
.sortDate__date{position: relative;}
.sortDate__date:before{content:'|';position: relative;margin: 0 0.5rem;transform: translateY(-1px);display: inline-block;}
.newsBox--slick{padding-top:1rem;}
.newsBox--slick .newsBox__item{margin: 0 var(--mX);}
.newsBox--slick .slick-list{--mX:clamp(0.5rem,0.75vw,0.9375rem);margin: 0 calc(var(--mX) * -1);}
.newsBox__item:hover .cover__pic{transform:scaleX(0.965) scaleY(0.95);border-radius:1rem 1rem 0 0;}
.newsBox__item:hover .cover.--news:before{opacity:0.25}
.newsBox__item:hover .cover.--news:after{--cl:var(--mainColor);animation: bg-spin .3s linear forwards;opacity:1;}
.newsBox__item:hover .newsTt{color:var(--mainColor);}
/* blockHeight--ixEsg */
.blockHeight--ixEsg{position:relative;}
.esgBox{--imgW:clamp(18rem,35vw,36.25rem);--gap:2.5rem;display: flex;gap:var(--gap);/* align-items: flex-start; */}
.cover.--esg{width:var(--imgW);border-radius:1rem;overflow:hidden;box-shadow: var(--shD);}
.cover.--esg .cover__pic{height: 100.5%;aspect-ratio: 800/580;}
.esgBox__list{display: flex;flex-direction: column;width:calc(100% - var(--imgW) - var(--gap));gap: 1.25rem;justify-content: space-around;}
.esgBox__list__item{--iconW: clamp(4.5rem,6vw,5.5rem);--gap:1.5rem;background:#fff;padding:1.25rem;border-radius:1rem;display: flex;gap: var(--gap);align-items: center;box-shadow: var(--shD);}
.ixEsgIcon{background:var(--lightColor);border-radius: 0.5rem;width: var(--iconW);aspect-ratio: 1;margin: 0;flex-direction: column;gap: 0.5rem;display: inline-flex;align-items: center;justify-content: center;}
.ixEsgIcon__pic{aspect-ratio:1;width: 100%;max-width: 3rem;}
.ixEsgText{width: calc(100% - var(--gap) - var(--iconW));display: flex;flex-direction: column;gap: 0.5rem;}
.ixEsgText__tt{--lt:0.05em;font-size: 1.25rem;font-weight:500;letter-spacing:var(--lt);}
.ixEsgText__txt{--lt:0.02em;letter-spacing:var(--lt);line-height:1.25}

/* blockHeight--ixContact */
.blockHeight--ixContact{--pos:0%;background: url(../images/index/bg-contact.png)center/cover;padding-top: 0;padding-bottom: var(--spaceL);overflow: hidden;clip-path: polygon(0 0, var(--pos) 0, var(--pos) 100%, 0% 100%);transition:1s all;}
.animated.blockHeight--ixContact{--pos:100%;}
.ixCtBoxWrap{}
.ixCtBoxWrap{display: flex;justify-content: flex-end;}
.ixCtBox{background: rgba(255,255,255,0.9);display: inline-block;padding: 3rem 2.5rem;border-radius: 0 0 1rem 1rem;box-shadow: var(--shD);}
.ixCtBox .titleBox__mj{--lt:0.05em;}
.ixCtBox__tt{display:flex;flex-direction:column;gap:1.5rem;align-items: flex-start;}

/* footer */
.fTop{background: #fff;padding: var(--spaceM) 0 var(--spaceXL);}
.fTopInner{display:flex;justify-content:space-between;gap: 2rem var(--spaceM);}
.fInforWrap{display:flex;flex-direction:column;gap:3rem;}
.fInfor .bi{color:var(--mainColor);}
.fInforList{list-style:none;margin:0;padding:0;display: flex;flex-direction: column;gap: 0.25rem 1rem;margin-bottom: 1rem;font-weight: 450;color: #333;}
.fSocial{font-size: 1.5rem;display:flex;gap:1rem;}
.fSitemapWrap{display:flex;justify-content: flex-end;gap: 3rem clamp(2rem,4vw,5rem);flex-wrap: wrap;}
.fSitemap{--num:5;gap: 3rem;display: flex;}
.fSitemap__item{/* min-width: 6.25rem; */}
.fSitemap__item__tt{margin-bottom: 2rem;font-weight:500;}
.fSitemap__item__tt a{color:var(--mainColor);}
.fSitemap__item__ct{display:flex;flex-direction:column;align-items: flex-start;gap: 0.75rem;}
.fSiteBtn{display:flex;flex-direction:column;gap: 1rem;}
.fSiteBtn .btnStyle{min-width:10rem;;}
.fBtm{background: var(--mainColorD);}
.fBtmInner{display:flex;justify-content: space-between;padding: 0.75rem 0;color: #fff;align-items: center;flex-wrap: wrap;gap: 0.5rem;}
.fBtmInner a{color: rgba(255,255,255,.75);}
.fBtmInner a:hover{color:rgba(255,255,255,1); text-decoration:none;}
.copyright{font-size:0.875rem;display:flex;gap:0.5rem;flex-wrap: wrap;justify-content: center;}
.copyright .txt{text-align:center;}
.termG{display:flex;gap:0.25rem 1rem;}

/*!=====內頁 */
/*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:1.5rem;transition:0.3s all;display: flex;align-items: center;justify-content: center;}
.pageNumber a:hover,.pageNumber a.on{background:var(--mainColor);color:#fff;/* border-radius: 0.5rem; */}
/*編輯器*/
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.tx01{font-size:1.125rem;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.pageContent table { max-width:100%;width: 100%;}
.img-left,.img-right{display: flex;align-items: center;gap: 2rem;}
.img-left figure,.img-right figure{width: calc(50% - .5rem);}
.img-right{flex-direction: row-reverse}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width: calc(50% - .5rem);}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img_center img {  float: left;  padding: 1em;  width: 100%;   text-align: center;}
.img-left figure:only-child,.img-right figure:only-child{float:none;padding: 0;margin: auto;max-width: inherit;text-align: center;width: auto;}
.tx01 a{color: #242f8a;text-decoration: underline;}
.tx01 a:hover{opacity:.8}
.tx01 figcaption{position:relative;padding: 1rem 0;font-size: 1rem;}
.tx01 figure{text-align: center;}
.tx01 img{max-width:100%;max-height:100%;height:auto!important;border-radius: 1rem;}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;}
.vdBox iframe{width:100%;height: auto;aspect-ratio: 16/9;}
/*checkbox && radio*/
.form-check{display:flex;gap: 0.25rem;margin: 0;align-items: center;margin-left: 0.25rem;}
.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;}
.form-check-input:checked[type="checkbox"]{background-color: var(--mainColor);border-color: var(--mainColor);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(--mainColor);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='%2300079F'/%3e%3c/svg%3e");}
.form-check-input:checked[type="checkbox"]:checked + label,.form-check-input:checked[type="radio"]:checked + label{color:var(--mainColor);}
/*formGroup*/
.formGroup{gap: 1rem;display: flex;flex-wrap: wrap;}
.formGroup__item{width: 100%;}
.formGroup__item .form-control.--half{width:calc(50% - 0.5rem);}
.formGroup__item--half{width: calc(50% - 0.5rem);}
.formGroup__item--brief .txt{font-size: 1.025rem;}
.noteTxt{color:var(--mainColor);}
.noteTxt.--space{margin-left:0.5rem;}
.ctNameBox{display:flex;gap: 0.5rem 1rem;flex-wrap: wrap;}
.radioBox{display:flex;gap:1rem;}
.markTxt{background:rgb(92 144 255 / 25%);display:inline-block;padding:0.125rem 0.5rem;}
/*!內頁-news */
.newsBox{--num: 2;--gap: clamp(1rem,1.5vw,1.5rem);display: flex;gap: 1.5rem var(--gap);flex-wrap: wrap;}
.newsBox__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num))}
/*!內頁-news(底層) */
.articleTop{display:flex;flex-direction:column;align-items: center;margin-bottom: 1.5rem;}
.articleMain{display:flex;flex-direction:column;gap:2rem;}
.articleTop__mj{--lt: 0.05em;font-size: 2rem;font-weight: 500;margin-bottom: 1rem;letter-spacing:var(--lt);margin-right:calc(var(--lt) * -1);}
.articleTop__mj:only-child{position:relative;margin-bottom: 0.5rem;padding-bottom: 1rem;}
.articleTop__mj:only-child:after{content:'';position:absolute;width:2.5rem;height: 0.25rem;background: linear-gradient(135deg, var(--mainColor) 70%, var(--subColor) 70%);left: 50%;bottom: 0;transform: translateX(-50%);}
.articleTop__sub{display:flex;padding: 0.5rem 1.25rem;background: #fff;border-radius: 100rem;color: var(--mainColorD);}
.articleTop__sub__item{position:relative;}
.articleTop__sub__item + .articleTop__sub__item:before{content:'/';margin: 0 0.875rem 0 1rem;color: var(--dark);opacity: 0.5;}

/*!內頁-milestones */
.mileStBox{--num: 2;--gap: clamp(1rem,2vw,2rem);display: flex;gap: 0 var(--gap);flex-wrap: wrap;align-items: flex-start;}
.mileStBox__item{width: calc((100% - var(--gap) * (var(--num) - 1)) / var(--num));}
.mileStBox:not(.mileStBox--slick) .mileStBox__item:nth-child(even){margin-top: var(--gap);}

.mileSMediaWrap{/* margin: 0 calc(var(--ctOffset) * -1 - 0.25rem); */}
.mileSMediaWrap .slick-track{display:flex;}
.mileSMedia{margin: 0 -1rem;transform: scale(0.8);transition: 0.3s all,transform 0.3s;transition-delay: 0s,0.125s;}
.mileSMedia__pic{width:100%;aspect-ratio:3/2;object-fit:cover;}
.slick-current.mileSMedia{transform:scale(1);}

.pgContent .blockHeight--milesD{padding-top: 0;}
.mileStBoxD__top{padding-top: var(--spaceXL);position:relative;z-index:0;}
.mileStBoxD__top:after{content:'';position:absolute;width:100%;height: 75%;background:var(--mainColorDD);left:0;top:0;z-index:-1;}
.mileStThumb{list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;margin-top: 1rem;gap: 0.625rem;}
.mileStThumb li{transition:0.3s all;filter:grayscale(1);border-radius: 100rem;overflow: hidden;border: 0.125rem solid transparent;padding: 2px;}
.mileStThumb li a{display:inline-block;cursor: pointer;}
.mileStThumb li.slick-active{border-color: var(--subColor);filter:grayscale(0);}
.mileStThumb img{width:3rem;aspect-ratio:1;object-fit:cover;border-radius: 100rem;}
.mileStBoxD__top__tt{padding:0 1rem;display:flex;flex-direction:column;align-items: center;color: #fff;margin-bottom: 2.5rem;gap: 1rem;}
.msTt{font-size:1.5rem;margin: 0;}
.msTt__sub{position:relative;}
.mileStBoxD__btm{margin-top:3rem;}
.albumBox{--num: 5;margin:1rem 0;display:grid;grid-template-columns:repeat(var(--num),1fr);}
.albumBox__item{display:inline-block;position: relative;}
.cover.--album{overflow:hidden;}
.cover.--album .cover__pic{transition:0.3s all;width: 100%;aspect-ratio: 1;}
.albumBox__item figcaption{position:absolute;left:0;bottom:0;padding:0.25rem 1rem;color:#fff;background: rgb(0 3 53 / 80%);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;    max-width: 100%;}

/*!內頁-contact*/

/*!內頁-企業永續*/
.listBox{--bR:1rem;/* box-shadow:var(--shD); */border-radius:1rem;}
.listBox__head{display: flex;background: linear-gradient(135deg,var(--mainColor),var(--color-1));color: #fff;border-radius: var(--bR) var(--bR) 0 0;font-weight: 500;letter-spacing: 0.15em;margin-bottom: -2.5rem;border-radius: 1rem;/* box-shadow: var(--shD); */padding: 0.125rem 0;position: sticky;left: 0;top: calc(var(--headerH) + 1rem);z-index: 1;}
.listBox__head + .listBox__body{padding-top: 2.75rem;}
.listBox__body{background: rgba(255,255,255,0.5);border-radius:0 0 var(--bR) var(--bR);overflow: hidden;border-radius: 1rem;box-shadow: var(--shD);padding-top: 0.5rem;padding-bottom: 0.5rem;}
.listBox__body__item{display: flex;padding: 0.25rem 0;position: relative;z-index: 0;}
.listBox__body__item:not(:last-child){border-bottom:1px solid #ddd;}
.listItem{flex:1;padding: 0.75rem 1rem;font-size: 1.025rem;}
.listItem.--num{max-width:5rem;text-align:center;}
.listItem.--date{max-width:14rem;}
.listItem.--func{max-width:5rem;text-align: center;}

.esgLBox .listBox__body{--num: 2;--gap:1.5rem;display:flex;flex-wrap:wrap;gap: 1rem var(--gap);background: transparent;box-shadow: none;padding: 0;overflow: unset;}
.esgLBox .listBox__body__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );border-radius: 1rem;background: #fff;align-items: center;border-bottom: 1px solid #ddd;flex-direction: column;padding: 1rem;gap: 0.5rem;position: relative;}
.esgLBox .listItem{padding: 0;display: flex;font-weight: 450;}
.esgLBox .listItem:has(.--date){display: grid;grid-template-columns: 8rem 1fr;gap: 1rem;}
.txt.--date{font-size:0.875rem;color:var(--mainColor);position:relative;}
.txt.--date:before{content:'\F218';font-family:'bootstrap-icons';margin-right: 0.375rem;transform: translateY(1px) scale(0.95);display:inline-block;}
.esgLBox .listItem.--num,.esgLBox .listItem.--func{max-width: unset;aspect-ratio: 1;width: 2.5rem;justify-content: center;align-items: center;background: var(--lightColor);color: var(--mainColor);border-radius: 0.25rem;transition: 0.3S all;}

/*!內頁-關於三圓*/
.abBox{counter-reset:num;display: flex;flex-direction: column;gap: 3.5rem;}
.abBox__item{--inforW: 50%;display: flex;gap: 2rem;align-items: flex-start;}
.abBox__item:nth-child(even){flex-direction:row-reverse;}
.cover.--about{width: calc(100% - var(--inforW));position: relative;z-index: 0;}
.cover.--about:after{--cl: var(--subColor);content:'';position:absolute;width: 100%;height:100%;background: repeating-linear-gradient(135deg,var(--cl),var(--cl) 3px,#fff 3px, #fff 6px);z-index:-1;left: -0.5rem;top: 0.5rem;border-radius: 1rem;opacity:0.5;}
.cover.--about .cover__pic{width:100%;aspect-ratio: 600/400;border-radius: 1rem;}
.abInfor{width:var(--inforW);padding: calc(var(--spaceM) * 0.5) calc(var(--spaceM) * 1);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 1rem;}
.abInfor__tt{font-size: clamp(1.5rem,2vw,2rem);font-weight:500;position:relative;display: flex;flex-direction: column;letter-spacing: 0.15em;}
.abInfor__tt:before{content: 'About 0'counter(num);counter-increment:num;font-size: 0.875rem;color: var(--mainColor);text-transform: uppercase;letter-spacing: 0.05em;padding: 0.5rem 0;}
.abInfor__brief{font-size:1.125rem;margin-bottom: 2rem;}

.blockHeight--term{--cl: linear-gradient(to left,rgba(0,3,53,0.5),rgba(0,5,105,0.5));position: relative;background: var(--cl),url(../images/banner/01.png)center/cover fixed;}
.termWrap{background: var(--lightColor);padding: var(--spaceM);}
.termCt{font-size:1.025rem;}

.sideDrop{display:flex;flex-direction:column;}
.sideDropList{display: none;flex-direction:column;background: #fff;border-radius: 0 0 1rem 1rem;}
.sideDrop.open  .sideDropList{display:flex;}
.sideDrop.open .sideNav__item {border-radius:1rem 1rem 0 0;}
.sideDrop .sideNav__item:before{filter:invert(1)}
.sideDropList__item{padding: 0.5rem 1rem;border-top: 1px solid #DDD;padding-left: 2rem;}
.sideDropList__item.active{background: var(--mainColor);color: #edefff;}

.sideDrop .sideNav__item {position:relative;display:flex;justify-content: space-between;gap: 0.5rem;}
.sideDrop .sideNav__item:after{content:'\F229';font-family:bootstrap-icons;transform:scale(0.625)}

@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:after{background-size:85%;opacity:1;transition-delay: 0s, 0.125s;opacity: 0.375;}
	.sideClose{display: none;}

    /*!992 header*/
	.navbar>.container{display: flex;align-items: stretch;}
    .navbar{--navPd:0.625rem;transition: 0.3s all;padding: var(--navPd) 0;}
    .navbar.--index:not(.navbar--fixed):after{content:'';background: linear-gradient(45deg, rgba(255,255,255,0.85), rgba(0,3,53,0.5) 85%);transition:0.3s all;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;-webkit-backdrop-filter: blur(0.25rem);backdrop-filter: blur(0.25rem);}
	.navbar:not(.navbar--fixed):hover:after{opacity:1;}
    .navbar-expand-lg .navbar-nav{height: 100%;display: flex;align-items: center;}
	.nav-item{position:relative;height: 100%;display: inline-flex;align-items: center;}
	.nav-item:after{content:'';position:absolute;width: 0;height: 0.125rem;background:var(--mainColor);right: 0;bottom: calc(var(--navPd) * -1);transition: 0.3s all;}
	.nav-item.active:after,.nav-item:hover:after{width:100%;left:0;}
	.nav-link:hover{color:#fff;opacity:0.75;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size: 1.125rem;font-weight: 500;transition: 0.3s all;padding-left: 1rem;padding-right: 1rem;}
	.navbar.--index:not(.navbar--fixed) .nav-link{color:#fff;}

	.navbar-nav .dropdown-menu{display:block;border:none;left: 25%;top: calc(100% + var(--navPd));transform: translateX(-50%);text-align:center;background: rgb(0 3 53 / 80%);color:#fff;-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);pointer-events: none;transition: 0.3s all;opacity:0;}
	.dropdown-menu:after{content:'';position:absolute;width:100%;height:calc(100% + var(--navPd));left:0;bottom:0;z-index:-1;}
	.nav-item:hover .dropdown-menu{opacity:1;pointer-events:all;left:50%;}
	.dropdown-item{color:#fff;padding: 0.5rem 1rem;font-size: 1.025rem;letter-spacing: 0.05em;}
	.dropdown-item:hover{background:transparent;color:var(--subColor);}

	/*!992 首頁*/
	.mileStBox__item:hover .cover__pic{transform:scale(1.08);}
	.mileStBox__item:hover .cover:after{height: 200%;background-position-y: 10rem;}

    .sideWrap{--sideW: 18rem;--gapX: var(--spaceM);display: flex;align-items: flex-start;}
    .sidebar{width:var(--sideW);position: sticky;left: 0;top: calc(var(--headerH) + 2rem);height: 100%;}
	.sideContent{width:calc(100% - var(--sideW) - var(--gapX));}
	.sidebar + .sideContent{position:relative;margin-left: var(--gapX);}
	.sideContent:only-child{width:100%;}
	.sidebar + .sideContent:after{content:'';position:absolute;width: 1rem;height:calc(100%  + var(--pgPd) * 2);background: transparent;left: calc(var(--gapX) * -0.5);top: calc(var(--pgPd) * -1);box-shadow: 0.25rem 0 1rem rgb(85 88 138 / 15%);transform: translateX(-100%);clip-path: polygon(10% 0, 200% 0, 200% 100%, 10% 100%);}
	.sideNav{display:flex;flex-direction:column;gap: 0.75rem;}
	
	/* .sideNav__item{font-size:1.125rem;padding: 0.5rem 0;} */
	/* .active.sideNav__item,.sideNav__item:hover{color:var(--mainColor);border-bottom: 1px solid var(--mainColor);} */
	.sideNav__item{display:inline-block;padding: 0.75rem;padding-left: 1.5rem;background: #FFF;border-radius: 1rem;font-size: 1.125rem;width: 100%;letter-spacing: 0.15em;position: relative;overflow: hidden;}
	.sideNav__item.open{border-radius: 1rem 1rem 0 0;}
	.sideNav__item:before{content:'';position:absolute;width: 0.9375rem;aspect-ratio:3/1;background: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23ffffff'/%3E%3C/svg%3E")center/contain;transform: translateY(-50%) rotate(90deg);transform-origin: left top;left: 0.875rem;top: 1.25rem;opacity: 0.75;}
	.active.sideNav__item, .sideNav__item:hover,.open .sideNav__item,.sideDrop .sideNav__item{color:#fff;background: var(--mainColor);}
	.sideDrop .sideNav__item{background:#edefff;color:#333;}

	.sideWrap.--col{flex-direction:column;gap: 2rem;}
	.sideWrap.--col .sidebar{width:100%;position: static;}
	.sideWrap.--col .sideNav{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: center;gap: 0;}
	.sideWrap.--col .sideNav__item{width:auto;min-width:10rem;text-align:center;border-radius: 0;margin: 0 -1px;}
	.sideWrap.--col .sideNav__item:first-child{border-radius:1rem 0 0 1rem;}
	.sideWrap.--col .sideNav__item:last-child{border-radius:0 1rem 1rem 0;}
	.sideWrap.--col .sideContent{width:100%;margin:0;}
	.sideWrap.--col .sideContent:after{content:none;}

    /*!992 contact*/
    .ctWrap{--bgW: 40vw;display: flex;flex-direction: row-reverse;align-items: flex-start;}
    .ctBg{width: var(--bgW);background: url('../images/banner/p6.jpg')center/cover;height: 100%;min-height: calc(100vh - var(--headerH));position: sticky;right: 0;top: var(--headerH);}	
	.blockHeight--contact{width:calc(100% - var(--bgW));margin-left: var(--ctOffset);margin-right: calc(var(--ctOffset) * 0.25);}
	.blockHeight--contact .container{max-width:100%;}

	/*!992 mildstones*/
	.albumBox:hover .cover__pic{filter:grayscale(1);opacity:0.8}
	.albumBox__item:hover .cover__pic{transform:scale(1.08);filter:grayscale(0);opacity:1;}

	.listBox__body__item:hover{box-shadow:var(--shD);}
	.esgLBox .listBox__body__item:hover .--func{background:var(--mainColor);color:#fff;border-radius:1.25rem}
	

}
@media screen and (min-width:1200px){
	:root{--container:1140px;}

    .newsBox{--num:3}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;}
}
/*===max===*/
@media screen and (max-width:991px){
	/*!991 側選單*/
	.sidebarToggle{--cl:var(--mainColor);display: inline-block;padding: 0.375rem 1.5rem;color: var(--cl);border: 1px solid var(--cl);border-radius: 100rem;margin-bottom: 1rem;}
	.sideNavWrap{position:fixed;top:0;left:0;height:100dvh;padding-top:var(--headerH);min-width: 15rem;background: rgb(240 242 251 / 90%);z-index: 5;transition: 0.3s all;transform: translateX(-100%);}
	.sideClose{display: inline-flex;width: 2.5rem;aspect-ratio: 1;position: absolute;right: 0;top: calc(var(--headerH) + 0rem);transform: translateX(100%);background: var(--mainColor);align-items: center;justify-content: center;color: #fff;transition: 0.3s all;opacity: 0;pointer-events: none;box-shadow: inset 0.25rem 0 1rem rgba(0, 0, 0, 0.5);}
	.sideNav{display:flex;flex-direction:column;}
	.sideNav__item{padding: 0.75rem 1rem;border-bottom: 1px solid var(--bRC);}
	.isOpen .sideNavWrap{transform:translateX(0);}
	.isOpen .sideClose{opacity:1;pointer-events:all;}
	.sideDropList{border-radius:0;}

	.sideDrop.open .sideNav__item {background:var(--mainColor);color:#fff;border-radius:0}
	
    /*!991 header*/
	header .container{max-width: 100%;}
    .menuBar{position: absolute;width: 100%;left: 0;top: 100%;pointer-events: none;opacity: 0;background: rgba(255,255,255,0.9);background: rgb(240 242 251 / 90%);-webkit-backdrop-filter: blur(0.5rem);backdrop-filter: blur(0.5rem);transition: 0.3s all;transform: translateY(-1rem);}
	.isOpen + .menuBar{pointer-events:all;opacity:1;transform: translateY(0);max-height: calc(100dvh - var(--headerH));overflow-y: auto;}
	.navbar:has(.navbar-toggler.isOpen){background:#fff;}
	.nav-link{padding:1rem;position: relative;}
	.nav-item{border-bottom: 1px solid var(--bRC);}
	.nav-link:has(+ .dropdown-menu){--arrowW:3.5rem;width:calc(100% - var(--arrowW));border-right: 1px solid var(--bRC);display: inline-block;}
	.nav-link:has(+ .dropdown-menu):after{content:'\F285';position:absolute;font-family:'bootstrap-icons';right: 0;top: 50%;transform: translate(100%,-52%);width: var(--arrowW);aspect-ratio: 1;text-align: center;display: flex;align-items: center;justify-content: center;pointer-events: none;transition: 0.3s all;}
	.isDrop .nav-link:has(+ .dropdown-menu):after{transform: translate(100%,-52%) rotate(90deg);}

	.dropdown-menu{border:none;border-radius:0;top:0;position:absolute;background: rgba(255,255,255,0.8);}
	.nav-item.isDrop .dropdown-menu{display:block;pointer-events: all;padding: 0;}
	.dropdown-item{padding:1rem;padding-left:1.5rem;border-top:1px solid var(--bRC)}

	/*!991 banner*/
	.bnImg__pic{min-height:520px;}
    .banner .slick-dots{justify-content:end;padding-bottom:1rem}

    .titleWrap{flex-direction: column;}

	/*!991 首頁*/
	.esgBox{flex-direction: column;}
	.cover.--esg{width: 100%;position: absolute;left: 50%;transform: translateX(-50%);z-index: -1;border-radius: inherit;box-shadow: none;}
	.esgBox__list{width:100%;padding-top: 2rem;}
	.cover.--esg .cover__pic{width: 100%;height: auto;aspect-ratio: 9/2;}
	.blockHeight--ixContact{padding: var(--spaceXL) 0;}
	.ixCtBox{width:100%;text-align:center;border-radius: 1rem;padding: 2rem 1rem;}
	.ixCtBox__tt{align-items:center;}

	/*!991 footer*/
	.fTopInner{flex-direction:column;}
	.fInforWrap{align-items: center;text-align: center;}
	.fSocial{justify-content: center;}
	.fSitemapWrap{justify-content: center;gap: 2rem;}
	.fSitemap{flex-wrap:wrap;justify-content: center;gap: 1.5rem;}
	.fSitemap__item{width:100%;}
	.fSitemap__item__tt{--pos:0.375rem;margin-bottom: 0.75rem;padding-bottom: var(--pos);border-bottom: 1px solid #ddd;position: relative;}
	.fSitemap__item__tt:has(+ .fSitemap__item__ct):after{content:'\F282';position:absolute;font-family:'bootstrap-icons';right: 0;top: 50%;transform: translateY(-52%);opacity: 0;}
	.fSitemap__item__ct{flex-direction: row;flex-wrap: wrap;gap: 0.5rem 1rem;}
	.fSiteBtn{width:100%;}
	.fBtmInner{flex-direction:column-reverse;}

	/*!991 關於*/
	.abBox__item:nth-child(n){flex-direction: column;align-items: center;gap: clamp(1rem,1.5vw,1.5rem);}
	.cover.--about{width: calc(100% - 1rem);}
	.abInfor{width:100%;padding: 0;text-align: center;align-items: center;}
	.abInfor__brief{margin:0;}

	/*!991 新聞*/
	.newsBox{}

	/*!991 案例*/
	.mileStBox{--num:1;gap: 2rem;}
	.mileStBox:not(.mileStBox--slick) .mileStBox__item:nth-child(even){margin:0;}
	.mileSMedia{padding:0 2rem;}

	/*!991 聯絡*/
	.blockHeight--contact .titleWrap{--imgH: 7rem;align-items: flex-end;position: relative;padding-bottom: calc(var(--imgH) + 1rem);gap: 1rem;flex-direction: row;display: flex;flex-wrap: wrap;}
	.blockHeight--contact .titleWrap:after{content:'';position:absolute;width:100%;height:var(--imgH);background:url('../images/banner/p6.jpg')center/cover;left: 0;bottom: 0;border-radius: 1rem;}

	.termWrap{padding: 2rem 1.25rem;}

	.albumBox{--num:3}
	
}

@media screen and (max-width:767px){
	.bnEffG__item:nth-child(5){display: none;}
	/* 圖文&編輯器 */
    .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}
	
	/*!768 企業永續*/
	.esgLBox .listBox__body{--num:1}

	.formGroup__item--half,.formGroup__item .form-control.--half{width:100%;}
	.albumBox{--num:2}

}
@media screen and (max-width:480px){
	.container{--bs-gutter-x: 2rem;}

	/*!480 index*/
	.mileStBox--slick{margin: 0;}
	.mileStBox .slick-list{padding-right: 0;}

	/*480 footer*/
	.fBtm.--setGoTop{position:relative;}
	.fBtm.--setGoTop #goTop{position:absolute;bottom:unset;top:0;transform:translateY(-50%);}

	/*!480 建案*/
	/* .mileStBox:not(.mileStBox--slick) .mileStBox__item__tt{position: static;background: var(--mainColorD);} */
	.mileStBox__item__tt{position: static;background: var(--mainColorD);}
	.itemTt__sub:before{margin-right:0.375rem;}
	.cover.--milest:after{opacity: 0;}

	/*!480 投資*/
	.listItem.--num{display: none;;}
	.listItem.--func{padding: 0.75rem 0;max-width: 3rem;}
	
	/*!480 新聞*/
	.newsBox{--num:1;}

	.albumBox{--num:1}
}

/*!編輯器客製化*/
.decoTt{--decoW: 0.75rem;position: relative;color: var(--mainColor);font-size: 1.25em;font-weight: 500;letter-spacing: 0.05em;padding-left: calc(var(--decoW) + 1rem);margin-bottom: 0.5rem;}
.decoTt:before{content:'';position:absolute;width: calc(var(--decoW) + 0.25rem);height:0.125rem;background: #FFC107;left: calc(var(--decoW) * 0.5);top:50%;transform:translateY(-50%);}
.decoTt:after{content:'';position:absolute;width: var(--decoW);aspect-ratio:1;border-radius:100rem;background:var(--mainColor);left:0;top: 50%;transform: translateY(-50%);mix-blend-mode: color-burn;}