@charset "utf-8";
/* CSS Document */
body{position: relative;font-family: 'Noto Sans TC','微軟正黑體',sans-serif;font-size: 15px;line-height: 1.8;color:#252F3D;transition: 0.3s all;padding-top: 70px;}
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);transition-delay: 0.25s;}
body.page-fade::after {opacity: 1;}
a{color: var(--colot-font);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: 3.25rem;line-height: 3.25rem;aspect-ratio: 1;text-align:center;background: var(--color-waterBlue);color: #fff;transition:0.3s all;z-index: 10;border-radius: 100rem;}
#goTop:hover{background:var(--color-mainBlue);color:#FFF}

/*按鈕*/
.btnWrap {/* margin:2em 0; */text-align:center;overflow: hidden;}
.btnWrap--start{text-align:left;}
.btnStyle{border: none;background:var(--gradient-1);display:inline-block;padding:0.875rem 2rem;color:#fff;position:relative;z-index: 0;transition: 0.3s all;border-radius: 100rem;overflow: hidden;}
.btnStyle:hover{color: #fff!important;}
.btnStyle .txt{position: relative;display: flex;gap: 0.875rem;z-index: 1;text-transform: uppercase;letter-spacing: 0.05em;}
.btnStyle .txt:after{content:'\F138';font-family: bootstrap-icons !important;}
.btnStyle--back .txt:before{content:'\F12F';font-family: bootstrap-icons !important;}
.btnStyle--video .txt:after{content:'\F21A';}
.btnStyle--back .txt:after{content:'';}
.pageBtnbox{display:flex;justify-content: space-between;padding:1rem 0;flex-wrap: wrap;gap: 1rem 1.25rem;position: relative;min-height: 4rem;}
.pageBtnbox__btn{color: var(--color-subBlue);padding:0.5rem 1.5rem;border-radius:100rem;position: relative;z-index: 0;overflow: hidden;background: #fff;border: 1px solid;min-width: 200px;text-align: center;}
.pageBtnbox__btn--next:only-child{/* width:100%; */position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.vMore{text-transform: uppercase;position: relative;text-align: right;}
.vMore .txt{display: inline-block;padding-left: 1.125rem;background: #fff;position: relative;z-index: 1;color: var(--color-orange);transition: 0.3s all;font-size: 0.875rem;right: 0;}
.vMore:after{content:'';position:absolute;width:100%;height: 1px;background: var(--color-orange);top:50%;left: 0;transform:translateY(-50%);z-index: 0;transition: 0.3s all;}

/*RWD編輯器表格(X捲軸)*/
.tableContainer table td{min-width:100px;/* padding:5px; *//* border:1px solid #ccc; */white-space:inherit}
.tableContainer{width:100%;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)}
	}
	@-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{
	--color-font:#252F3D;
	--color-font2: #56839f;--color-mainBlue:#00428d;
	--color-waterBlue:#48c6ef;
	--color-subBlue:#1073b6;
	--color-orange:#f29600;
	--gradient-1: linear-gradient(100deg, #1073B6 0%, #48C6EF 100%);
	--gradient-2: linear-gradient(100deg, #252F3D 0%, #00428D 100%);
}

/*內頁*/
input:focus-visible{outline:none;}
button:focus{box-shadow: none!important;}
.techBox__item__tag{display:-webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.techBox__item__tag--control{/* display:none; */}
.tagControl{aspect-ratio: 1;cursor: pointer;position:relative;}
.tagControl:after{content: '\F64D';font-family: bootstrap-icons !important;}
.open.tagControl{background:var(--color-font2)}
.open.tagControl:after{content: '\F63B';}
.tagLink{color:var(--color-waterBlue);display:inline-block;padding:0.25rem 0.625rem;border-radius:100rem;border:1px solid;line-height:1.3;margin-bottom: 0.625rem;margin-right: 0.5rem;transition:0.3s all;}
.tagLink--fill{background:var(--color-waterBlue);color:#fff;margin: 0;display: inline-flex;justify-content: center;align-items: center;border-color: transparent;}
.tagLink:hover,.tagLink.active{background:var(--color-waterBlue);color:#fff;}
#SearchF{height: 0;}

/*全頁佈局*/
.wrapper { padding:2rem 0;}
.blockHeight{padding: 3rem 0;}

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

/* 標題 */
.bigTitle{}
.mainTitle{font-weight:600;font-size: clamp(2.125rem,8vw,2.625rem);}
.mainTitle__txt{color: transparent;background: var(--gradient-2);-webkit-background-clip: text;background-clip: text;display: inline-block;line-height: 1.15;margin-top: 1rem;padding-bottom: 0.5rem;}
.mainTitle--decoL{position: relative;}
.mainTitle--decoL .mainTitle__txt{margin-top:0;}
.mainTitle--decoL:after{content:'';width: 3rem;height: 2px;position: absolute;left: 0;bottom: -1rem;background:#dcdcdc;}
.titleBox--center .mainTitle--decoL:after{left:50%;transform:translateX(-50%);}
.subTitle{font-weight: 700;font-size: clamp(13px,1vw,0.85rem);color: transparent;background: linear-gradient(100deg, #1073B6 25%, #48C6EF 100%);-webkit-background-clip: text;background-clip: text;display: inline-block;text-transform: uppercase;}
.subTitle--left{position:relative;padding-left:1.25rem;margin-bottom:1rem;}
.subTitle--left:before{content:'';position:absolute;width:0.875rem;height:2px;background:var(--color-subBlue);left:0;top:50%;transform:translateY(-50%);}
.subTitle--color{color: var(--color-subBlue);background:none;}
.smallTxt{font-size: 0.6265em;}
.titleBox{margin-bottom: clamp(1rem,3vw,3rem);}
.titleBox--center{text-align:center;}
.titleBox--mbSmall{margin-bottom: 0.5rem;}
.markTxt{color: var(--color-orange);}
.markTxt--big{font-size: 2em;line-height: 1.35;}
.smallTxt{font-size: 0.625em;padding: 0 1rem;}
.txt--note{font-size: 0.625em;padding: 0.25rem 0.5rem;background: #abe7fb;color: var(--color-mainBlue);margin-left: 0.5rem;}
/* 大標左至右出現動畫 */
.titleAnimate {-webkit-animation-name: titleAnimate;animation-name: titleAnimate;}
@keyframes titleAnimate {
	  0% {clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);}
	100% { clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
}

/*loading*/
.loadingArea{background: #fff;position: fixed;width: 100%;height: 100%;z-index: 10000;top: 0;left: 0;opacity: 1;transition: 0.8s all;}
.loadingArea.hide{opacity:0;transform: scale(20);transition: 0.3s opacity,2s transform;}
.loadingImg{display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,25%);transition:0.5s all;opacity: 0;}
.loadingArea.show .loadingImg{transform: translate(-50%,-50%);opacity: 1;}
.loadingImg__pic{width: 100%;opacity: 0;animation: fadeIn 0.5s forwards;animation-delay: 0.3s;}

/*banner*/
.banner.slick-dotted.slick-slider{ margin-bottom: 0;}
.banner__box{position:relative;overflow: hidden;}
.banner__box:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background: rgba(0,0,0,0.05);}
.noTit .banner__box:after{content:none;}
.bnImg{width: 100%;aspect-ratio: 1920/750;object-fit: cover;object-position: center;/* transform: scale(1.08); */}
.bnContent{position:absolute;left:calc((100% - var(--container)) / 2);top:50%;transform:translateY(-50%);z-index: 2;}
.bnContent--center{text-align: center;left: 50%;transform: translate(-50%,-50%);width: calc(100% - 2rem);margin: auto;}
.bnContent--right{text-align: right;left: unset;right:calc((100% - var(--container)) / 2)}
.bnContent__titleBox{margin-bottom: clamp(1rem,2vw,4rem);}
.bnTit--big{font-size: clamp(1.5rem,8vw,3rem);font-weight:700;color:#fff;text-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.75);line-height: 1.25;margin-bottom: 1.25rem;opacity: 0;}
.bnTit--small{font-size:clamp(1.125rem,2vw,1.25rem);font-weight:500;color:#fff;text-shadow:0 0.25rem 1rem rgba(0,0,0,0.85);opacity: 0;}
.bnContent__btn{overflow: hidden;}
.banner__box .btnStyle{opacity: 0;}

/* .slick-current.banner__box .bnImg{animation: scaleImg 6s forwards ease-in;} */
@keyframes scaleImg {
	0%{transform: scale(1.08);}
	100%{transform: scale(1);}
}
.slick-current.banner__box .bnTit--big{animation: fadeIn 0.5s forwards ease-in;animation-delay: 0.5s;}
.slick-current.banner__box .bnTit--small{animation: fadeIn 0.5s forwards ease-in;animation-delay: 0.75s;}
.slick-current.banner__box .btnStyle{animation: fadeInDown 0.5s forwards ease-in;animation-delay: 1.25s;}

.pgBanner{/* padding: clamp(60px,12vw,180px) 1rem; */position:relative;z-index: 0;text-align: center;height: clamp(80px,40vw,420px);min-height: 20vw;display: flex;align-items: center;}
.pgBanner:after{content:'';position: absolute;left: 0;top: 0;background: linear-gradient(85deg,var(--color-mainBlue)-20%,rgba(16,115,182,0.8)20%,rgba(16,115,182,0.15)50%);width: 100%;height: 100%;z-index: -1;background: rgba(16,115,182,0.15);}
.pgBanner--txt{padding: clamp(40px,10vw,100px) 1rem;}
.pgBanner--txt:after{backdrop-filter: blur(0.25rem);-webkit-backdrop-filter: blur(0.25rem);}
.pgName{font-size: clamp(1.5rem,8vw,3rem);font-weight: 700;color: #fff;text-shadow: 0 0.25rem 1rem rgba(0,0,0,0.85);text-transform: capitalize;opacity: 0;animation: fadeInUp 0.75s forwards;animation-delay: 1s;margin-bottom: 0;}
.pgName--start{text-align:left;}
.breadcrumb{display: flex;width: 100%;margin-bottom: 0;padding: 0.5rem 0;min-height: 3.75rem;align-items: center;text-align: right;border-bottom: 1px solid #dcdcdc;}
.breadcrumb__item{text-transform: capitalize;position: relative;color: var(--color-subBlue);}
.breadcrumb__item:last-child{color: var(--color-font);opacity: 0.5;}
.breadcrumb__item:hover{color: var(--color-mainBlue);opacity: 1;}
.breadcrumb__item+.breadcrumb__item:before{content: '>';padding: 0 0.375rem;color: var(--color-subBlue);}

/*header*/
.navbar{background: #fff;box-shadow: 0 0.25rem 0.375rem rgba(0,0,0,0.15);padding: 0;} 
.logo{margin-bottom: 0;padding: 0.5rem 0;}
.logo__img{display: flex;}
.logo__img__pic{max-height: 54px;aspect-ratio: 29/8;object-fit: cover;}
.navbar-nav{padding-right: clamp(1rem,1.5vw,1.5rem);}
.nav-link{color: var(--color-font);text-transform: capitalize;font-size: 0.9rem;margin-bottom: 0;cursor: pointer;display: flex;}
.nav-item--border{border:1px solid var(--color-subBlue);}
.nav-item--border .nav-link{color: var(--color-subBlue);}
.navbar-toggler{border:none;display: flex;flex-direction: column;gap: 0.25rem;aspect-ratio: 3/2;object-fit: cover;object-position: center;justify-content: center;padding: 0;position: relative;align-items: center;}
.navbar-toggler:after{content:'menu';position: relative;font-size: 12px;left: 50%;bottom: 0;transform: translateX(-50%);color: var(--color-mainBlue);}
.navbar-toggler__line{width: 1.5rem;height: 2px;background: var(--color-subBlue);display: inline-block;border-radius: 100rem;transition: 0.3s all;}
.navbar-toggler.open .navbar-toggler__line:nth-child(1){transform: translateY(0.375rem) rotate(225deg);}
.navbar-toggler.open .navbar-toggler__line:nth-child(2){transform:translateX(0.5rem);opacity:0;}
.navbar-toggler.open .navbar-toggler__line:nth-child(3){transform: translateY(-0.375rem) rotate(-225deg);}
.otherBtn{display: flex;position: relative;gap: 0.5rem;padding: 0 0.875rem 0 clamp(0.75rem,0.5vw,1rem);font-size: 1.25rem;background: #fff;align-items: center;}
.searchHBar{display:flex;align-items: center;}
.searchHBar__btn,.langHBox__btn{display:flex;aspect-ratio: 1;height: 2.5rem;justify-content: center;align-items: center;cursor: pointer;transition:0.3s all;}
.searchHBar__btn i{transition:0.3s all;}
.searchHBar.open .searchHBar__btn i{transform:rotate(270deg);color:var(--color-subBlue);}
.dropdown-toggle::after{border-radius:100rem;}

.searchHBar__input{display: flex;background: #fff;top:0;padding: 1px;padding-left: 0.75rem;border-radius: 0.25rem;transition: 0.5s all;transform: rotateX(90deg);pointer-events: none;z-index: -1;opacity: 0;right: 50%;}
.langHBox{position:relative;}
.langHBox.open i{color: var(--color-subBlue);}
.langHBox__menu{/* display:none; */}
.langHBox__menu{position: absolute;top: 80%;transition: 0.3s all;z-index: -1;right: 50%;transform: translateX(50%);display:flex;flex-direction: column;align-items: center;background: rgba(16,115,182,0.9);opacity: 0;pointer-events: none;gap: 0.25rem;font-size: 1rem;letter-spacing: 0.05em;padding: 0.25rem 0;}
.langHBox.open .langHBox__menu{top: 100%;pointer-events: auto;opacity: 1;z-index: 2;}
.searchHBar__input{position: absolute;}
.langHBox__menu__item{color:#fff;transition:0.3s all;padding: 0.25rem 1rem;width: 100%;text-align: center;display: block;}
.langHBox__menu__item:hover{color:var(--color-waterBlue);}

.dropdown-item--fixed{background: #1d5697;font-weight: 500;}

/* footer */
footer{border-top: 1px solid #dcdcdc;padding: clamp(3rem,4vw,5rem) 1rem;padding-bottom: calc(clamp(3rem,4vw,5rem) + 5px);font-size:0.875rem;position: relative;}
footer:after{content:'';position:absolute;width:100%;height:5px;bottom:0;left:0;background:var(--gradient-1);}
footer a{color: var(--color-font);opacity: 0.5;}
.fTop__infor__name{font-size:clamp(1rem,5vw,1.125rem);position:relative;padding-bottom:0.5rem;margin-bottom:1.125rem;font-weight:600;}
.fTop__infor__name:after{content:'';position:absolute;width:2rem;height:1px;background:#d9d9d9;bottom:0;left:0;}
.fTop__logo__img{height:44px;}
.fTop__logo a{color: var(--color-mainBlue);opacity: 0.8;}
.fTop__infor__content{list-style:none;padding-left:0;}
.fTop__infor__content a{color:var(--color-font);opacity: 1;}
.fBottom__content__link{display: inline-flex;align-items: center;gap: 0.375rem;color: var(--color-subBlue);opacity: 1;}
.fBottom__content{flex-wrap:wrap;display: flex;}
.copyright{/* line-height: 2.25rem; */white-space: nowrap;}

/*slick*/
body .slick-dots{display:flex;justify-content: center;align-items: center;border: 0;bottom: 0;transform: translateY(100%);z-index: 20;height: 2.5rem;left: 0;}
body .slick-dots li{width:auto;height: auto;padding: 0.25rem;}
body .slick-dots li button{background:#ddd;width: clamp(0.625rem,1vw,0.75rem);aspect-ratio: 1;height: initial;margin: auto;border-radius: 0.125rem;}
body .slick-dots li.slick-active button,body .slick-dots li button:hover{background:var(--color-orange);}
body .slick-dots li button{transition:0.3s all;}
body .slick-dots li button:before{content:none;}

/*blockHeight--ixProduct*/
.blockHeight--ixProduct{overflow: hidden;padding-top: clamp(5rem,10vw,10rem);position: relative;}
.blockHeight--ixProduct:before{content:'';position: absolute;background: url(../images/all/deco-circle.png)center/cover;width: clamp(80px,25vw,400px);aspect-ratio: 1;top: 0;left: 0;transform: translate(-70%,-40%);filter: opacity(0.8);mix-blend-mode: darken;opacity: 0;animation: fadeIn 0.5s forwards;animation-delay: 0.5s;}
.blockHeight--ixProduct:after{content:'';position: absolute;background: url(../images/all/deco-circle.png)center/cover;width: clamp(100px,30vw,600px);aspect-ratio: 1;right: 0;bottom: 0;transform: translate(70%,-5%);filter: opacity(0.3);opacity: 0;mix-blend-mode: darken;animation: fadeIn 0.5s forwards;animation-delay: 0.5s;z-index: -1;}
.sloganBox{text-align: center;margin-bottom: clamp(3rem,3vw,5rem);}
.sloganBox__txt{position: relative;font-size: clamp(1.75rem,5vw,2.5rem);font-weight: 700;letter-spacing: 0.05em;color: transparent;background: linear-gradient(90deg, var(--color-font) 0%, #28a9f7 26%, var(--color-font) 60%);text-align: center;-webkit-background-clip: text;background-clip: text;animation: sloganBg 10s infinite;margin-bottom: clamp(2rem,2vw,2.5rem);display: inline-block;cursor: default;transition: 0.5s all;line-height: 1.25;}
.sloganBox__txt:hover{transform: scale(1.05);}
@keyframes sloganBg{
	0%,100%{background-position:0;}
	50%,60%{background-position:100vw}
}
.sloganBox__founder{overflow:hidden;}
.founderName{font-weight:700;font-size:clamp(1.25rem,3vw,1.5rem);color:var(--color-subBlue);}
.founderTit{font-size:1rem;letter-spacing:0.15em;font-weight:500;margin-right:0.15em;}

.ixProduct{padding: clamp(2rem,3vw,3rem) 0;margin-bottom: 1rem;}
.productBox{display: flex;flex-wrap: wrap;}
.productBox__item{position: relative;width: 25%;}
.pdCover{margin-bottom: 0;position: relative;overflow: hidden;}
.pdCover:after{content:'';position: absolute;width: 100%;height: 100%;background: rgb(0 66 141 / 50%);left: 50%;top: 50%;transform: translate(-50%,-50%);transition: 0.3s all;}
.pdCover__pic{width: 100%;aspect-ratio: 2/1;object-fit: cover;object-position: center;transition: 0.5s all;transform: scale(1);}
.productBox__item:hover .pdCover__pic{transform: scale(1.08);}
.pdName{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;font-size: clamp(1.125rem,2vw,1.25rem);font-weight: 500;letter-spacing: 0.05em;text-shadow: 0 0 1rem rgba(0,0,0,0.5);width: calc(100% - 2rem);text-align: center;}
/*1208*/
.pdName{transition:0.3s all;}
.pdName__tt{transition:0.3s all,0.3s opacity;transition-delay:0s,0.15s;}
.pdName__brand{transition:0.3s all;font-weight: 700;border-radius: 100rem;display: inline-block;}


.ixIndustry{padding: 2rem 0;margin-bottom: 1rem;}
.industryBox{display: flex;gap: 2.5rem;align-items: stretch;flex-wrap: wrap;}
.industryBox--slick{margin: -1.25rem;}
.industryBox__item{width: 25%;box-shadow: 0 0 1rem rgba(0,0,0,0.15);display: flex;flex-direction: column;justify-content: space-between;gap: 0;width: calc((100% - 7.5rem) / 4);background: #fff;position: relative;}
.slick-slide.industryBox__item{margin:1.25rem;opacity:0.3;transition:0.8s opacity;transition-delay:0.6s;}
.slick-active.industryBox__item{opacity:1}
.inCover{overflow: hidden;margin-bottom: 5.75rem;}
.inCover__pic{width: 100%;aspect-ratio: 3/2;object-fit: cover;object-position: center;transition:0.3s all;}
.industryBox__item:hover .inCover__pic{transform:scale(1.08);}
.inTitle{padding: 1rem;display: flex;align-items: flex-start;font-size: 1.15rem;letter-spacing: 0.05em;font-weight: 500;position: absolute;left: 0;bottom: 0;width: 100%;transition: 0.3s all;height: auto;flex-direction: column;max-height: 100%;}
.inTitle__txt{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:3.75rem;}
.slick-slide.industryBox__item:hover .inTitle{/* transform: translateY(-3rem); */}
.inTitle__brief{font-size:1rem;height: 0;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;position: relative;}
.industryBox__item:hover .inTitle__brief:before{content:'';position:absolute;width:2rem;height:2px;background:#fff;top:0;left:0;opacity: 0.5;}

/*blockHeight--ixNews*/
.blockHeight--ixNews{padding: clamp(3rem,6vw,8rem) 0;transition: 0.3s all;transition-delay: 0.3s;overflow: hidden;}
.animated.blockHeight--ixNews{background:#f4f4f4;}
.newsBox{display:flex;gap: clamp(1rem,2vw,2rem) 1.5rem;flex-wrap: wrap;}
.newsBox__item{background: #fff;padding: clamp(0.625rem,1.5vw,1rem);box-shadow:0 0 1rem rgba(0,0,0,0);width: calc((100% - 4.5rem) / 4);}
.newsBox__item:hover{box-shadow:0 0 1rem rgba(0,0,0,0.15);}
.newsBox--slick{margin-bottom: 2.5rem;}
.slick-slide.newsBox__item{opacity: 0.3;transition: 0.8s opacity,0.3s transform;transition-delay:0.6s;}
.slick-current.newsBox__item,.slick-active.newsBox__item{opacity:1;}
.newsCover{margin-bottom: 0;overflow: hidden;position: relative;transition: 0.3s ease-out;}
.newsBox__item:hover .newsCover{background:var(--color-mainBlue);}
/* .newsCover:before{content:'';position:absolute;width:0.25rem;height:0;background: #fff;left:50%;top:50%;transform: translate(-50%,-50%);transition: 0.3s all;z-index: 1;}
.newsCover:after{content:'';position:absolute;width:0;height:0.25rem;background:#fff;left:50%;top:50%;transform: translate(-50%,-50%);transition:0.3s all;} */
.newsTop{display: flex;margin-bottom: 0.5rem;align-items: center;justify-content: space-between;}
.newsBox__item:hover .newsCover:before{height:2.5rem;}
.newsBox__item:hover .newsCover:after{width:2.5rem;}
.newsCover__pic{transition:0.3s all;aspect-ratio: 3/2;object-fit: cover;width: 100%;}
.newsBox__item:hover .newsCover__pic{opacity:0.5;transform:scale(1.08);}

.newsTop__date{display:flex;align-items: center;gap: 0.5rem;}
.newsTop__date__day{font-size: 2.5rem;font-weight: 500;color: var(--color-orange);}
.subDate{color: var(--color-mainBlue);display: flex;flex-direction: column;align-items: center;line-height: 1.25;}
.newsTop__date__mon{font-family: 'IBM Plex Mono', monospace;white-space: nowrap;overflow: hidden;text-overflow: inherit;width: 3ch;font-size: 1rem;text-transform: capitalize;}
.newsTop__date__year{font-size: clamp(0.85rem,0.5vw,0.875rem);}
.newsContent__txt{font-size: clamp(1.125rem,2vw,1.15rem);font-weight:500;line-height:1.3;margin-bottom:1rem;min-height: 4.5rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.newsTop__sort{color: #aaa;border-radius: 0.25rem;border: 1px solid #aaa;padding: 0.25rem 0.625rem;line-height: 1.25;text-transform: uppercase;letter-spacing: 0.05em;}
.newsBox__item:hover .vMore .txt{padding:0 1.125rem;right: 50%;transform: translateX(50%);color: var(--color-mainBlue);}
.newsBox__item:hover .vMore:after{background:var(--color-mainBlue);}
.titleBox--arrow{position: relative;}
.newsArrow{position: absolute;display: flex;align-items: center;right: 0;top: 50%;transform: translateY(-50%);gap: 1rem;}
.newsArrow__btn{cursor: pointer;font-size: clamp(1rem,3vw,1.625rem);aspect-ratio: 1;width: 2.5rem;display: flex;align-items: center;justify-content: center;color: var(--color-mainBlue);transition: 0.3s all;border-radius: 1rem;}
.newsArrow__btn[aria-disabled="true"]{opacity:0.25;cursor:no-drop;}
/* .newsArrow:after{content:'';position:absolute;width:1px;height:1.5rem;background:var(--color-mainBlue);opacity:0.5;left:50%;top:50%;transform:translate(-50%,-50%);} */
.newsArrow .newsNext{position:relative;}
.newsArrow .newsNext:before{content:'';position:absolute;width: 2px;height:1.5rem;background: var(--color-mainBlue);opacity:1;left:-0.5rem;top:50%;transform:translate(0,-50%);}

/*ixTech*/
.blockHeight--ixTech{padding: clamp(3rem,6vw,8rem) 0;}
.techBox__item{display: flex;gap: 1rem;position: relative;}
.blockHeight--ixTech .techBox__item:not(:nth-child(-n+2)){display:grid;grid-template-columns: 2fr 5fr;align-items: center;gap: 0 1rem;}
.techBox__item:after{content:'';position:absolute;width:100%;height:1px;background:#ddd;left:0;bottom:-0.75rem;}
.techCover{overflow: hidden;margin-bottom: 0;grid-row:2 span;background:var(--color-mainBlue);}
.techCover__pic{width: 100%;aspect-ratio: 3/2;object-fit: cover;object-position: center;transition:0.3s all;}
.techInfor{padding: 0;}
.techInfor__sort{color: var(--color-mainBlue);padding-left: 1rem;position: relative;font-size: 0.875rem;transition:0.3s all}
.techInfor__sort:after{content:'';position: absolute;width: 0.5rem;aspect-ratio: 1;background: var(--color-orange);border-radius: 0.125rem;left: 0;top: 50%;transform: translateY(-50%);}
.techInfor__title{font-size:clamp(1.125rem,3vw,1.15rem);font-weight:500;letter-spacing:0.05em;/* min-height: 3.25rem; */margin-bottom: 1.25rem;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;transition: 0.3s all;}
.techInfor__breif{opacity:0.8;font-size: 0.95rem;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 1rem;}
.blockHeight--ixTech .techBox__item__tag{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.techBox__item:hover .techCover__pic{transform:scale(1.08);opacity:0.5;}
.techBox__item:hover .techInfor__sort{color:var(--color-subBlue);}
.techBox__item:hover .techInfor__title{color:var(--color-mainBlue);}

/* load-animate */
.load{position: fixed;top: 0;left: 0;z-index: 1200;background: #fff;width: 100%;height: 100%;}
.loading-circle{margin:0 auto;width:40px;height:40px;border-radius:50%;border:4px solid #beb69d;position:absolute;top:50%;left:50%;animation:spin 1s infinite linear}
.loading-circle:before{content:'';width:40px;height:40px;border-radius:50%;display:block;position:absolute;left:-4px;top:-4px;border-right:4px solid #beb69d;border-top:4px solid #beb69d;border-left:4px solid #FFF;border-bottom:4px solid #beb69d}
@keyframes spin {
100%{transform:rotate(360deg)}
}
.loading-bars{text-align:center;opacity:.6;transition-duration:.3s}
.loading-bars:hover{opacity:1}
.loading-bars .bar{height:20px;width:10px;background:#FFF;display:inline-block;animation:loadpulse 1.2s infinite ease-out}
.loading-bars .bar:nth-of-type(0n+1){animation-delay:0}
.loading-bars .bar:nth-of-type(0n+2){animation-delay:.2s}
.loading-bars .bar:nth-of-type(0n+3){animation-delay:.4s}
.loading-bars .bar:nth-of-type(0n+4){animation-delay:.6s}
.loading-bars .bar:nth-of-type(0n+5){animation-delay:.8s}
@keyframes loadpulse {
	0%,75%{transform:scale(1,1)}
	25%{transform:scale(1,3)}
}
.cssload-dots{width:0;height:0;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;outline:1px solid red;filter:url(#goo);-o-filter:url(#goo);-ms-filter:url(#goo);-webkit-filter:url(#goo);-moz-filter:url(#goo)}
.cssload-dot{width:0;height:0;position:absolute;left:0;top:0}
.cssload-dot:before{content:"";width: 2.25rem;aspect-ratio: 1;border-radius: 100rem;background:#00078b;position:absolute;left:50%;transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);margin-left:-17.5px;margin-top:-17.5px}
.cssload-dot:nth-child(5):before{z-index:100;width: 2.5rem;aspect-ratio: 1;margin-left:-21.75px;margin-top:-21.75px;animation:cssload-dot-colors 4.6s ease infinite;-webkit-animation:cssload-dot-colors 4.6s ease infinite;}
.cssload-dot:nth-child(1){animation: cssload-dot-rotate-1 4.6s 0s linear infinite;-webkit-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;}
.cssload-dot:nth-child(1):before{background-color:#00347d;animation: cssload-dot-move 4.6s 0s ease infinite;-webkit-animation: cssload-dot-move 4.6s 0s ease infinite;}
.cssload-dot:nth-child(2){animation:cssload-dot-rotate-2 4.6s 1.15s linear infinite;-webkit-animation:cssload-dot-rotate-2 4.6s 1.15s linear infinite;}
.cssload-dot:nth-child(2):before{background-color:rgba(0,104,183,0.97);animation:cssload-dot-move 4.6s 1.15s ease infinite;-webkit-animation:cssload-dot-move 4.6s 1.15s ease infinite;}
.cssload-dot:nth-child(3){animation:cssload-dot-rotate-3 4.6s 2.3s linear infinite;-webkit-animation:cssload-dot-rotate-3 4.6s 2.3s linear infinite;}
.cssload-dot:nth-child(3):before{background-color:#0068b7;animation:cssload-dot-move 4.6s 2.3s ease infinite;-webkit-animation:cssload-dot-move 4.6s 2.3s ease infinite;}
.cssload-dot:nth-child(4){animation:cssload-dot-rotate-4 4.6s 3.45s linear infinite;-webkit-animation:cssload-dot-rotate-4 4.6s 3.45s linear infinite;}
.cssload-dot:nth-child(4):before{background-color:#000;animation:cssload-dot-move 4.6s 3.45s ease infinite;-webkit-animation:cssload-dot-move 4.6s 3.45s ease infinite;}
@keyframes cssload-dot-move {
	0%{transform:translateY(0)}
	18%,22%{transform:translateY(-68px)}
	40%,100%{transform:translateY(0)}
}
@keyframes cssload-dot-colors {
	0%{background-color:#208cf1}
	25%{background-color:#208cf1}
	50%{background-color:#f9be0c}
	75%{background-color:#f9be0c}
	100%{background-color:rgba(243,130,0,0.97)}
}

@keyframes cssload-dot-rotate-1 {
	0%{transform:rotate(-105deg)}
	100%{transform:rotate(270deg)}
}

@keyframes cssload-dot-rotate-2 {
	0%{transform:rotate(165deg)}
	100%{transform:rotate(540deg)}
}

@keyframes cssload-dot-rotate-3 {
	0%{transform:rotate(435deg)}
	100%{transform:rotate(810deg)}
}

@keyframes cssload-dot-rotate-4 {
	0%{transform:rotate(705deg)}
	100%{transform:rotate(1080deg)}
}

/*=== 內頁===*/
/*共用*/
mark{padding: 0 0.25rem;background: linear-gradient(to bottom,transparent 40%,var(--bs-highlight-bg) 40%);color: unset;}
.mark--blue{background: linear-gradient(to bottom,transparent 40%,#abe7fb 40%);}
.slick-track{margin-left: 0!important;}
.articleTit{}
.articleTit--scroll{padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid #dcdcdc;padding-top: 1rem;padding-right: 0.375rem;}
.articleTit--scroll::-webkit-scrollbar{width: 0.375rem;background: #f1f1f1;}	   
.articleTit--scroll::-webkit-scrollbar-track{/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */}
.articleTit--scroll::-webkit-scrollbar-thumb{background-color: var(--color-subBlue);}
.articleTit__title{font-weight:600;font-size: clamp(1.225rem,5vw,2.125rem);line-height:1.25;margin-bottom: 1rem;}
.articleSub{display: flex;flex-wrap: wrap;align-items: center;}
.articleSub + .articleTit__title{margin-top:1rem;}
.articleTit__sort{display: inline-block;color: var(--color-subBlue);border-radius: 0.25rem;/* border: 1px solid var(--color-subBlue); *//* padding: 0.25rem 0.625rem; */line-height: 1.25;text-transform: uppercase;letter-spacing: 0.05em;}
.articleTit__sort + .articleTit__date{position:relative;margin-left: 0.75rem;padding-left: 0.75rem;}
.articleTit__sort + .articleTit__date:before{content:'';position:absolute;width: 1px;height: 55%;left:0;top:50%;transform:translateY(-50%);background: #aaa;border-radius: 2px;}
.articleTit__date{display: inline-block;color: var(--color-subBlue);}
.articleTit__date__mon,.articleTit__date__date,.articleTit__date__year{/* padding-right: 0.25rem; */}
.articleTit__date__date{position: relative;}
.articleTit__date__date:after{content: ' ,';}
.articleContent{margin-bottom:2rem;}

/*share btn*/
.shareZone{display: flex;justify-content: flex-end;gap: 0.5rem;align-items: center;margin-bottom: 1rem;padding-top: 1rem;}
.fb-share-button{display:flex;}
.shareBtn{border-radius:3px;}
.shareBtn a{display: inline-block;font-size:0.75rem;padding: 1px 0.562rem;display:flex;align-items: center;font-weight: 700;color: #fff;}
.shareBtn a:hover{color:#fff;}
.linkedIn-button,.sharePBtn--linkedIn:hover{background:#0a66c2;}
.linkedIn-button:hover{background: #09539d;}
.twitter-button,.sharePBtn--twitter:hover{background: #000;}
.sharePBtn--wechat:hover,.open.sharePBtn--wechat{background:#02bf31;}
.twitter-button:hover{background: #323232;}
.fb-button,.sharePBtn--fb:hover{background:#1877f2;}
.fb-button:hover{background: #1467d3;}
.line-button,.sharePBtn--line:hover{background:#06c755;}
.line-button:hover{background: #05b34d;}
.shareBtn .bi{position: relative;/* top: 1px; */padding-right: 0.125rem;}
.bi-twitter::before{content: ''!important;background: url("data:image/svg+xml,%3Csvg width='1200' height='1227' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026zM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026z' fill='%23fff'/%3E%3C/svg%3E")center/cover;width: 0.75rem;aspect-ratio: 1;}
.sharePBtn--twitter .bi-twitter::before{width:1.25rem;}

.articleTit__sort--dot{position: relative;padding-left: 1rem;letter-spacing: 0;text-transform: initial;}
.articleTit__sort--dot:before{content: '';position: absolute;width: 0.5rem;aspect-ratio: 1;background: var(--color-orange);border-radius: 0.125rem;left: 0;top: 50%;transform: translateY(-50%);}
.articleTit__tag{display:-webkit-box;margin-top:1.5rem;/* overflow-y: scroll; */}
.articleTit--middle{border-bottom: none;position: relative;text-align: center;margin-bottom: 2rem;}
.articleTit--middle:after{content:'';position:absolute;width:3rem;height:0.25rem;background: var(--color-subBlue);bottom: 0.5rem;left: 50%;transform: translateX(-50%);}

.articleTop{display:flex;margin-bottom: 2rem;padding-bottom: 0.5rem;border-bottom: 1px solid #dcddcd;}
.articleTopTit{width:100%;/* padding-right: 2rem; */}
.articleTopBtn{width:auto;}
.relationBox{display:flex;gap: 1rem 2rem;flex-wrap: wrap;}
.articleTopTit__pdCate,.articleTopTit__industAppli{padding:0;margin:0;list-style:none;position:relative;display: flex;gap: 0.5rem;/* margin-bottom: 0.5rem; */align-items: center;flex-wrap: wrap;}
.articleTopTit__pdCate:before{content: 'Products';}
.articleTopTit__industAppli:before{content: 'Industry';}
[lang="zh-Hant-TW"] .articleTopTit__pdCate:before{content:'產品';}
[lang="zh-Hant-TW"] .articleTopTit__industAppli:before{content:'產品應用';}
[lang="zh-Hans"] .articleTopTit__pdCate:before{content:'产业';}
[lang="zh-Hants"] .articleTopTit__industAppli:before{content:'产业应用';}


.articleTopTit__pdCate:before,.articleTopTit__industAppli:before{background: var(--color-subBlue);color:#fff;padding:0.125rem 0.5rem;border-radius:0.25rem;min-width: 5rem;text-align: center;}
.articleTopTit__industAppli__item + .articleTopTit__industAppli__item{position:relative;}
.articleTopTit__industAppli__item + .articleTopTit__industAppli__item:before{content:'|';padding-right:0.5rem;opacity:0.5;}

.pdtNorm{background: rgba(0,66,141,0.15);padding: 1rem;margin-bottom: 1rem;position: relative;z-index: 0;overflow: hidden;}
.pdtNorm:after{content:'';position:absolute;background:url(../images/all/logo.png)center/cover;aspect-ratio: 98/27;width: 350px;right: -1rem;bottom: -1rem;filter: grayscale(1) brightness(10);opacity: 0.3;pointer-events: none;z-index: -1;}
.pdtNorm__list{padding:0;margin: 0;list-style:none;display: flex;flex-wrap: wrap;gap: 0 1rem;}
.pdtNorm__list__item{width: calc(50% - 1rem);display: flex;gap: 1rem;transition: 0.3s all;padding: 0.25rem 0.5rem;cursor: default;}
.pdtNorm__list__item:hover{background: rgb(0 66 141 / 15%);}
.pdtNormTitle{width: 165px;font-weight: 700;}

.pdtNorm__list__item:last-child{width:100%}
.pdtNormTxt{width: calc(100% - 150px);color: var(--color-mainBlue);line-height: 1.25;display: flex;flex-wrap: wrap;gap: 0.5rem 1.5rem;align-content: center;}
.pdtNormTxt span{display: block;padding-left: 0.5rem;border-radius:100rem;position: relative;width: 100%;}
.pdtNormTxt span:before{content:'';position:absolute;left: -0.125rem;top:50%;transform:translateY(-50%);width: 0.375rem;aspect-ratio:1;background: #5a88bc;border-radius: 100rem;}


.pdRelateLink{color: var(--color-font2);}

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

.pgSortBox{margin-bottom:1.5rem;}
.pgSortBox__drop{background:var(--color-mainBlue);color:#fff;padding:0.5rem 1rem;text-align:center;font-size:1.125rem;letter-spacing:0.05em;cursor: pointer;font-weight: 500;margin-bottom: 0;}
.pgSortBox--normal .pgSortBox__drop{display:none;}
.pgSortBox__list{display:flex;margin-bottom: 1.5rem;gap: 0.75rem;justify-content: center;flex-wrap: wrap;padding: 0;}
.pgSortBox__list__item{display:inline-block;padding: 0.5rem 1.25rem;font-size: clamp(1rem,3vw,1.15rem);color: var(--color-subBlue);position: relative;z-index: 0;text-transform: capitalize;}
.filterBox{display:flex;margin-bottom: clamp(1rem,5vw,2.5rem);gap: 0.75rem;justify-content: center;}
.filterBox__year,.filterBox__kw{max-width: 200px;border-radius: 100rem;}
.filterBox__kw input{border-radius:100rem 0 0 100rem;}
.btn--kwBorder{border:1px solid #ddd!important;border-radius:0 100rem 100rem 0}
.filterBox__kw .btn--kwBorder:hover{background: var(--color-mainBlue);color:#fff;}


/*bn-share*/
.sharePBox{display:flex;align-items: center;justify-content: center;}
.sharePBtn{width: 2.5rem;aspect-ratio: 1;font-size: 1.25rem;background: #919191;border-radius: 100rem;display: inline-flex;aspect-ratio: 1;align-items: center;justify-content: center;color: #fff;cursor:pointer;transition: 0.3s all;}
.sharePBox__toggle {background: var(--color-subBlue);transform: translateX(calc(-300% - 0.25rem));transition: 0.8s all;}
.sharePBtn:hover{color:#fff;}
.sharePBox__group .sharePBtn{/* display:none; */}
.open.sharePBox .sharePBtn{display: inline-flex;transform: translateX(0);}
.sharePBox__group{transform: translateX(50%);transition: 0.3s opacity,0.8s transform;margin: 0.5rem;display: flex;gap: 0.5rem;opacity: 0;pointer-events: none;}
.open.sharePBox .sharePBox__group{opacity: 1;transform: translateX(0);pointer-events: auto;}
.open.sharePBox .sharePBox__toggle{transform: translateX(0) rotate(360deg);width: 3rem;}
.open.sharePBox .sharePBox__toggle .bi:before{content:'\F659';}
.sharePBtn--wechat{position:relative;}
#qrImg{position:absolute;padding: 0.5rem;background: #fff;border-radius: 0.25rem;bottom: 1rem;transform: translateY(100%);box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.15);transition: 0.3s all;pointer-events: none;opacity: 0;display: flex;border: 0.25rem solid #02bf31;}
.open.sharePBtn--wechat #qrImg{opacity:1;bottom:-1rem;pointer-events:auto;}
#qrImg:before{content:'';position:absolute;border-width: 0 0.75rem 0.75rem 0.75rem;display: block;border-color: transparent;border-bottom-color: #02bf31;border-style: solid;top: -0.25rem;left: 50%;transform: translate(-50%,-100%);}

.sharePBtn .bi{}

/*research*/
.blockHeight--research{padding: clamp(3rem,5vw,5rem) 0;position: relative;background: #fff;z-index: 3;}
.techInBox{display:flex;flex-direction:column;gap: 5rem;padding: 2rem 0 3rem;}
.techBox__item--page{display: grid;grid-template-columns: 2fr 5fr;align-items: start;gap: 0 2rem;}
.techBox__item--page:after{bottom: -2.5rem;}
.pgContent .techBox__item:hover .techCover__pic{opacity:1;}
.tectDWrap{display: block;}
.techDBox{/* width: 70%; *//* padding-left: 2rem; */}

/*blockHeight--link*/
.blockHeight--link{padding: clamp(3rem,5vw,8rem) 0;background: #f4f4f4;position: relative;}
.linkWrapper{display:flex;}
.linkListBox{width:70%;padding-left: 2rem;padding-top: 2rem;}
.linkList{display: flex;list-style:none;padding: 0;margin: 0;gap: 0 1rem;flex-wrap: wrap;}
.linkList__item{width:calc(50% - 1rem);position: relative;}
.linkList__item:after{content: '\F138';position:absolute;font-family: bootstrap-icons !important;right: 0.5rem;top: 50%;transform: translateY(-50%);font-weight: 700;transition: 0.3s ease-out;}
.linkList__item__link{padding: 1.5rem 0.25rem;display: block;border-top: 1px solid #cdcdcd;font-size: clamp(1.115rem,5vw,1.125rem);font-weight: 500;}
.linkList__item__link:hover{color:var(--color-subBlue);}

/*blockHeight--news*/
.blockHeight--news{padding: clamp(3rem,5vw,8rem) 0;}
.pgContent .newsBox{margin-bottom: 2rem;}
.pgContent .newsBox__item{border:1px solid #ddd;}
.pgContent .newsBox__item:hover{border-color: transparent;}
.detailContent{line-height:1.75;}
.newsBox--horizontal{flex-direction: column;}
.newsBox__item--h{display:grid;width:100%;grid-template-columns: 1fr 2fr;gap: 2rem;align-items: center;}
/* .newsBox--horizontal .newsBox__item:hover .vMore .txt{right: 0;transform: translateX(0);} */

/* blockHeight--abZone*/
.blockHeight--abZone{padding: clamp(3rem,5vw,8rem) 0;background:#f4f4f4;}
.aboutAll .txt{display:contents;}
.aboutAll mark{padding:0;background:none;}

/*blockHeight--comment*/
.blockHeight--comment{padding:5rem 0;/* background:#f4f4f4; */position: relative;}
.blockHeight--link:before,.blockHeight--comment:before{content:'';position:absolute;width:100%;height:2rem;background:transparent;left:0;top: -2rem;box-shadow: 0 0 1.5rem rgba(0,0,0,0.15);/* clip-path: polygon(0 10%, 100% 10%, 100% 200%, 0% 200%); */}



/* 圖文&編輯器 */
.pageContent table { max-width:100%;width: 100%;}
.tx01 {margin-bottom: 2rem;}
.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-right.tx01 figure +  .text{/* width:50%; */}
.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 img{max-width:100%;max-height:100%;height:auto!important}
.tx01 .text:only-child{width:100%;}

/* 編輯器-表格 */
table{max-width: 100%!important;}
.tsg-table{margin: 0.625rem 0;}
.tsg-table thead{background: var(--color-subBlue);font-weight: 700;color: #fff;}
.tsg-table tbody tr:nth-of-type(1){border-top: 1px solid var(--color-subBlue);}
.tsg-table td{padding: 0.5rem;}
.tsg-table thead td{padding: 0.625rem 0.5rem;}
.tsg-table tbody tr{transition:0.3s all;}
.tsg-table tbody tr:last-child{}
.tsg-table tbody tr:nth-of-type(even){background: rgba(0,66,141,0.05);}
.tsg-reports-mon{border-collapse: separate;border-spacing: 2px;}
.tsg-reports-mon thead td{text-align:center;}
.tsg-reports-mon tbody{text-align:center;border-top: 1px solid #3333;}
.tsg-reports-mon tbody tr:nth-of-type(1) td{}
.tsg-reports-mon{border-bottom: 1px solid var(--color-subBlue);}

.hashtagBox-outer{text-align:center;}
.hashtagBox{display: flex;background: rgba(0,121,194,0.1);padding: 0.5rem 1rem;/* border-radius: 0.25rem; */justify-content: center;font-size: 1.115rem;align-items: center;flex-wrap: wrap;}
.hashtagBox__item{font-weight:500;color:var(--color-mainBlue);}
.hashtagBox__item .txt{font-weight:400;color:var(--color-font);padding: 0 0.25rem;}
.hashtagBox__item .txt--btn{color: var(--color-waterBlue);display: inline-block;padding: 0.25rem 0.625rem;border-radius: 100rem;border: 1px solid;line-height: 1.3;margin: 0 0.5rem;cursor: default;background: rgba(255,255,255,0.85);}
.hashtagBox__item--result{padding-left:1rem;margin-left:1rem;position:relative;}
.hashtagBox__item--result:after{content:'';position:absolute;width:1px;height:100%;background:#dcdcdc;left:0;top:0;}

/*products*/
.introBox__txt{color:#fff;margin: auto;padding: 1rem 0;position: relative;text-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.85);font-weight: 500;font-size: clamp(0.85rem,4vw,1.2rem);line-height: 1.5;width: 90%;}
.introBox__txt--leftTit{text-align:left;text-transform:capitalize;margin: 0;}
.introBox__txt:before{content:'';position:absolute;width: 0;height: 0.25rem;left:50%;top:0.25rem;background: var(--color-orange);transform:translateX(-50%);border-radius: 2px;transition:0.3s width;transition-delay: 2.25s;}
.animated.introBox__txt:before{width:4rem;}

.pdtIntro{display: flex;align-items: flex-start;}
.pdtIntro__name{width: 30%;position:relative;padding-left: 1.5rem;margin-bottom: 0;font-weight: 700;color: var(--color-mainBlue);font-size: clamp(1.25rem,3vw,2.5rem);}
.pdtIntro__name:after{content:'';position:absolute;/* width: 0.25rem; */height:0;background: var(--color-orange);left:0;top: 50%;border-radius:2px;transition:0.3s height;transition-delay: 1.25s;aspect-ratio: 1;transform: translateY(-50%);}
.pdtIntro__txt {width:70%;/* font-size: clamp(1.125rem,2vw,1.25rem); */position:relative;padding-left: 2rem;margin-bottom: clamp(0px,3vw,3rem);}
.pdtIntro__txt:only-child{width: 100%;padding: 0;}
.animated.pdtIntro__name:after{height: 0.625rem;}

.blockHeight--productList{background:#f4f4f4;padding: clamp(2rem,5vw,5rem) 0;}
.pdtList__name{font-size: clamp(1.25rem,3vw,2.25rem);font-weight:700;color:var(--color-mainBlue);border-bottom: 1px solid #dcdcdc;padding-bottom: 1rem;margin-bottom: 3rem;position:relative;padding-left: 1.5rem;}
.pdtList__name:after{content:'';position:absolute;width: 0.625rem;background: var(--color-orange);left:0;top: calc(50% - 0.5rem);border-radius:2px;transition:0.3s height;transition-delay: 1.25s;aspect-ratio: 1;transform: translateY(-50%);}
.pdtList__tab{display:flex;}
.pdtList__tab__link{display:flex;flex-direction:column;padding: 0;margin: 0;list-style: none;width: 30%;}
.pdtItem{position:relative;padding: 0.5rem 0;padding-left: 0.75rem;font-weight: 500;cursor: pointer;}
.pdtItem:only-child{pointer-events:none;}

.pdtClose{display:none;width: 2.875rem;aspect-ratio: 1;background: var(--color-subBlue);top: 0;right: 0;transition: 0.3s all;cursor: pointer;z-index: 10;border-radius: 100rem;}
.pdtClose:hover{background:var(--color-orange);transform:rotate(90deg);box-shadow:0 0.25rem 1rem rgba(0,0,0,0.15);}
.pdtList__tab__content{width:70%;padding-left: 2rem;}
.pdtTabContent{display: none;}
.active.pdtTabContent{display: block;}

.pdtTabContent__tit{font-size: clamp(1.125rem,2vw,1.625rem);margin-bottom: 2rem;}
.pdtTabContent__breif{margin-bottom: 2.5rem;}
.pdtTabContent__sort{counter-reset: num;margin: 0;padding: 0;list-style: none;display: flex;gap: 0.5rem 1.25rem;padding: 0.5rem 0;flex-wrap: wrap;margin-bottom: 1rem;}
.pdtTabContent__sort:last-child{margin-bottom: 0;}
.pdtTabContent__sort__item{position: relative;padding: 0.5rem 2.5rem;min-width: calc((100% - 2.5rem)/3);display: inline-block;transition: 0.3s all;}
.pdtTabContent__sort__item .pdtName{font-weight: 500;}
.pdtName:hover{/*color:#709cd9;*/color:var(--color-orange);}
.pdtTabContent__sort__item:before{content: counter(num);position: absolute;counter-increment: num;left: 0.5rem;top: 50%;transform: translateY(-50%);display: inline-block;/* width: 1.75rem; */color: var(--color-subBlue);}
.pdtTabContent__sort__item:nth-child(-n+9):before{content: '0'counter(num);}
.pdtTabContent__sort__item:after{content:'';position:absolute;width:1px;height:100%;background: linear-gradient(to top,transparent 25%,#a4a4a4 25%,#a4a4a4 75%,transparent 75%);top: 0;left: 2rem;}
.inq-btn{color:#fff;aspect-ratio:1;width: 1.625rem;border-radius:100rem;display: inline-flex;margin-left: 0.375rem;justify-content: center;align-items: center;background: #a4a4a4;position: absolute;right: 0.5rem;top: 50%;transform: translateY(-50%);}
.inq-btn:hover{background:var(--color-orange);color:#fff;transform: translateY(-50%) rotate(270deg);}
.inq-btn.inquiryPlus--check{background: #40b740;}
.inquiryPlus--check:hover{transform:rotate(0deg);}

.pdtTabContent--wrapper + .pdtTabContent--wrapper{padding-top:2rem;}
.pdtName[href="javascript:void(0);"]{cursor:default;}
.pdtName[href="javascript:void(0);"]:hover{color:var(--color-font);}


.blockHeight--productDetail{padding: 4rem 0 6rem;}
.downloadArea{position:relative;padding: 1rem 0;margin-top: 1rem;}
.downloadArea:before{content:'Download';background: var(--color-subBlue);color: #fff;padding: 0.25rem 0.5rem;border-radius: 0.25rem;min-width: 5rem;}
[lang="zh-Hant-TW"] .downloadArea:before{content:'檔案下載';}
[lang="zh-Hants"] .downloadArea:before{content:'档案下载';}

.dlBox{padding: 0.5rem 0;display: flex;flex-direction: column;gap: 0.75rem;}
.dlBox__link{padding: 0.5rem 0.75rem;position:relative;display: block;background: #f4f4f4;}
.dlBox__link:hover{color:var(--color-orange);letter-spacing:0.025em}
.dlBox__link:before{content: '\F756';display: inline-block;font-family: bootstrap-icons !important;padding-right: 0.5rem;position: relative;top: 2px;}

.inquiryBox{position: fixed;bottom: 5rem;right: 1rem;transition: 0.3s ease-in;z-index: 20;}
.inquiryBox:after{content:'';position:absolute;width: 3.25rem;height:3.25rem;box-shadow: 0 0 0 0.375rem var(--color-waterBlue);border-radius:100rem;filter: opacity(0.4);right: 0;bottom: 0;animation: pulse 1.25s infinite;background: var(--color-waterBlue);z-index: -1;transition: 0.3s ease-in;}
.inquiryBox:hover:after{width:100%;background:var(--color-mainBlue);box-shadow: 0 0 0 0.25rem var(--color-mainBlue);}
.inquiryBox__btn{display:flex;transform: translateX(calc(100% - 3.25rem));border-radius: 100rem;}
.inquiryBox__btn__pic {width: 3.25rem;padding: 0.35rem;aspect-ratio: 1;transform-origin:right bottom;background: var(--gradient-1);border-radius: 100rem;position: relative;z-index: 1;}
.inquiryBox:hover .inquiryBox__btn__pic{background:var(--gradient-2);}
.inquiryBox__btn__txt{color:#fff;white-space:nowrap;transition:0.5s all;display: flex;background: #41bce8;height: 3.25rem;align-items: center;padding: 0 0.75rem;padding-left: 1.625rem;margin-left: -1.625rem;opacity: 0;border-radius: 0 100rem 100rem 0;transition: 0.3s all;}

.inq-num{margin-left: 0.25rem;background:var(--color-orange);color:#fff;aspect-ratio:1;width:1.25rem;display:flex;justify-content: center;align-items: center;border-radius: 0.25rem;}
.dropdown-item .inq-num{margin-left:0.5rem;}

/* toast__產品詢問 加入購物車 */
#toast{visibility:hidden;max-width:50px;height: 3.25rem;margin:auto;background-color: var(--color-orange);border-radius: 100rem;color:#fff;text-align:center;position:fixed;z-index: 1035;left:0;right:0;bottom: 1rem;font-size:17px;white-space:nowrap;overflow: hidden;/* box-shadow: 0 5px 10px -2px rgba(51, 51, 51, .2); */}
#toast #img{width:0;height: 3.25rem;float:left;position: relative;background-color: var(--color-mainBlue);color:#fff;border-radius: 5px 0 0 5px;opacity:0;transition:0.3s all;}
#toast.check #img{width: 3.25rem;opacity:1;}
#toast #img i{line-height: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 1.25rem;}
#toast #desc{color:#fff;overflow:hidden;white-space:nowrap;line-height: 3.25rem;transition:0.3s all;}
#toast.show{visibility:visible;-webkit-animation: fadein 0.5s, expand .5s 0.5s, stay 3s 1s forwards;animation: fadein 0.5s, expand .5s 0.5s, stay 3s 1s forwards;}
#toast:hover #desc{background:var(--color-subBlue);}
@keyframes fadein {
	from{bottom:0;opacity:0}
	to{bottom:30px;opacity:1}
}
@keyframes expand {
	from{min-width:50px}
	to{min-width:300px}
}
@keyframes stay {
	from{min-width:300px}
	to{min-width:300px}
}
@keyframes shrink {
	from{min-width:300px}
	to{min-width:50px}
}
@keyframes fadeout {
	from{bottom:30px;opacity:1}
	to{bottom:60px;opacity:0}
}

/*blockHeight--relevant*/
.blockHeight--relevant{padding: clamp(4rem,3.5vw,6rem) 0;background:#f4f4f4;overflow: hidden;}
.techInBox--slick{margin: 0 -1rem;padding-bottom: 1rem;}
.techBox__item--relevant{flex-direction:column;margin: clamp(0.5rem,1vw,1rem);opacity: 0.3;transition: 0.8s opacity,0.3s transform;transition-delay: 0.6s;}
.techBox__item--relevant:hover{box-shadow:0 0 0.5rem rgba(0,0,0,0.15);}
.slick-active.techBox__item--relevant{opacity:1;}
.techBox__item--relevant:after{content:none;}
.techBox__item--relevant .techInfor{background:#fff;padding:1rem;}

/* blockHeight--industry */
.blockHeight--industry{padding: clamp(3rem,5vw,8rem) 0;}
.indBrief{padding: 1rem 0;margin-bottom: 1rem;}
.indBrief .txt{position:relative;padding-left: 1rem;}
.indBrief .txt:after{content:'';position:absolute;width: 0.375rem;height: 1.5rem;left: 0;top: 1px;background:var(--color-subBlue);}

.blockHeight--industList{background:#f4f4f4;padding:5rem 0;}
.indList{margin-bottom:3rem}
.indList__name{font-size: clamp(1.375rem,3vw,2.5rem);font-weight:700;color:var(--color-mainBlue);border-bottom: 1px solid #dcdcdc;padding-bottom: 1rem;margin-bottom: 2rem;position:relative;padding-left: 1.5rem;}
.indList__name:after{content:'';position:absolute;width: 0.625rem;background: var(--color-orange);left:0;top: calc(50% - 0.5rem);border-radius:2px;transition:0.3s height;transition-delay: 1.25s;aspect-ratio: 1;transform: translateY(-50%);}
.indList__intro{/* display:flex; *//* align-items: flex-start; */}
.indList__tab{display:flex;}

.industryItem__img {display:flex;flex-direction:column;padding: 0;margin: 0;list-style: none;width: 30%;}
.industryItem__box{width: 70%;padding-left: 2rem;}

.industryItem{width:100%;display: flex;}
.industryItem:not(:last-child){margin-bottom: 1.5rem;border-bottom: 1px dashed #dcdcdc;}
.blockHeight--industry .industryBox{gap:0;margin-bottom: 3rem;}
.blockHeight--industry .industryBox__item{width:25%;}

/*blockHeight--may*/
.blockHeight--may{padding: clamp(2rem,3vw,4rem) 0 clamp(4rem,3.5vw,6rem);background: rgba(0,66,141,0.05);border-bottom: 1px solid #fff;overflow: hidden;}
.mayBox__item{margin:0 -1rem;padding-top: 1rem;}
.mayBox__item__box{display:flex;gap:1rem;}
.mayPdt{padding: 1.25rem 1rem;margin: 1rem;background: #fff;overflow: hidden;position: relative;transition: 0.3s all;}
.mayPdt:after{content:'';position:absolute;background: url(../images/all/logo.png) center/cover no-repeat;width: 35%;aspect-ratio: 29/8;right: 0;bottom: 0;transform: translate(10%,10%);opacity: 0.15;pointer-events: none;}
.mayPdt:hover{box-shadow:0 0 0.5rem rgba(0,0,0,0.15);}
.mayPdt__sort{display:block;position:relative;color:var(--color-mainBlue);padding-left:1rem;margin-bottom: 0.25rem;font-size: 0.875rem;}
.mayPdt__sort:after{content:'';position: absolute;width: 0.5rem;background: var(--color-orange);left: 0;top: 50%;border-radius: 2px;transition: 0.3s height;transition-delay: 1.25s;aspect-ratio: 1;transform: translateY(-50%);}
.mayPdt__title{display:block;font-size: clamp(1.125rem,3vw,1.15rem);font-weight: 500;line-height: 1.3;transition:0.3s all;}
.mayPdt__sort:hover{/* text-decoration:underline; */color: var(--color-subBlue);}
.mayBox__item__box :hover .mayPdt__title{letter-spacing:0.05em;color:var(--color-subBlue);}

/*contact*/
.blockHeight--contact{padding: clamp(3rem,5vw,8rem) 0;position: relative;}
/* .container--contact{margin-left: 0;padding-left: 10%;} */
.contactBox{display: flex;align-items: flex-start;}
.contactBox__infor{width: 30%;/* border-bottom: 1px solid #dcdcdc; */}
.svLocation{list-style:none;padding: 0;padding-right: 1.25rem;margin:0;}
.svLocation__item{margin-bottom: 3rem;position: relative;}
.svLocation__item__tit{font-size:1.125rem;font-weight:600;display: flex;position: relative;border-bottom: 2px solid var(--color-mainBlue);justify-content: space-between;}
.svLocationTxt{display: inline-block;padding: 0.5rem 1rem;border-radius: 100rem;line-height: 1.3;transition: 0.3s all;position: relative;z-index: 1;}
.svLocationTxt:before{content:'';position: absolute;width: 0.5rem;aspect-ratio: 1;background: var(--color-orange);border-radius: 0.125rem;left: 0;top: 50%;transform: translateY(-50%);}
.svLocationLink{color: var(--color-mainBlue);border-radius: 0;position: relative;transition: 0.3s all;display: flex;align-items: center;padding: 0 1rem;transition: 0.3s all;}
.svLocationLink i{}
.svLocation__item__content{list-style:none;margin:0;padding: 0.625rem;display: flex;flex-wrap: wrap;gap: 0 1.5rem;transition: 0.3s all;}
.svContent{position:relative;padding-left:1.5rem;margin-bottom:0.5rem;}
.svContent:before{position:absolute;font-family:bootstrap-icons !important;left:2px;top:2px;color: var(--color-subBlue);}
.svContent:last-child{margin-bottom:0;}
.svContent--geo:before{content:'\F3E8';}
.svContent--tel:before{content:'\F5BC';}
.svContent--tel:after{content:'';position:absolute;width:1px;height: 80%;background:#ddd;right: -0.75rem;top: 10%;}
.svContent--fax:before{content:'\F501';}
.contactBox__content{width: 70%;padding-left: 2rem;}
.ctTitle{font-size: clamp(1.25rem,3vw,2rem);font-weight: 600;color: var(--color-font);margin-bottom: 1.5rem;}
.ctTitle + .ctNote{margin-top: -0.5rem;padding-bottom:1rem;border-bottom: 1px solid #dcdcdc;}
.ctIntro{margin:0;padding:0.5rem 0;}

.ctFormWrapper{/* padding:2rem; */counter-reset: stepNum;}
.ctFormStep{padding: 1rem 0;}
.ctFormItem {padding-top:1rem;}
.ctFormItem--function{padding-bottom:2rem}
.ctFormStep{position:relative;padding-bottom: 0.5rem;}
.ctFormStep:before{counter-increment: stepNum;content: 'Step 'counter(stepNum);margin-right: 0.5rem;color: var(--color-mainBlue);font-size: 1.375em;}
.ctNote{position:relative;padding-left:2rem}
.ctNote:before{content:'';position:absolute;width:1.5rem;height:2px;background:var(--color-font);top:0.75rem;left:0;opacity:0.5;}
.ctBorder{padding:1rem;padding-bottom: 2rem;border:1px solid var(--color-mainBlue);border-radius:0.5rem;margin: 0.625rem 0 1rem;}
.ctPdtList__title{padding:0;margin:0;list-style:none;display: flex;padding: 0.625rem 0;background: var(--color-subBlue);color: #fff;font-weight: 700;}
.ctPdtList__content{padding:0;margin:0;list-style:none;counter-reset: num;}
.ctPdtList__content__item{display:flex;padding: 1rem 0;align-items: center;}
.ctPdtList__content__item:not(:last-child){border-bottom:1px solid #dcdcdc;}
.ctPdtN--item{width:80px;text-align: center;}
.ctPdtListCN.ctPdtN--item{position: relative;}
.ctPdtListCN.ctPdtN--item:before{counter-increment: num;content: counter(num);}
.ctPdtN--name{width: calc((100% - 160px) / 2);padding-left: 1rem;}
.ctPdtN--cas{width: calc((100% - 160px) / 2);padding-left: 1rem;}
.ctPdtN--del{width: 80px;text-align: center;}
.ctPdtListCN__link{display:block;}
.ctPdtListCN__link:hover{text-decoration:underline;color:var(--color-subBlue);}
.ctPdtListCN__icon{padding:0 0.5rem;border-radius:100rem;aspect-ratio: 1;display: inline-flex;align-items: center;justify-content: center;}
.finalTxt{position: relative;text-align: center;z-index: 0;}
.finalTxt:after{content:'';position:absolute;width:100%;height:1px;background:var(--color-mainBlue);left:0;top: 50%;z-index: -1;}
.finalTxt .subTitle{background:#fff;padding:0 1rem;font-size: clamp(15px,1.25vw,1.15rem);text-align: center;color: var(--color-mainBlue);}


/*contact-表單*/
.cnForm .form-control{background: transparent;border-radius:0;border:none;border-bottom: 1px solid var(--color-font);margin-bottom: 1px;}
.cnForm .form-control:focus{box-shadow: none;border-bottom: 2px solid var(--color-subBlue);margin-bottom:0;}
.cnForm textarea.form-control{background:#f7f7f7;border-color: transparent;margin-top: 0.25rem;}
textarea.form-control:focus{background:#f1f1f1;}
.form-group:not(:last-of-type){margin-bottom: clamp(0.5rem,1.2vw,1.5rem);}
.form-group--recaptcha{display: flex;align-items: center;justify-content: center;gap: 0.5rem 1rem;flex-wrap: wrap;}
label .red{padding:0 0.25rem;}
.formGBox{display:flex;flex-wrap:wrap;gap: 1rem clamp(1.25rem,2vw,2rem);justify-content: center;}
.formGBox--start{justify-content:left;}
.form-group{width:100%;}
.form-group--half{width:calc(50% - 1rem);}
.alert_line{border-color:var(--bs-red);background:rgb(218 40 69 / 2%);}

/*投資人專區*/
.blockHeight--investor{padding:clamp(2rem,3vw,4rem) 0 clamp(4rem,5vw,6rem);}
.sidebarFlex{display: flex;}
.sidebarBar{width: 260px;}
.sidebarContent{width: calc(100% - 28%);padding-left: 3rem;}
.yearBar{padding-bottom: 1rem;display: inline-flex;}
.yearBar select{min-width: 200px;}

.inveListBox__title{margin: 0;list-style: none;display: flex;font-weight: 700;padding: 1rem 0;color: #fff;background: var(--color-subBlue);}
.inveList--item{width: 80px;text-align: center;}
.inveList--img{width: 120px;padding-left: 1.5rem;}
.inveList--tit{width: calc(100% - 330px);padding-left: 1.5rem;position: relative;display: flex;align-items: center;gap: 0.5rem 1rem;}
.inveList--date{width:200px;padding-left: 1.5rem;}
.inveList--icon{width: 50px;text-align: center;}
.inveCover{width: 100px;margin-bottom:0;}
.inveTit{width: calc(100% - 1rem);line-height: 1.25;}
.inveCover + .inveTit{width: calc(100% - 100px - 1rem);}
.inveCover__pic{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;}
.inveListTit{font-size: clamp(1.25rem,3vw,1.625rem);font-weight: 600;color: var(--color-font);margin-bottom: 1.5rem;}
.inveDate{margin-top:-1rem;/* text-align:center; *//* margin-bottom:1.5rem; */}
.inveDate .txt{color: var(--color-subBlue);/* padding:0.125rem 1rem; */border-radius:100rem;display: inline-block;}
.inveListBox__content{counter-reset: num;padding:0;}
.inveListBox__content__item{list-style: none;border-bottom: 1px solid #dcdcdc;transition: 0.3s all;}
.inveListBox__content__item:nth-child(even){/* background: rgba(242,150,0,0.05); */}
.inveListBox__content__item:hover{background: rgba(0,66,141,0.05);}
.inveLink{display:flex;padding: 1rem 0;align-items: center;}
.inveLink:hover{color:var(--color-mainBlue)}
/* .inveListCN.inveList--item:before{counter-increment: num;content: '0' counter(num);font-family: 'IBM Plex Mono', monospace;display: inline-flex;width: 2ch;justify-content: flex-end;overflow: hidden;} */
.inveListCN.inveList--date{color:var(--color-mainBlue)}

/*側選單-多層*/
.sidebar-btn{display:none;}
.sidebarBar{position: relative;width: 28%;padding-right: 1.25rem;background: #fff;}
.sidebar-item .sidebar-item__title{padding: 0.625rem;padding-left: 0.25rem;border-bottom: 1px solid #e2e6f2;background: #fff;}
.sidebar-item .sidebar-item__title h3{font-size: clamp(1.125rem,2.5vw,1.2rem);padding-left: 1.25rem;color: var(--color-font);font-weight: 600;position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;cursor: pointer;}
.sidebar-item .sidebar-item__title h3:before{content:'';position:absolute;width: 0.5rem;aspect-ratio: 1;background: #ddd;border-radius: 0.125rem;left: 0;top: 50%;transform: translateY(-50%);}
.active.sidebar-item .sidebar-item__title h3:before{background:var(--color-orange);}
.sidebar-item .sidebar-item__title h3:after{content: '\F64D';font-size: 1.25rem;}
.sidebar-item .sidebar-item__title--link h3:after{content:none;}
.sidebar-item__title h3:after{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;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transition: 0.3s all;}
.sidebar-item.active.open .sidebar-item__title h3:after, .sidebar-item.open .sidebar-item__title h3:after{content:"\f657";transform: rotate(45deg) scale(0.8);}
.sidebar-item__list a{display:block;padding: 0.625rem;padding-left: 1.5rem;}
.sidebar-item__list a br{display:none}
.sidebar-item__list a+a{border-top: 1px solid #ffffff;}
.sidebar-item:not(:last-child){margin-bottom:10px}
.sidebar-item.active .sidebar-item__list{display:block}
.sidebar-item .sidebar-item__list{display:none;background: rgba(0,66,141,0.05);}
.sidebar-item__list a.active,.sidebar-item__list a:hover{color: var(--color-mainBlue);position: relative;display: flex;align-items: center;justify-content: space-between;}
.sidebar-item__list a.active:after,.sidebar-item__list a:hover:after{content: "\f285";font-family: bootstrap-icons !important;}
.sidebar-item.active .sidebar-item__title {border-bottom: 2px solid #283d86;}
.inveSortLink{display:block;width: 100%;}

/*產品規格search*/
.blockHeight--pdSearch{padding:clamp(2rem,3vw,4rem) 0 clamp(4rem,5vw,6rem);}
.selectBox{padding-bottom:3rem;}
.selectBox__bar{display:flex;gap:0.5rem 1rem;/* background: rgba(0,121,194,0.1); */padding: 0.5rem 1rem;flex-wrap: wrap;justify-content: center;}
.pdSearchForm{padding-top: 1rem;}
.selectBox__bar__item{padding: 0.5rem 1.25rem;min-width: 80px;text-align: center;display: inline-block;border: 1px solid var(--color-subBlue);color: var(--color-subBlue);font-size: clamp(1rem,3vw,1.15rem);transition: 0.3s all;border-radius: 100rem;position: relative;}
.pdSelectFunction{text-align:center;position: relative;z-index:0}
.pdSelectFunction:after{content:'';position:absolute;width:100%;height:1px;background:#dcdcdc;left:0;top:calc(50% - 0.5px);z-index:-1;}
.pdSelectFunction #reset{background:#dcdcdc;border-radius:100rem;padding: 0.375rem 1rem;border: 0.5rem solid #fff;transition: 0.3s all;}
.pdSelectFunction #reset:hover{background: #c6daef;}
.pdSelectFunction #reset i{transition:0.3s all;display: inline-block;}
#reset:hover i{transform:rotate(135deg);}
.active.selectBox__bar__item{background: var(--color-subBlue);border: 1px solid var(--color-subBlue);color: #fff;font-weight: 500;}
.pdSelectOption input{display:none;}
.pdSelectOption label{background:rgba(0,66,141,0.08);padding: 0.25rem 0.75rem;cursor: pointer;min-width: 40px;text-align: center;border-radius: 100rem;}
.pdSelectOption input:checked ~ label{background:var(--color-mainBlue);color:#fff;}
.unactive.pdSelectOption {opacity:0.2;pointer-events:none;}

.pdSelectMain__list{display:flex;padding: 1.25rem 0;border-bottom: 1px solid #f1f1f1;align-items: center;}
.pdSelectMain__list__tit{width:250px;font-weight:700;position: relative;padding-left: 1rem;}
.pdSelectMain__list__tit:before{content:'';position:absolute;width: 0.5rem;aspect-ratio: 1;background: var(--color-orange);border-radius: 0.125rem;left: 0;top: 50%;transform: translateY(-50%);}
.pdSelectMain__list__item{list-style:none;padding:0;margin:0;width:calc(100% - 250px);display: flex;gap: 0.5rem 0.625rem;flex-wrap: wrap;}
.pdSelectMain__list__tit--clear{display:flex;gap: 0.75rem;}
.clearItemBtn{background: #dcdcdc;border-radius:100rem;padding:0 0.5rem;}
.clearItemBtn:hover{background: #c6daef!important;}

/*滑桿*/
.pdSelectMain__lis__slider{width: calc(100% - 250px);display: flex;flex-direction: column;gap: 1rem;}
#slider1{display:flex;flex-direction:column-reverse;}
.hide#slider1{filter:grayscale(1);opacity:0.5;pointer-events:none;}
.hide#slider1 .rangeFloat{display:none;}
.hide#slider1 .rangeSlider.pip-labels{margin-top:0;}
.meltingCheck{padding: 0.5rem 0;font-size: 1.125rem;display: flex;align-items: center;gap: 0.5rem;}
input#meltingCheckbox:checked ~ label .txt--note{opacity:0.3;}
.form-check-input[type=checkbox]{margin: 0;}
.sliderNumBar .rangeSliderBox{display:flex;justify-content: space-between;padding: 1rem 0;font-weight: 600;}
.sliderNumBar .rangeSlider.pip-labels{margin: 2.8em 2rem 1.8em 2rem;margin-bottom: 0;height: 0.25rem;}
.sliderNumBar .rangeSlider .pip .pipVal {display: none;font-size: 0.875rem;top: 8px;}
.sliderNumBar .rangePips .pip.selected{color:#333;}
.sliderNumBar .rangeSlider .pip:nth-child(25n+1) .pipVal{display:block;}
.sliderNumBar .rangeSlider .pip:nth-child(25n+1).selected .pipVal {top: 1rem;font-size: 1rem;}
/*滑桿-上標數字-*/
.sliderNumBar .rangeSlider .rangeHandle .rangeFloat{padding:0.25rem 0.75rem;border-radius:100rem;opacity: 1;background: var(--color-mainBlue)}
/* .sliderNumBar .rangeSlider .rangeHandle:nth-of-type(1) .rangeFloat{background: var(--color-subBlue);} */
/* .sliderNumBar .rangeSlider .rangeHandle:nth-of-type(2) .rangeFloat{background: var(--color-waterBlue);} */
.sliderNumBar .rangeSlider.focus .rangeHandle.press:nth-of-type(1) .rangeFloat{background: var(--color-subBlue);}
.sliderNumBar .rangeSlider.focus .rangeHandle.press:nth-of-type(2) .rangeFloat{background: var(--color-waterBlue);}
/*--*/
.sliderNumBar .slider{appearance: textfield;-moz-appearance: textfield;border: none;background: rgba(0,66,141,0.08);padding: 0.25rem 0.75rem;margin-left: 0.5rem;max-width: 4rem;border-radius: 100rem;}
.sliderNumBar .rangeSlider .rangeBar{background:var(--gradient-1);height: 0.25rem;}
.sliderNumBar .rangeSlider .rangeHandle{border-radius:100rem;width: 1rem;height: 1rem;top: 0.125rem;}
.sliderNumBar .rangeSlider .rangeHandle:nth-of-type(1){background:var(--color-subBlue);}
.sliderNumBar .rangeSlider.hoverable:not(.disabled) .rangeHandle:nth-of-type(1):hover:before{box-shadow: 0 0 0 0.5rem var(--color-subBlue);opacity: 0.2;}
.sliderNumBar .rangeSlider.hoverable:not(.disabled) .rangeHandle.press:nth-of-type(1)::before,.sliderNumBar .rangeSlider.hoverable:not(.disabled) .rangeHandle.press:nth-of-type(1):hover:before{box-shadow: 0 0 0 0.75rem var(--color-subBlue);opacity: 0.4;}
.sliderNumBar .rangeSlider .rangeHandle:nth-of-type(2){background:var(--color-waterBlue);}
.sliderNumBar .rangeSlider.hoverable:not(.disabled) .rangeHandle:nth-of-type(2):hover:before{box-shadow: 0 0 0 0.5rem var(--color-waterBlue);opacity: 0.2;}
.sliderNumBar .rangeSlider.hoverable:not(.disabled) .rangeHandle.press:nth-of-type(2)::before,.sliderNumBar .rangeSlider.hoverable:not(.disabled) .rangeHandle.press:nth-of-type(2):hover:before{box-shadow: 0 0 0 0.75rem var(--color-waterBlue);opacity: 0.4;}
.sliderNumBar .rangeNub{opacity:0;}

.resultBox{display:flex;background: rgba(0,121,194,0.1);padding: 0.75rem 1rem;justify-content: center;/* text-transform: uppercase; */}
.resultPd{margin-bottom: 1rem;}
.resultPd__title{padding:0;margin:0;list-style:none;display:flex;padding: 1.25rem 0;background: var(--color-subBlue);color: #fff;font-weight: 700;}
[class*="resultPdN--"]{padding-left: 1rem;text-align: left;}
.resultPd__title__txt,.resultPd__content__txt{width:calc(90% / var(--itemNum));}
.resultPdN--inquiry, .resultPdN--download{width: 10%;text-align: center;padding: 0;}
/* .resultPdN--product{width: calc(80% / 4);}
.resultPdN--name{width: calc(80% / 4);}
.resultPdN--cas{width: calc(80% / 4);} */
.resultPdLink{display: flex;align-items: center;height: 100%;}
.resultPdN--inquiry .resultPdLink,.resultPdN--download .resultPdLink{flex-direction: column;justify-content: center;}

.resultPd__content__txt.resultPdN--inquiry .bi{height: 1.5rem;border:1px solid #ddd;display: inline-flex;aspect-ratio: 1;justify-content: center;align-items: center;border-radius: 100rem;} 
.resultPdN--download .bi{font-size: 1.375rem;}

.resultPd__content{padding: 0;margin: 0;list-style: none;font-weight: 300;}
.resultPd__item{display:flex;font-weight: 400;position: relative;list-style: none;margin: 0;padding: 0.5rem 0;border-bottom: 1px solid #eee;background: #fff;transition: 0.3s all;}
.resultPd__item:hover{background:rgba(0,66,141,0.05);}
.resultPd__item:hover *{color:var(--color-mainBlue)}

.resultBox__item{font-weight: 500;color: var(--color-mainBlue);font-size: 1.115rem;}
.resultBox__item .txt{font-weight:400;color:var(--color-font);padding: 0 0.25rem;}
.resultPdN--inquiry .resultPdLink,.resultPdN--download .resultPdLink{flex-direction: column;justify-content: center;}
.resultPdN--inquiry .resultPdLink.inquiryPlus--check .bi{background:#40b740;color:#fff;} 

/*kw-search頁*/
.blockHeight--search{padding:5rem 0;}
.kwSearchBox__bar{display: flex;background: rgba(0,121,194,0.1);padding: 0.5rem 1rem;justify-content: center;font-size: 1.115rem;align-items: center;margin-bottom: 2rem;}
.kwSearchBox__bar__item{font-weight: 500;color: var(--color-mainBlue);}
.kwSearchBox__bar__item .txt--btn{color: var(--color-font);display: inline-block;padding: 0.25rem 0;line-height: 1.3;cursor: default;}
.kwSearchBox__bar__item .active.txt--btn{color: #fff;display: inline-block;padding: 0.25rem 0.625rem;border-radius: 100rem;border: 1px solid var(--color-subBlue);line-height: 1.3;margin: 0;margin-left: 0.5rem;cursor: default;background: var(--color-subBlue);}
.pgSortBox__list--line{position: relative;}
.pgSortBox__list--line:after{content:'';position: absolute;width: 100%;height: 2px;background: linear-gradient(to left,var(--color-subBlue) 35%,transparent 35%,transparent 65%,var(--color-subBlue) 65%);top: 50%;left: 0;transform: translateY(-1px);pointer-events: none;z-index: -1;}


.kwsTabContent{display: none;}
.active.kwsTabContent{display: block;}

.kwBox__item{padding: 1.5rem 1rem;border-bottom:1px solid #dcdcdc;display: flex;gap:1.5rem;}
.kwBoxCover{width: clamp(80px,5vw,12%);margin: 0;}
.kwBox__item__txt{width:100%;}
.kwBoxCover + .kwBox__item__txt{width: calc(100% - clamp(80px,5vw,12%) - 1.5rem);}
.kwBox__item:last-child{border-bottom:none;}
.kwBox__item:hover{background:rgba(0,66,141,0.08);}
.kwBoxTit:after{content:'';position: absolute;width: 0.5rem;aspect-ratio: 1;background: var(--color-orange);border-radius: 0.125rem;left: 0;top: 1rem;transform: translateY(-50%);}
.kwBoxTit{font-size: clamp(1.125rem,2vw,1.25rem);font-weight: 600;color: var(--color-mainBlue);padding-left: 1rem;position: relative;}
.kwBoxInfor{margin-top:0.625rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

/*about*/
.blockHeight--about{padding: 0;}

.sloganBox--about{margin-bottom:0;}
.sloganBox__core{ display: none;}
.sloganBox__core__word{display:flex;flex-direction:column;gap: 0 1rem;line-height: 1.25;justify-content: center;font-size: clamp(1.25rem,4vw,5rem);font-weight: 800;margin-bottom: -3vw;position: relative;z-index: 1;color: var(--color-mainBlue);opacity: 0.85;}

.sloganBox__img{margin: 0;overflow: hidden;position: relative;}
.sloganBox__img .deco{position: absolute;width: 100%;height: 118%;left: 0;top: 0;}
.sloganBox__img .deco span{position: absolute;top: 0;display: block;width: calc(100%/4);height: 100%;background-color: #fff;transition: width .6s ease-in-out;transition-delay: 1s;}
.sloganBox__img .deco span:nth-child(1){right: 0%;}
.sloganBox__img .deco span:nth-child(2){right: 25%;}
.sloganBox__img .deco span:nth-child(3){right: 50%;}
.sloganBox__img .deco span:nth-child(4){right: 75%;}
.animated.sloganBox__img .deco span{width: 0;}
.chitecSlogan{position:absolute;top:50%;left:50%;padding: clamp(2rem,6vw,8rem) 0;height: 100%;opacity: 0;transition: 0.3s all;transition-delay: 2s;aspect-ratio: 84/67;}
.animated.chitecSlogan{animation: fadeInUpSlow forwards 0.8s cubic-bezier(.3,.69,.67,1);animation-delay: 2.25s;}
@keyframes fadeInUpSlow {
	0%{transform:translate(-50%,-25%);opacity: 0;}
	60%{transform:translate(-50%,-52%);opacity: 1;}
	100%{transform:translate(-50%,-50%);opacity: 1;}
}
.chitecSlogan__pic{background:rgba(255,255,255,0.85);height: 100%;border: 1.5px solid #000;object-fit: cover;}

.abTop > .container{/* padding-top:3rem; */position:relative;}
.abTop > .container:after{content:'';position:absolute;left: -2rem;right: -2rem;top:0;bottom:0;/* background: rgba(0,66,141,0.08); */z-index: -1;}
.abPgBox{display: flex;flex-direction: row-reverse;align-items: flex-start;}
.abMain:after{content:'';position:absolute;left:0;top:0;background: #ebf0f6;width: 100%;height: 100%;z-index: -1;transform: translateX(-90%);}
.abContents{width: 220px;transition: 0.3s all;}
.abContents:hover{opacity:1;}
.abContents__tit{border-bottom:1px solid #dcdcdc;padding-bottom:0.5rem;margin-bottom:0.5rem;font-size: clamp(1.125rem,2vw,1.75rem);font-weight: 700;}
.abMain{width: calc(100% - 220px);background: #ebf0f6;margin-right: 2rem;padding: clamp(3rem,3vw,5rem) 3rem clamp(4rem,4vw,6rem);padding-left: 0;position: relative;}
.abContents__list{list-style: none;padding: 0;margin: 0;}
.abNav__link{font-size: clamp(1.115rem,1.5vw,1.25rem);padding: 0.5rem;display: inline-block;font-weight: 500;margin-bottom: 0.25rem;background-position: 100% 0;background-image: linear-gradient(to left,transparent,transparent 51%,var(--color-subBlue) 51%,var(--color-subBlue));background-position: 100% 0;background-size: 200% 100%;transition: background-position .3s;}
.active.abNav__link{background-position:0 0;color: #fff;}
.abSection:not(:last-child) {margin-bottom:2rem;padding-bottom: clamp(2rem,5vw,6rem);}
.abSection .titleBox{margin-bottom:2rem;}

.abAudioBox{padding: 1rem 0;}
audio{width:clamp(280px,15vw,100%);}
audio::-webkit-media-controls-panel{background:#fff;}
.abEsgBox__video iframe{height:100%;width: 100%;min-height: clamp(100px,36.5vw,480px);}

.abDataBox{display:flex;flex-wrap:wrap;gap:1rem;padding: 1rem 0;margin-bottom: 1rem;}
#num{display:none;}
.abDataBox__num{width:calc((100% - 2rem) / 3);text-align: center;}
.abDataBox__num__num .counting{font-size: clamp(2.625rem,8.5vw,3.5rem);font-weight: 800;color: var(--color-subBlue);line-height: 1.25;}
.counting--more{font-size: clamp(1.125rem,2vw,1.5rem);font-style: italic;color: var(--color-orange);font-weight: 600;}
.abDataBox__num__txt{font-weight:500;text-transform:uppercase;line-height: 1.25;}

.abInnoBox__list{display:flex;flex-wrap:wrap;gap: clamp(1rem,1.8vw,2rem);padding: 1rem 0;justify-content: center;}
.abInnoIcon{background:#fff;width: calc((100% - (2 * clamp(1rem,1.8vw,2rem))) / 3);/* padding: clamp(1.5rem,3.5vw,4rem) 1rem; */box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);border-radius: 0.25rem;border-bottom: 0.5rem solid var(--color-waterBlue);transition: 0.3s ease-out;overflow: hidden;}

.abInnoIcon__img{text-align:center;position: relative;z-index:0;margin-bottom: 2rem;}
.abInnoCover{overflow:hidden;}
.abInnoCover__pic{transition:0.3s all;}
.abInnoIcon__txt{font-size:1.25rem;text-align:center;padding: 1rem 0 1.25rem;font-weight: 600;line-height: 1.25;} 
.abInnoIcon__img:before{content:'';position:absolute;aspect-ratio:1;width: 7.5rem;border-radius:100rem;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;box-shadow: inset -0.5rem -0.25rem 0.5rem 0px rgba(0,0,0,0.05), 0.25rem 0.115rem 0.5rem rgba(0,0,0,0.25);}
.abInnoIcon__img:after{content:"";position:absolute;background:url(../images/all/circle.png)center/cover;aspect-ratio:1;height: 12rem;left:50%;top: 50%;transition: 0.3s ease-out all;transform: translate(-50%,-50%);z-index: -2;}
.abInnoIcon:hover{border-color:var(--color-subBlue)}
.abInnoIcon:hover .abInnoIcon__img:after{transform: translate(-50%,-50%) rotate(5deg) scale(1.08);}
.abInnoIcon__img__pic{aspect-ratio:1;width: clamp(4rem,8vw,8rem);padding: clamp(0.5rem,1vw,1rem);margin: 2rem;}
.videoBox:focus-visible{outline: none;}

/*abHistory*/
/* 輪播 */
/* .abHistoryBox{}
.abHistoryBox__content{margin: 0 -0.5rem;}
.abHistoryInfor__box--outer{border:none!important;}
.abHistoryInfor__box{margin: 0 3rem 0 0.5rem;display:flex;background: var(--gradient-1);opacity: 0.5;position: relative;filter: brightness(0.8);transform: scale(0.95);transition: 0.3s all;align-items: center;align-content: stretch;}
/* .slick-active .abHistoryInfor__box{box-shadow: 0 0 0.5rem rgba(0,0,0,0.15);opacity:1;z-index: 10;filter: blur(0);transform: scale(1);margin: 0 0.5rem;}
.abHistoryCover{width: 35%;margin-bottom: 0;}
.abHistorymain{width: 65%;height: 100%;display: flex;padding: 1rem 2rem;flex-direction: column;color: #fff;}
.abHistoryInfor__box__year{font-size: clamp(2rem,8.5vw,3.5rem);font-weight: 800;color: #fff;line-height: 1.25;margin-bottom: 1rem;position: relative;} */
.abHistoryInfor{list-style:none;padding: 0;margin: 0;position: relative;margin-bottom: 2rem;width: calc(100% - 100px - 2rem);}
.abGrayscale{position: absolute;width: 2px;top: 0;left: calc(50% - 2px);height: 100%;z-index: 1;background: #dcdcdc;}
.abGrayscale:before{content:'';position: sticky;left: 0;top: 0;width: 100%;/* height: var(--grayscaleH); */-webkit-backdrop-filter: grayscale(30%) brightness(250%);backdrop-filter: grayscale(100%) brightness(250%);background: var(--color-subBlue);z-index: -1;display: block;transition: 0.3s all;min-height: 50vh;}
.abHistoryInfor__box{width: calc(50% - 3rem);position: relative;z-index: 2;}
.abHistoryBtn--group{text-align:right;padding:1rem 0;margin-top:-3rem}
.abHistoryBtn{border:none;width: 3rem;aspect-ratio:1;background: var(--color-mainBlue);color:#fff;border-radius:100rem;transition: 0.3s all;} 
.abHistoryBtn:hover{background:var(--color-subBlue);}
.abHistoryBox__content--outer{display:flex;flex-wrap: wrap;align-items: center;}
.abHistoryYearNav{padding:0;margin:0;margin-bottom:2rem;width: calc(100px + 2rem);}
.abHistoryYearL__item{padding:0 1rem;/* text-align:center; */cursor: pointer;position: relative;transition: 0.3s all;position: relative;}
.abHistoryYearNav .abHistoryYearL__item{height:80px;}
.abHistoryYearL__item .txt{display:inline-block;/* padding: 1rem; */transition: 0.3s all;line-height: 3rem;}
.slick-current.abHistoryYearL__item{font-weight:800;font-size: 1.5em;padding: 0;padding-left: 2rem;}
.slick-current.abHistoryYearL__item .txt{color: var(--color-mainBlue);}
/* .abHistoryYearL__item:before{content:'';position:absolute;width:100%;height:1px;background:var(--color-subBlue);left:0;bottom:0;} */
/* .abHistoryYearL__item:after{content:'';position:absolute;width:1px;height:2rem;background:var(--color-subBlue);left:calc(50% - 0.5px);bottom:0;} */
.slick-initialized .slick-slide.abHistoryInfor__box{display:flex;background: var(--color-waterBlue);background: linear-gradient(90deg, var(--color-waterBlue), var(--color-mainBlue));border-radius: 0.25rem;overflow: hidden;}
.abHistoryInfor__box__year{font-size: clamp(3rem,6vw,8rem);font-weight: 800;font-style: italic;color: #fff;letter-spacing: 0.05em;position: absolute;right: 0;bottom: -1rem;transform: translate(2%,0);line-height: 1;opacity: 0.25;}
.abHistoryCover{margin-bottom:0;position: relative;overflow: hidden;width: 40%;}
.abHistoryMain{width:60%;padding: 0 2rem;position: relative;display: flex;align-items: center;overflow: hidden;color: #fff;}
.abHistoryInfor__box__txt{padding:0.5rem 0;}
.abHistoryCover_pic{aspect-ratio: 3/2;object-fit: cover;width: 100%;}
/* .abHistoryInfor__box:before{content:"";position:absolute;z-index: 1;display: block;border-radius: 100%;top: 0.75rem;right: calc(-3rem + 1px);width: 1.125rem;aspect-ratio: 1;border: 3px solid var(--color-subBlue);background: #fff;transform: translateX(50%);} */
/* .abHistoryInfor__box:nth-child(odd):before{right: unset;left: calc(-3rem - 1px);transform: translateX(-50%);} */

.abSection--global{padding: clamp(4rem,6vw,8rem) 0 0;}
.abglobyBox{padding:0 2rem;}
.abTop{background: #ebf0f6;}
#global{padding-bottom:0;margin-bottom:-2px;}
.abglobalBox__map{position:relative;}
.gbMap{margin-bottom:0;position: relative;}
.gbMap:after{content:'';position:absolute;width:100%;height: 8vw;left: 0;bottom: 0;background: linear-gradient(to top,#fff 15%,transparent);pointer-events: none;}
.gbMap__pic{transition: 0.3s all;animation: mapColor 5s infinite forwards;width: 100%;}
@keyframes mapColor{
	0%,90%,100%{filter:hue-rotate(0deg);}
	50%{filter:hue-rotate(15deg);}
}
.gbLocation__list{list-style: none;padding: 0;margin: 0;}
.gbLocation__list__txt{padding: 0.5rem 1rem;background: var(--color-mainBlue);color:#fff;position:absolute;font-size: clamp(1rem,1.25vw,1.5rem);font-weight: 600;border-radius: 0.5rem;border-bottom: 4px solid var(--color-font);transition: 0.3s ease-out all;margin-bottom: 2rem;/* transition-duration: 1.25s; */}

/* .gbLocation__list__txt:nth-child(1){bottom: 63%;left: 14%;transition-delay:1s;}
.gbLocation__list__txt:nth-child(2){bottom: 71%;right: 22.5%;transition-delay:1.25s;}
.gbLocation__list__txt:nth-child(3){bottom: 60%;right: 21%;transition-delay:1.75s;} */


.animated.gbMap + .gbLocation .gbLocation__list__txt--outer{margin-bottom: 0;opacity: 1;}
.gbLocation__list__txt--outer{position: absolute;margin-bottom:2rem;opacity:0;transition-duration: 1.25s;width: 3px;height: 2rem;background: var(--gradient-2);transform-origin: bottom center;}
.gbLocation__list__txt--outer:nth-child(1){transition-delay: 1s;bottom: 58%;left: 19%;}
.gbLocation__list__txt--outer:nth-child(2){transition-delay: 1.25s;bottom: 57%;right: 27.5%;height: 5rem;}
.gbLocation__list__txt--outer:nth-child(3){transition-delay: 1.75s;bottom: 54%;right: 25%;}
.gbLocation__list__txt--outer .gbLocation__list__txt{position:absolute;transform: translate(-50%,-100%);}

.gbLocation__list__txt .txt:after{content:'';position:absolute;background: url(../images/all/logo.png)center/contain no-repeat,#fff;aspect-ratio: 1;height: 2rem;top: 50%;left: 0;border-radius: 0.375rem;transform: translateY(-50%);border: 2px solid #fff;}
.gbLocation__list__txt .txt:before{content:'';position:absolute;background: url(../images/all/deco-circle.png) top center/cover no-repeat;filter: grayscale(1) brightness(10);right: 50%;bottom: -0.5rem;opacity: 0.1;transform: translateX(50%);aspect-ratio: 4/1;height: 100%;overflow: hidden;}
.gbLocation__list__txt .txt{position:relative;display: flex;padding-left: 2.5rem;min-height: 1.875rem;align-items: center;white-space: nowrap;}
/* .gbLocation__list__txt:after{content:'';position:absolute;left: 50%;bottom: -1px;width:3px;height:3rem;background: var(--gradient-2);transform: translate(-50%,100%) skewY(45deg);}   */
.gbLocation__list__txt:nth-child(2):after{height: 7rem;}
/* .animated.gbMap + .gbLocation .gbLocation__list__txt{margin-bottom: 0;opacity: 1;} */

.abglobalBox__other{padding-bottom: clamp(5rem,8vw,8rem);transition:0.3s all;}
.active.abglobalBox__other{background: linear-gradient(to bottom,transparent 25%,#ebf0f6);}
.abglobalBox__other__bar{list-style: none;padding: 0;display: flex;flex-wrap: wrap;gap: 0.5rem 1rem;justify-content: center;max-width:900px;margin: auto;margin-top: -5vw;z-index: 5;position: relative;}
.abglobalOtherBtn{padding:0.5rem 1rem;background: #bcbcbc;display:inline-flex;border-radius:100rem;color:#fff;cursor: pointer;transition: 0.3s all;}
.active.abglobalOtherBtn{background:var(--color-waterBlue);}
.abglobalContent--outer{display:none;opacity: 0;}
.active.abglobalContent--outer{display:block;animation: fadeIn-delay 1s forwards;}
@keyframes fadeIn-delay{
	0%,10%{opacity:0;}
	100%{opacity:1;}
}
.abglobalContent{list-style: none;padding: 4rem 0 0;margin: 0;display: flex;width: 100%;gap: 2rem 1rem;flex-wrap: wrap;justify-content: center;}
.abglobalContent__item{width: calc((100% - 3rem) / 4);box-shadow: 0 0 1rem rgba(0,0,0,0.15);display: flex;flex-direction: column;justify-content: space-around;position: relative;align-items: center;border: 0.5rem solid transparent;transition: 0.3s all;background: #fff;}
.abglobalContent__item:after{content:'';position:absolute;width: calc(100% + 1rem);height: 0.5rem;background:var(--color-waterBlue);left: -0.5rem;bottom: -0.5rem;transition:0.3s all;}
.abglobalContent__item:hover:after{background:var(--color-subBlue);}
.abglobalContent__item:before{content:'';position:absolute;height: 2rem;aspect-ratio:1;left: 0.625rem;top:0;transform:translateY(-50%);border-radius: 1rem;border: 4px solid #fff;box-shadow: 0 0.25rem 0.05rem rgba(0,0,0,0.15);}
.flag--us:before{background: url(../images/about/flag/flag-1.png)center/cover;}
.flag--ca:before{background: url(../images/about/flag/flag-2.png)center/cover;}
.flag--bz:before{background: url(../images/about/flag/flag-3.png)center/cover;}
.flag--mx:before{background: url(../images/about/flag/flag-4.png)center/cover;}
.flag--se:before{background: url(../images/about/flag/flag-5.png)center/cover;}
.flag--sp:before{background: url(../images/about/flag/flag-6.png)center/cover;}
.flag--uk:before{background: url(../images/about/flag/flag-7.png)center/cover;}
.flag--it:before{background: url(../images/about/flag/flag-8.png)center/cover;}
.flag--gr:before{background: url(../images/about/flag/flag-9.png)center/cover;}
.flag--cz:before{background: url(../images/about/flag/flag-10.png)center/cover;}
.flag--af:before{background: url(../images/about/flag/flag-11.png)center/cover;}
.flag--sea:before{background: url(../images/about/flag/flag-12.png)center/cover;}
.flag--al:before{background: url(../images/about/flag/flag-13.png)center/cover;}
.flag--il:before{background: url(../images/about/flag/flag-14.png)center/cover;}
.flag--eg:before{background: url(../images/about/flag/flag-15.png)center/cover;}
.flag--an:before{background: url(../images/about/flag/flag-16.png)center/cover;}
.flag--cn:before{background: url(../images/about/flag/flag-cn.png)center/cover;}
.flag--jp:before{background: url(../images/about/flag/flag-jp.png)center/cover;}
.flag--ko:before{background: url(../images/about/flag/flag-ko.png)center/cover;}
.flag--greece:before{background: url(../images/about/flag/flag-greece.png)center/cover;}
.flag--sa:before{background: url(../images/about/flag/flag-sa.png)center/cover;}
.flag--vi:before{background: url(../images/about/flag/flag-vi.png)center/cover;}
.flagIcon{position:absolute;left: 0;top: 0;}
.flagIcon:before,.flagIcon:after{position:absolute;height: 2rem;aspect-ratio: 1;left: 0.625rem;top: 0;transform: translate(100%,-50%);border-radius: 1rem;border: 4px solid #fff;box-shadow: 0 0.25rem 0.05rem rgba(0,0,0,0.15)}
.flag--an .flagIcon:before{content:'';background: url(../images/about/flag/flag-16_2.png)center/cover;}
.flag--sea .flagIcon:before{content:'';background: url(../images/about/flag/flag-12_2.png)center/cover;}
.flag--sea .flagIcon:after{content:'';background: url(../images/about/flag/flag-12_3.png)center/cover;transform: translate(200%,-50%);}


/* .flagIcon{margin-bottom:0.5rem;}
.flagIcon__pic{width: 3rem;} */
.abglobalCName{padding-left: 1rem;position:relative;margin-bottom: 0.5rem;font-size: 1.125rem;font-weight: 500;line-height: 1.25;display: inline-block;}
.abglobalCName:after{content:'';position:absolute;left:0;top: 0.825rem;transform:translateY(-50%);width: 0.5rem;aspect-ratio: 1;background: var(--color-orange);border-radius: 0.125rem;}
.abglobalCLink{width: 100%;text-align: center;padding: 1.25rem 1rem 1rem;}
.abglobalCLink .txt{color:var(--color-subBlue);overflow: hidden;text-overflow: ellipsis;}

/*abMoreBox__video*/
.abMoreBox__video {display:flex;flex-wrap: wrap;}
.abMoreBox__video--full{width: 100%;aspect-ratio: 16/9;}
/*-彈跳視窗-*/
.termPop__outer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index: 9999;}
.termPop__box{background:#fff;border-radius: 0.25rem;width: clamp(280px,80vw,800px);overflow: hidden;display: flex;justify-content: center;align-items: center;}
.termPop__box--small{height:auto;}
#closeBtn{position:absolute;background:var(--color-blue);aspect-ratio:1;width: 2rem;border-radius: 100rem;display: flex;justify-content: center;align-items: center;color: #fff;right: 2rem;top: 1rem;cursor: pointer;transition: 0.3s all;}
.memTit{margin-bottom: 1rem;}
.memberBnf__title{font-size:1.2rem;color:#352014;line-height:2}
.memberBnf{font-weight:700}
.overlay{display:none;width:100%;height:100%;background: rgb(0 31 66 / 50%);position:fixed;top:0;left:0;backdrop-filter:blur(3px);z-index: 9998;}
.memberBnf__content{overflow-y:scroll;}
.memberBnf__content::-webkit-scrollbar{width: 8px;}
.memberBnf__content::-webkit-scrollbar-track{background-color: var(--color-yellowL);border-radius: 100rem;}
.memberBnf__content::-webkit-scrollbar-thumb{background-color: var(--color-yellow);border-radius: 100rem;}
.memberBnf__content .subTitle{font-weight:700;font-size: clamp(1.125rem,3vw,1.375rem);}
.bntItem__tit{color:var(--color-red);}
.bnfItem{border-top:1px dashed var(--color-gray);padding: 0.75rem 0;font-weight:400;margin-right: 0.75rem;font-size:1.125rem;}
.bntItem__content{padding-left:0.75rem;text-align: justify;}

/*ebook*/
.ebookZone{overflow: hidden;}

/* ===RWD=== */
@media screen and (min-width:576px) {
	/*共用*/
	:root{--container:540px;}
}
@media screen and (min-width:768px) {
	/*products*/
	.pdtItem:after{content:'';position:absolute;width: 0;height: 50%;background: var(--color-waterBlue);left: 0.125rem;top: 50%;transform: translateY(-50%);transition: 0.1s all;}
	.pdtItem.active:after{width:0.25rem;}
	.pdtItem.active{color:var(--color-subBlue);font-weight: 600;}
}
@media screen and (min-width:992px) {
	/*共用*/
	:root{--container:960px;}

	/*按鈕*/
	.btnStyle:after,.pageBtnbox__btn:after{content:'';position:absolute;width: 0;height:100%;top:0;left:0;z-index:0;transition: 0.3s width;background: var(--gradient-2);}
	.btnStyle:hover:after,.pageBtnbox__btn:hover:after{width:100%;}
	.pageBtnbox__btn:hover{color:#fff;}
	.pageBtnbox__btn .txt{position:relative;z-index:1;}
	
	/*header*/
	.navbar .container{align-items: stretch;}
	.navbar-nav{gap: clamp(0.25rem,0.75vw,2.5rem);align-items: center;}
	.otherBtn:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 1rem;background: rgba(0,0,0,0.15);}
	.nav-link{/* height: 3.375rem; */align-items: center;height: 100%;white-space: nowrap;}
	.nav-item{position:relative;height: 100%;}
	.nav-item--border{position:relative;height: auto;}
	.nav-item--border:before,.pgSortBox__list__item:before{content:'';position:absolute;height:100%;width:0;background: var(--color-subBlue);left:0;top:0;transition:0.3s width;z-index:-1;}

	.nav-item--border:hover:before,.pgSortBox__list__item:hover:before{width:100%;}
	.nav-item--border .nav-link{padding-left:0.75rem!important;padding-right:0.75rem!important;transition:0.3s all;height: 2.5rem;}
	.nav-item--border .nav-link:hover{color:#fff;}
	.navbar-nav .dropdown-menu{border:none;border-radius:0;background: rgba(16,115,182,0.9);backdrop-filter: blur(0.25rem);padding: 0;transition: 0.3s all;transform: translateY(-2rem);pointer-events: none;display: block;opacity: 0;}
	.navbar-nav .dropdown-item{color:#fff;padding: 0.5rem 1rem;display: inline-flex;}
	.navbar-nav .dropdown-item--fixed{padding:0.75rem 1rem;}
	.navbar-nav .dropdown-item:hover{background:var(--color-mainBlue)}
	.nav-item.active .nav-link,.nav-item:not(.nav-item--border):hover .nav-link{color:var(--color-subBlue);}
	.nav-item.active:after,.nav-item:not(.nav-item--border):after{content:'';position:absolute;width:0;height:2px;background:var(--color-subBlue);left:50%;bottom: 0;transform:translateX(-50%);transition:0.3s width;}
	.nav-item.active:after,.nav-item:not(.nav-item--border):hover:after{width:100%}

	.searchHBar.open .searchHBar__input{right:100%;box-shadow: 0 0 0.5rem rgba(0,0,0,0.15);opacity:1;pointer-events:auto;z-index: 0;transform: rotateX(0deg) translateY(-50%);top: 50%;padding: 0.125rem;padding-left: 0.75rem;}
	.searchHBar__input input{border:none;font-size: 0.875rem;}
	.menuBar{display:flex!important;}
	.searchHBar__btn:hover,.langHBox__btn:hover{color:var(--color-subBlue);}
	.langHBox__menu{display:block;pointer-events:none;opacity:0;transform:translate(50%,-2rem);transition:0.3s all;}
	.langHBox:hover .langHBox__menu{display:block;opacity:1;pointer-events:auto;z-index:10;transform:translate(50%,0);top: 100%;}
	.dropdown:hover>.dropdown-menu{display: block;transform: translateY(0);opacity: 1;pointer-events: inherit;padding: 0.5rem 0;}
	.langHBox__menu__item.active{display:none;}

	.sloganBox__txt:before{content:'“ ';}
	.sloganBox__txt:after{content:' ”';}

	.productBox__item:hover .pdName{top:calc(50% - 1rem);}
	.productBox__item:hover .pdName__tt{opacity:0;}
	.productBox__item:hover .pdName__tt:only-child{opacity:1;transform:translateY(1rem);letter-spacing:0.1em;}
	.productBox__item:hover .pdName__brand{padding: 0 1rem;font-size:1.2em;background: var(--gradient-1);}
	.productBox__item:hover .pdCover:after{backdrop-filter:blur(0.5rem);opacity: 0.5;}

	/*footer*/
	.fTop{display: flex;flex-direction: row-reverse;justify-content: space-between;margin-bottom: 3rem;}
	.fBottom{display:flex;justify-content: space-between;align-items: flex-start;}
	.fBottom__content{gap: 0 2rem;}
	.fBottom__content i{font-size:1.25rem;}

	/*ixNews*/
	.newsArrow__btn:hover{background:var(--color-mainBlue);color:#fff;border-radius: 0.25rem;}

	/*txTech*/
	.slick-slide.newsBox__item{margin:1.25rem;}
	.newsBox--slick{margin-top:-1.25rem;}
	.newsBox--slick .slick-list{margin:0 -1.25rem}
	.techBox{display: grid;grid-template-columns: 3fr 3fr 4fr;gap: 2rem 2.5rem;margin-bottom: 3rem;}
	.blockHeight--ixTech .techBox__item:nth-child(-n+2) .techInfor{padding: 1.25rem 0;}
	.blockHeight--ixTech .techBox__item:nth-child(-n+2):after,.techBox__item:last-child:after{content:none;}
	.blockHeight--ixTech .techBox__item:nth-child(-n+2) .techBox__item__tag{-webkit-line-clamp: 2;}
	.blockHeight--ixTech .techBox__item:nth-child(-n+2){grid-row: 3 span;flex-direction: column;gap: 0;}
	.blockHeight--ixTech .techBox__item:not(:nth-child(-n+2)) .techCover__pic{aspect-ratio:1;}
	.blockHeight--ixTech .techBox__item:not(:nth-child(-n+2)) .techInfor__title{margin-bottom:0;}

	/*共用*/
	.pgSortBox__list__item{display:inline-block;border:1px solid var(--color-subBlue);padding: 0.5rem 1.25rem;font-size: clamp(1.125rem,3vw,1.15rem);color: var(--color-subBlue);position: relative;z-index: 0;border-radius: 100rem;overflow: hidden;text-transform: capitalize;cursor: pointer;background: #fff;}
	.pgSortBox__list__item:hover{color:#fff;}
	.pgSortBox__list__item.active{background:var(--color-subBlue);color:#fff;}

	/*===內頁===*/
	/*共用*/
	.pgSortBox__drop{display: none;}

	/*research*/

	/*products*/
	.pdtItem__link:hover{color:var(--color-waterBlue);}
	.pdtItem:hover:after{width: 0.25rem;}
	.pdtItem:hover a{color:var(--color-subBlue);}
	.pdtTabContent__sort__item:hover{background:rgba(0,66,141,0.12);}

	/*blockHeight--link*/
	.linkList__item__link:hover{padding-left:1rem;}
	.linkList__item:hover:after{color:var(--color-subBlue);}

	/*products select*/
	.selectBox__bar__item{overflow:hidden;}
	.selectBox__bar__item:after{content:'';position:absolute;height:100%;width:0;background: var(--color-subBlue);left:0;top:0;transition:0.3s width;z-index:-1;}
	.selectBox__bar__item:hover{color:#fff;}
	.selectBox__bar__item:hover:after{width:100%;}

	/*contant*/
	.svLocation__item:hover:after{opacity:1;}
	.svLocationLink:hover{background: var(--color-mainBlue);color:#fff;}
	.svLocation__item:hover .svLocation__item__content{  background: rgba(0,66,141,0.05);}
	.contactBox__infor{position:sticky;top:6rem;}
	.contactBox__infor:before{content:'';position: absolute;width: 50px;height: calc(100% - 20px);right: 0;top: 10px;box-shadow: 0.25rem 0 0.205rem #f1f1f1;z-index: -1;}
	.ctPdtList__content__item:hover{background:rgba(0,66,141,0.05);}
	.ctPdtListCN__icon:hover{color:#fff;background:var(--color-mainBlue);}

	/*investors*/
	.inveSortLink:hover{color:var(--color-mainBlue);}
	.blockHeight--industry .industryBox__item:hover .inTitle{height:100%;background:linear-gradient(100deg, rgba(16,115,182,0.8) 0%, rgba(72,198,239,0.8) 100%);backdrop-filter: blur(0.625rem);justify-content: center;}

	/* 編輯器-表格 */
	.tsg-table tbody tr:hover{background:rgba(0,66,141,0.15);color:var(--color-subBlue);}

	/*about*/
	.abglobalOtherBtn:hover{background:var(--color-font2);}
	.active.abglobalOtherBtn:hover{background:var(--color-waterBlue);}
	.abglobalContent__item:hover{border-color:var(--color-subBlue);}
	.abContents{position: sticky;top: 100px;padding-bottom: 4rem;margin-top: clamp(3rem,3vw,5rem);}
	.abInnoIcon:hover .abInnoCover__pic{transform:scale(1.08);}

	/*側選單-多層*/
	.sidebar-outer{display:block!important;}
	.sidebarBar:before{position:absolute;content:'';width:50px;height: calc(100% - 20px);right: 0;top: 10px;box-shadow: 0.25rem 0 0.205rem #f1f1f1;z-index: -1;}

	/*industry*/
	.industryBox__item:hover .inTitle__brief{padding-top: 0.875rem;margin-top: 0.5rem;height: auto;margin-bottom: 2rem;}
	.industryBox__item:hover .inTitle{color: #fff;padding:1.5rem 1rem;transform: translateY(-2rem);background:var(--gradient-1);margin-bottom:-2rem;}
	.blockHeight--industry .industryBox__item:hover .inTitle:after{content: 'More';position: absolute;right: 1rem;bottom: 1rem;display: block;text-align: right;right: 1rem;display: inline;width: 5rem;text-align: center;border-radius: 100rem;background: var(--color-subBlue);}
	[lang="zh-Hans"] .blockHeight--industry .industryBox__item:hover .inTitle:after,[lang="zh-Hant-TW"] .blockHeight--industry .industryBox__item:hover .inTitle:after{content:'更多';}

	/*research*/
	.techDTit{/* width: 30%; *//* position: sticky; */top: 0;transition: 0.3s all;}

	/*about*/
	.slick-initialized .slick-slide.abHistoryInfor__box{border-left: 0.375rem solid var(--color-orange);}
	.abHistoryCover:after{content:'';position:absolute;width:100%;height:100%;right:0;top:0;background: linear-gradient(102deg,transparent 55%,#2b91c8 90%);}
	
	.abHistoryYearL__item:after{content:'';position:absolute;width: 0;height: 3px;background: var(--color-mainBlue);top: 50%;right: -2px;transform: translateY(-50%);transition: 0.3s all;}
	.slick-current.abHistoryYearL__item:after{width: 2rem;}

	.inquiryBox:hover .inquiryBox__btn__txt{background: var(--color-mainBlue);}
	.inquiryBox:hover .inquiryBox__btn{transform:translateX(0);width:100%;}
	.inquiryBox:hover .inquiryBox__btn__txt{opacity:1;position:relative;/*background:var(--color-orange);padding-left: 2.25rem;*/}
	.indList__intro__img{position:sticky;top:7rem;}
	
}
@media screen and (min-width:1200px) {
	/*共用*/
	:root{--container:1200px;}
}
@media screen and (min-width:1480px) {
	/*共用*/
	/* .container{max-width: 1440px;} */

	/*header*/
	.navbar-nav{gap: clamp(1.5rem,5vw,2.5rem);}
}

/* max.RWD */
@media screen and (max-width:1199.98px){
	.navbar>.container{max-width: calc(100% - 2rem);}

	/*about*/
	.abglobalContent__item{width: calc((100% - 2rem) / 3);}
}
@media screen and (max-width: 991px){
	/*共用*/
	:root{/* --container:calc(100% - 1rem); */}
	.breadcrumb{text-align:left;}
	
	/*banner*/
	.pgName{font-size: clamp(calc(1.25rem + 0.9vw),7.5vw,calc(1.5rem + 5vw));}
	.bnTit--big{font-size: clamp(1.15rem,5vw,2rem);margin-bottom: 0.75rem;line-height: 1.1;}
	.bnTit--small{font-size:1rem;}
	.bnContent__btn{display:none;}
	.pdName{line-height:1;font-size:1em;}
	
	/*header*/
	.logo__img{width: auto;padding: 0.25rem 0;}
	.logo__img__pic{max-height: 35px;}
	.nav-link{color: #fff;padding: 1rem 0.5rem;position: relative;}
	.nav-link:hover{color:#fff;opacity:0.8;}
	.menuBar{position: absolute;width: 100%;left: 0;top: 100%;background: var(--color-mainBlue);padding: 0.5rem 1rem 2rem;display: none;overflow-y: scroll;}
	/* .menuBar:after{content:'';position:absolute;width:100vw;height:100vh;background:rgba(0,0,0,0.5);top:0;left:0;z-index:-1;opacity:0;animation:fadeIn 0.5s forwards;animation-delay:0.5s;} */
	.menuBar::-webkit-scrollbar{width: 0.375rem;background-color: var(--color-mainBlue);}	   
	.menuBar::-webkit-scrollbar-track{/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */}
	.menuBar::-webkit-scrollbar-thumb{background-color: var(--color-subBlue);}
	.navbar>.container{max-width: 100%;}

	.navbar-nav{display:flex;align-items: flex-start;padding: 0;}
	.nav-item{width:100%;border-bottom:1px solid rgba(255,255,255,0.15);}
	.nav-item--border{border:none;position: relative;}
	.nav-item--border:after{content:'\F1C5';position:absolute;font-family: bootstrap-icons !important;top: 50%;right: 0.5rem;color: #fff;transform: translateY(-50%);font-size: 0.875rem;}
	.nav-item--border .nav-link{color: #fff;}

	.otherBtn{justify-content: center;margin-top: 0.5rem;flex-direction: column;gap: 0;}
	.searchHBar{border-bottom:1px solid #ddd;width: 100%;}
	.searchHBar__btn{display:none;}
	.searchHBar__input{z-index:1180;transform: translate(0,0);opacity: 1;position: relative;left: 0;padding: 0.5rem 0;min-width: 100%;pointer-events: auto;}
	.searchHBar__input input{border:none;width:100%;font-size: 1rem;}
	.searchBar__input--style{background:var(--color-subBlue);color:#fff;}
	.searchHBar.open .searchHBar__input{right: 0;box-shadow: 0 0 0.5rem rgba(0,0,0,0.15);opacity:1;pointer-events:auto;z-index: 0;transform: translateY(100%);width: 100%;border-radius: 0;position: relative;}
	.langHBox.open .langHBox__menu{z-index:999;}
	
	.langHBox{display:flex;justify-content: center;align-items: center;padding: 0.5rem 0;width: 100%;}
	.langHBox__btn{visibility:hidden;pointer-events:none;display: none;}
	.langHBox__menu{opacity:1;position: relative;z-index: 1;background: none;display: flex;flex-direction: row;pointer-events: all;width: 100%;}
	.langHBox__menu__item{color: var(--color-subBlue);}
	.langHBox__menu__item.active{background:var(--color-waterBlue);color:#fff;border-radius:100rem;}

	.navbar-nav .dropdown-menu{border:none;border-radius:0;background:var(--color-subBlue);display: none;}
	.dropdown-item{color:#fff;padding:0.5rem 1.25rem;font-size: 0.875rem;display: -webkit-box;}
	.dropdown-toggle::after{right:0;position: absolute;top: 50%;transform: translateY(-50%);right: 0.5rem;}

	.productBox__item{width:50%;}

	/*ixIndustry*/
	.industryBox--slick{padding:0 0.75rem;}
	.slick-slide.industryBox__item{margin:1.25rem 0.5rem}
	.inCover{margin-bottom:4rem}
	.inTitle{font-size: 1rem;}
	.inTitle__txt{line-height:1.25;min-height: 2rem;}
	
	.industryItem__img{width:100%;}
	.industryItem__box{width:100%;padding-left:0;}

	/*ixTech*/
	.techBox{display:flex;flex-wrap:wrap;gap: 1.5rem 1rem;margin-bottom: 3rem;}
	.techCover + .techBox__item__link{padding-top:0.625rem}
	.techBox__item{display: grid;grid-template-columns: 2fr 5fr;align-items: start!important;gap: 0 1rem;}
	.blockHeight--ixTech .techBox__item__tag{-webkit-line-clamp: 2;}
	
	.blockHeight--ixTech .techBox__item:nth-child(-n+2){width:calc(50% - 1rem);grid-template-columns: 1fr;}

	.pgContent .techBox__item:nth-child(-n+2):not(.techBox__item--page){flex-direction:column;display: flex;}

	/*ixNew*/
	.newsContent__txt{font-size: 1.05rem;min-height: auto;}
	
	/*===內頁===*/
	/*共用*/
	.pgSortBox__list{display: none;background: #f4f4f4;}
	.pgSortBox__list__item{width:100%;border-bottom: 1px solid #ddd;text-align: center;}
	.pgSortBox__list__item:not(:last-child){/* border-bottom:none; */}

	.pgSortBox--normal + .pgSortBox__list{display: grid;background: #fff;grid-template-columns: repeat(2,1fr);}
	.pgSortBox--normal + .pgSortBox__list .pgSortBox__list__item{border:1px solid;border-radius:100rem;}
	.pgSortBox--normal + .pgSortBox__list .active.pgSortBox__list__item{background: var(--color-subBlue);color:#fff;}

	/*news*/
	.newsBox__item--h{align-items: start;gap: 1rem;}

	/*側選單-多層*/
	.sidebar-btn{display:block;border:none;width: 100%;background: var(--color-mainBlue);color: #fff;padding: 0.5rem 1rem;text-align: center;font-size: 1.125rem;letter-spacing: 0.05em;cursor: pointer;font-weight: 500;margin-bottom: 0;}
	.sidebar-outer{display:none;border: 1px solid #ddd;border-bottom: none;}
	.sidebarFlex{display:block;}
	.sidebarBar{width:100%;margin-bottom:2rem;padding: 0;}
	.sidebarContent{width:100%;padding:0;}
	.pgSortBox{margin-bottom:1rem}
	.sidebar-item .sidebar-item__title h3,.sidebar-item-outer .sidebar-item{margin-bottom:0;}
	.sidebar-item .sidebar-item__title{padding: 0.875rem 0.5rem;}

	/*investors*/
	.inveList--item,.inveListTN.inveList--date{display:none;}
	.inveListBox__content__item:nth-child(odd){background:rgba(0,66,141,0.05);}
	.inveListTN.inveList--tit{width:100%;}
	.inveLink{display: block;position: relative;}
	.inveListCN{width:calc(100% - 50px);} 
	.inveListCN.inveList--tit{flex-direction: row;align-items: center;}
	.inveList--icon{position:absolute;top: 50%;right:0;transform: translateY(-50%);width: 50px;}
	.inveListCN.inveList--date{position:relative;margin-left: 1.5rem;padding-left: 1.25rem;}
	.inveListCN.inveList--date:before{content:'\F1F6';display: inline-block;font-family: bootstrap-icons !important;position: absolute;top: 1px;left: 0;}
	
	/*contact*/
	.contactBox{flex-direction:column-reverse;}
	.contactBox__infor{width:100%;border-top: 1px dashed var(--color-mainBlue);padding-top: 2rem;}
	.contactBox__content{width:100%;padding-left:0}
	.svLocation{padding: 0;}
	.svLocation__item{background:rgba(0,66,141,0.05);padding:1rem;margin-bottom:1rem;border-radius: 0.5rem;}
	.ctPdtN--item{display: none;}
	.ctPdtListCN,.ctPdtListTN{padding-left:0.5rem;width: calc((100% - 60px) / 2);}
	.ctPdtN--del{width:60px;}

	/*industry*/
	.blockHeight--industry .industryBox__item{width: calc((100% - 2rem) / 3);}
	.inTitle__brief{height: auto;font-weight: 400;font-size: 0.9rem;line-height:1.25;-webkit-line-clamp: 4;}
	.pgContent .inCover{margin-bottom: 0;}
	.pgContent .inTitle{position: relative;}
	.pgContent .inTitle__txt{color:var(--color-mainBlue)}
	.pgContent .industryBox{gap: 2rem 1rem;}
	.indList__intro{align-items: flex-start;}
	.industryItem{padding: 0.5rem;flex-direction: column;gap: 0.875rem;}
	.pageBtnbox{justify-content: center;}

	/*research*/
	.techInBox{padding-top:0;}
	.tectDWrap{display:block;}
	.techDTit{width:100%;}
	.techDBox{width:100%;padding-left: 0;}
	.linkWrapper{display:block;}
	.linkListBox{width:100%;padding: 0;}
	

	/*about*/
	.abPgBox{}
	.abContents{display:none;}
	.abMain{width:100%;margin:0;padding:0;}
	.abTop{background:#ebf0f6;padding: clamp(3rem,5vw,5rem) 0;}
	.abTop > .container:after{content:none;}
	.abInnoIcon{/* padding:clamp(3rem,5.5vw,6rem) 1rem clamp(1.5rem,3.5vw,4rem); */}
	.abHistoryBox__content--outer{flex-direction:column-reverse;}
	.abHistoryInfor{width:100%;}
	.abHistoryYearNav{width:100%;padding: 0 0.625rem;}
	.abHistoryYearNav .abHistoryYearL__item{height:auto;border-bottom: 2px solid var(--color-mainBlue);text-align: center;position: relative;margin-bottom: 0.5rem;padding: 0;}
	.abHistoryYearNav .abHistoryYearL__item:after{content:'';position:absolute;aspect-ratio:1;width:0.875rem;background:#fff;border:2px solid var(--color-mainBlue);border-radius:100rem;bottom:0;left:50%;transform:translate(-50%,50%);}
	.slick-current.abHistoryYearL__item:after{background:var(--color-mainBlue);}
	.slick-current.abHistoryYearL__item .txt{transform:translateY(-1rem);}
	.slick-initialized .slick-slide.abHistoryInfor__box{flex-direction:column;margin:0 0.5rem;height: 100%;}
	.abHistoryInfor__box{opacity:0.25;transition:0.8s all;transition-delay:0.5s;}
	.slick-current.abHistoryInfor__box{opacity:1;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.15);}
	.abHistoryInfor .slick-track{display:flex;align-items: center;}
	.abHistoryCover{width:100%;}
	.abHistoryMain{width:100%;padding: 1rem;}
	.abHistoryInfor__box__txt{min-height:3.75rem;display:flex;width: 100%;align-items: center;}
	.abHistoryInfor__box__year{bottom:0;transform: translate(2%,10%);}
	.abHistoryBtn{transform:rotate(-90deg);}
	.abglobalContent__item{width: calc((100% - 1rem) / 2);}
	

	/*footer*/
	.fTop__logo{margin-bottom:1rem}
	.fTop__infor__name{display:none;}
	.fBottom__content{margin-bottom: 1rem;gap: 0.375rem 1.5rem;padding: 1rem 0;}
	.copyright{white-space:normal;line-height: 1.8;}

	/*products*/
	.relationBox{flex-direction:column;gap: 1rem;}
	.articleTopTit__pdCate, .articleTopTit__industAppli{padding-left:5.625rem;flex-wrap: wrap;display: flex;align-items: flex-start;gap: 0;}
	.articleTopTit__pdCate:before, .articleTopTit__industAppli:before{position:absolute;left:0;}
	.pdtNorm__list__item{width:100%;}
	.techBox__item--relevant{opacity:1;}

	/*pdt-select*/
	.selectBox__bar{justify-content: flex-start;gap: 0.75rem 0.5rem;padding: 0;}
	.pdSelectMain__list{flex-direction:column;align-items: flex-start;}
	.pdSelectMain__list__tit{width:100%;margin-bottom: 0.75rem;}
	.pdSelectMain__list__item{width:100%;}
	.pdSelectMain__lis__slider{width:100%;}
	.meltingCheck{position: relative;align-items: flex-start;}
	.meltingCheck input{position:relative;top: 0.5rem;}
	.meltingCheck .txt--note{white-space:nowrap;}
	.resultPd__title__txt.resultPdN--inquiry,.resultPd__title__txt.resultPdN--download{color:transparent;width: 50px;}
	.resultPd__title__txt{color:transparent;pointer-events:none;}
	.resultPd__title__txt.resultPdN--product{color:#fff;}

	.resultPd__item{position: relative;flex-direction:column;padding: 0.5rem 50px;}
	.resultPd__item > *{width:100%;}
	.resultPd__content__txt.resultPdN--inquiry{position:absolute;left:0;top:50%;transform:translateY(-50%);width: 50px;}
	.resultPd__content__txt.resultPdN--download{position:absolute;right:0;top:50%;transform:translateY(-50%);width:50px;}
	.hashtagBox-outer{margin-bottom:1rem;}


	/*search*/
	.kwBox__item{padding:1rem 0;gap: 1rem;}
	.kwBoxCover + .kwBox__item__txt{width: calc(100% - clamp(80px,5vw,12%) - 1rem);}

	/*inquiryBox*/
	.inquiryBox{width:3.25rem;}
}
@media screen and (max-width:767.98px){	
	/* 圖文&編輯器 */
	.img-left,.img-right{flex-direction: column;gap: 0;}
	.img-left figure,.img-right figure{width:100%}
	.img-left.tx01 figure + .text{width:100%;padding:1rem 0 0 0}
	.img-right.tx01 figure + .text{width:100%;padding:1rem 0 0 0}
	
	/*banner*/
	.bnImg{/* height: 50vw; */}
	.introBox__txt{width:100%;display: none;}

	/*industry*/
	.blockHeight--industry .industryBox__item{width: calc((100% - 1rem) / 2);}
	.inTitle{padding: 1rem 0.625rem;}
	.indList__intro{flex-direction:column;gap:2rem}
	.indList__intro__img{width:100%;}
	.indList__intro__content{width:100%;padding-left:0;}

	/*about*/
	.abInnoIcon{min-width: calc(50% - clamp(1rem,1.8vw,2rem));/* padding: 2rem; */width: auto;}
	.abInnoIcon__img{width: 120px;/* transform: translateX(2rem); */margin: auto;margin-bottom: 2rem;}
	.abInnoIcon__img:after{height:clamp((100% + 2rem),5vw,10rem);}
	.abInnoIcon__img__pic{padding:0;}
	.abInnoIcon__txt{/* padding: 0; */}
	.gbMap__pic{opacity: 0;position: relative;}
	.gbLocation__list{display:none;}
	.gbMap:before{content:'';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/about/map-mob.png)center/cover;display: block;}
	.abglobalBox__other .container{max-width: calc(100% - 2rem);margin: auto;}
	.sloganBox__img__pic{height:clamp(200px,40vw,40vw);object-fit:cover;}

	/*research*/
	.linkList__item{width:100%;}

	/*products*/
	.pdtList__name{margin-bottom: clamp(1rem,2vw,2rem);}
	.pdtList__tab__link{width:100%;}
	.pdtItem{padding:1rem 0;border-bottom:1px solid #ddd;}
	.pdtItem:after{content: '';position:absolute;top: 50%;right:0;transform: translateY(-50%);display: inline-block;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M29.41 95.33c-1.43-.54-2.78-1.17-3.77-2.43-1.74-2.22-1.81-5.49-.07-7.7.36-.46.77-.89 1.19-1.31 11.01-11.02 22.03-22.03 33.05-33.05.23-.23.51-.4.77-.59.04-.13.09-.26.13-.39-.3-.18-.66-.31-.91-.55-11.08-11.06-22.15-22.14-33.24-33.22-1.95-1.95-2.78-4.17-1.93-6.89 1.27-4.1 6.51-5.73 9.85-3.05.39.31.76.65 1.12 1 12.66 12.66 25.32 25.33 37.99 37.98 2 2 2.9 4.3 1.9 7.04-.35.96-.99 1.9-1.71 2.63a8700.269 8700.269 0 0 1-38.44 38.41c-.93.93-2.3 1.42-3.46 2.12h-2.47z' fill='%23f29600'/%3E%3C/svg%3E");aspect-ratio: 1;width: 1rem;}
	.pdtList__tab__content{position: fixed;background: #e5ecf3;padding: calc(clamp(1.5rem,2.2vw,3rem) + 2.875rem) clamp(1rem,2vw,2rem) clamp(1.5rem,2.2vw,3rem);width: 100%;height: 100%;top: 0;right: 0;z-index: 1031;transform: translateX(100%);transition: 0.5s all;transition-delay: 0.25s;overflow: hidden;}
	.active.pdtList__tab__content{transform:translateX(0);}
	.pdtClose{display:block;position: absolute;right: 1rem;top: 1rem;}
	.pdtClose:before{content: '';position: absolute;left: 50%;top: 50%;width: 50%;height: 50%;border-radius: 1em;background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;transform: translate(-50%,-45%);filter: invert(1) grayscale(1) brightness(10);}
	.pdtList__tab__content:before{content:'';position:absolute;background: url(../images/all/deco-circle.png)center/cover;width: clamp(180px,25vw,400px);aspect-ratio: 1;top: 0;left: 0;transform: translate(-40%,-60%);opacity: 0.3;mix-blend-mode: darken;pointer-events: none;}
	.pdtList__tab__content:after{content:'';position:absolute;background: url(../images/all/logo.png)center/cover;aspect-ratio: 98/27;width: 90vw;right: -0.5rem;top: calc(50% + 1rem);filter: grayscale(1) brightness(10);opacity: 0.3;pointer-events: none;z-index: -1;transform: translateY(-50%) rotate(-90deg);transform-origin: right bottom;transition: 0.3s all;}
	.pdtTabContent--outer{overflow-y:scroll;height: clamp(calc(100% - 8rem),85vh,90%);}
	.pdtTabContent__sort__item{width:calc((100% - 1.25rem)/2);}
	.pdtTabContent__sort__item:before{left:0;}
	.pdtTabContent__sort__item:after{left:1.75rem;}

}
@media screen and (max-width:575px){
	.bnContent{left: 1.5rem;}
	.bnContent--center{left: 50%;transform: translate(-50%,-50%);width: 100%;}
	.bnContent--right{left: unset;right: 1.5rem;}

	/*news*/
	.newsBox__item--h{display:flex;flex-direction:column;}

	/*contact*/
	.ctBorder{padding: 0.625rem;padding-bottom: 1.5rem;overflow:hidden;}
	.ctBorder--inquiry{padding: 0;}
	.form-group--half{width:100%;}
	.form-group--recaptcha{padding-bottom:1rem;}

	/*about*/
	.abDataBox{justify-content:center;gap: 1rem 2rem;}
	.abDataBox__num{width:auto;}
	.abInnoIcon{width:100%;}
	.abInnoIcon{/* display:flex; *//* gap:2rem; *//* padding: 0.625rem 1rem; *//* align-items: center; *//* border-bottom-width: 0.25rem; */}
	.abInnoIcon__img{margin:0;width:2.5rem;}
	.abInnoIcon__img:before,.abInnoIcon__img:after{content:none;}
	.abInnoIcon__img__pic{margin:0;width: 100%;}
	.abInnoIcon__txt{}
	.abglobalBox__other__bar{flex-wrap: nowrap;overflow-x: scroll;white-space: nowrap;justify-content: flex-start;padding-bottom:0.5rem}

	.abglobalBox__other__bar::-webkit-scrollbar{height: 6px;background-color: #fff;}
	.abglobalBox__other__bar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #f4f4f4;border-radius:100rem;}
	.abglobalBox__other__bar::-webkit-scrollbar-thumb{background-color: var(--color-mainBlue);border-radius:100rem;}
	
	.abglobalContent__item{width:100%;}

	/*tech*/
	.blockHeight--ixTech .techBox__item:nth-child(n){width: 100%;grid-template-columns: 1fr;}
	.techBox__item--page{grid-template-columns:1fr;justify-content: center;}
	.techCover{text-align:center;background:transparent;}
	.techCover__pic{width: clamp(575px,25vw,100%);aspect-ratio:3/2;text-align:center;}

	#toast{margin-left:0.5rem;}
	#toast.show ~ footer{padding-bottom: calc(clamp(3rem,4vw,5rem) + 5px + 2rem);}

	/*products*/
	.pdtTabContent__sort__item{width:100%;}

	/*ebook*/
	.ebookZone{aspect-ratio: 4/3;}
}