@charset "utf-8";

/* CSS Document */
body{font-family:'Roboto','Noto Sans TC','微軟正黑體',sans-serif;font-size: 1.125rem;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:has(.navbar--pg){/* padding-top:0; */}
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.page-fade::after {opacity: 1;}
@media (min-width:768px){.wow{visibility:hidden;}}
/*--------------------------------------------------*/
/* !====無障礙功能==== */
/* 無障礙焦點樣式 */
/* 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;}
:root{
    --mjColor: #1087A8;
    --mjColor-l: #F4F5FA;
    --subColor: #294599;
    --subColor-d: #303096;
    --color-1: #EF1C24;
    --color-2: #E68D33;
    --color-3:#0088D6;
    --black: #2d2d2d;
    --gray: #999;
    --gray-d: #777;
    --gray-l: #ccc;
    --gray-lx2: #eee;
    --red: #d40023;
	--gradient-1:linear-gradient(100deg,var(--subColor),var(--mjColor),var(--color-2));
    --trans: all .3s linear;
    --trans-ease: all .3s ease-out;
    --outline: 5px dotted var(--subColor);
    --outline-offset: 0;
    --container:100%;
    --ctOffset: calc((100vw - var(--container)) / 2 + 0.75rem);
    --spaceM: clamp(3rem,4vw,5rem);
	--shD:0 0 1rem rgba(0,0,0,0.15);
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::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{--pos: clamp(1rem,2vw,2rem);cursor:pointer;position: fixed;bottom: var(--pos);right: var(--pos);color: var(--mjColor);transform-origin: right top;rotate: 90deg;transition: 0.3s all;display: none;}
#goTop .bi{rotate:-90deg;display:inline-block;}
#goTop:hover{}

.fixGoTop #goTop{rotate:0deg;color:#fff;position: static;margin: auto;margin-right: 0;}
.fixGoTop #goTop .bi{rotate:0deg;}

/* !====按鈕 */
button{border:none;}
.btnWrap {margin-top: 2em;}
.btnStyle{display: inline-block;background: var(--mjColor-l);min-width:12.5rem;position: relative;padding: 0.75rem;text-align: center;overflow: hidden;z-index: 2;}
.btnStyle.--w{background:#fff;}
.btnStyle::before{content:'';position: absolute;width:0.125rem;height: 100%;background: var(--color-1);left: 0;top: 0;transition: 0.3s all;}
.btnStyle .txt{padding:0 1.25rem;position:relative;color: var(--subColor);font-weight: 500;transition:0.3s all;}
.btnStyle:after{content:'\F135';position:absolute;font-family:'Bootstrap-icons';right: 0.75rem;color: var(--color-1);font-size: 1.25rem;line-height: 1;top: 50%;translate: 0 -50%;transition: 0.3s all,0.3s right;z-index: 1;}
.btnStyle:hover:before{width:100%;}
.btnStyle:hover:after{right:-10%;color:#fff;}
.btnStyle:hover .txt{color:#fff;}
.btnCircle{width:7.5rem;aspect-ratio:1;background:var(--subColor);border-radius:100rem;display: flex;align-items: center;flex-direction: column;color: #fff;justify-content: center;}
.btnCircle:hover{background:var(--color-2);}
.btnCircle .txt{--lt:0.15em;letter-spacing:var(--lt);margin-right:calc(var(--lt) * -1);font-size:1rem;}

/* !====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: var(--spaceM) 0;}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

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

/* !====標題 */
.mainTitle{display: flex;justify-content: start;align-items: baseline;gap: .5rem;margin-bottom: 3rem;flex-direction: column;}
.mainTitle--0{margin:0}
.mainTitle__mj{font-size: clamp(2.25rem,2.5vw,3rem);font-weight: 700;letter-spacing: 0.02em;color: var(--subColor);}
.mainTitle__sub{font-size: 1.125rem;font-weight: 500;letter-spacing: 0.05em;}
.titleBox__mj{font-size: clamp(1.75rem,2.4vw,2.5rem);font-weight: 600;display: inline-flex;margin: 0;line-height: 1.5;letter-spacing: 0.05em;}
.comma{position:relative;}
.briefTxt{font-size: clamp(1.125rem,1.2vw,1.25rem);opacity: 0.85;}
/* .briefTxt.--big{font-size:1.15em;} */

/*!swipe*/
.swiper{--swiper-pagination-bottom: 0px;padding-bottom: var(--swiper-pagination-bottom);}
.swiper-pagination-bullet{--cl:var(--mjColor);width: 0.75rem;height: 0.75rem;background: var(--cl);transition:0.3s all;}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{opacity:0.5;}
.arrowG{display:flex;flex-direction: row-reverse;gap: 0.75rem;}
.arrowG__item{background: var(--mjColor);width: 3rem;aspect-ratio: 1;display: inline-flex;border-radius: 100rem;color: #fff;font-size: 2rem;align-items: center;justify-content: center;cursor: pointer;transition:var(--trans-ease);pointer-events: all;}
.arrowG__item:hover{background:var(--subColor);}
.arrowG__item::before{font-family:'Bootstrap-icons';}
.arrowG__item.--next:before{content:'\F135';}
.arrowG__item.--prev:before{content:'\F12C';}
/*!img*/
.cover{margin:0;aspect-ratio: var(--asR);}
.cover__pic{aspect-ratio:var(--asR);object-fit: cover;transition: 0.3s all;}
/* !====banner */
.banner{--asR:1920/720;aspect-ratio: var(--asR);position: relative;}
.banner .swiper-pagination-bullet{--cl:#fff;}
.banner .swiper-pagination{bottom: clamp(1.25rem,2vw,2rem);}
.banner .arrowG{position:absolute;top:50%;width: 100%;z-index: 1;display: flex;justify-content: space-between;pointer-events: none;padding: 0 1rem;translate: 0 -50%;}
.bnContent{position:absolute;top: 45%;left: var(--ctOffset,1.5rem);right: var(--ctOffset,1.5rem);translate: 0 -50%;color: #fff;display: flex;flex-direction: column;gap: 1rem;line-height:1.5;text-shadow:0 0 1rem rgba(0,0,0,0.5);}
.bnSub{font-size: 1.25rem;opacity:0.8;}
.bnTt{font-weight: 700;letter-spacing:0.15em;font-size: clamp(2.125rem,3.5vw,3.25rem);margin: 0;transition: 0.5s all;line-height: 2;}
.banner__box{position:relative}
.banner__box picture,
.banner__box img {display: block;width: 100%;height: 100%;object-fit: cover;}
.banner__box picture{position:relative;animation: bnAni 6s infinite;}
.banner__box picture:after{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,0.35),rgba(0,0,0,0.05));left: 0;top: 0;}
.bannerTitle{position:absolute;left:50%;bottom:50px;margin:0;transform:translateX(-50%);color:#fff}
.swiper-slide-active .bnTt{line-height:1.25;transition-delay:0.15s}
@keyframes bnAni{
	0%,100%{scale:1}
	50%{scale:1.02}
}

.pgBanner{min-height:22.5rem;max-width: min(1440px,85vw);margin: auto;margin-left: 0;}
.pgBanner__tt{--lt: clamp(0.025rem,0.25vw,0.05em);position:absolute;font-size:var(--spaceM);text-transform:uppercase;font-weight:700;right: max(calc(var(--ctOffset) - 0.75rem),1rem);top:50%;transform:translateY(-50%);color: #fff;text-shadow: 0 0 0.5rem rgba(0,0,0,0.25);overflow: hidden;animation: letterSpAni 1s forwards;}
@keyframes letterSpAni{
	0%{letter-spacing:100%;filter:blur(1rem);}
	100%{letter-spacing:var(--lt);}
}
/* Banner 背景圖片 - 動態背景 */
.pgBanner--dynamic{background-size: cover;background-position: center;background-repeat: no-repeat;}
/* Body padding-top 移除 */
.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;tabindex: -1;}
/* 間距工具類 */
.mt-2rem{margin-top: 2rem;}
.mb-1rem{margin-bottom: 1rem;}
.mb-2rem{margin-bottom: 2rem;}
/* Demo 頁面樣式 */
.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 */
.gtm-noscript-iframe{display: none;visibility: hidden;}
/* Body overflow 控制 */
.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;}


.pgBnWrap{background: var(--gradient-1);position: relative;z-index: 1;}
.pgBnWrap:after{content:'';position:absolute;width: var(--ctOffset);height:100%;background:#fff;top:0;left: -0.75rem;z-index:-1;}
.pgContent{position:relative;}
.pgContent:before{content:'';position:absolute;width: clamp(18rem,100vw,50rem);aspect-ratio: 1200/550;background:url(../images/all/deco.png)center/cover;left: -6rem;bottom: 0;z-index: -1;opacity: 0.5;mask: linear-gradient(90deg, rgba(0,0,0,0.95), rgba(0,0,0,0.25) );}
.pgContent:after{content:'';position:absolute;width:100%;height: 0.25rem;bottom:0;left:0;background: var(--gradient-1);}
/* !====麵包屑 */
.breadCrumbsWrap{--offset:1px;--pdY: 1.5rem;padding: calc(var(--pdY) + var(--offset)) 0 calc(var(--pdY) - var(--offset));position: relative;}
.breadCrumbsWrap .container{max-width:var(--container);}
.breadCrumbs{--cl:var(--black);margin:0;list-style:none;display:flex;flex-wrap:wrap;gap: 0.5rem;justify-content: flex-end;padding: 0;align-items: center;}
.breadCrumbs__item + .breadCrumbs__item{--dotW: 0.375rem;position:relative;/* padding-left:calc(var(--dotW) + 0.5rem); */}
.breadCrumbs__item + .breadCrumbs__item:before{content: '\F285';/* position:absolute; *//* width: var(--dotW); */aspect-ratio:1;/* left: 0; *//* top: 48%; */transform: translate(-3px,2px);opacity: 0.5;color: var(--mjColor-l);font-family: 'Bootstrap-icons';line-height: 1;display: inline-block;}
.breadCrumbs__item a{color: #fff;}
.breadCrumbs__item:last-child a{opacity:1;pointer-events: none;color: #e4f9ff;}

/* !====js-下拉選單==== */
.dropdown{position:relative;}
[data-toggle="dropdown"]{position: relative;cursor: pointer;display: block;padding-right: 2rem;}
[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;}

/*!form*/
.form-control{border:transparent;background: var(--mjColor-l);}
.formGroup{--gap:1rem;display: flex;flex-wrap: wrap;gap:var(--gap)}
.formGroup__item {width:100%}
.formGroup__item--half{width: calc((100% - var(--gap)) / 2);}
.formGroup__item--recaptcha{display:flex;justify-content: center;flex-direction: column;align-items: center;}
.formGroupWrap.--contact{/* max-width: 800px; */margin: auto;display: flex;flex-direction: column;align-items: center;}

/* logo */
.logo__pic {aspect-ratio: 229/32;height: var(--logoH);transition: 0.3s all;}
/* !====選單==== */
.navbar{--logoH:4rem;position: fixed;top: 0;left: 0;right: 0;z-index: 999;background-color: #fff;/* box-shadow: 0 0 .5rem rgba(0,0,0,0.25); */}
.navbar:has(~ .lightbox[style*="display: none;"]){z-index:999999999999}
.navbar--fixed,.navbar--pg{--logoH:3rem}
.navbar--fixed{box-shadow:0 0 .5rem rgba(0,0,0,0.25)}
.navbar--pg{/* translate:0 calc(var(--headerH) * -1); */transition:0.3s all;}
.navbar--pg.navbar--fixed{translate:0 0}
.navbar>.container{display: flex;gap: 1rem;}
.navbarBrand{display: block;padding: 1rem 0;text-align: center;margin-right: 1rem;}
.navbarToggle{order:1;display: none;}
.navbarNav{display: flex;align-items: center;margin-left: auto;}
.navbarNav__item{height: 100%;min-width: 7.5rem;position: relative;cursor: pointer;text-align: center;}
.navLink{--cl: var(--black);display: block;cursor: pointer;font-size: 1.25rem;font-weight: 500;letter-spacing: 0.05em;height: 100%;display: inline-flex;align-items: center;}
.navLink:focus-visible{outline:none;box-shadow:none}
.active .navLink{color:var(--mjColor);}
.navSub{min-width: 200px;background-color: #fff;padding: 1rem;border: 1px solid var(--gray-lx2);border-radius: 0.5rem;box-shadow: 0 0 10px rgba(0,0,0,0.1);list-style: none;margin: 1rem 0 0;padding: 1rem;display: none;}
.navSub__item{}
.navSubLink{}
.dropdownMenu--show{display: block !important;opacity: 1;}
.dropdownMenu--hide{display: none !important;pointer-events: none;opacity: 0;}
.langBox{display:flex;align-items: center;}
.langBox__item{--offset: 0px;display:none;line-height: 1;padding: calc(0.5rem - var(--offset)) 0.5rem calc(0.5rem + var(--offset));background: var(--mjColor);color: #fff;position: relative;}
.langBox__item:after{content:'';position:absolute;width:0;height:100%;background:var(--color-3);right:0;top:0;transition:0.3s all;}
.langBox__item:hover:after{width:100%;left:0}
.active.langBox__item{display:block;}
.langBox__item .txt{position:relative;z-index:1}

/* !====首頁 */
.btnCircle__icon{display:inline-block;width:3rem;aspect-ratio:1;}
.btnCircle__icon.--contact{background: #fff;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M59.72 16.45c0-1.91-1.06-3.3-2.92-3.75-.54-.13-1.12-.15-1.69-.15-11.56-.01-23.13-.01-34.69.01-.57 0-.81-.19-1.07-.69-.9-1.77-1.84-3.52-2.86-5.22-.73-1.22-1.68-2.3-2.91-3.07-1.27-.8-2.57-.92-3.88-.09-.3.18-.64.35-.95.55C3.59 7.27.82 11.98.33 18c-.4 4.86.78 9.45 3.08 13.69 2.57 4.74 5.32 9.38 8.12 13.99 1.82 3 4.19 5.55 7.09 7.55 6.72 4.63 13.66 5.26 20.84 1.04 1.07-.63 1.64-1.57 1.65-2.79 0-.69-.06-1.41-.25-2.07-.96-3.29-2.89-6.05-4.97-8.7-.43-.54-.96-1.02-1.51-1.45-1.98-1.56-4.24-1.7-6.42-.45-.72.41-1.45.82-2.15 1.25-.85.52-1.72.57-2.64.21-1.07-.42-1.94-1.08-2.52-2.09-2.05-3.53-4.1-7.06-6.14-10.6a3.94 3.94 0 0 1-.49-1.27c-.25-1.38-.28-2.77.95-3.72.74-.58 1.6-1 2.43-1.47.45.31.98.72 1.23.91 4.36 3.4 8.7 6.82 13.04 10.24 2.31 1.82 4.41 1.84 6.73.02 5.47-4.29 10.93-8.58 16.4-12.88.68-.54 1.37-1.07 2.15-1.68.03.24.05.33.05.41 0 7.91 0 15.82.01 23.74 0 .66-.33 1.02-.95 1.12-.32.05-.65.06-.98.06-4.09 0-8.18 0-12.26.01-.93 0-1.52.55-1.53 1.36-.01.8.6 1.4 1.5 1.4 4.35.01 8.7.04 13.05-.01 2.14-.02 3.98-1.62 3.96-4.07-.12-8.43-.08-16.87-.08-25.3zm-43.15 1.93c-.8.45-1.57.96-2.38 1.37-2.64 1.34-3.39 4.17-3.04 6.43.15.99.51 2 1 2.87 2 3.56 4.04 7.1 6.14 10.6 1.43 2.4 3.6 3.66 6.42 3.55.79-.03 1.61-.37 2.35-.71.89-.41 1.72-.95 2.56-1.45.86-.51 1.72-.53 2.52.06.63.46 1.26.96 1.75 1.56 1.58 1.93 2.91 4.04 3.89 6.34.29.67.43 1.42.54 2.14.04.23-.15.6-.36.74-2.48 1.62-5.22 2.39-8.53 2.41-4.22-.06-7.97-2.02-11.28-5.02-1.64-1.49-3.12-3.15-4.26-5.05-2.73-4.58-5.46-9.15-8.02-13.82-1.93-3.53-2.95-7.37-2.84-11.44.16-5.03 2.28-9.06 6.34-12.06.58-.43 1.23-.76 1.87-1.08.19-.1.54-.1.71.02.43.28.87.61 1.2 1 1.99 2.44 3.47 5.17 4.4 8.19.11.35.15.73.18 1.1.05.97-.27 1.75-1.16 2.25zm38.3-2.57c-6.05 4.75-12.09 9.5-18.14 14.25-1.35 1.06-2.08 1.05-3.44-.02-4.21-3.31-8.42-6.61-12.63-9.92-.34-.27-.69-.53-1.1-.84.76-1.16 1.07-2.47.9-3.94h34.95c-.23.2-.38.35-.54.47z' fill='%23171975'/%3E%3C/svg%3E") center/cover;}
.blockHeight--ixAbout{overflow:hidden;}
.ixAbout{--w: clamp(2rem,3vw,5rem);--img1:20rem;--img2:30rem;--gap: var(--spaceM);display:flex;gap: var(--gap);align-items: flex-end;position: relative;z-index: 1;}
.cover.--ixAb1{--asR:320/480;order:-1;width: var(--img1);display: flex;align-items: flex-end;}
.cover.--ixAb2{--asR:480/820;width: var(--img2);}
.ixAbout__content{width: calc(100% - var(--img1) - var(--img2) - (var(--gap) * 2));padding-top: var(--spaceM);display: flex;flex-direction: column;justify-content: space-between;position: relative;z-index: 1;}
.ixAbout__content .btnWrap{margin-top:calc(var(--spaceM) + 1.25rem);}
.abContent--ix{display:flex;flex-direction:column;gap: clamp(1.5rem,2.5vw,3rem);}
.abContent--ix .briefTxt{line-height:2}
.titleTxt{margin:0;font-size: clamp(1.25rem,1.8vw,2rem);font-weight:500;letter-spacing:0.05em;line-height:1.75}
.strokeTxt{font-size: clamp(5rem,12vw,10rem);line-height:1;font-weight:900;position: relative;color: #fff;opacity: 0.15;margin: 0 auto;margin-right: 0;translate: 25%;mix-blend-mode: color-burn;}
.strokeTxt:after{content:attr(data-tt);-webkit-text-stroke: 3px #000;color: transparent;left: 0;position: absolute;z-index: -1;}
.--bdDeco{position:relative;}
.--bdDeco:after{--pos: clamp(0.5rem,1vw,1rem);content:'';position:absolute;width:100%;height: 85%;background:var(--color-2);left: calc(var(--pos) * -1);bottom: calc(var(--pos) * -1);z-index: -1;}

.blockHeight--ixPdt{margin-top: 2rem;margin-bottom: var(--spaceM);position:relative;overflow: hidden;}
.blockHeight--ixPdt:after{content:'';position:absolute;width: var(--container);height:100%;background:color-mix(var(--color-2),#fff 90%);left:0;top:0;z-index: -2;transition: 1.5s all;}
.blockHeight--ixPdt .contentBox{--imgW: clamp(20rem,35vw,32rem);--gap:var(--spaceM);display:flex;gap:var(--gap)}
.ixPdt{display:flex;flex-direction:column;gap:2.5rem;align-items: flex-start;width: calc(100% - var(--gap) - var(--imgW));}
.cover.--ixPdt{width:var(--imgW);}

.blockHeight--ixContact{background:linear-gradient(0deg,color-mix(#222260,transparent 75%)),url(../images/index/contact.png)center bottom/cover;position:relative;color:#fff;padding: clamp(5rem,8vw,7.875rem) 0;}
.ixContact{display:flex;gap: clamp(1.5rem,2vw,2.5rem);justify-content: space-between;align-items: center;text-align: center;}

/*! 內頁-公司簡介*/
.abBox{--imgW: 24rem;--gap: var(--spaceM);display:flex;gap:var(--spaceM);margin-bottom: 1rem;}
.abBox__media{/* --asR:1; */font-size: 10rem;font-weight: 900;line-height: 1;width:var(--imgW)}
.abBox__content{display: flex;flex-direction: column;gap: 2rem;width: calc(100% - var(--gap) - var(--imgW));}
.abCore{display:flex;gap: clamp(1.5rem,2.4vw,2.5rem);background: var(--mjColor-l);padding: 2rem;}
.abCore__item{/* display:grid; */grid-template-columns: 8rem 1fr;gap: 1rem;align-items: center;}
.cover.--abCore{max-width: 10rem;margin:auto;position: relative;z-index:1}
.cover.--abCore:after{content:'';position:absolute;width: 7rem;aspect-ratio:1;background: var(--color-3);border-radius:100rem;left: 48%;top: 58%;translate:-50% -50%;z-index:-1;opacity: 0.15;}
.itemTt{--lt:0.15em;font-size:1.25rem;font-weight:500;letter-spacing: var(--lt);margin-right: calc(var(--lt) * -1);color: var(--mjColor);line-height: 1.25;}
.abCore__content{padding: 1rem 0 0;display:flex;flex-direction:column;gap:0.25rem}
.abCore__content .itemTt{--lt:0.5em;text-align:center;}
.lineDeco{--lt: 0.375em;font-weight:700;ley;font-size: 1.25rem;color: var(--subColor-d);display: flex;position: relative;text-wrap-mode: nowrap;align-items: flex-end;border-bottom: 0.125rem solid;margin-right: 0.25rem;gap: 0.5rem 1rem;}
.lineDeco:has(.pdtCtImg){flex-wrap:wrap;}
.lineDeco .txt{letter-spacing: var(--lt);margin-right: calc(var(--lt) * -1);line-height: 1.25;}
.lineDeco:after{content:'';position:relative;width:100%;height: 0.5rem;background: var(--gradient-1);transform: skewX(-40deg) translateX(4px);}
.ltSet{letter-spacing:0.05em}

/*! 內頁-產品介紹*/
.pdtLBox{--num:3;display:grid;grid-template-columns: repeat(var(--num),1fr);gap: 1.5rem;}
.pdtLBox__item{--asR: 5/3;background: rgba(255,255,255,0.85);box-shadow: var(--shD);display: flex;flex-direction: column;}
.cover.--pdt{overflow:hidden}
.pdtLBox__item .itemTt{padding:1rem;}
.pdtLBox__item:hover .cover__pic{scale:1.05;}
.pdtDWrap{--sideW: 16rem;--gap: 3rem;display:grid;grid-template-columns:var(--sideW) 1fr;gap:var(--gap);align-items: start;}
.sidebar{position:sticky;left:0;top:calc(var(--headerH) + 1rem);}
.pdtDBox__content{display:flex;flex-direction:column;gap: 3rem;}
.pdtDBox__content.--mediaTxt{--imgW: 100%;gap: 1rem;}
.pdtDMeida{display:flex;gap:1rem;}
.pdtCt{--imgW: min(12rem,100%);--gap:1.5rem;display: flex;gap: var(--gap);align-items: center;flex-wrap: wrap;}
.pdtItemContent{/* min-height:var(--imgW); */width: calc(100% - var(--imgW) - var(--gap));}
.pdtItemContent:only-child{width:100%}
.pdtDBox__infor{padding: 1rem 0;}
.pdtDBox__infor p:last-child{margin-bottom:0}
.pdtCtImg{width: 6.25rem;overflow: hidden;position: relative;display: block;}
.pdtDMeida .pdtCtImg{width: var(--imgW);}
.pdtCtImg:after{content:'+';position:absolute;line-height: 0.75;right: 0;bottom: 0;background: var(--subColor-d);color: #fff;display: inline-block;transition: 0.3s all;padding: 0.25rem;font-weight: 400;}
.pdtCtImg:hover:after{background:var(--color-2)}
.pdtCtImg__pic{aspect-ratio: 4/3;object-fit:cover;}
.pdtCtTable{margin-top: 1rem;display: flex;flex-direction: column;gap: 0.625rem;}
.tbWrap{overflow-x:auto;position:relative}
.tbStyle{width:100%;border-width:1px;min-width: 600px;}
th,td{padding: 0.375rem 0.5rem;line-height: 1.25;align-content: center;border-width: 1px;border-color: color-mix(in srgb, var(--mjColor), #fff 50%);}
th{font-weight:500;background:var(--mjColor);color: #fff;}
td{background:rgba(255,255,255,0.85)}
small,.small{font-size:0.85em;}
.unitTxt{font-size:0.85em;text-align:right;}
.sideToggle{display:none;}
.sideNav{padding:0;margin:0;list-style:none;}
.sideNavLink{font-size: 1.25rem;letter-spacing:0.15em;font-weight: 600;margin-bottom: 0.5rem;}
.sideNavLink a{color:var(--mjColor)}
.sideNavSub{list-style:none;padding:0;margin:0;line-height:1.25;}
.sideNavSub__item {--w:1rem;border-bottom:1px dashed #ccc;position: relative;display: flex;gap: 0.25rem;}
.sideNavSub__item:after{content:'';position: absolute;width:100%;top: 0;bottom: 0;left: 0;background:rgba(255,255,255,0.85);z-index: -1;}
.active.sideNavSub__item a,.sideNavSub__item:hover a{color:var(--color-1);}
.sideNavSub__item:before{content: '\F135';font-family: 'Bootstrap-icons';line-height: 1;translate: 0 0.5rem;color: var(--color-1);}
.sideNavSub__item .txt{padding: 0.5rem 0;display: block;}

/* !====footer */
footer{position: relative;text-align:center}
.fList{list-style:none;padding:0;display:flex;gap: 0.5rem 1.5rem;margin: 0;flex-wrap: wrap;}
.fList__item{display:inline-block;position: relative;/* text-wrap-mode: nowrap; */}
.fList__item:after{content:'';position:absolute;width:0;height:1px;background:currentColor;left:0;bottom:0;transition:0.3s all}
footer a{}
footer a:hover{opacity:0.8}
.fTop{padding: clamp(2rem,3.5vw,4rem) 0;}
.fTopWrap{display:flex;justify-content: space-between;align-items: center;gap: 1rem;flex-wrap: wrap;}
.fLogo{margin:0}
.fLogo__pic{aspect-ratio: 135/32;aspect-ratio: 229/32;object-fit:cover;object-position: left;width: 16rem;}
.fList__item .bi{color:var(--subColor);}
.fBtm{background:var(--mjColor);padding: clamp(1rem,2vw,2rem) 0;color:#fff;}
.fBtm a{color:#fff;}
.fBtmWrap{display:flex;gap: 1rem;justify-content: space-between;flex-wrap: wrap;}
.copyright a{opacity:0.75}


/* !========================RWD======================== */
@media screen and (min-width:576px){
	:root{--container:540px;}
}
@media screen and (min-width:768px){
	:root{--container:720px;}
}
@media screen and (min-width:992px){
	:root{--container:960px;}
	.comma:before{content:'，';position:relative;}

	.navbarNav__item:hover .navLink{color:var(--color-3);}
	.navbarNav__item:after{content:'';position:absolute;width:0;height: 0.25rem;background:var(--color-3);left:50%;bottom:0;translate: -50% 0;transition:0.3s all}
	.navbarNav__item:hover:after{width:100%;}

	.fList__item:hover:after{width:100%}
}
@media screen and (min-width:1200px){
	:root{--container:1140px;}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;}
	.container--big{max-width:100%;padding:0 6.25rem;}
}

/* !========================RWD(MAX)======================== */
@media screen and (max-width:1399px){
	.ixAbout__content{min-width:45%;}
}
@media screen and (max-width:1199px){
	.ixAbout__content{width:100%;}
	.cover.--ixAb1{order:0}
	.strokeTxt{translate:0;margin-top: calc(var(--spaceM) * -1);}
	.cover.--ixAb1{width: 30%;display: block;}
}
@media screen and (max-width: 991px) {
	.logo__pic{height:3rem}
	.navbar--fixed .logo__pic{height:2.5rem}
	.navbar>.container{align-items:center;}
    /* !991====選單==== */
    .logo:has(+ .--isOpen){opacity:0;pointer-events:none;}
	.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;}
    .navbarToggle span{display: block;width: var(--w);height: var(--h);background-color: var(--cl);transform-origin: center;transition: 0.3s all;}
    .navbarToggle span:nth-child(1){position: absolute;top: 50%;left: 50%;transform: rotate(0) translate(-50%,calc(-1 * (var(--mv) + var(--h))));transition: var(--trans);}
    .navbarToggle span:nth-child(3){position: absolute;top: 50%;left: 50%;transform: rotate(-0) translate(-50%,var(--mv));}
    .navbarToggle.--isOpen span:nth-child(1){position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);}
    .navbarToggle.--isOpen span:nth-child(3){position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);}
    .navbarToggle.--isOpen span:nth-child(2){opacity: 0;}
    .navbarNav{display: none;position: fixed;top:var(--headerH);left:0;right:0;bottom:0;background-color:rgba(238, 238, 238, 0.95);background: #fff;z-index:9999;flex-direction: column;align-items: center;height: calc(100vh - var(--headerH));}
	.navbarNav:after{content:'';position:absolute;width:100%;aspect-ratio:1200/550;background: var(--gradient-1);mask: url(../images/all/deco.png)center/cover;left: 0;bottom: -1px;opacity: 0.5;pointer-events: none;z-index: -1;}
    .navbarNav.--isOpen{display: flex;justify-content: center;padding-bottom: calc(var(--headerH) * 1.5);}
    /* 側邊欄選單（手機版） */
	.navbarBrand{padding:0.5rem 0}
    .sideNavWrap.--isOpen{display: block !important;height: auto;padding: 1rem;pointer-events: all;}
    .navbarNav__item{height:auto;width: 100%;background: rgba(255,255,255,0.7);}
	.navLink{padding: 0.875rem 1rem;width: 100%;justify-content: center;}
    .navSub{position: static;}
    .navSub.dropdownMenu{display: none;}
    .navbarNav .dropdown:has(.--isOpen) .navSub.dropdownMenu{display: block;}
	.langBox{margin:auto;margin-right:0}

	.ixAbout {--imgW:35%;flex-wrap:wrap;justify-content: center;gap: 4rem 1.5rem;position: relative;z-index: 1;}
	.cover.--ixAb1{width:var(--imgW)}
	.cover.--ixAb2{width:var(--imgW);translate: 0 -20%;}
	.ixAbout__content{flex-direction:column-reverse;}
	.blockHeight--ixPdt:after{width:var(--container);}

	.blockHeight--ixPdt .contentBox{flex-direction:column;}
	.ixPdt{width: 100%;}
	.cover.--ixPdt{width: 80%;margin:auto;}

	.ixContact{flex-direction:column;}
	.ixContact .titleBox__mj{flex-direction:column;}

	.fTopWrap,.fList{justify-content:center;}

	/*!991 內頁*/
	.abBox{flex-direction:column-reverse;} 
	.abBox__media{width:100%;}
	.abBox__content{width:100%;}
	
	.pdtDWrap{display:block;}
	.sidebar{position:static;margin-bottom: 2rem;}
	.sideToggle{display:block;width: 100%;padding: 0.5rem;}
	.sideNavWrap{padding: 0 1rem;border:1px solid #f0f0f0;transition: 0.3s all;height: 0;overflow: hidden;pointer-events: none;}
	.pdtDBox{background:rgba(255,255,255,0.85)}
	.pdtCt{flex-direction:column;}
	
}

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

	.banner{--asR:800/900;}
	.bnContent{top:36%;}
}


@media screen and (max-width: 640px) {
    .container{--bs-gutter-x: 2rem;}
	.blockHeight--ixAbout{padding-bottom:1rem}
	.blockHeight--ixPdt{margin:0;overflow:unset;}
	.blockHeight--ixPdt:after{top:-20%;}

	.ixAbout .titleTxt br{display:none;}

	.tbWrap{}
	.tbWrap:before{content:'⭠ 請左右滑動表格 →';margin-top:0.5rem;display:block;position: sticky;left: 0;top: 0;font-weight: 500;font-size: 1rem;color: var(--color-1);}
	.tbWrap thead tr:first-child th:first-child,.tbWrap tbody th:first-child{position:sticky;left: 0;top: 0;z-index:10;}
	.unitTxt{text-align:left;}
	.lineDeco{flex-wrap:wrap;}
	.lineDeco .txt{text-wrap:auto;}

	.abCore{flex-direction:column;gap:3rem;text-align:center;}
}

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


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

	.banner{--asR:800/900;}
}


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

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