@charset "utf-8";

/* CSS Document */
html,body{overflow-x: clip;}
body{font-family:'Source Sans Pro','Noto Sans TC','微軟正黑體',sans-serif;font-size: 1.0625rem;line-height:1.6;color:var(--black);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;/*padding-top: var(--headerH)*/;letter-spacing: 0.014em;}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 999999999;pointer-events: none;opacity: 0;-webkit-transition: 1s cubic-bezier(0.42, 0, 0.58, 1);transition: 1s cubic-bezier(0.42, 0, 0.58, 1);}
body::before{content:"";display:block;position:fixed;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(.15rem);backdrop-filter:blur(.15rem);z-index:9998;opacity:0;pointer-events:none;transition:all .5s;}
body:has(.navbar .navbarToggle.--isOpen)::before{opacity:1;pointer-events:auto;}
body.page-fade::after {opacity: 1;}
@media (min-width:768px){.wow{visibility:hidden;}}
:root{
    --mjColor: #B01F24; /* 主色 */
    --mjColor-l:#C14448;
    --mjColor-d: #7F2124;
    --subColor: #282828; /* 副色 */
    --black:  #282828;
    --gray: #B8B8B8;
    --gray-d: #656565;
    --gray-l: #DADADA;
    --gray-lx2: #EEE;
    --red: #d40023;
    --trans: all .3s linear;
    --trans-ease: all .3s ease-out;
    --transition: all .3s linear;
    --outline: 5px dotted var(--subColor);
    --outline-offset: 0;
    --radius:0.25rem;
    --radius-m:0.3rem;
    --radius-lg:0.5rem;
    --headerH: 4.5rem;
}
/*--------------------------------------------------*/
/* !====無障礙功能==== */
/* 無障礙焦點樣式 */
/* a:focus,
button:focus,
[role="button"]:focus,
.swiper-button-next:focus, .swiper-button-prev:focus,
.swiper-pagination-bullet:focus,
.promotionResult--active:focus,
input:focus,
select:focus,
textarea:focus,
.gsc-results-close-btn-visible:focus,
.goTop:focus{z-index:99998;outline: var(--outline);outline-offset: var(--outline-offset);opacity: 1;} */

/* 跳過連結 - 無障礙功能 */
/* .accesskey {position: absolute;top:0;left: 6px;padding: .5rem;text-decoration: none;z-index: 10000;}
#C{position: relative;min-height: 60vh;} */

/* 無障礙支援樣式 */
/* .sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
} */
/*--------------------------------------------------*/
a{color:var(--black);text-decoration:none;-o-transition:var(--trans);-webkit-transition:var(--trans);-moz-transition:var(--trans);transition:var(--trans)}
a:hover{}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;width: 100%;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.errorLine,.errorTxt,.red{--cl: var(--red);}
.errorLine{border-color: var(--cl)!important;}
.errorTxt{font-size: .875em;color: var(--cl);}
.errorTxt:empty{display: none;}
.red{color: var(--cl);}

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

/* !====回頂端 */
#goTop{--size:3rem;display:none;cursor:pointer;z-index: 2;position:fixed;bottom:3rem;right:1rem;width:var(--size);aspect-ratio:1;line-height:var(--size);text-align: center;background: var(--mjColor);color: #fff;border-radius: 0.2rem;transition: all 0.3s;}
#goTop:hover{background:var(--mjColor-l);color:#fff;}

/* !====按鈕 */
.btnWrap {display: flex;justify-content: center; margin-top:clamp(2rem,5vw,4rem);}
.btnStyle{--mask:var(--black);--cl:#fff;--bg:var(--mjColor);padding:clamp(0.5rem,0.9vw,0.9rem) clamp(0.9rem,1.8vw,1.55rem) clamp(0.36rem,0.72vw,0.72rem) clamp(1rem,1.6vw,1.35rem);width: fit-content;border-radius: var(--radius);background: var(--bg);color: var(--cl);position: relative;display: flex;gap: 0.5rem;align-items: center;justify-content: center;overflow: hidden;font-size: clamp(1rem,1.5vw,1.125rem);}
.btnStyle::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: var(--mask);transition: var(--trans);transform: translateX(-101%);}
.btnStyle>span{position: relative;z-index: 1;font-weight: 500;}
.btnStyle:hover::before{transform: translateX(0);}
.btnStyle:hover .icon__rollup{transform: translateX(0rem)}
.btnStyle__icon{--w:1.35rem;position: relative;;width: 1.35rem;overflow: hidden;}
.icon__rollup{display:flex;align-items:center; gap: 0.3rem;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform;transform: translateX(-1.3rem) translateY(0.05rem)}
.icon__rollup span{display: block;width: var(--w);}
.--navBtn{gap: 0.3rem;padding:clamp(0.5rem,0.8vw,0.6rem) clamp(0.8rem,1.2vw,1rem);margin-left: clamp(0.5rem,1vw,0.8rem);}
.--navBtn .btnStyle__icon{font-size: 1.1em;transform: translateY(0.05rem);}
.btnStyle.--white{--bg:#fff;--cl:var(--black);}
.btnStyle.--white:hover{--cl:#fff;}
.btnStyle.--outlineB{--bg:transparent;--cl:var(--black);border: 1px solid var(--subColor);--mask:var(--mjColor);}
.btnStyle.--outlineB:hover{--cl:var(--mjColor);--cl:#fff;border-color: var(--mjColor);}


/* !====submit-loading */
.load-wrapp{position:fixed;width:100%;height:100%;background: rgb(0 0 0 / 65%);top: 0;left: 0;z-index: 99999;}
.loading{position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.loading span{color:#fff;font-size: 25px;margin-top: 40px;display: table;}
.spinner {position: relative;width: 60px;height: 60px;margin: 0 auto;}
.bubble-1,.bubble-2 {position: absolute;top: 0;width: 30px;height: 30px;border-radius: 100%;background-color: #fff;}
.bubble-2 {top: auto;bottom: 0;}
.loading .spinner {animation: loadingI 2s linear infinite;}
.loading .bubble-1,.loading .bubble-2 {-webkit-animation: bubble 2s ease-in-out infinite;animation: bubble 2s ease-in-out infinite;-moz-animation:bubble 2s ease-in-out infinite;-o-animation:bubble 2s ease-in-out infinite;}
.loading .bubble-2 { animation-delay: -1s;}
/* animation:loadingI */
@-o-keyframes loadingI{100%{transform:rotate(360deg)}}
@-moz-keyframes loadingI{100%{transform:rotate(360deg)}}
@-webkit-keyframes loadingI{100%{transform:rotate(360deg)}}
@keyframes loadingI{100%{transform:rotate(360deg)}}
/* bubble */
@-o-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-moz-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-webkit-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
/* submit-loading END*/
/*---------------------- 頁面開始 ----------------------*/

/* !====全頁佈局 */
.wrapper { padding:2rem 0;}
.blockHeight{padding:clamp(2rem,5.5vw,5rem) 0;}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

/* !====工具類 utility */
.body-no-padding{padding-top: 0;}
.hidden{display: none !important;}
.captcha-validation{display: none;}
.captcha-validation.show{display: block;}
.form-honeypot{position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0;}
.mt-2rem{margin-top: 2rem;}
.mb-1rem{margin-bottom: 1rem;}
.mb-2rem{margin-bottom: 2rem;}
.demo-section{margin: 2rem 0;}
.demo-text{margin-bottom: 1rem;}
.table-width-25{width: 25%;}
.table-width-30{width: 30%;}
.table-width-20{width: 20%;}
.email-footer-note{color: red;}
.gtm-noscript-iframe{display: none;visibility: hidden;}
.body-overflow-hidden{overflow: hidden;}
.default-page body{margin: 0;}
.default-page .setting-box{position: relative;}
.default-page figure{margin: 0;}
.default-page figure img{width: 100%;}
.default-page .login-root{text-align: center;position: absolute;padding: 100px 50px;left: 50%;transform: translate(-50%,-50%);top: 50%;min-width: 400px;background-color: rgb(255 255 255 / 93%);backdrop-filter: blur(5px);border-radius: 20px;box-shadow: 0 0 20px rgb(51 51 51 / 25%);display: -ms-flexbox;-ms-flex-wrap:wrap;-ms-flex-align: center;}
.default-page .login-root p{font-size: 25px;display: block;margin-top: 0;color: #188a8d;font-weight: 600;}
.default-page .login-root input{height: 37px;padding-left: 10px;width: 100%;font-size: 16px;box-sizing: border-box;border-radius: 5px;border: 1px solid #188a8d;display: block;}
.default-page .login-root button{height: 40px;border: none;padding: 0 15px;font-size: 16px;display: block;margin: 20px auto 0;background: #cfe9ec;width: 100%;border-radius: 5px;color: #188a8d;font-weight: 600;}

/* !====標題 */
.ixTit{margin-bottom: clamp(1.5rem,4vw,3.75rem);}
.ixTit .triangleDeco::before{position: static;width:clamp(0.8rem,1.3vw,1.25rem);left: auto;top:auto;transform: translate(0,0);}
.ixTit.--white .ixTit__mj{color:#fff}
.ixTit.--center{text-align: center;}
.ixTit.--center .ixTit__mj{justify-content: center;transform: translateX(-1%);}
.ixTit__sub{display: block;font-size: clamp(1rem,1.5vw,1.25rem);color:var(--mjColor);font-weight: 700;margin-bottom: clamp(0.5rem,1vw,0.94rem);overflow: hidden;}
.ixTit__sub span{display: block;transform: translateY(100%);transition: transform 0.8s cubic-bezier(0.25,0.1,0.25,1) 0.1s}
.animated .ixTit__sub span{transform: translateY(0);}
.ixTit__mj{display: flex;align-items: flex-start;gap:clamp(0.3rem,0.8vw,0.5rem);font-size: clamp(1.5rem,3vw,2.6rem);font-weight: 700;}
.inPgTit{position: relative;;display: flex;align-items: center;margin-bottom: clamp(1.2rem,2vw,1.5rem);}
.inPgTit.--btline{border-bottom: 3px solid #e2e2e2;margin-bottom: clamp(1.5rem,3vw,2.5rem);padding-bottom:clamp(1rem,1.5vw,1rem)}
.inPgTit.--btline::after{content:"";display: block;position: absolute;left: 0;bottom:-3px;width:clamp(8rem,14vw,12rem);height: 3px;background: var(--mjColor);}
.inPgTit.--btline .inPgTit__tit{position: relative;;display: flex;gap:0.8rem;align-items: flex-start;}
.inPgTit.--btline .inPgTit__tit::before{content:"";display:block;width:clamp(0.6rem,1vw,0.8rem);aspect-ratio:1 / 1;background:var(--mjColor);border-radius:0.2rem;transform:translateY(clamp(0.3rem,1.2vw,0.9rem));flex:0 0 auto;}
.inPgTit.--jsb{justify-content: space-between;flex-wrap: wrap;gap: 0.6rem;}
.inPgTit__tit{font-size: clamp(1.5rem,2.8vw,2.2rem);font-weight: 700;margin-bottom: 0;}
.dtPgTit{position: relative;margin-bottom: clamp(2rem,4vw,3rem);}
.dtPgTit.--inline{display: flex;align-items: center;justify-content: space-between;gap:clamp(0.5rem,2vw,2rem)}
.dtPgTit::before{content:"";position: absolute;left: 0;bottom:0;width: 100%;height: 3px;background: #d8d8d8;z-index: -1;}
.dtPgTit__tit{display: flex;gap:0.8rem;align-items: flex-start;border-bottom: 3px solid var(--mjColor);padding-bottom: clamp(0.5rem,1.5vw,1rem);font-weight: 700;width: fit-content;font-size: clamp(1.5rem,2.5vw,2rem);line-height: 1.4;}
.dtPgTit__tit::before{content:"";display: block;width: clamp(0.6rem,1vw,0.8rem);aspect-ratio: 1/1;background: var(--mjColor);border-radius: 0.2rem;transform: translateY(clamp(0.4rem,0.85vw,0.7rem));flex:0 0 auto}

/* !====三角裝飾*/
.triangleDeco{position: relative;}
.triangleDeco::before{content:"";position: absolute;left: 0;top:0;transform: translate(-100%, -30%);width: clamp(1rem,2vw,2rem);aspect-ratio: 25/23;background: url(../images/all/triangle.svg) no-repeat center center / contain;}

/* !====banner */
.banner{background: #000;}
.banner__box{position:relative;width: 100%;height: clamp(22rem,50vw,44rem);overflow: hidden;}
.banner__box::before{content:"";position: absolute;left: 0;top:0;z-index: 1;width: 100%;height: 100%;background: linear-gradient(270deg, rgba(38, 38, 38, 0.00) 20.26%, rgba(38, 38, 38, 0.50) 53.9%, #121212 80.46%)}
.banner__box::after{content:"";position: absolute;left: 0;top:0;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.banner__box picture,.banner__box .banner__videoWrap,.banner__box video {width: 100%;height: 100%;position: absolute;right:0;bottom:0;overflow: hidden;}
.banner__box picture{left: auto;top: auto;transform: none;}
.banner__box img{width: 100%;height: 100%;object-fit: cover;display: block;}
.banner__box .banner__videoWrap{box-sizing: border-box;isolation: isolate;}
.banner__box .banner__videoWrap__inner{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:100%;height:0;padding-bottom:56.25%;transform:scale(1);transform-origin:center center;}
.banner__box .banner__videoWrap__inner iframe{position:absolute;;right:-9%;top:0;bottom:0;width:100%;height:100%;border:0;display:block;}

.banner__box .btn{opacity: 0;transition: all 1.2s cubic-bezier(0.25, 0.1, 0.25, 1) 0.4s ;}
.bnTit{position: absolute;z-index: 6;;color:#fff;top:52%;left: clamp(2rem,8vw,8rem);transform: translate(0%,-50%);}
.bnTit__mj{font-size: clamp(1.7rem,4.5vw,4rem);font-weight: 700;}
.bnTit__mj span{display: block;transform: translateX(4rem);opacity: 0;transition: all 1.2s cubic-bezier(0.25,0.1,0.25,1);}
.bnTit__sub{display: flex;align-items: center;gap:clamp(1rem,1.5vw,1.25rem);font-size: clamp(1.125rem,2.5vw,2rem);font-weight: 600;margin:clamp(0.8rem,1.5vw,1.5rem) 0 clamp(2rem,4vw,3.75rem);overflow: hidden;}
.bnTit__sub span{display: block;transform: translateY(100%);transition: all 0.6s ease-in-out 0.4s;}
.bnTit__sub::before{content:"";display: block;width:0;height: 1px;background: #fff;transition: all 0.5s ease-in-out;}
.bnArrow{position: absolute;top:auto;bottom:clamp(2rem,5vw,4rem);left:clamp(2rem,8vw,8rem) ;display: flex;gap: 1rem;}
.banner .bnPagination{position: absolute;top:auto;bottom:clamp(3rem,4.5vw,3.5rem);left: auto;right:clamp(2rem,4.5vw,3.5rem) ;width: fit-content;}
.banner .swiper-button-next, .banner .swiper-button-prev{border-color: #fff;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{color:#fff}
.banner .swiper-pagination-bullet::after{background-color: rgba(255,255,255,0.6);}
.banner  .swiper-pagination-bullet::before{border-color: #fff;}
.banner .swiper-pagination-bullet-active::after{background: #fff;}
.banner .swiper-pagination-bullet:hover{opacity: 1;}
.banner .swiper-pagination-bullet:hover::after{background: #fff;}
.banner .swiper-button-prev,.banner .swiper-button-next{position: static;}
.banner .btnStyle{--mask:#fff;}
.banner .btnStyle:hover{--cl:var(--subColor)}
.bnMask{position: relative;position: absolute;;left: 0;top:0;width: 100%;height: 100%;}
.bnMask::before{content:"";position: absolute;left: 0;top:0;z-index: 2;width: 100%;height: clamp(7rem,13vw,13rem);background: linear-gradient(0deg, rgba(38, 38, 38, 0.00) 0%, rgba(0, 0, 0, 0.50) 22.9%, #000 40.25%)}
.swiper-slide-active .bnTit__mj span{transform: translateX(0);opacity: 1;}
.swiper-slide-active .btn{opacity: 1;}
.swiper-slide-active .bnTit__sub span{transform: translateY(0%);}
.swiper-slide-active .bnTit__sub::before{width: clamp(1rem,3vw,2.5rem);}
.pgBanner{position: relative;;height: clamp(13rem,25vw,28rem);}
.pgBnTit{position: absolute;left: 55%;top: 50%;transform: translate(-50%, 0%);width: clamp(10rem,88vw,120rem);color:#fff;}
.pgBnTit__tt{font-size: clamp(2rem,4vw,3.75rem);font-weight: 700;overflow: hidden;}
.pgBnTit__tt span{display: block;transform: translateY(100%);transition: transform 1.2s cubic-bezier(0.25,0.1,0.25,1) 0.1s;}
.pgBnTit__tt.animated span{transform: translateY(0%);}
.banner .swiper-slide{overflow:hidden;position:relative;}
.pgBanner--dynamic{background-size: cover;background-position: center;background-repeat: no-repeat;background-image: var(--bg-desktop);}
@media (max-width: 768px){.pgBanner--dynamic{background-image: var(--bg-mobile);}}

/* !====輪播樣式 */
.swiper-button-next, .swiper-button-prev{width: clamp(2.5rem,3vw,2.875rem);height:auto;aspect-ratio: 1/1;border:1px solid var(--subColor);border-radius: 50%;transition: var(--trans-ease);}
.swiper-button-next:hover,.swiper-button-prev:hover{background: var(--mjColor);border-color: var(--mjColor);}
.swiper-button-next:hover::after,.swiper-button-prev:hover::after{color:#fff}
.swiper-button-next:after, .swiper-button-prev:after{content: "\f284";font-family:"bootstrap-icons";font-size: clamp(1.25rem,1.5vw,1.375rem);color:var(--subColor)}
.swiper-button-next:after{transform: scaleX(-1);}
.swiper-pagination-bullet{position: relative;;width: 1.1rem;height: auto;aspect-ratio: 1/1;background: transparent;opacity: 1;}
.swiper-pagination-bullet::before{content:"";position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);display: block;width: 0.6rem;aspect-ratio: 1/1;border-radius: 50%;border:1px solid var(--mjColor);opacity: 0;transition: var(--trans-ease);}
.swiper-pagination-bullet::after{content:"";position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);display: block;width: 0.8rem;aspect-ratio: 1/1;border-radius: 50%;background: #c9c9c9;transition: var(--trans-ease);}
.swiper-pagination-bullet-active,.swiper-pagination-bullet:hover{background:transparent;}
.swiper-pagination-bullet-active::before,.swiper-pagination-bullet:hover::before{width: 1.3rem;opacity: 1;}
.swiper-pagination-bullet-active::after,.swiper-pagination-bullet:hover::after{width: 0.5rem;background: var(--mjColor);}

/* !====breadcrumbs  */
.--breadcrumbs{background: var(--gray-lx2);}
.breadCrumbs{list-style: none;padding-left: 0;display: flex;flex-wrap: wrap;align-items: center;padding:clamp(0.4rem,1vw,0.6rem) 0;margin-bottom: 0;}
.breadCrumbs__item a{display: inline-block;transition: var(--trans-ease);color:var(--gray-d);font-size: clamp(0.875rem,1.3vw,1rem);}
.breadCrumbs__item a:hover{color:var(--mjColor);}
.breadCrumbs__item:last-of-type a{color:var(--mjColor)}
.breadCrumbs__item:after{content:"｜";margin: 0 clamp(0.2rem,0.5vw,0.5rem);font-size: 0.7em;font-weight: bold;}
.breadCrumbs__item:last-of-type::after{display: none;}

/* !====比例模組  */
[class*="ratio--"]{position: relative;max-width: 100%;overflow: hidden;object-fit: cover;}
.ratio--1x1{aspect-ratio: 1/1;}
.ratio--16x9{aspect-ratio: 16/9;}
.ratio--21x9{aspect-ratio: 21/9;}
.ratio--16x5{aspect-ratio: 16/5;}
.ratio--5x3{aspect-ratio: 5/3;}
.ratio--4x3{aspect-ratio: 4/3;}
.ratio--2x3{aspect-ratio: 2/3;}
.ratio--3x2{aspect-ratio: 3/2;}
[class*="ratio--"] img{width: 100%;height: 100%;object-fit: cover;transition: var(--trans-ease);}

/* !====dropdown 下拉選單 */
.dropdown{position:relative;}
[data-toggle="dropdown"]{position: relative;cursor: pointer;display: block;}
/* [data-toggle="dropdown"]::after{content: '\F282';font-family: bootstrap-icons;display: inline-block;transition: var(--trans);} */
[data-toggle="dropdown"].--isOpen::after{transform: rotate(-180deg);}
.dropdownMenu{z-index: 999;position: absolute;top: 100%;left: 0;width: 100%;background: #ffffff;box-shadow: 0 .5rem .5rem -.5rem rgba(0, 0, 0, 0.2);}
.dropdownMenu__close{display: none;}
/* CSP 安全：下拉選單顯示/隱藏控制 */
.dropdownMenu--show{opacity: 1 !important;transform: translateY(0rem);}
.dropdownMenu--hide{opacity: 0!important;pointer-events: none;transform: translateY(1rem);}

/* !====navbar */
.navbar{position: fixed;width: 100%;;max-width: calc( 100% - clamp(0.8rem,2vw,1.5rem)*2);top: clamp(0.8rem,2vw,1.5rem);left: 50%;transform: translateX(-50%);z-index: 9999;background-color: #fff;border-radius: var(--radius);transition: var(--trans-ease);}
.navbar.navbar--fixed{max-width: 100%;top:0;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);border-radius: 0;}
.navbar.navbar--fixed .navbarBrand{width:clamp(8rem,15vw,11rem)}
.navbar.navbar--fixed  .navLink{padding:clamp(0.8rem,1.8vw,1.5rem) clamp(0.5rem,1vw,0.8rem)}
.navbar>.container{display: flex;align-items: center;gap:2rem;max-width: 100%;padding: 0 clamp(1.125rem,2vw,2rem)}
.navbarBrand{display: block;text-align: center;text-indent: -999rem;width: clamp(8rem,16vw,12.5rem);aspect-ratio: 60/13;background: url(../images/all/logo.svg) no-repeat center center / contain;}
.navbarToggle{order:1;display: none;}
.navbarNav{display: flex;align-items: center;margin-left: auto;}
.navbarNav__item.active .navLink{color:var(--mjColor);}
.navLink{--cl: var(--black);position: relative;display: block;cursor: pointer;padding:clamp(0.8rem,2vw,1.7rem) clamp(0.5rem,1vw,0.8rem);font-size: clamp(1rem,1.5vw,1.125rem);}
.navLink::before{content:"";position: absolute;left: 50%;bottom:clamp(0.3rem,1vw,0.7rem);transform: translateX(-50%);width: 0;height: 0.15rem;background-color: var(--mjColor);transition: .6s cubic-bezier(.2,.8,.2,1);opacity: 0;}
.navLink__txt{--hH:1.7rem;position:relative;overflow:hidden;transition: all 0.3s linear;height:var(--hH);overflow:hidden;}
.navLinkRollup{display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform;}
.navLinkRollup>span{display: block;transition: .6s cubic-bezier(.2,.8,.2,1);font-weight: 500;}
.navLink:hover::before,
.navLink.--isOpen::before{opacity: 1;width:clamp(1rem,2vw,2rem) ;}
.navLink:hover .navLinkRollup,
.navLink.--isOpen .navLinkRollup{transform: translateY(calc(-1 * var(--hH)));}
.navLink:hover .navLinkRollup>span,
.navLink.--isOpen .navLinkRollup>span{color:var(--mjColor)}
.navSub{min-width:12rem;background-color: #fff;border: 1px solid var(--gray-lx2);border-radius: var(--radius);/*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/list-style: none;padding: clamp(0.5rem,1vw,1rem);transition: var(--trans-ease);left: 50%; transform: translateX(-50%);margin-top: calc(-1 * clamp(0.3rem,1vw,0.7rem));}
.navSub__item:hover .navSubLink{color:var(--black);background: var(--gray-lx2);color:var(--mjColor);background-color: #f1e2e2;}
.navSubLink{font-size: 1rem;padding:clamp(0.4rem,0.5vw,0.5rem) clamp(0.5rem,1vw,0.8rem);;transition: var(--trans);width: 100%;display: block;border-radius: var(--radius);color:var(--gray-d);font-weight: 500;}

/* !====語系  */
.navbarNav__lang{position:relative;;margin-left:calc(-1 * 1.35rem);}
.langIcon{display:block;position:relative;width:clamp(2.8rem,3.8vw,3.3rem);aspect-ratio:1/1;border-radius:var(--radius);background:#EAEAEA;transition: all 0.3s ease-in-out;}
.langIcon:hover,.--isOpen .langIcon{background:var(--subColor);color:#fff}
.langIcon::before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(1.375rem,1.8vw,1.6rem);}
.langList{display:none;;flex-direction:column;width:6rem;;background:#EAEAEA;text-align:center;border-radius:var(--radius);position:absolute;left:50%;bottom:-0.5rem;transform:translate(-50%,100%);overflow:hidden;}
.--isOpen .langList{display:flex;}
.langList__item{padding:0.5rem 1rem}
.langList__item:hover{color:var(--mjColor);}
.langList__item.active{background-color:var(--mjColor);color:#fff}

/* !====首頁 產品服務  */
.blockHeight--ixPd{background: url(../images/index/ixPdbg.jpg)no-repeat top center / cover;}
.ixPdSwiper{counter-reset:num;}
.ixPdSwiper .swiper-pagination{position: static;margin-top: clamp(1.5rem,3vw,2rem);}
.ixPdCard{padding:clamp(1.25rem,2vw,2.5rem);background: #fff;overflow: hidden;border-radius: var(--radius);}
.ixPdCard::before{content:"";position: absolute;right:-0.5rem;bottom:-0.5rem;transform: scale(-1);width: clamp(5rem,10vw,10rem);;aspect-ratio: 25 / 23;;background: url(../images/all/triangle.svg) no-repeat center center / contain;opacity: 0;transition: var(--trans-ease);}
.ixPdCard::after{content:"";position:absolute;right:clamp(0.5rem,1vw,0.8rem);bottom:0;width:clamp(5rem,8vw,8.5rem);aspect-ratio:60 / 13;background:url(../images/all/logo.svg) no-repeat center center / contain;filter:brightness(0) invert(1);transition: var(--trans-ease);opacity: 0;}
.ixPdCard:hover::before{width: clamp(11rem,16vw,17rem);opacity: 1;}
.ixPdCard:hover::after{bottom:clamp(0.7rem,1vw,0.8rem);opacity: .2;}
.ixPdCard:hover img{transform: scale(0.93);}
.ixPdCard:hover  .ixPdTit__mj{color:var(--mjColor)}
.ixPdTit__line{display: flex;align-items: center;gap:0.5rem;margin-bottom:clamp(0.2rem,0.5vw, 0.5rem);}
.ixPdTit__line::before{counter-increment:num;content:'SERVICE0'counter(num) ;white-space: nowrap;color:var(--gray);font-weight:700;}
.ixPdTit__line::after{content:"";width: 100%;height: 1px;background: var(--gray);}
.ixPdTit__mj{font-size: clamp(1.25rem,1.8vw,1.625rem);font-weight: 700;margin-bottom: clamp(0.8rem,1vw,1rem);transition: var(--trans-ease);}
.ixPdTit__con{color:var(--gray-d);overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;box-sizing:border-box;}
.ixPdImg {margin-bottom: 0;}
/* !====首頁 關於儒億  */
.blockHeight--ixab{position: relative;display: flex;padding:0;}
.blockHeight--ixab::before{content:"";position: absolute;left:0;top:0;width: 50%;height: 2.5rem;;background:#eeeeee ;}
.ixab{width: 50%;}
.ixab.--txt{margin:2.5rem 0;background: var(--subColor);padding:clamp(2rem,8vw,5rem) clamp(1.25rem,6vw,9.375rem)}
.ixab.--txt .ixTit{margin-bottom:clamp(1.5rem,2vw,2.5rem) ;}
.ixab.--txt .btnStyle.--white{--mask:var(--mjColor)}
.ixab.--img{display: flex;align-items: center;background: url(../images/index/ixabBg.jpg)no-repeat right bottom / cover;}
.ixabTxt{padding-left: clamp(1.5rem,1.7vw,1.8rem);}
.ixabTxt p{color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;box-sizing:border-box;margin-bottom:clamp(1.5rem,3vw,2.5rem);}
.ixFtu{--pd:clamp(1.5rem,2vw,2.5rem);--iconW:clamp(2.8rem,4vw,3.75rem);color:#fff;padding:var(--pd);transform: translateX(calc( -1 * calc( var(--pd) + calc(var(--iconW) / 2 ))));border:1px solid #fff;}
.ixFtu::before{content:" SINCE 1993 ";position:absolute;right:0;top:-1px;transform:translateX(100%);background:#fff;color:var(--mjColor);writing-mode:vertical-rl;padding:clamp(0.6rem,1.2vw,1.2rem) 0.2rem;font-weight:bold;letter-spacing:0.7px;font-size: clamp(1.125rem,1.3vw,1.25rem);}
.ixFtu__item{display: flex;align-items: center;gap:clamp(0.7rem,1.2vw,1.25rem)}
.ixFtu__item+.ixFtu__item{margin-top: clamp(1.5rem,2vw,2.5rem);}
.ixFtu__item.--icon01 .ixFuIcon::before{background-image:  url(../images/index/featureItem01.svg);}
.ixFtu__item.--icon02 .ixFuIcon::before{background-image:  url(../images/index/featureItem02.svg);}
.ixFtu__item.--icon03 .ixFuIcon::before{background-image:  url(../images/index/featureItem03.svg);}
.ixFuIcon{position: relative;;display: block;width:var(--iconW);aspect-ratio: 1/1;background: #fff;border-radius: var(--radius);flex:0 0 auto}
.ixFuIcon::before{content:"";position: absolute;width: 100%;height: 100%;display: block;left: 0;top:0;background-repeat: no-repeat;background-position: center center;background-size: 70% auto;}
.ixFtuTit{margin-bottom: 0;}
.ixFtuTit__mj{display: block;font-size: clamp(1.125rem,1.5vw,1.375rem);font-weight:700;margin-bottom: 0.5rem}
.ixFtuTit__sub{display: block;font-size: clamp(0.93rem,1.1vw,1rem);font-weight: 500;line-height: 1.5;}
/* !====首頁 最新消息  */
.ixNewsWp{margin-top: clamp(2rem,4vw,3.5rem);}
.ixNewsTitGp{position: relative;;display:flex;align-items: flex-end;gap:clamp(1.25rem,6vw,5rem);margin-bottom: clamp(1.5rem,4vw,3.75rem);}
.ixNewsTitGp .ixTit{margin-bottom: 0;}
.ixNewsTitGp::before{content:"";position: absolute;right:0;top:0;transform: translateY(-20%);width: clamp(18rem, 36vw, 38rem);;aspect-ratio: 60 / 13;background: url(../images/all/logo.svg) no-repeat center center / contain;filter: brightness(0);opacity: .04;}
.ixNewsItem{position: relative;display: flex;align-items: center;gap:clamp(1.25rem,2.5vw,3.75rem);padding:clamp(1.25rem,2.3vw,2.25rem)  clamp(12rem,20vw,19rem) clamp(1.25rem,2.3vw,2.25rem)   0;border-top: 1px solid #bababa ;}
.ixNewsDate{color:var(--gray-d);font-size: clamp(1rem,1.3vw,1.25rem);font-weight: 700;white-space: nowrap;min-width: clamp(4.5rem,6vw,6.5rem);display: flex;flex-direction: column;padding: 0.5rem 0.5rem;transition: var(--trans);border-radius: var(--radius);}
.dtPgTit .ixNewsDate{background: transparent;flex-direction: row-reverse;}
.dtPgTit .ixNewsDate__month,.dtPgTit .ixNewsDate__year{font-size: clamp(1.125rem,1.5vw,1.25rem);padding:0;border-top: none;}
.dtPgTit .ixNewsDate__year::after{content:"."}
.ixNewsDate{background: var(--gray-lx2);}
.ixNewsDate__month{line-height: 1;font-size: clamp(2rem,3vw,3rem);text-align: center;}
.ixNewsDate__month.en{font-size:clamp(1.6rem,2vw,2.2rem);padding:0.2rem 0;}
.ixNewsDate__year{line-height: 1;text-align: center;border-top: 1px solid var(--gray);padding: 0.5rem 0;}
.ixNewsDate.bi-calendar-fill::after{content:"\F1FD";display:inline-block;font-family:bootstrap-icons !important;font-size:0.8em;margin-right:0.5rem;opacity:.8;}

.ixNewsType{background:var(--subColor);padding:clamp(0.5rem,0.6vw,0.7rem) clamp(0.6rem,0.6vw,0.8rem);line-height: 1;color:#fff;font-size: clamp(0.9rem,1vw,1rem);font-weight: 600;letter-spacing: 0.08rem;white-space: nowrap;transition: var(--trans-ease);border-radius: 0.2rem;}
.ixNewsTit__mj{display: block;margin-bottom: clamp(0.2rem,1vw,0.5rem);font-size: clamp(1.25rem,1.6vw,1.5rem);font-weight: 800;transition: var(--trans-ease);overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;box-sizing:border-box;}
.ixNewsTit__sub{color:var(--gray-d);font-weight: 500;font-size: clamp(1rem,1.3vw,1.125rem); overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;box-sizing:border-box;}
.ixNewsImg{position: absolute;z-index: 2;;right:clamp(0.5rem,0.5vw,1.5rem);top:50%;transform: translateY(-50%);width: clamp(10rem,16vw,16rem);transition: var(--trans-ease);border-radius:0.2rem;overflow: hidden;}
.ixNewsImg img{transform: scale(0.8);opacity: 0;transition: var(--trans-ease);}
/* .ixNewsItem:hover .ixNewsType{background: var(--mjColor);} */
.ixNewsItem:hover .ixNewsTit__mj{color:var(--mjColor)}
.ixNewsItem:hover{z-index: 3;}
.ixNewsItem:hover .ixNewsImg{background: #fff;}
.ixNewsItem:hover .ixNewsImg img{opacity: 1;transform: scale(1);}
.ixNewsItem:hover  .ixNewsDate{background:var(--mjColor);color:#fff}

/* !====側選單 */
.container.--inlineSd{display: flex;gap: clamp(2rem,4vw,4rem);align-items: flex-start;}
.container.--inlineSd .sidebar{position: sticky;top:calc(var(--headerH) + clamp(0.5rem,1vw,0.75rem));}
.container.--inlineSd .mainContent{max-width:  calc(100% - clamp(18rem,23vw,20rem));flex:1;}
.sidebar{width: clamp(15rem,20vw,19rem);flex:0 0 auto}
.sideToggle{display: none;}
.sideNavWrap{}
.sideNav{list-style-type: none;padding-left: 0;margin: 0;display: flex;flex-direction: column;gap: clamp(0.5rem,1vw,0.75rem);}
.sideNav__item{}
.sideNav__item.active>.sideNavLink .txt,.sideNavLink:hover .txt{color:#fff}
.sideNavLink{--cl: var(--black);position: relative;display: block;color: var(--cl);border:1px solid var(--subColor);border-radius: var(--radius); transition: var(--trans);}

.sideNavLink .txt{position: relative;padding: clamp(0.5rem,1vw,0.75rem) clamp(0.8rem,1.3vw,1rem) ;z-index: 2;display:block;flex: 1;font-size: clamp(1rem,1.5vw,1.125rem);font-weight: 500;transition: var(--trans);}
.sideNavLink.--isOpen{position: relative;display: flex;justify-content: space-between;;border-radius: var(--radius) var(--radius) 0 0;}
.sideNavLink.--hasSub::before,.--inlineSd .sideNavLink::before{content:"";position:absolute;right:0;bottom:0;width:clamp(8rem,13vw,10rem);aspect-ratio:60 / 13;background:url(../images/all/logo.svg) no-repeat center center / contain;filter:brightness(0) invert(1);opacity:.08;}
.sideNavLink.--isOpen,.sideNavLink:hover,.--inlineSd .sideNav__item.active .sideNavLink,.sideNavLink.active {background:var(--mjColor);border-color: var(--mjColor);}
.sideNavLink.--isOpen .txt,.sideNavLink.active .txt{color:#fff}
.sideNav .--hasSub.--isOpen>.togSubBtn::before{transform:rotate(180deg)}
.sideNav .togSubBtn{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 1.75rem;aspect-ratio: 1;line-height: 1;background: var(--gray-l);}
.sideNav .togSubBtn::before{content: '\F282';font-size: 80%;font-family: 'bootstrap-icons';}
.sideNavDrop{display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.3s ease;overflow: hidden;}
.sideNavDrop.--isOpen{grid-template-rows: 1fr;}
.sideNavDrop.--isOpen .sideNavSub{padding: 0.2rem 0;}
.sideNavDrop > *{min-height: 0;}
.sideNavSub{list-style-type:none;margin: 0;padding: 0;font-size: 1rem;background: var(--gray-lx2)}
.sideNavSub__item{padding:0 clamp(0.8rem,1.3vw,1rem)}
.sideNavSub__item .txt{padding:clamp(0.3rem,0.8vw,0.5rem)0;display: flex;align-items: flex-start;gap:0.8rem;position: relative;color:var(--gray-d);font-weight: 500;font-size: clamp(1rem,1.2vw,1.125rem);}
.sideNavSub__item .txt::before{content:"";display: block;width: 0.4rem;aspect-ratio: 1/1;background: var(--gray-d);flex:0 0 auto;opacity: .6;transform: translateY(0.6rem);transition: var(--trans-ease);}
.sideNavSub__item.active .txt,.sideNavSub__item:hover .txt{color:var(--subColor);}
.sideNavSub__item.active .txt::after,.sideNavSub__item:hover .txt::after{width: 100%;}
.sideNavSub__item.active .txt::before,.sideNavSub__item:hover .txt::before{opacity: 1;background: var(--mjColor)}
.sideNavSub .sideNavSub{padding: 0;background: rgba(0,0,0,.05);border-top: solid 1px rgba(0,0,0,.15);}
.sideNavSub .sideNavSub .sideNavSubLink{padding-top:.5rem;padding-bottom:.5rem}
/* 上方側選單樣式 */
.--rowSd .sidebar{width: 100%;display: flex;justify-content: center;margin-bottom: clamp(1.5rem,4vw,3rem);}
.--rowSd .sideNav{flex-direction: row;flex-wrap: wrap;justify-content: center;background: var(--gray-lx2);padding:clamp(0.5rem,1vw,0.8rem);border-radius: var(--radius);}
.--rowSd .sideNavLink{border:none;}
.--rowSd .sideNavLink a{color:var(--subColor);padding:clamp(0.3rem,1vw,0.5rem) clamp(0.8rem,1.3vw,1.2rem)}
.--rowSd  .sideNav__item.active .sideNavLink{ background: var(--mjColor);}
/* !====關於儒億  */
.aboutGp{display: flex;flex-wrap: wrap;gap: 0.5rem;transform: translateY(-10%);}
.aboutGp__item{background: var(--gray-lx2);padding: 0.5rem 1rem;border-radius: var(--radius);font-size: clamp(1rem,1.25vw,1.125rem);font-weight: 500;transition: var(--trans-ease);}
.aboutGp__item:hover,.aboutGp__item.--active{background: var(--subColor);color: #fff;}
.blockFm{position: relative;background: var(--gray-lx2);padding: clamp(1.5rem,2vw,2rem);border-radius: var(--radius);margin-bottom: clamp(2rem,4vw,3.5rem);}
.blockFm::before,.blockFm::after{content:"\F6B0";font-family:"bootstrap-icons";position: absolute;font-size: clamp(1.8rem,3vw,3rem);color:#b9b9b9}
.blockFm::before{left: clamp(1.125rem,2vw,2rem);top:0;transform: translateY(-40%);}
.blockFm::after{right: clamp(1.125rem,2vw,2rem);bottom:0;transform: translateY(40%) scale(-1);}
.blockFm .text{padding:0;}
/* 歷史沿革 */
.histroyGp{position: relative;;border-left: 0.8rem solid var(--gray-lx2);}
.histroyGpTit{position: relative;color:var(--mjColor);padding-left: clamp(2rem,3.5vw,3rem);padding-bottom: clamp(0.5rem,1vw,1rem);font-size: clamp(1.5rem,2vw,2.5rem);font-weight: bold;}
.histroyGpTit::before{position:absolute;left:0;transform:translate(-62%,-39%);color:var(--gray-lx2);font-size:3rem;}
.histroyGp__item{--imgw:clamp(12rem,20vw,16rem);position: relative;;display: flex;gap:clamp(1rem,2.5vw,2rem);align-items: flex-start;padding-left: 2rem;padding-right: calc(var(--imgw) + 2rem);padding-top: clamp(0.8rem,1.5vw,1.5rem);padding-bottom:  clamp(0.8rem,1.5vw,1.5rem);min-height:12.5rem;border-bottom: 1px dashed #c8c8c8;}
.histroyGp__item:last-of-type{border-bottom: none;}
.histroyGp__item:hover .hisImg{right:1rem;opacity: 1;}
.histroyGp__item:hover{background: var(--gray-lx2)}
.histroyGp__item:hover .hisYear{color: var(--subColor);}
.histroyGp__item:hover::before{opacity: 1;}
.histroyGp__item::before{content:"";width: 0.8rem;height: 100%;position: absolute;left: 0;top:0;transform: translateX(-99%);background: var(--subColor);opacity: 0;transition: var(--trans-ease);}
.hisYear{font-size: clamp(2rem,4vw,4rem);font-size: 3.5rem;font-weight: 700;color:var(--gray-d)}
.hisTit{font-size: clamp(1.125rem,1.5vw,1.25rem);color:var(--gray-d);line-height: 1.7;}
.hisLine{position: relative;;/*width: clamp(2rem,4vw,3.5rem)*/;border-bottom: 1px dashed var(--gray-d);transform: translateY(2.2rem); flex: 0 0 auto;}
.hisLine::after{content:"";position: absolute;left: -2rem;top:0;transform: translate(-75%,-50%);width: clamp(0.8rem,1.5vw,1.5rem);aspect-ratio: 1/1;background: #fff;border:2px solid var(--gray-d);border-radius: 50%;}
.hisImg{position: absolute;right:2rem;top:50%;transform: translateY(-50%);border-radius: var(--radius);width: var(--imgw);transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);opacity: 0;overflow: hidden;}
/* 獎項 */
.awardsGp{--num: 2;--gap:clamp(1.5rem,3vw,2.5rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.awardsGp__item{position: relative;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );display: flex;align-items: center;gap: clamp(0.5rem,1vw,1rem);padding:clamp(0.8rem,1vw,1rem);background: var(--gray-lx2);border-radius: var(--radius);padding-right: 2.5rem;transition: var(--trans-ease);}
.awardsGp__item:hover{background: var(--mjColor);}
.awardsGp__item:hover .awardsTit__mj,.awardsGp__item:hover .awardsTit__sub,.awardsGp__item:hover .awardsDeco::before{color:#fff}
.awardsDeco{position:absolute;display:block;right:clamp(0.3rem,1vw,0.5rem);top:0.8rem;display:flex;align-items:center;justify-content:center;flex-direction:column;height:80%;gap:0.5rem;}
.awardsDeco::before{content:"AWARDS";writing-mode:vertical-lr;color:#c7c7c7;font-weight:500;font-size: clamp(0.875rem,1.3vw,1rem);transition: var(--trans-ease);}
.awardsDeco::after{display:block;content:"";width:1px;height:100%;background:#cacaca;}
.awardsImg{position: relative;;width: clamp(4.5rem,8vw,7rem);;border-radius: var(--radius);overflow: hidden;margin-bottom: 0;flex:0 0 auto}
.awardsImg::before{content:"\F62C";position:absolute;right:0.2rem;bottom:0.2rem;font-family:"bootstrap-icons";width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center;background-color:#0e0e0e;color:#fff;font-size:0.7rem;border-radius:0.2rem;}
.awardsImg img{object-fit: contain;}
.awardsTit{margin-bottom: 0;padding:clamp(0.8rem,1vw,1rem) 0}
.awardsTit__mj{display: block;font-size: clamp(1.25rem,1.5vw,1.5rem);font-weight: 700;margin-bottom: 0.5rem;}
.awardsTit__sub{display:block;font-size:clamp(0.93rem,1.25vw,1rem);font-weight:500;color:var(--gray-d);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;box-sizing:border-box;}


/* !====OEM 客戶 */
.oemGp {--fw:clamp(0.3rem,0.5vw,0.5rem);display: flex;flex-wrap: wrap;border-top:1px solid var(--gray-l);border-left: 1px solid var(--gray-l);margin-top: clamp(1.8rem,4vw,3.5rem);}
.oemGp__item{position: relative;width: 20%;border-right:1px solid var(--gray-l);border-bottom: 1px solid var(--gray-l);padding:clamp(0.3rem,1vw,1rem)}
.oemGp__item:hover img{transform: scale(0.9);}
.oemGp__item::before{content:"";display:block;position:absolute;left:0;top:0;width:var(--fw);height:var(--fw);background:var(--subColor);transform:translate(-50%,-50%);z-index:2;}
.oemGp__item::after{content:"";display: block;position: absolute;right: 0;top:0;width:var(--fw);height:var(--fw);background: var(--subColor);transform: translate(50%,-50%);z-index: 2;}
.oemDese{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.oemDese::before{content:"";display: block;position: absolute;left: 0;bottom:0;width:var(--fw);height:var(--fw);background: var(--subColor);transform: translate(-50%,50%);z-index: 2;}
.oemDese::after{content:"";display: block;position: absolute;right: 0;bottom:0;width:var(--fw);height:var(--fw);background: var(--subColor);transform: translate(50%,50%);z-index: 2;}
.oemImg{margin-bottom: 0;}

/* !====產品服務  */
.blockHeight--pd{padding-bottom: 0;}
.pdFrContainer{position: relative;padding-bottom: clamp(2rem,3.5vw,4rem);}
.pdMainImg{position: relative;border-radius: var(--radius);overflow: hidden;}
.pdMainImg__tit{position: absolute;z-index: 2;left:3%;top:8%;writing-mode: vertical-rl;color:#fff;font-weight: bold;letter-spacing: clamp(0.1rem,0.5vw,0.3rem);font-size: clamp(1.375rem,3.5vw,3rem);overflow: hidden;}
.pdMainImg__tit::after{content:"PRODUCT";display: block;font-size: 0.8em;opacity: .15;padding: 0.2rem 0.2rem ;letter-spacing: 0.1rem;}
.pdMainImg__tit span{display: block;}
.pdMainImg__img{margin-bottom: 0;position: relative;}
.pdMainImg__img::after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.pdMainTxt{display: flex;align-items: flex-end;justify-content: space-between;padding-bottom: clamp(0.5rem,1vw,1rem);margin-bottom: clamp(1rem,2.5vw,2rem);border-bottom: 1px solid var(--gray-d);}
.pdMainTxt__tit{margin-bottom: 0;}
.pdMainTxt__tit.--mj{font-size: clamp(1.5rem,2.5vw,2rem);font-weight: 700;}
.pdIntro{position: relative;display: flex;align-items: center;gap: clamp(0.5rem,3.5vw,5rem);margin-top:clamp(1rem,2.5vw,2.5rem);border-top:1px solid;padding-top: clamp(1.5rem,2vw,2rem);}
.pdIntro__tit{font-size: clamp(1.5rem,3vw,3rem);font-weight: 700;margin-bottom: 0;}
.pdIntro__con{font-size: clamp(1rem,1.25vw,1.125rem);color:var(--gray-d);line-height: 1.7;flex:1;margin-bottom: 0;max-width: 43.75rem;}
.pdIntro__img{width: clamp(10rem,20vw,16rem);margin-bottom: 0;}
.pdDtBlock{position: relative;margin-top: -1px;}
.pdSeContainer{position: relative;padding-top:clamp(2rem,4vw,6rem);padding-bottom:clamp(2rem,4vw,6rem);display: flex;align-items: center;gap: clamp(1.5rem,4vw,7rem);background: var(--mjColor);padding-right: clamp(1rem,5vw,4rem);padding-left: clamp(1rem,5vw,4rem);}
.pdSeContainer::before{content:"";display: block;position: absolute;left: 0;top:50%;transform: translate(-50%,-50%);width: 100vw;height: 100%;background: var(--mjColor);}
.pdSeContainer::after{content:"";display: block;position: absolute;right: 0;top:100%;transform: translate(100%,-50%);width: 50vw;height: 100%;background: var(--gray-lx2);}
.pdDtBlockTit{display: flex;flex-direction: column;gap:clamp(1rem,2vw,2rem);width: clamp(20rem,30vw,30rem);}
.pdDtBlockTit__mj{display: flex;gap:clamp(0.8rem,1.5vw,2rem);align-items: center;font-size:clamp(1.5rem,3vw,3rem);font-weight: 700;margin-bottom: 0;color:#fff;flex:0 0 auto;line-height: 1;letter-spacing: 0.1rem;white-space: nowrap;}
.pdDtBlockTit__sub{color:#fff;font-size:clamp(0.93rem,1.25vw,1rem);line-height: 1.8;}
.pdDtMain{position: relative;z-index: 2;}
.pdDtMain__tit{position: absolute;z-index: 2;right:clamp(0.5rem,2vw,1.5rem);top:clamp(0.5rem,2vw,1.5rem);font-size: clamp(1rem,1.2vw,1.5rem);font-weight: 700;background: #fff;padding:0.5rem clamp(0.5rem,1vw,1rem);}
.pdDtMain__img{margin-bottom: 0;}
.pdThContainer{position: relative;padding-top: clamp(2rem,4vw,6rem);padding-bottom: clamp(2rem,4vw,6rem);background: var(--gray-lx2);}
.pdThContainer::after{content:"";display: block;position: absolute;right: 0;top:50%;transform: translate(20%,-50%);width: 100vw;height: 100%;background: var(--gray-lx2);}
.pdDtSub{position: relative;z-index: 2;display: flex;gap: clamp(1.5rem,3vw,2.5rem);}
.pdDtSub__item{position: relative;width: 100%;}
.pdDtSub__img{position: relative;margin-bottom: clamp(0.5rem,1vw,0.8rem);}
.pdDtSub__img::after{content:"";display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: calc(100% - 0.8rem);height: calc(100% - 0.8rem);border:1px solid #ffff;}
.pdDtSub__tit{font-size: clamp(1.125rem,1.2vw,1.25rem);font-weight: 700;margin-bottom: 0;}
.pdListBlock{padding-top: clamp(2rem,4vw,6rem);padding-bottom: clamp(2rem,4vw,6rem);}
.pdListSwiper .swiper-pagination{position: static;margin-top: clamp(1.5rem,3vw,2rem);}
.pdList__item{background: var(--gray-lx2);padding:clamp(1rem,2vw,1.5rem);border-radius: var(--radius);overflow: hidden;text-align: center;}
.pdList__item:hover .pdList__itemImg img{transform: scale(0.9);}
.pdList__item:hover .pdList__itemTit{background: var(--subColor);color:#fff;}
.pdList__item:hover .pdList__itemTit .bi{width: auto;}
.pdList__itemImg img{transition: var(--trans-ease);}
.pdList__itemTit{margin-bottom: 0;background: #fff;padding:0.5rem 1rem;font-size: clamp(1rem,1.2vw,1.125rem);font-weight: 600;transition: var(--trans-ease);display: flex;align-items: center;gap: 0.6rem;justify-content: center;}
.pdList__itemTit .bi{width: 0;overflow: hidden;transition: var(--trans-ease);transform: translateY(0.05rem);}
.pdDec{position: absolute;left: 2%;top:50%;transform: translate(0,-50%);height: 90%;aspect-ratio:9/40;background: url(../images/all/pdDec.svg)no-repeat center center / contain;opacity: .08;}


/* !====投資人專區  */
.yearBar{display: flex;align-items: center;gap:clamp(0.5rem,1vw,1rem);min-width:10rem ;}
.yearBar__tit{white-space:nowrap;font-size: clamp(1rem,1.125vw,1.125rem);font-weight: bold;}
.yearBarSelect{width: clamp(8rem,12vw,12.5rem);border: 1px solid var(--gray-d);}
.listBox__head{display: flex;/*position: sticky;top:calc(var(--headerH));left: 0;*/;color:var(--subColor);letter-spacing: 0.15rem;;z-index: 1;padding-right: clamp(3rem, 5vw, 5rem);border-bottom: 2px solid var(--subColor);}
.listBox__head + .listBox__body{padding-top: 0.5rem;}
.listBox__body{padding-bottom: 0.5rem;overflow: hidden;border-radius: 0 0 var(--radius-m) var(--radius-m);}
.listBox__body__item{ display: flex;align-items: center; padding: 0.25rem 0; position: relative; z-index: 0;padding-right: clamp(3rem,5vw,5rem);transition: var(--transition);}
.listBox__body__item:hover{color:var(--mjColor);background: #fff;}
.listBox__body__item:hover::before{background: var(--mjColor);}
.listBox__body__item:hover::after{color:#fff}
.listBox__body__item::after,.sustGp__item .sustGpItem__tit::after{content:"\F285";font-family:'bootstrap-icons';position:absolute;width:clamp(3rem,5vw,5rem);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;right:0;top:50%;transform:translateY(-50%);transition:var(--transition);}
.listBox__body__item.--link::after,.sustGp__item.--link .sustGpItem__tit::after{content: "\F1C5";}
.listBox__body__item.--download::after,.sustGp__item.--download .sustGpItem__tit::after{content: "\F30A";}
.listBox__body__item::before{content:"";position: absolute;right:0;top:50%;transform: translateY(-50%)scale(0.5);background-color: var(--gray-lx2);width: clamp(3rem,5vw,5rem);aspect-ratio: 1/1;border-radius: 0.8rem;transition: var(--transition);}
.listBox__body__item+.listBox__body__item{border-top: 1px dashed #999;}
.listBox__head .listItem{font-weight: 500;white-space: nowrap;}
.listItem.--num,.listItem.--func{max-width: 4rem;text-align: center;}
.listItem{flex:1;padding: 0.75rem 1rem;font-size: clamp(1rem,1.25vw,1.125rem);z-index: 1;font-weight: 500;}
.listItem.--date{max-width: 8.5rem;text-align: center;}
/* 底層列表 */
.investorBox__top{display: flex;align-items: center;justify-content: space-between;gap: 0.625rem;}
.investorBox__top .textPicPage__title{margin-bottom: 0;}
.investorBox .tableBox{margin-top: 1.5rem;}
.investorBox .tableBox__item--title{flex: 1 50%;justify-content: flex-start;text-align: left;}
.investorBox .tableBox__item--time{flex: none;width: 7.5rem;}
.investorBox .tableTr{font-size: 1rem;}
.investorIcon{width: 2.25rem;height: 2.25rem;line-height: 2.25rem;font-size: 1.25rem;border-radius: 0.25rem;background: var(--subColor);-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.investorBox .tableTr:hover .investorIcon{background: var(--gray-lx2);}
.investorTable{font-size: 1.125rem;width: 100%;border-top: 1px solid var(--gray-l);border-right:1px solid var(--gray-l);}
.investorTable + .tx01{margin-top: clamp(1.5rem,3vw,2.5rem);}
.investorTable tr{border-bottom: 1px solid var(--gray-l);}
.investorTable tr:nth-child(even){background-color: var(--gray-lx2);}
.investorTable td,.investorTable th{padding:clamp(0.8rem,1.3vw,1rem);font-weight: 700;font-size: clamp(1rem,1.25vw,1.125rem);width: 20%;min-width: 7.5rem;}
.investorTable td{font-weight: 500;width: 80%;}
.investorTable th{background-color: var(--subColor);color:#fff;vertical-align: middle;}
.investorTable a{display:flex;align-items:center;gap:0.5rem;width:fit-content;padding:0.6rem 0.8rem;border:1px solid;border-radius:0.2rem;line-height:1;transition: var(--trans-ease);font-size: 1rem;font-weight: 600;}
.investorTable a::after{content:"\F470";font-family:"bootstrap-icons"}
.investorTable a:hover{background-color:var(--mjColor);border-color: var(--mjColor);color:#fff}

/* !====永續發展  */
.sustGpBox .listItem{font-size: clamp(1rem,1.25vw,1.25rem)}
.sustGp{--num: 3;--gap:clamp(1.5rem,3vw,2.5rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.sustGp__item{position: relative;;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.sustGp__item::before{content:"";display: block;position: absolute;z-index: 2;left: 0;bottom:0;width: 0%;height: 2px;background: var(--mjColor);transition: all 0.3s linear ;}
/* .sustGp__item .sustGpItem__tit::after{background-color: var(--gray-lx2);width: clamp(1.5rem,2vw,2rem);aspect-ratio: 1/1;right:0;top:-0.2rem;border-radius:var(--radius);transform: translateY(0);font-size: clamp(0.8rem,1.1vw,1rem);font-weight: 500;} */
.sustGp__item .sustGpItem__tit::after{display: none;}
.sustGp__item:hover .sustGpItem__tit{color:var(--mjColor)}
.sustGp__item:hover .sustGpItem__tit::after{background-color: var(--mjColor);color:#fff}
.sustGp__item:hover  img{transform: scale(1.1);}
.sustGp__item:hover::before{width: 100%;}
.sustGpItem__img{overflow: hidden;border-radius: var(--radius);margin-bottom: clamp(1.2rem,2vw,1.5rem);}
.sustGpItem__tit{position: relative;margin-bottom: 0;font-size: clamp(1rem,1.5vw,1.25rem);font-weight: 600;padding-bottom: clamp(0.8rem,1vw,1rem);border-bottom: 1px solid  #757575;/*padding-right: 2.5rem*/;text-align: center;}

/* !====聯絡我們  */
.formGroupWrap{background: var(--gray-lx2);padding:clamp(1rem,2vw,2.5rem);border-radius: var(--radius);border-top: 4px solid;width: 100%;}
.formGroup{width: min(100%,60rem);;display: flex; flex-wrap: wrap;gap: var(--gap);--gap: clamp(1rem, 1.5vw, 1.5rem);margin-left: auto;margin-right: auto;}
.formGroup .--bottomBtn a{ margin:0 auto}
.formGroup__item{width: 100%;}
.formGroup__item--half{width: calc(50% - (var(--gap)/2));}
.formGroup__item  label{display: block;margin-bottom: 0.2rem;font-weight: 500;}
.formGroup__item input,.formGroup__item textarea{width: 100%;border:1px solid #e1e1e1;padding:0.4rem 1rem;}
.ctInfoTit{margin-bottom: clamp(1.5rem,2.5vw,2.5rem);text-align: center;}
.ctInfoTit__mj{font-size: clamp(2rem,4vw,4rem);font-weight: 700;line-height: 1.6;display: block;color:var(--mjColor)}
.ctInfoTit__sub{font-size: clamp(1rem,1.5vw,1.125rem);font-weight: 500;line-height: 1.6;display: block;}
.ctInfoMtit{padding:0.8rem clamp(0.8rem,1.5vw,1.25rem);background: var(--subColor);font-size: clamp(1rem,1.5vw,1.125rem);display: inline-block;color:#fff;line-height: 1;border-radius: var(--radius);font-weight: 500;/*margin-top:clamp(1.5rem,2.5vw,2rem)*/}
.ctInfoMtit + P{margin-top:0.5rem;font-weight:500;font-size:clamp(1rem,1.5vw,1.125rem);}
.ctInfoList{list-style: none;padding-left: 0;}
.ctInfoList__item{display: flex;gap: 0.8rem;margin-bottom: clamp(0.5rem,1vw,0.8rem);font-size: clamp(1rem,1.5vw,1.25rem);}
.ctInfoList__item::before{width: 1.5rem;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;}
.ctIfList{--num: 2;--gap:clamp(2rem,2vw,3rem);display:flex;gap:clamp(1.5rem,2vw,2rem) var(--gap) ;flex-wrap: wrap;}
.ctIfList__item{display: flex;gap:clamp(0.8rem,2vw,2rem);width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );padding: clamp(1rem, 2vw, 2rem);background: var(--gray-lx2);}
.ctIfIcon{flex:0 0 auto;display:block;;position: relative;width: clamp(4rem,7vw,6.5rem);aspect-ratio: 1/1;}
.ctIfIcon::before{content:"";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background-repeat: no-repeat;background-size: contain;background-position: center;}
.ctIfIcon.--01::before{background-image: url(../images/contact/ctIc01.svg);}
.ctIfIcon.--02::before{background-image: url(../images/contact/ctIc02.svg);}
.ctIfIcon.--03::before{background-image: url(../images/contact/ctIc03.svg);}
.ctIfIcon.--04::before{background-image: url(../images/contact/ctIc04.svg);}
.ctIfTxt{padding-top: clamp(0.8rem,2vw,1.8rem);}
.ctIfTit{font-size: clamp(1.25rem,1.8vw,1.5rem);font-weight: 800;}
.ctIfDe__item,.ctIfDe__item >*{font-size: clamp(1rem,1.5vw,1.25rem);font-weight: 600;color: var(--gray-d);}
.ctIfDe__item{margin-bottom: 0;display: flex;}
.ctIfDe__item span{flex:0 0 auto;}
.ctIfDe__item span::after{content:":";margin:0 clamp(0.1rem,0.4vw,0.5rem)}
.ctIfDe__item a:hover{color: var(--mjColor);}
.ctIfDe__item+.ctIfDe__item{margin-top: 0rem;}

/* map */
.blockHeight--map{background: var(--subColor);color:#fff;margin-bottom: clamp(2rem,4.5vw,5rem);padding:0}
.blockHeight--map .container{max-width: 100rem;display: flex;gap:clamp(2rem,5vw,5rem);}
.ctMapTit{position: relative;z-index: 2;;writing-mode: vertical-lr;display: flex;flex-direction: column;gap: 0.3rem;padding-top:clamp(2rem,5.5vw,5rem)}
.ctMapTit__sub{font-size:clamp(1.3rem,2.5vw,2.5rem);font-weight:600;opacity:.4;}
.ctMapTit__mj{letter-spacing:0.1rem;font-weight:600;font-size:clamp(1.5rem,2.5vw,2rem);}
.mapFm{position: relative;--imgw:clamp(20rem,30vw,30rem);padding-left: calc(var(--imgw) + clamp(2rem,3vw,3rem));--num: 2;--gap:clamp(1rem,2vw,1.5rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;padding-top:clamp(1rem,5.5vw,5rem);padding-bottom:clamp(2rem,5.5vw,5rem)}
.mapFm::before{content:"";display: block;position: absolute;left: 0;top:0;width: 60%;height: 100%;transform: translateX(-60%);background: var(--mjColor);}
.mapFm__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );opacity: .5;transition: opacity .25s ease;padding:clamp(0.8rem,1.5vw,1.5rem);display: flex;flex-direction: column;}
.mapFm__item .mapImg{opacity: 0;transition: all .5s ease;border: clamp(0.2rem,0.8vw,0.5rem) solid #fff;top:3rem}
.mapFm__item.active{opacity: 1;background: rgba(255,255,255,0.1);}
.mapFm__item.active .mapImg{opacity: 1;top:0;transition: all .8s ease}
.mapFm__item:hover{cursor: pointer;}
.mapImg{position: absolute;left: 0;top:0;transform: translateY(20%);width: var(--imgw);}
.mapList__item{color:#fff;display: flex;gap:0.8rem;}
.mapList__item::before{font-size: 0.8em;transform: translateY(0.35rem);}
.mapTit{margin-bottom: 1rem;font-size: clamp(1.125rem,1.5vw,1.375rem);font-weight: 600;}
.mapTit__mj{display: block;margin-bottom: clamp(0.5rem,1vw,0.8rem);}
.mapTit__sub{font-size: 0.7em;font-weight: 400;display: flex;align-items: center;gap:0.5rem;white-space: nowrap;color: var(--gray);}
.mapTit__sub::after{content:"";display: block;width: 100%;height: 1px;background: var(--gray);}
.mapList{flex:1;}


/* !====頁碼  */
.pagination{display:flex;justify-content:center;gap: 0.8rem;flex-wrap: wrap;margin: 0;padding: clamp(1rem,2.5vw,2rem) 0 0;font-size: 1rem;list-style-type: none;margin-top: clamp(1rem,2.5vw,2rem);}
.pagination li:not(.show){display:none}
.pagination a{display: flex;align-items: center;justify-content: center;width: clamp(1.9rem,3vw,2.5rem);aspect-ratio: 1;border-radius: 0.3rem;border-radius: var(--radius);font-size: clamp(1.125rem,1.3vw,1.25rem);font-weight: 500;}
.pagination .on a{color: #fff;background: var(--subColor);}
.pagination .on a:hover{background: var(--black);}
.pagination .arrow{display:flex!important;}
.pagination .arrow .no{opacity:.5;pointer-events:none}
.pagination .arrow a{display: flex;align-items: center;gap: 1rem;font-size: 80%;}
.pagination .arrow a:hover,.pagination a:hover{background: var(--gray-l);}
.pagination  .bi-chevron-left::before,.pagination  .bi-chevron-right::before{font-weight: bold !important;color: #000;;}

/* !====編輯器  */
.tableContainer table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
ol,ul{padding-left: 2rem;}
.articleMain+.btnGroup{margin-top: clamp(2rem,3vw,3rem);}
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.articleTop{margin-bottom: clamp(1.5rem,3vw,3rem);}
.tx01{margin-bottom:1rem;/*font-size: clamp(1rem,1.3vw,1.125rem);*/line-height: 1.8;font-weight: 500;}
.tx01,.tx01 *{font-family: 'Source Sans Pro','Noto Sans TC','微軟正黑體', sans-serif !important;}
.tx01 img{max-width:100%;width: 100%;max-height:100%;height:auto!important;border-radius: var(--radius-m);}
.tx01 figure{border-radius: 0.4rem;overflow: hidden;}
.tx01 strong{font-weight: bold;}
.text{padding:1rem 0;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.pageContent table { max-width:100%;width: 100%;}
.img-left,.img-right{display: flex;align-items: center;gap: clamp(1rem, 3vw, 3rem)}
.img-left figure,.img-right figure{width: calc(33.333% - .5rem);}
.img-right{flex-direction: row-reverse}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width: calc(66.667% - .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{text-decoration: underline;}
.tx01 a:hover{color:var(--mjColor)}
.tx01 figcaption{position:relative;padding: 1rem 0;font-size: 1rem;}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;border-radius: var(--radius)}
/* 編輯器標題樣式 */
.tx01 .Tit-sy01{--sph: clamp(1rem,1.5vw,1.25rem);position: relative;;margin-bottom: var(--sph);;margin-top: 1rem;font-weight: 800;font-size: clamp(1.375rem,2vw,1.875rem);padding-left: 0.8rem;}
.tx01 .Tit-sy01::before{content:"";display:block;width:5px;height:calc(100% - 0.3rem);position:absolute;left:0;top:45%;background:var(--mjColor);transform:translateY(-50%);}
.tx01 .Tit-sy02{margin:0 0 clamp(0.5rem,1vw,0.5rem)0;font-size: clamp(1.25rem,1.8vw,1.5rem);color:var(--mjColor);font-weight: 700;line-height: 1.5;}
/* 表格設定 */
/*!768====RWD編輯器表格(X捲軸)*/
.tableContainer{width:100%;overflow-x: auto;overflow-y:auto;_overflow:auto;margin:0 0 1em;max-width: 90vw;}
.tableContainer table{width: max-content;min-width: 100%;}
.tx01 table td,.tx01 table th{padding:0.4rem clamp(0.6rem,1.2vw,1rem) !important}

/* !====footer  */
footer .container{max-width: 1600px;}
.ftSlogan{position: relative;display: flex;align-items: center;background:url(../images/all/ftbg.jpg) no-repeat left bottom / cover;padding:clamp(1.2rem,2.2vw,2.5rem) clamp(1.25rem,3vw,4.5rem);color:#fff;border-radius: var(--radius);overflow: hidden;z-index: 2;}
.ftSlogan__tt{width:clamp(10rem,38vw,65rem) ;font-size: clamp(1.5rem,3.5vw,2.5rem);font-weight: 700;line-height: 1.6;letter-spacing: 0.1rem;}
.ftSlogan__con{flex:1}
.ftSlogan__con p{font-size: clamp(1rem,1.3vw,1.125rem);font-weight: 500;}
.ftSlogan .btnStyle.--white{padding:clamp(0.6rem,0.8vw,0.6rem)  clamp(0.8rem,1vw,1rem) clamp(0.4rem,0.8vw,0.4rem) clamp(1.1rem,1.2vw,1.2rem)}
.ftMenu{--mdh:clamp(4rem,8vw,7.5rem);background: var(--subColor);margin-top: calc(-1 * var(--mdh));padding-top:calc(var(--mdh) + clamp(2.5rem,4vw,3.5rem));padding-bottom: clamp(1.5rem,2vw,2rem);}
.ftMenu .container{display: flex;}
.ftMenu ul{list-style: none;padding-left: 0;}
.ftMenuWrap{display: flex;flex:1;}
.ftMenuWrap li{width: 100%;max-width:12.5rem;}
.ftLogo{display: block;width: clamp(10rem,14vw,17.5rem);flex:0 0 auto;aspect-ratio: 7/2;background: url(../images/all/logo-white.svg) no-repeat center center / contain;margin-left: clamp(1.5rem,2vw,2rem);}
.ftNavLink{color:#fff;font-size: clamp(1rem,1.2vw,1.125rem);font-weight: 500;}
.ftSubLink{font-size: clamp(0.92rem,1.1vw,1rem);color:#fff;opacity: 0.6;transition: var(--trans);padding:clamp(0.2rem,0.4vw,0.3rem) 0;display: block;}
.ftSubLink:hover{opacity: 1;}
.ftMenuSub{margin-top: clamp(0.5rem,1vw,0.8rem);}
.socialIcons{display: flex;justify-content: flex-end;gap: clamp(0.5rem,1vw,0.8rem);margin-top: clamp(1rem,2.5vw,1.5rem);}
.socialIcon__item{width:clamp(2rem,3.5vw,2.8rem);aspect-ratio: 1/1 ;background-position: center center;background-repeat: no-repeat;background-size: contain;border-radius: 100%;border:1px solid #fff;opacity: .6;}
.socialIcon__item[href=""]{display:none;}
.socialIcon__item.--fb{background-image: url(../images/all/ft-fb.svg);}
.socialIcon__item.--ig{background-image: url(../images/all/ft-ig.svg);}
.socialIcon__item.--yt{background-image: url(../images/all/ft-yt.svg);}
.socialIcon__item:hover{opacity: 1;}
.ftCopyRight{background:#1F1F1F;padding:clamp(0.8rem,1.5vw,1.2rem) 0;}
.ftCopyRight.--termHide .container{justify-content: center;}
.ftCopyRight .container{display: flex;justify-content: space-between;align-items: center;}
.copyright{font-size: clamp(0.875rem,1vw,1rem);color:#fff;opacity: .8;}
.copyright a{color:#fff;text-decoration: underline;}
.ftTermsWrap{display: flex;}
.ftTerms__item{font-size: clamp(0.875rem,1vw,1rem);color:#fff;opacity: 0.6;transition: var(--trans);display: block;}
.ftTerms__item:hover{opacity: 1;}
.ftTerms__item+.ftTerms__item::before{content:"｜";margin: 0 0.25rem;}


/* !========================RWD======================== */

@media screen and (max-width: 1200px) {
    /* !====投資人專區 */
    .listBox__body__item::before{transform: translateY(-50%) scale(0.6);}

    /* OEM 客戶 */
    .oemGp__item{width: 25%;}

    /* !====banner */
    .banner__box .banner__videoWrap__inner iframe{width: 100%;height: 100%;bottom:0}
}

@media screen and (max-width: 991px) {
    /* !991====選單==== */
    .navbarBrand{margin:0.8rem 0}
    .navbar:has(.navbarToggle.--isOpen){border-radius: 0.2rem 0.2rem 0 0;}
    .navbarToggle{--w: 2rem;--h:2px;--mv: .5rem;--cl: var(--black);position: relative;display: flex;align-items: center;justify-content: center;width: var(--w);height: var(--w);padding: 0;border: none;background-color: transparent;position: absolute;right:clamp(1.125rem,3vw,2rem);top:50%;transform: translateY(-50%);display: flex;flex-direction: column;gap:0.35rem;align-items: center;justify-content: center;}
    .navbarToggle span{width: 1.8rem;height: 2px;background: var(--black);display: inline-block;border-radius: 100rem;transition: all 0.3s;}
    .navbarToggle.--isOpen  span:nth-child(1){transform:translateY(0.45rem) rotate(45deg);}
    .navbarToggle.--isOpen  span:nth-child(2){transform:translateX(0.75rem);opacity:0;}
    .navbarToggle.--isOpen  span:nth-child(3){transform:translateY(-0.5rem) rotate(-45deg);}
    .navbarNav{display: none;position: fixed;top:var(--headerH);left:0;right:0;bottom:0;background-color:var(--gray-lx2);z-index:100000;flex-direction: column;align-items: center;}
    .navbarNav.--isOpen{display: block;height: min-content;padding: 0.8rem;max-height: calc(100vh - var(--headerH) - 2rem);overflow-y: auto;border-radius: 0 0 var(--radius) var(--radius) ;}
    .navbarNav__lang{position: absolute;right:clamp(3.8rem,5vw,5rem);top:50%;transform: translateY(-50%);}
    .--isOpen .langIcon,.langIcon:hover,.langIcon{background:transparent;}
    .langIcon:hover::before{color:var(--subColor)}
    .langIcon::before{color: var(--subColor) !important;}
    /* 側邊欄選單（手機版） */
    .sideNavWrap.--isOpen{display: block !important;}
    .navLink{padding: .5rem 1rem;}
    .navLink::before{left: 1rem;transform: translateX(0);}
    .navbarNav__item.active .navLink::before{width:calc(100% - 2rem);}
    .navLink:hover::before,
    .navLink.--isOpen::before{width: calc(100% - 2rem);}
    .navSub__item:hover .navSubLink{background: transparent;}
    .navSubLink{padding-left: 1.5rem;}
    .navSub{position: static;}
    .navSub.dropdownMenu{display: none;transform: translateX(0%);margin-bottom: 0rem;}
    .navbarNav .dropdown:has(.--isOpen) .navSub.dropdownMenu{display:block;background:transparent;box-shadow:none;border:none;}
    .--navBtn{margin-left: 0;margin-top: 2rem;width: 100%;}

    /* !991====側選單 */
    .sidebar{width: 100%;}
    .container.--inlineSd{flex-direction: column;gap:1.5rem;}
    .container.--inlineSd .sidebar{position: static;top:auto}
    .sideToggle{position: relative;;display:flex;align-items: center;gap:0.5rem;border:none;width:100%;background:var(--mjColor);color:#fff;padding:clamp(0.3rem,1vw,0.8rem) 1rem;border-radius: var(--radius);transition: var(--trans-ease);}
    .sideToggle::before{content: '\F477';font-family:"bootstrap-icons";transform: translateY(-0.05rem);}
    .sideToggle::after{content: "\F282";font-family:"bootstrap-icons";position: absolute;right:1rem;top:50%;transform: translateY(-50%);}
    /* .sideToggle.--isOpen{background: var(--subColor);} */
    .sideToggle.--isOpen::after{transform:translateY(-50%) scaleY(-1) ;}
    .sideNavWrap{display: none;}
    .sideNavWrap.--isOpen{display: block !important;margin: 1rem 0;}
    .sideNavLink.--isOpen, .sideNavLink:hover{background: var(--subColor);border-color: var(--subColor);}
    /* .sideNavLink.--hasSub::before{display: none;} */
    .sideNavLink.--isOpen, .sideNavLink:hover, .--inlineSd .sideNav__item.active .sideNavLink{background: var(--subColor);border-color: var(--subColor);}
    /* 上方側選單樣式 */
    .--rowSd .sideToggle{display: none;}
    .--rowSd .sideNavWrap{display: block;}
    .container.--inlineSd .mainContent{max-width: 100%;width: 100%;}

    /* !====首頁 最新消息 */
    .ixNewsItem{flex-wrap: wrap;gap:0.8rem;padding-right: 0 ;}
    .ixNewsTit{width: 100%;order:2}
    .ixNewsImg{position: static;transform: translateY(0);width: 100%;order: 1;margin-bottom: 0;right: 0;}
    .ixNewsImg img{opacity: 1;transform: scale(1);}
    .blockHeight--ixNews .ixNewsType{position:absolute;right:clamp(0.4rem,1vw,0.8rem);top:clamp(1.6rem,3.5vw,2.5rem);z-index: 3;}
    .ixNewsTitGp{justify-content: space-between;}
    .ixNewsTitGp::before{display: none;}
    .dtPgTit.--inline{flex-direction:column-reverse;align-items:flex-start;}
    .ixNewsDate{position:absolute;top:clamp(1.6rem,3.5vw,2.5rem);z-index:3;left:clamp(0.4rem,1vw,0.8rem);padding:0.5rem 0;}
    .ixNewsDate__year{padding-bottom: 0;}
    .dtPgTit .ixNewsDate{left: auto;top:auto;padding:0;position: static;}


     /* OEM 客戶 */
    .oemGp__item{width: 33.3%;}

    /* !====聯絡我們*/
    .blockHeight--map{position: relative;}
    .blockHeight--map::before{content:"";display: block;position: absolute;left: 0;top:0;width: 100%;height: clamp(6rem,13vw,12rem);background: var(--mjColor);}
    .blockHeight--contact .container{flex-direction: column;}
    .blockHeight--map .container{flex-direction: column;gap:1rem}
    .contactInfo{width: 100%;}
    .mapFm{padding-left: 0;--num:2;}
    .mapImg{position: sticky;left: auto;top:auto;transform: translateY(0);width: 100%;}
    .mapFm__item .mapImg,.mapFm__item{opacity: 1;}
    .mapFm__item{background: rgba(255, 255, 255, 0.1)}
    .mapFm::before{display: none;}
    .mapList{margin-bottom: 0.5rem;}
    .ctMapTit{writing-mode: inherit;align-items: center;padding-top: clamp(1.25rem,2vw,2rem);}
    .ctIfList{--num:1;}


}

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

    /* !====標題 */
    .pgBnTit__tt span{transform: translateY(0);}

    /* !====banner */
    .banner .bnPagination{right:auto;left: clamp(2rem,8vw,8rem);bottom:1rem}
    .bnArrow{bottom:4.5rem;display: none;}
    .banner__box .banner__videoWrap__inner{transform: scale(2.3);}
    .banner__box .banner__videoWrap__inner{top:0;bottom:0}


    /* !====投資人專區*/
    .yearBarSelect{width: 100%;}
    .listItem{padding: 0.5rem 0.3rem;}

     /* !====編輯器 */
    .img-left, .img-right{flex-direction: column;gap:0;}
    .img-left figure, .img-right figure,.img-left.tx01 figure + .text, .img-right.tx01 figure + .text{width: 100%;}
    .text{padding:0}

     /* !====永續發展 */
    .sustGp{--num:2;}

    /* !====footer */
    .ftSlogan{justify-content: space-between;}
    .ftSlogan__con{flex:initial}
    .ftSlogan__con p{display: none;}
    .ftSlogan__tt{width: auto;}
    .ftMenu .container{flex-direction: column;}
    .ftMenuWrap{flex-wrap: wrap;margin-bottom: 2rem;}
    .ftMenu ul{gap:0.6rem 0}
    .ftMenuWrap >li{width: 50%;max-width: 100%;}
    .ftLogo{margin:0 auto}
    .socialIcons{justify-content: center;}
    .ftCopyRight .container{flex-direction: column;gap:0.6rem 0}
    .ftCopyRight .container{text-align: center;padding:0 4rem}



    /* !====首頁 關於儒億 */
    .blockHeight--ixab{flex-direction: column;}
    .ixab{width: 100%;}
    .ixab.--txt{margin:0;padding-bottom: 9rem;}
    .blockHeight--ixab::before{display: none;}
    .ixFtu{transform: translateX(0);width: 100%;max-width: calc(100% - 3rem)}
    .ixab.--img{position: relative;;--m:clamp(1.25rem,2vw,2rem);margin-left:var(--m);margin-top:calc(-1 * 6rem);padding:var(--m);}
    .ixab.--img::before{content:"";position: absolute;right:clamp(2.5rem,6vw,8rem);top:0;transform: translateY(-130%);width: clamp(10rem, 36vw, 38rem);;aspect-ratio: 60 / 13;background: url(../images/all/logo.svg) no-repeat center center / contain;filter: brightness(0) invert(1);opacity: .08;}
    .ixFtu__item{flex-direction: column;text-align: center;}
    .ixFuIcon{margin-bottom: 0.2rem;}

}


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

    /* !====breadcrumbs */
    .breadCrumbs__item+.breadCrumbs__item::before{margin:0}

    /* !====首頁 產品服務 */
    .ixPdCard:before{width:clamp(11rem,16vw,17rem);opacity:1;}
    .ixPdCard::after{bottom:clamp(0.7rem,1vw,0.8rem);opacity:.2;}


    /* !====投資人專區*/
    .inPgTit.--jsb{flex-direction: column; align-items: flex-start;gap:1.5rem}
    .yearBar{width: 100%;}

    /* !====footer */
    .ftSlogan{flex-direction: column;}
    .ftSlogan__tt{text-align: center;margin-bottom: 1rem;}


    /* !====側選單 */
    .--rowSd .sideNav{flex-direction: column;}
    .--rowSd .sideNavWrap{width: 100%;text-align: center;}

    /* !====永續發展 */
    .sustGp{--num:1;}

    /* !====首頁 關於儒億 */
    /* 歷史沿革 */
    .histroyGp__item{flex-wrap: wrap;}
    .histroyGp__item{padding-right: 1rem;padding-left: 1rem;min-height: auto;}
    .hisImg{position: static;right:auto;top:auto;transform: translateY(0);width: 100%;opacity: 1;}
    .hisTxt{width: calc( 100% - clamp(2rem,4vw,3.5rem) - 2rem);}
    .histroyGp__item:hover .hisImg{right: auto;}
    .hisYear{transform: scale(0.7) translateX(-20%);}
    .hisTit{margin-top: -0.5rem;}
    .hisLine::after{left:-1.1rem}
     /* OEM 客戶 */
    .oemGp__item{width: 50%;}
    /* 獎項 */
    .awardsGp{--num:1;}
    .awardsImg{width: 5.5rem;}

    /* !====產品服務 */
    .pdIntro{flex-direction: column; align-items: center;}
    .pdIntro__tit br{display: none;}
    .pdSeContainer{flex-direction: column; align-items: flex-end;}
    .pdDtBlockTit{writing-mode: initial;justify-content: center;width: 80%;}
    .pdSeContainer::after{display: none;}
    .pdSeContainer::before{transform: translate(0%,-50%);}
    .pdDtSub{flex-direction: column;}
    .pdDtMain__tit{position: sticky;margin-top: -1px;text-align: center;}
    .pdDec{top:5%;transform: translate(0,0);height: 60%;}
    .pdMainImg__tit{writing-mode: initial;}

    /* !====聯絡我們*/
    .mapFm{--num:1;}
    .formGroup__item--half{width: 100%;}
    .formGroup{width: 100%;}
    .ctIfList__item{flex-direction: column;align-items: center;}
    .ctIfTit{text-align: center;}


}

/* 無障礙功能-高對比度支援 */
@media (prefers-contrast: high) {
    :root {
        --outline: 3px solid #000 !important;
        --outline-offset: 2px !important;
    }
}