@charset "utf-8";

/* CSS Document */
body{font-family:'Outfit','Noto Sans TC','微軟正黑體',sans-serif;font-size:clamp(0.93rem,1.2vw,1rem);line-height:1.7;color:var(--bodyColor);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);letter-spacing: 0.05rem;font-weight: 500;}
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);}
html,body{overflow-x: clip;}
body.page-fade::after {opacity: 1;}
@media (min-width:768px){.wow{visibility:hidden;}}

/*--------------------------------------------------*/
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{width: 100%;image-rendering: -webkit-optimize-contrast;}
:root{
    --mjColor: #9F1616; /* 主色 */
    --mjColor-d: #8B1515;
    --subColor: #1A1A1A; /* 副色 */

    --black: #1A1A1A;
    --bodyColor:#333333;
    --gray: #999;
    --gray-d: #666;
    --gray-l: #bdbdbd;
    --gray-lx2: #F5F5F5;
    --red: #9F1616;

    --trans: all .3s linear;
    --trans-ease: all .3s ease-out;

    --outline: 5px dotted var(--subColor);
    --outline-offset: 0;

    --font-s:clamp(0.8rem, 1vw, 0.875rem);
    --font-m:clamp(1rem, 1.2vw, 1.125rem);
    --font-lg:clamp(1.125rem, 1.5vw, 1.25rem);
    --font-tit-s:clamp(1.25rem, 1.5vw, 1.5rem);
    --font-tit-m:clamp(1.5rem, 3vw, 3rem);
    --font-tit-lg:clamp(1.8rem, 4vw, 4.25rem);


}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::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:1rem;right:1rem;width:var(--size);aspect-ratio:1;line-height:var(--size);text-align: center;background: var(--mjColor);color: #fff;transition:0.3s all;}
#goTop:hover{background:var(--mjColor-d);color:#fff;}

/* !====按鈕 */
.btnWrap {text-align:center;display: flex;gap:clamp(0.8rem,2vw,1.5rem); }
.btnStyle{--cl:#fff;--bg:var(--mjColor);--activeBg:var(--black);--activeCl:#fff;background:var(--bg);color:var(--cl);display: flex;justify-content: center;align-items:center;gap:clamp(0.5rem,1vw,1rem);width: fit-content;padding:clamp(0.6rem,1vw,1rem) clamp(1rem,2vw,1.5rem);font-size: var(--font-m);transition:var(--trans);}
.btnStyle:hover{background: var(--activeBg);color: var(--activeCl);}
.btnStyle:hover .btnIc-point{width: var(--w);height: var(--w);background: var(--activeCl);}
.btnStyle:hover .btnIc-icon{opacity: 1;font-size:clamp(0.6rem,1vw,0.8rem);color:var(--activeBg)}
.btnStyle.--white{--cl:var(--mjColor);--bg:#fff;--activeBg:var(--mjColor);--activeCl:#fff;}
.btnStyle.--white .txtaniRollup>span{font-weight: 700;}
.btnStyle.--white.--black{--activeBg:var(--black)}
.btnStyle.--outLine{border:1px solid #fff}
.btnStyle.--outLine:hover{border-color: var(--activeBg);}

.btnStyle.--outLineR{--cl:var(--mjColor);--bg:#fff;--activeBg:var(--black);--activeCl:#fff;    border: 1px solid var(--mjColor);}
.btnStyle.--outLineR .txtaniRollup>span{font-weight: 700;}
.btnStyle.--outLineR:hover{border-color: var(--activeBg);color:#fff;}

.btnIc{--w:clamp(1.3rem,1.5vw,1.6rem);position: relative;width: var(--w);aspect-ratio: 1/1;border-radius: 50%;overflow: hidden;}
.btnIc::before{content:"";display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background: var(--cl);opacity: 0.15;}
.btnIc-point{width: 0.5rem;height: 0.5rem;background: var(--cl);border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .6s cubic-bezier(.2,.8,.2,1);}
.btnIc-icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color:var(--bg);font-size: 0.1rem;opacity: 0;transition: .6s cubic-bezier(.2,.8,.2,1);}
.btnIc-icon::before{font-weight: 800!important;}


/* !====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{position: relative;padding:clamp(3rem,6vw,6.5rem) 0;}
.container--lg{max-width: 1360px;}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.web{display: block;}
.web.btnStyle{display: flex;}
.mobile{display: none;}

/* !====編輯器 */
.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}

/* !====標題 */
.mjTit.--white .mjTit__en,.mjTit.--white .mjTit__ch{color:#fff}
.mjTit.--white + .titSection__txt{color:#fff;font-weight: 400;opacity: .8;}
.mjTit.--white .mjTit__en::before{background-color: #fff;}
.mjTit.--center .mjTit__en{justify-content: center;}
.mjTit.--center .mjTit__ch{text-align: center;}
.mjTit__en{display: flex;align-items: center;gap:0.5rem;font-size: clamp(1rem, 1.5vw, 1.25rem);color:var(--mjColor);margin-bottom: clamp(0.5rem,1.2vw,0.8rem);overflow: hidden;}
.mjTit__en span{display: block;}
.mjTit__en::before{content:"";display: block;width: clamp(0.4rem,0.6vw,0.5rem);aspect-ratio: 1/1;background: var(--mjColor);border-radius: 50%;z-index: 2;}
.mjTit__ch{display: block;font-size: var(--font-tit-m);font-weight: 800;color:var(--black);white-space: nowrap;}
.pgInTit{margin-bottom: clamp(1.5rem,3vw,2.5rem);}
.pgInTit__en{font-size: clamp(1.5rem,4vw,5rem);font-weight: 800;margin-bottom: clamp(0.5rem,1vw,1rem);overflow: hidden;}
.pgInTit__en span{display: block;}
.pgInTit__sub{display: flex;align-items: center;gap:clamp(0.2rem,1vw,1rem);width: 100%;}
.pgInTit__subTit{flex:1;display:flex;gap:clamp(0.5rem,1vw,1rem);align-items:center;gap:clamp(0.2rem,1vw,0.5rem);font-size:var(--font-lg);color:var(--mjColor);margin-bottom:clamp(0.5rem,1.2vw,0.8rem);overflow:hidden;white-space:nowrap;margin-bottom: 0;}
.pgInTit__subTit::before{content:"";display:block;width:0.5rem;aspect-ratio:1 / 1;background:var(--mjColor);border-radius:50%;flex: 0 0 auto;}
.pgInTit__subTit::after{content:"";width:0%;height:1px;background:var(--gray-l);margin-left:clamp(0.3rem,1vw,1rem);transition:width 0.8s linear 0.5s;}
.pgSection.animated .pgInTit__subTit::after{width: 100%;}
.pgInTit__subMin{overflow: hidden;}
.pgInTit__subMin span{display: block;font-size: var(--font-m);opacity: 0;transform: translateY(100%);transition: opacity 0.8s linear 0.5s, transform 0.8s linear 0.5s;}
.pgSection.animated .pgInTit__subMin span{opacity: 1;transform: translateY(0);}

/* 標題區塊樣式 */
.titSection{position: relative;z-index: 1;display: flex;gap:clamp(1.5rem,2vw,2.5rem);align-items: center;margin-bottom: clamp(1.5rem,4vw,3.75rem);color:#fff}
.titSection.--col{flex-direction: column;align-items: flex-start;}
.titSection.--col .titSection__txt{margin-top: calc(-1 * clamp(0.5rem,1.3vw,1.4rem));}
.titSection .mjTit{flex:1}
.titSection .btnStyle{flex:0 0 auto}
.titSection__txt{max-width: 41.25rem;margin-bottom: 0;color:var(--gray-d);font-size: var(--font-m);}
.titSection__txt.--quote{display: flex;align-items: flex-start;gap:clamp(0.5rem,1vw,1rem);max-width: 24rem;}
.titSection__txt.--quote::before{content:"";width: clamp(2rem,4vw,3.5rem);height: 1px;background: #fff;transform: translateY(clamp(0.5rem,1vw,1rem));}

/* !====比例模組  */
[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--4x5{aspect-ratio: 4/5;}
.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: 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);}

/* !====輪播樣式 */
.swiper-pagination{--bg:#fff; --active:#fff}
.swiper-pagination.--dark{--bg:var(--mjColor);--active:var(--mjColor)}
.swiper-pagination.--dark .swiper-pagination-bullet{opacity: 1;}
.swiper-pagination-bullet{position: relative;background: var(--bg);opacity: .5;padding:0.2rem;display: block;width:0.7rem;height: 0.7rem;transition: var(--trans);}
.swiper-pagination-bullet::before{content:"";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;height: 80%;border:1px solid var(--active);border-radius: 100%;transition: var(--trans);}
.swiper-pagination-bullet-active{background:var(--active);border:1px solid var(--active);opacity: 1;width: 0.6rem;height: 0.6rem;}
.swiper-pagination-bullet-active::before{width: calc(100% + 0.8rem);height: calc(100% + 0.8rem);}

/* !====banner */
.keyVision{--solidW:clamp(1.5rem,5vw,5rem);position: relative;background: var(--mjColor);padding-left: var(--solidW);padding-bottom: var(--solidW);}
.keyVision::before{content:"";position: absolute;left: 0;top:0;width: var(--solidW);height: calc(var(--solidW) * 1.2);background: #fff;}
.keyVision .swiper-pagination-bn{width: var(--solidW);top:65%;transform: translateY(-50%);display: flex;flex-direction: column;align-items: center;gap:clamp(1.3rem,1.5vw,1.5rem);}
.keyVision .swiper-slide-active picture img{transform: translate(-50%,-50%) scale(1.08);}
.keyVision .btnBx{opacity: 0;}
.keyVision .swiper-slide-active .btnBx{opacity: 1;transition:all 0.6s ease-in-out 0.4s;}
.banner__box{position: relative;}
.banner__box picture{display: block;width: 100%;max-width: 1825px;aspect-ratio: 37/15;position: relative;overflow: hidden;}
.banner__box picture img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1);width: 100%;height: 100%;object-fit: cover;transition: transform 5s ease-out;}
.bnTxt{position: absolute;z-index: 3;left: clamp(1rem,7vw,12rem);top:50%;transform: translateY(-50%);color:#fff;}
.bnTxtTit{margin-bottom: clamp(1.5rem,4vw,3.8rem);}
.bnTxtTit__en{display: block;font-size: var(--font-tit-lg);font-weight: 600;line-height: 1.2;margin-bottom: clamp(1rem,1.5vw,1.3rem);transform: translateX(4rem);opacity: 0;transition: none;}
.bnTxtTit__ch{display: flex;align-items: center;gap:clamp(0.5rem,1vw,1rem);font-size: var(--font-tit-s);font-weight: 400;letter-spacing: 0.05em;overflow: hidden;}
.bnTxtTit__ch::before{content:"";display: block;width: clamp(1.25rem,3vw,3.5rem);height: 1px;background: #fff;opacity: 0;}
.bnTxtTit__ch span{display:block;transform:translateY(100%);transition:none;}
.swiper-slide-active .bnTxtTit__en{transform: translateX(0);opacity: 1;transition: all 1.2s cubic-bezier(0.25, 0.1, 0.25, 1);}
.swiper-slide-active .bnTxtTit__ch span{transform: translateY(0%);transition:all 0.6s ease-in-out 0.2s;}
.swiper-slide-active .bnTxtTit__ch::before{opacity: 1;transition:all 0.6s ease-in-out 0.4s;}
/* 內頁banner */
.pgSection{position: relative;padding-top: clamp(1.25rem,3vw,3rem);overflow-x: clip;}
.pgSection::before{content:"";display:block;position:absolute;right:0;top:0%;transform:translate(20%,-20%);width:clamp(18rem,25vw,25rem);aspect-ratio:45 / 43;background:url(../images/all/logoShape.svg) no-repeat center center / contain;opacity:0.05;}
.pgSection > .container:first-of-type{/*max-width: 1700px;*/ max-width: 100%; padding-left: clamp(2rem, 5vw, 5rem);}
.pgBanner{position: relative;}
.pgBannerImg{position: relative;display: block;width: 100%;aspect-ratio: 37/10;min-height: 10rem;margin: 0;}
.pgBanner__img{display:block;position: relative;width: 100%;height: 100%;overflow: hidden;}

/* !====麵包屑 */
.breadCrumbsWrap{position: absolute;left:0;bottom:0;transform: translateY(calc(100% + clamp(0.2rem,0.4vw,1rem)));}
.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{display: flex;align-items: center;}
.breadCrumbs__item a{display: inline-block;transition: var(--trans-ease);color:#fff;font-size: clamp(0.875rem,1.3vw,1rem);}
.breadCrumbs__item a:hover{opacity: 1;}
.breadCrumbs__item:last-of-type a{opacity: 1;}
.breadCrumbs__item:after{content:"｜";margin: 0 0.2rem;font-size: 1em;font-weight: bold;color:#fff}
.breadCrumbs__item:last-of-type::after{display: none;}


/* Banner 背景圖片 - 動態背景 */
.pgBanner--dynamic{background-size: cover;background-position: center;background-repeat: no-repeat;}
.pgBanner__img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}
/* 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%;}
/* Index 頁面樣式 */
.pdtLs .swiper-slide{max-width: 400px;padding: 0 1rem;}
/* 郵件樣式 */
.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;}

/* !====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;}
/* CSP 安全：下拉選單顯示/隱藏控制 */
.dropdownMenu--show{display: block !important;}
.dropdownMenu--hide{display: none !important;pointer-events: none;}

/* !====選單==== */
.navbar{position: fixed;top: 0;left: 0;right: 0;z-index: 9999;background-color: #fff;}
.navbar>.container{max-width: 100%;padding:0 clamp(1rem,3vw,3rem);display: flex;align-items: center;gap:2rem;}
.navbarBrand{display: block;width:clamp(17rem,26vw,25rem);aspect-ratio: 44/7;background: url(../images/all/logo.jpg)no-repeat center center / contain;text-align: center;text-indent: -9999px;overflow: hidden;}
.navbarToggle{order:1;display: none;}
.navbarNav{display: flex;align-items: center;margin-left: auto;}
.navLink{--cl: var(--black);display: block;cursor: pointer;padding:clamp(1rem,2.5vw,2.5rem) clamp(0.7rem,1vw,1rem);text-align: center;font-size: var(--font-m);}
.navLink.--contact{background: var(--mjColor);color: #fff;display: flex;gap: 0.5rem;align-items: center;justify-content: center;margin-left: clamp(0.5rem,1.5vw,1.5em);padding: clamp(0.5rem,0.7vw,0.8rem)0.8rem}
.navLink.--contact:hover{background: var(--black);}
.navLink__txtEn{display: block;font-size: 0.8em;color:var(--gray);}
.navLink:hover .navLinkRollup, .navLink.--isOpen .navLinkRollup,.txtani:hover .txtaniRollup,.navbarNav__item.active .navLinkRollup{transform: translateY(calc(-1 * var(--hH)));}
.navLink:hover:not(.--contact) ,.navbarNav__item.active .navLink:not(.--contact){background: var(--gray-lx2);}
.navLink:hover .navLinkRollup, .navLink.--isOpen .navLinkRollup,.navbarNav__item.active .navLinkRollup{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}


/* 文字動畫效果 */
.txtani__txt{--hH:clamp(1.7rem,2vw,1.875rem);position:relative;overflow:hidden;transition:all 0.3s linear;height:var(--hH);overflow:hidden;}
.txtaniRollup{display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform;}
.txtaniRollup>span{display:block;transition:.6s cubic-bezier(.2,.8,.2,1);font-weight:500;}

/* !====首頁 */
/* 解決方案 */
.ixSoluList{ counter-reset:num;}
.ixSoluList .swiper-pagination{position: static;margin-top: 1.5rem;justify-content: center;gap:0.4rem;margin-bottom: 0.5rem;display: none;}
.ixSoluList .swiper-pagination:not(.swiper-pagination-lock){display: flex;}
.ixSolutList__item{position: relative;aspect-ratio: 37/43;overflow: hidden;display: block;}
.ixSolutList__item:hover .ixSoluImg img{transform: scale(1.1);}
.ixSolutList__item:hover .ixSoluTxt__sub{transform: translateY(0%);opacity: 0;height: auto;opacity: 1;margin-top: clamp(0.8rem,1vw,1rem);transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);}
.ixSoluTxt{position: absolute;left: 0;bottom:0;width: 100%;background: rgba(12, 12, 12, 0.8);padding:clamp(0.8rem,1.5vw,1.25rem) clamp(1.2rem,1.5vw,2rem);color:#fff;transition: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);}
.ixSoluTxt__tit{display: flex;gap:clamp(0.5rem,1vw,1rem);align-items: center;white-space: nowrap;font-size: var(--font-tit-s);font-weight: 700;margin-bottom: 0;}
.ixSoluTxt__titLine{display: block;width: 100%;height: 1px;background-color: rgba(255,255,255,0.5)}
.ixSoluTxt__tit::after{counter-increment:num;content:'0'counter(num) ;opacity: .5;font-weight: 500;}
.ixSoluTxt__sub{display: flex;gap:0.5rem;justify-content: space-between;align-items: center;font-size: var(--font-m);margin-top: clamp(0.8rem,1vw,1rem);margin-bottom: 0;color:rgba(255,255,255,0.6);font-weight: 400; margin-top: 0;height: 0;transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);overflow: hidden;transform: translateY(100%);opacity: 1;}
.ixSoluTxt__subIcon {display: flex;align-items: center;justify-content: center;border-radius: 50%;border:1px solid #fff;width: clamp(1.5rem,2vw,2.3rem);aspect-ratio: 1/1;}
.ixSoluTxt__subIcon::before{font-size: clamp(0.6em,1vw,0.8em);color:#ffff}
/* 關於我們 */
.blockHeight--ixAb{display: flex;--container:min(100vw,1360px);--pdtb:clamp(3rem,5vw,5rem);--pdsm:clamp(1.25rem,2.5vw,3rem);}
.blockHeight--ixAb .ixAb__sm{display: flex;flex-direction: column;    justify-content: center;}
.ixAb__item{position: relative;padding-top:var(--pdtb);padding-bottom:var(--pdtb);}
.ixAb__item.--logoShape::before{content:"";position: absolute;left: 60%;top: 60%;transform: translate(-50%,-50%);aspect-ratio: 45/43;width: 130%;height: 120%;background: url(../images/all/logoShape.svg)no-repeat center center / cover;filter: brightness(0) invert(1); opacity: .07;}
.ixAb__item  .titSection{margin-bottom: 0;}
.ixAb__sm{width:45%;background:var(--mjColor);padding-left:max(calc(2 * var(--pdsm)),calc(((100% - var(--pdsm)) - var(--container)) / 2));padding-right:var(--pdsm);color:#fff}
.ixAb__sm.--reverse{padding-right:max(calc(2 * var(--pdsm)),calc(((100% - var(--pdsm)) - var(--container)) / 2)) ;padding-left: var(--pdsm);}
.ixAb__lg{width: 55%;padding-right:max(calc(2 * var(--pdsm)),calc(((100% - var(--pdsm)) - var(--container)) / 2));background-repeat: repeat;background-size: cover;background-position: center center;}
.ixAb__lg.--ixabBg{background-image: url(../images/index/ixabBg.jpg);display: flex;}
.ixAb__lg.--ixaPnBg{background-image: url(../images/index/ixpnBg.jpg);}
.ixAbFt{width: 100%;max-width: 37.2rem;display: flex;align-items: center;list-style: none;padding-left: 0;}
.ixAbFt__item{--mgR:clamp(1rem,1.5vw,2rem);width: calc( (100% - var(--mgR) * 2) / 3);margin-right: var(--mgR);position: relative;}
.ixAbFt__item+.ixAbFt__item::before{content:"";display: block;position: absolute;left: 0;top:50%;width: 1px;height: 2.5rem;background: rgba(255,255,255,0.5);transform: translateX( calc( -1 * var(--mgR) )) translateY(-50%);}
.ixAbFtTit{display: flex;align-items: flex-end;gap:clamp(0.2rem,1vw,0.5rem);font-size: var(--font-tit-m);font-weight: 600;margin-bottom: 0;line-height: 1;margin-bottom: clamp(0.3rem,1vw,0.5rem);}
.ixAbFtTit__mini{font-size: clamp(1rem, 1.2vw, 1.125rem);transform: translateY(-20%);font-weight: 600;}
.ixAbFtSub{font-weight: 400;margin-bottom: 0;}
.ixAbFn{padding:var(--pdsm);background: #fff;}
.ixAbFn{--num: 2;--gap:clamp(1.5rem,4vw,3.75rem);display:flex;gap:  var(--gap) ;flex-wrap: wrap;}
.ixAbFn__item{--icW:clamp(2rem,3vw,2.8rem);--pdt:clamp(1rem,2vw,1.5rem);width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );position: relative;padding-left: calc(var(--icW) + clamp(0.8rem,1vw,1rem));padding-top: var(--pdt);border-top: 1px solid;}
.ixAbFnIc{position: absolute;width: var(--icW);aspect-ratio: 1/1;left: 0;top: var(--pdt);background: var(--black);border-radius: 0.3rem;}
.ixAbFnIc::before{content:"";display: block;position: absolute;width: 100%;height: 100%;left: 50%;top:50%;transform: translate(-50%,-50%);background-repeat: no-repeat;background-position: center center;background-size: contain;}
.ixAbFnIc.--01::before{background-image: url(../images/index/ixAbFn01.svg);}
.ixAbFnIc.--02::before{background-image: url(../images/index/ixAbFn02.svg);}
.ixAbFnIc.--03::before{background-image: url(../images/index/ixAbFn03.svg);}
.ixAbFnIc.--04::before{background-image: url(../images/index/ixAbFn04.svg);}
.ixAbFnTit{font-weight: 800;font-size: clamp(1.125rem, 1.25vw, 1.4rem);color:var(--black);margin-bottom: clamp(0.3rem,1vw,0.5rem);}
.ixAbFnCon{margin-bottom: 0;font-weight: 400;color:var(--gray-d);line-height: 1.5;}
/* 申請流程 */
.blockHeight--ixOv{padding-left: calc(clamp(1.125rem, 4vw, 3.5rem));
padding-right: calc(clamp(1.125rem, 4vw, 3.5rem));}
.blockHeight--ixOv .titSection{align-items: center;text-align: center;}
.blockHeight--ixOv .mjTit__en{justify-content: center;}
.blockHeight--ixPn{position: relative;overflow: hidden;}
.blockHeight--ixPn::before{content:"";position: absolute;width: clamp(18rem,30vw,34rem);aspect-ratio: 1/1;right:0;top:0;transform: translate(40%,-60%);background: linear-gradient(156deg, rgba(255, 255, 255, 0.00) 43.34%, rgba(255, 255, 255, 0.20) 84.71%);border-radius: 50%;z-index: 2;}
.blockHeight--ixPn .btnWrap{margin-top: clamp(1rem,2vw,2rem);}
.ixFaq{width: min(100%,45rem);border-top: 2px solid var(--black);}
.accordionWrap__item{--num: 1;--gap:4rem;display:flex;gap: 0 var(--gap) ;flex-wrap: wrap;}
.accordionBx{--cl: var(--gray-lx2);--clTxt: var(--black);width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.accordionBx__hd {cursor: pointer;display: flex;align-items: center;justify-content: space-between;margin: 0;padding: clamp(1rem,2vw,1.5rem) clamp(1rem,1.3vw,1.5rem);color: var(--black);transition: var(--trans);font-size: var(--font-lg);font-weight: 600;}
.accordionBx__hd:hover{background: var(--gray-lx2);}
.accordionBx__hd:hover::after{background: var(--mjColor);color:#fff}
.accordionBx__hd::after{content:"\F282";font-family:bootstrap-icons!important;font-style:normal;background: var(--gray-lx2);color:var(--black);width: 2rem;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;font-family: 'Poppins';font-weight: 400;margin-right: clamp(0.5rem,1.3vw,1rem);transition: var(--trans-ease);}
.accordionBx__panel {overflow: hidden;max-height: 0;transition: var(--trans-ease);border-bottom: 1px solid #cecece;}
.accordionBx__panel .inner{padding:  clamp(0.8rem,1.5vw,1rem) clamp(1.25rem,2vw,1.7rem) 1rem;}
.accordionBx__hd.active,.accordionBx__hd:hover {--cl: var(--black);--clTxt:#fff;}
.accordionBx__hd.active:after {transform: scaleY(-1);background: var(--mjColor);color:#fff}
.accordionBx__hd.active+.accordionBx__panel .inner{background: var(--black);color:#fff}
.accordionBx__hd.active+.accordionBx__panel .inner a{color:#fff;text-decoration: underline;margin: 0 0.3rem;}
.accordionBx__hd.active::before,.accordionBx__hd:hover::before{background:#fff;color:var(--black);}
.applyStep{margin:clamp(2rem,3vw,3rem) 0;display: flex;justify-content: center;}
.applyStep__item{display: flex;flex-direction: column;align-items: center;gap:clamp(0.5rem,1.3vw,1rem)}
.applyStep__item:hover .applyStep__icon::before{transform: translate(-50%,-50%) scale(1.15);}
.applyStep__num{font-size: var(--font-m);color:var(--gray)}
.applyStep__num::before{content:"STEP."}
.applyStep__icon{position: relative;width: clamp(5rem,10vw,10rem);aspect-ratio: 1/1;background: var(--mjColor);border-radius: 50%;}
.applyStep__icon::before{content:"";display: block;width: 90%;height: 90%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background-repeat: no-repeat;background-size: 50% auto;background-position:  center center;transition: var(--trans); will-change: transform;}
.applyStep__icon.--01::before{background-image: url(../images/index/step01.svg);}
.applyStep__icon.--02::before{background-image: url(../images/index/step02.svg);}
.applyStep__icon.--03::before{background-image: url(../images/index/step03.svg);}
.applyStep__icon.--04::before{background-image: url(../images/index/step04.svg);}
.applyStep__icon.--05::before{background-image: url(../images/index/step05.svg);}
.applyStep__tit{font-size: var(--font-tit-s);color:var(--bodyColor)}
.applyStep__ar{width:clamp(1.5rem,3vw,2.5rem);aspect-ratio: 34/23;background: url(../images/index/step_ar.svg)no-repeat center center / contain;margin:clamp(1rem,2vw,2.5rem)}
.qaLocation{--num: 4;--gap:clamp(0.8rem,1vw,1.5rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.qaLocation__item{position:relative;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num));display:flex;align-items:center;gap:0.5rem;margin-bottom: 0;}
.qaLocation__item::before{content:"";display:block;width:0.4rem;height:0.4rem;background:var(--mjColor);border-radius:100%;}

/* !====關於我們 */
.blockHeight--pd0{padding-top: 0;}
.pgContent{background: var(--gray-lx2);}
/* 跑馬燈 */
.marquee{width:100%;overflow:hidden;opacity: 0.3;}
.marquee-track{display:flex;align-items:center;white-space:nowrap;width:max-content;font-size:clamp(2rem,4vw,3rem);color:var(--gray-l);text-transform:uppercase;animation:scroll 50s linear infinite;font-weight: 800;padding-top: clamp(0.5rem,1vw,1rem);}
.marquee-track::after{content:attr(data-text);display:inline-flex;align-items:center;}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.marquee .dot{display:inline-block;width:0.35em;height:0.35em;background:var(--gray-l);border-radius:50%;margin:0 0.6em;vertical-align:middle;flex-shrink:0;}
.abItTxt{text-align: center;}
.abItTxt__tit{margin:clamp(0.8rem,2vw,1.5rem) 0;font-size: clamp(1.125rem, 2vw, 2rem);font-weight: 700;line-height: 1.5;color:var(--black)}
.abItTxt__con{color:var(--gray-d);font-size: var(--font-m);line-height: 2;}
.abItCard{display: flex;margin-top: clamp(2rem,4vw,4.5rem);background: #fff;}
.abItTxt__con .mark{font-weight: 600;color:var(--bodyColor);display: inline-block;margin-bottom: clamp(0.5rem,1vw,1rem);font-size: clamp(1rem, 1.5vw, 1.25rem);border:1px solid;padding:clamp(0.5rem,1vw,0.8rem) clamp(0.8rem,1vw,1rem);line-height: 1.5;}
.abItCard .abItTxt__con{line-height: 1.6;margin-bottom: clamp(1.25rem,3vw,2.5rem);}
.abItCard__txt{padding:clamp(1.5rem,4vw,3.5rem);text-align: left;}
.abItCard__txt,.abItCard__img{width: 100%;}
.abItCard__txt .abItTxt__tit{margin-top: 0;}
.abItCard__img{margin-bottom: 0;}
.abItCard__img img{width: 100%; height: 100% ;object-fit: cover;}
.blockHeight--stg::before{content:"";display: block;position: absolute;left: 0;top:0;width: 100%;height:clamp(16rem,22vw,21rem);background: url(../images/about/stg_bg.jpg)no-repeat center center / cover;}
.blockHeight--stg .container + .container{margin-top: clamp(3rem,6vw,6.5rem);}
.stgCard{--num: 4;--gap:clamp(1.375rem,2vw,1.7rem);display: flex;gap:var(--gap);flex-wrap: wrap;}
.stgCard__item{position: relative;z-index: 1;padding:clamp(1.25rem,1.5vw,2rem);background: #fff;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.stgCardIcon{position: relative;display: block;width: clamp(2.8rem,4vw,3.75rem);aspect-ratio: 1/1;background:#F6E8E8;border-radius: 0.3rem;margin-bottom: clamp(1rem,2vw,1.5rem);}
.stgCardIcon::before{content:"";display: block;width: 100%;height: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background-repeat: no-repeat;background-position: center center;background-size: contain;filter:invert(1)brightness(0) saturate(100%) invert(13%) sepia(94%) saturate(3000%) hue-rotate(340deg) brightness(85%);}
.stgCardIcon.--01::before{background-image: url(../images/index/ixAbFn01.svg);}
.stgCardIcon.--02::before{background-image: url(../images/index/ixAbFn02.svg);}
.stgCardIcon.--03::before{background-image: url(../images/index/ixAbFn03.svg);}
.stgCardIcon.--04::before{background-image: url(../images/index/ixAbFn04.svg);}
.stgCardTit{font-size: 1.25rem;font-weight: 700;color:var(--black);line-height: 1.4;}
.stgCardCon{font-size: 1rem;color:var(--gray-d);font-weight: 400;}
.stepList{counter-reset:num;display: flex;align-items: center;}
.stepList__item{display: flex;gap:clamp(0.8rem,1.5vw,1rem);flex-direction: column;align-items: center;flex:1;}
.stepList__item::before{counter-increment:num; content:'STEP0'counter(num) '.';color:var(--gray-d)}
.stepIcon{position: relative;display: block;width: clamp(3rem,6vw,6rem);aspect-ratio: 1/1;background: var(--mjColor);border-radius: 50%;}
.stepIcon::before{content:"";display: block;width:min(50%,2.5rem);aspect-ratio: 1/1;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-repeat: no-repeat;background-position: center center;background-size: contain;}
.stepTit{font-size: clamp(1.125rem,1vw,1.25rem)}
.stepIcon.--01::before{background-image: url(../images/about/step01.svg);}
.stepIcon.--02::before{background-image: url(../images/about/step02.svg);}
.stepIcon.--03::before{background-image: url(../images/about/step03.svg);}
.stepIcon.--04::before{background-image: url(../images/about/step04.svg);}
.stepIcon.--05::before{background-image: url(../images/about/step05.svg);}
.stepIcon.--06::before{background-image: url(../images/about/step06.svg);}
.stepIcon.--07::before{background-image: url(../images/about/step07.svg);}
.stepList__line{display: block;position: relative;width: clamp(1.5rem,2vw,2rem);background: var(--gray-d);height: 1px;}
.stepList__line::after{content:"";position: absolute;right:0;top:50%;transform: translate(50%,-50%);width: 0.4rem;aspect-ratio: 1/1;background: var(--gray-d);border-radius: 50%;}

/* !====解決方案 */
.tabList{display: flex;}
.tabList__item{width: 100%;text-align: center;padding:clamp(0.5rem,1vw,0.75rem) clamp(1.125rem,1.5vw,1.3rem);border-right:1px solid var(--gray-l);border-bottom: 1px solid var(--gray-l);font-size: var(--font-lg);color:var(--gray-d);transition: var(--trans);}
.tabList__item  br{display: none;}
.tabList__item:last-of-type{border-right:none}
.tabList__item:hover{background: var(--black);color:#fff;}
.soluWrap{counter-reset:num;}
.soluBx{--bg:var(--gray-lx2);--txtbg:#fff;display: flex;flex-direction: row-reverse;gap:clamp(2rem,5vw,5rem);padding:clamp(1.25rem,4vw,3.75rem);background: var(--bg);}
.soluBx:first-of-type{padding-top: 0;}
.soluBx:nth-child(even){--bg:#fff;--txtbg:var(--gray-lx2);flex-direction: row}
.soluBx__img,.soluBx__txt{width: 100%;}
.soluBx__img{margin-bottom: 0;}
.soluBx__img img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.soluBx__txt{display: flex;flex-direction: column;}
.soluBx__txt::before{counter-increment:num; content:'CASE 0'counter(num);opacity: .08;font-size: clamp(2rem,4.5vw,4rem);font-weight: 800;}
.soluTit{display: flex;align-items: center;gap:clamp(0.8rem,1.5vw,1.2rem);font-size: var(--font-tit-m);color:var(--mjColor);font-weight: 700;margin-bottom: clamp(1rem,2vw,1.5rem);white-space: nowrap;}
.soluTit__sub{display: flex;gap:clamp(0.8rem,1.5vw,1.2rem);align-items: center;font-size: var(--font-lg);color:var(--black);font-weight: 500;}
.soluTit__sub::before{content:"";display: block;width: clamp(2rem,4vw,5rem);height: 1px;background: var(--gray-l);}
.soluCon{font-weight: 400;margin-bottom: clamp(1.25rem,3vw,2.5rem);}
.soluAchv{display: flex;width: 100%;}
.soluAchv__tit{display: flex;flex-direction: column;align-items: center;justify-content: center;background: var(--mjColor);color:#fff;padding:clamp(1.125rem,2vw,1.3rem);line-height: 1.5;}
.soluAchv__tit::before{content:"";display: block;width: clamp(1.3rem,2vw,2rem);aspect-ratio: 1/1;background: url(../images/solution/achv.svg)no-repeat center center / contain;margin-bottom: clamp(0.2rem,1vw,0.6rem);}
.soluList{flex:1;margin-bottom: 0;padding:clamp(0.8rem,2vw,1rem) clamp(1.125rem,2vw,1.3rem);background: var(--txtbg);list-style: none;}
.soluList__item{display: flex;align-items: center;gap:0.8rem;padding:0.5rem 0}
.soluList__item+.soluList__item{border-top: 1px dashed var(--gray);}
.soluList__item::before{color:var(--mjColor)}
/* !====服務重點說明 */
.ovWrap .accordionBx{background: #fff;}
.ovWrap .accordionBx+.accordionBx{margin-top: clamp(1rem,2vw,1.5rem);}
.ovWrap .accordionBx__hd.active,.ovWrap .accordionBx__hd:hover{background: var(--mjColor);color:#fff;}
.ovWrap .accordionBx__hd.active::before,.ovWrap .accordionBx__hd:hover::before{background: #fff;color:var(--mjColor);font-weight: 500;}
.ovWrap .accordionBx__hd{display: flex;justify-content: flex-start;padding-right: clamp(2.8rem,3vw,4rem);}
.ovWrap .accordionBx__hd::before{content:"Q";width: clamp(1.5rem,2.5vw,2rem);aspect-ratio: 1/1;display: flex;justify-content: center;align-items: center;margin-right: clamp(0.5rem,1vw,0.8rem);background: var(--mjColor);color:#fff;font-weight: 400;}
.ovWrap .accordionBx__hd::after{position: absolute;right:clamp(0.5rem,1.3vw,1.5rem)}
.ovWrap .accordionBx__panel{border-bottom: none;}
.ovWrap .accordionBx__panel a{color:#fff;text-decoration: underline;}
.ovWrap .accordionBx__hd.active+.ovWrap .accordionBx__panel .inner{background: var(--bodyColor);color:#fff;border-top: 1px solid #fff;}
.ovWrap .accordionBx__hd.active::before{background: #fff;color:var(--mjColor);font-weight: 500;}

/* !====聯絡我們 */
.formGroup{width: min(100%,50rem);display: flex; flex-wrap: wrap;gap:clamp(1rem, 1.5vw, 1.5rem) var(--gap);--gap: clamp(1rem, 2vw, 2rem);margin-left: auto;margin-right: auto;background: #fff;padding:clamp(1rem,2.5vw,2.5rem)}
.formGroup__item{width: 100%;}
.formGroup__item--half{width: calc(50% - (var(--gap)/2));}
.formGroup__item input,.formGroup__item textarea,.formGroup__item select{width: 100%;border:1px solid transparent;padding:0.4rem 0.6rem;background-color: var(--gray-lx2);}
.formGroup__item select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;}
.formGroup__item select::-ms-expand{display:none;}
.formGroup__item--row{display:flex;gap:10px;}
.formGroup__item--row label{display:flex;align-items:center;justify-content:center;padding:0.4rem;border:1px solid transparent;cursor:pointer;transition:all .2s ease;background:#f5f5f5;width:min(100%,18rem);}
.formGroup__item--row input[type="radio"]{display:none;}
.formGroup__item--row label:hover{border-color:var(--mjColor);background:var(--mjColor);color:#fff;}
.formGroup__item--row input[type="radio"]:checked + span,.formGroup__item--row input[type="radio"]:checked{}
.formGroup__item--row label:has(input:checked){background:var(--mjColor);color:#fff;border-color:var(--mjColor);}
.formGroup__red{color:var(--mjColor)}
.formGroup__title{margin-bottom:0.3rem;font-weight:700;font-size:var(--font-m);color: var(--black);}
.btnStyle__txt{margin-bottom: 0;}
.contact__box .row{display: flex;gap: clamp(2rem, 3vw, 6rem);}
.btnWrap--deco{justify-content: center;margin-top: clamp(2rem,4vw,4rem);}
.ctcTxt{margin-top: clamp(1rem,2vw,2rem);flex: 1;/*position: sticky;top: calc(var(--headerH) + clamp(1rem, 2vw, 2rem));*/display: flex;flex-direction: column;min-width: 20rem;}
.ctcTit{margin-bottom: clamp(1rem,2vw,2rem);}
.ctcTit__en{display: block;color:var(--mjColor);font-weight: 800;font-size:clamp(2.5rem, 4vw, 3.5rem);margin-bottom: clamp(0.5rem,1vw,1rem);overflow: hidden;}
.ctcTit__en span{display: block;white-space: nowrap;}
.ctcTit__ch{display: flex;gap:clamp(0.6rem,1.5vw,1rem);font-size: var(--font-tit-s);font-weight: 800;}
.ctcTit__ch::before{content:"";display: block;width: clamp(1rem,3vw,2.5rem);height: 1px;background: var(--bodyColor);transform: translateY(0.8rem);}
.ctcCon{font-size: var(--font-m);color:var(--gray-d);margin-bottom: clamp(2rem,3vw,4rem);}
.ctcTxt .socialBtn{justify-content: flex-start;}
.ctcTxt .socialBtn__item{background: #fff;}
.ctcImg{flex:1;margin-bottom: 0;}
.ctcImg img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}
#renew{aspect-ratio: 1/1;padding: 0.6rem;background: var(--gray-d);display: flex;justify-content: center;align-items: center;}
#code_img{width: clamp(12rem,16vw,16rem);aspect-ratio: 10/3;}
#renew .bi{display:flex;align-items:center;justify-content:center;}
#renew .bi::before{font-size: clamp(1.25rem,2vw,1.6rem);color:#fff}

/* !====footer */
footer{padding-top: clamp(1rem,3vw,2rem);}
.ftLogo{display: block;width: clamp(17rem,20vw,25rem);aspect-ratio: 44/7;background: url(../images/all/logo.jpg)no-repeat center center / contain;text-align: center;text-indent: -9999px;overflow: hidden;margin-bottom: 0.5rem;}
.ftTop{padding:clamp(1rem,1.5vw,1.5rem) 0;border-bottom: 1px solid var(--gray-l);display: flex;justify-content: space-between;align-items: center;}
.ftTop_lb{flex:1;max-width: 55rem;}
.ftBot{padding:clamp(1rem,1.5vw,1.5rem) 0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap:0.8rem}
.ftBot__nav{display: flex;flex-wrap: wrap;justify-content: center;gap:clamp(0.8rem,2vw,1rem);}
.ftBot__navLink{transition: var(--trans);white-space: nowrap;}
.ftBot__navLink:hover{color: var(--mjColor);}
.ftLcTit{display: inline-block;padding:0.25rem 0.5rem 0.2rem 0.5rem;margin-bottom: 0.5rem;background: var(--mjColor);color:#fff;font-size: var(--font-s);}
.ftLcList{--num: 4;--gap:clamp(0.5rem,1vw,1rem);display:flex;gap: 0 var(--gap) ;flex-wrap: wrap;}
.ftLcList__item{display: flex;gap:0.5rem;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );transition: var(--trans);}
.ftLcList__item:hover{color: var(--mjColor);}
.ftLcList__item span{display: flex;align-items: center;gap:0.5rem;}
.ftLcList__item span::before{content:"";display: block;width: 0.4rem;height: 0.4rem;background: var(--mjColor);border-radius: 100%;}
.copyright,.copyright a{margin-bottom: 0;color: var(--gray-d);font-weight: 400;}
.copyright a:hover{color: var(--black);}
.socialBtn{display: flex;justify-content: flex-end;gap:clamp(0.4rem,1vw,0.8rem);}
.socialBtn__item{position: relative;display: block;width: 2.5rem;aspect-ratio: 1/1;border-radius: 100%;background: #f3f3f3;overflow: hidden;}
.socialBtn__item::before{content:"";width: 100%;height: 100%;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-repeat: no-repeat;background-position: center center;background-size: 100%;filter: brightness(0);transition: var(--trans);opacity: 0.7}
.socialBtn__item.--fb::before{background-image: url(../images/all/icon-fb.svg);}
.socialBtn__item.--ig::before{background-image: url(../images/all/icon-ig.svg);}
.socialBtn__item.--yt::before{background-image: url(../images/all/icon-yt.svg);}
.socialBtn__item:hover{background: var(--mjColor);border-color: var(--mjColor);}
.socialBtn__item:hover::before{filter:none;opacity: 1}

/* !========================RWD======================== */
@media screen and (max-width: 1400px) {
     /* !====解決方案 */
    .soluWrap{max-width: 100%;}
}

@media screen and (max-width: 1200px) {
    /* !====footer */
    .ftLcList{--num:3}
    .ftBot{justify-content: center;align-items: center;flex-direction: column-reverse;}

    /* !====關於我們 */
    .stgCard{--num:2;}

    .qaLocation{--num:3}
}

@media screen and (max-width: 991px) {
    /* !991====選單==== */
    .navbar>.container{justify-content: space-between;padding-top: clamp(0.5rem,1vw,0.8rem);padding-bottom: clamp(0.5rem,1vw,0.8rem);}
    .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:rgba(238, 238, 238, 0.95);z-index:9999;flex-direction: column;align-items: center;padding:1.125rem}
    .navbarNav.--isOpen{display: block;}
    /* 側邊欄選單（手機版） */
    .sideNavWrap.--isOpen{display: block !important;}
    .navLink{padding: .5rem 1rem;}
    .navSub{position: static;}
    .navSub.dropdownMenu{display: none;}
    .navbarNav .dropdown:has(.--isOpen) .navSub.dropdownMenu{display: block;}
    .navLink.--contact{margin-left: 0;margin-top: 1.125rem;}
    .navLink__txtEn{display: block;}

    /* 標題區塊樣式 */
    .blockHeight--ixSolu .titSection{position: relative;flex-direction: column;align-items: flex-start;align-items: flex-start;}
    .blockHeight--ixSolu .titSection .btnStyle{position: absolute;right:0;top:clamp(0.5rem,1vw,1rem)}

     /* !====footer */
    .ftLcList{--num:2}

     /* !====聯絡我們 */
    .contact__box .row{flex-direction:column; align-items: center;}
    .ctcTxt{text-align:center;position: static;}
    .ctcTit__ch{flex-direction:column;align-items:center;gap:1rem}
    .ctcTit__ch::before{display:none;}
    .ctcTxt .socialBtn{justify-content:center;}
    .ctcImg{aspect-ratio: 2/1;}

    /* !====首頁 */
    .blockHeight--ixAb{flex-direction: column;}
    .blockHeight--ixPn{flex-direction: column-reverse;}
    .ixAb__lg.--ixaPnBg{ aspect-ratio: 5 / 2.5;}
    .blockHeight--ixAb .ixAb__sm{width: 100%;padding-left:clamp(1.125rem,2vw,1.5rem);padding-right:clamp(1.125rem,2vw,1.5rem);}
    .ixAb__lg{width: 100%;padding:clamp(3rem,6vw,6.5rem) clamp(1.5rem,3vw,2.5rem) }
    .ixAb__item .titSection{align-items: center;}
    .titSection.--col .titSection__txt{text-align: center;}
    .ixAb__item .mjTit__ch{text-align: center;}
    /* .titSection__txt.--quote{flex-direction: column;} */
    .titSection__txt.--quote::before{display: none;}
    .ixAbFt__item{text-align: center;margin-right: 0;}
    .ixAbFtTit{justify-content: center;}
    .ixAbFn{max-width: 45rem;margin: 0 auto;}
    .titSection__txt.--quote{max-width: 100%;}

    /* !====解決方案 */
    .soluBx,.soluBx:nth-child(even){flex-direction: column;gap:0}
    .soluWrap{padding:0}
    .soluBx__img{aspect-ratio: 5/3;max-height:25rem ;}
}

@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 */
    .banner__box picture{position: relative;}
    .banner__box picture::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 2;}
    .banner__box picture{aspect-ratio: 1/1.2;max-height:22rem ;}
    .keyVision .swiper-pagination-bn{top:55%}
    .bnTxtTit__ch{font-size: 1rem;}

    /* !====全頁佈局 */
    .web{display: none;}
    .web.btnStyle{display: none;}
    .mobile{display: block}
    .mobile.btnStyle{display: flex;}

    /* !====footer */
    .ftTop{flex-direction: column-reverse;gap:2rem}
    .socialBtn{justify-content: center;}
    .ftLogo{margin-bottom: 1rem;}
    .ftLcTit{display: block;text-align: center;}
    .ftLcList__item span{min-width: 4.1rem;}

     /* !====首頁 */
    .ixAbFn{ --num: 1;padding: calc(var(--pdsm) * 1.2 ) var(--pdsm)}
    .ixSoluTxt__sub{height: auto;transform: translateY(0%);margin-top: 1rem;}

    /* 申請流程 */
    .applyStep{flex-direction: column;margin: 0 auto;width: fit-content;}
    .applyStep__item{flex-direction: row;align-items: center;gap:1rem}
    .applyStep__tit{margin-bottom: 0;}
    .applyStep__ar{transform: rotate(90deg);}

    .qaLocation{--num:2}
}

@media screen and (max-width: 640px) {
    /* !====聯絡我們 */
    .formGroup__item--half{width: 100%;}

    /* !====首頁 */
    .ixAbFt__item+.ixAbFt__item::before{transform: translateY(-50%);}
    .ixAbFt__item{padding:1rem 0;width: 100%;}
    .ixAbFtTit{font-size: 2rem;}
    .ixAbFtTit__mini{font-size: 1.125rem;}
    .ixAbFtSub{font-size: 0.875rem;}

    /* !====內頁banner */
    .pgInTit__subMin span{display: none;}
    .pgSection .keyVision{padding-bottom: 2rem;}
    .pgInTit__subTit::after{display: none;}

    /* !====首關於我們 */
    .abItTxt__con br{display: none;}
    .abItCard{flex-direction: column;}
    .stgCard{--num:1;}

     /* !====解決方案 */
    .tabList__item{font-size: 1rem;}
    .tabList__item br{display: block;}
    .soluTit{flex-direction: column;align-items: flex-start;font-size: 1.6rem;}
    .soluAchv{flex-direction: column;}
    .soluAchv__tit{flex-direction: row;gap:0.5rem;align-items: center;font-size: 1.125rem;}
    .soluAchv__tit br{display: none;}

     /* !====服務重點說明 */
    .accordionBx__hd{font-size: 1rem;padding-right: 1rem;}
    .ovWrap .accordionBx__hd::after{display: none;}
    .qaLocation{--num:1}

    /* !====footer */
    .ftLcList{--num:1;gap: 0.2rem;}
    .copyright{padding: 0 3rem; text-align: center;}
}

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