@charset "utf-8";

/* CSS Document */
body{font-family:'Play','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::before {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(35 45 111 / 20%);z-index: 99999;pointer-events: none;opacity: 0;-webkit-transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition: 0.3s ease-in-out;-webkit-backdrop-filter: blur(1rem);backdrop-filter: blur(1rem);pointer-events: none;}
body:has(.navbarNav.--isOpen)::before{opacity:1;pointer-events:all}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 99999;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:has(.pgContent){background:var(--bgColor);}
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: #004CA0; /* 主色 */
    --mjColor-d: #0079FF;
    --mjColor-l: #7DBBFF;
    --color-1:#35BBBE;
    --color-2:#F6A901;
    --txtDark:#031A44;
    --bgColor:#F5F6FA;
    --black: #222;
    --gradient1:linear-gradient(to right,var(--mjColor-d),var(--color-1));
    --gradient2: linear-gradient(to right, #7853ff, #62a7fb);
    --radial:radial-gradient(#d9dfea, rgb(217 228 249 / 50%));
    --boxShd1: inset -1px -4px 0.75rem #fff, 1px 1px 0.75rem #ddd;
    --boxShd2:0 0 1rem rgb(1 144 216 / 50%);
    --gray: #999;
    --gray-d: #777;
    --gray-l: #ccc;
    --gray-lx2: #eee;
    --red: #d40023;
    --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);
    --bdR: clamp(1.25rem,2.5vw,2.5rem);
    --spaceM:clamp(3rem,4vw,5rem);
    --spaceL: clamp(4rem,10vw,8rem);
    --bigSize:clamp(20rem,50vw,62.5rem);
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::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;border-radius: 100rem;transition:0.3s all;}
#goTop:hover{background:var(--mjColor-d);color:#fff;}

/* !====按鈕 */
.btnWrap { margin:2em 0; text-align:center; }
.btnStyle{}
.gradBtn{padding:1rem 2.5rem;background:var(--gradient1);border-radius:100rem;color: #fff;position: relative;overflow: hidden;border: none;transition:0.3s all;display: inline-block;}
.gradBtn.--small{padding:0.625rem 2rem}
.gradBtn:hover{box-shadow:var(--sdW,15rem) 0 0 rgba(0,0,0,0.5) inset}
.gradBtn .txt{display:flex;gap:0.5rem;align-items: center;}
.gradBtn .bi{background:#fff;border-radius:100rem;line-height:1;color: var(--mjColor);display: inline-flex;align-items: center;justify-content: center;padding: 0.375rem;}

/* !====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:2rem 0;}
.portDotZone{position:relative;}
.portDotZone__dot{position:absolute;left:0;top:calc(var(--headerH) * -1);}
.container{max-width:var(--container);margin:auto;}
.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: 2rem;}
.mainTitle__mj{font-size: 2rem;}
.mainTitle__sub{font-size: 1.125rem;font-weight: 500;} */
.titleBox{--stroke:#fff;--lt:0.05em;position: relative;display: flex;flex-direction: column;align-items: center;z-index: 0;margin-bottom: clamp(1.25rem,2vw,2.5rem);}
.titleBox--left{align-items: baseline;}
.titleBox__tag{--cl:var(--mjColor);font-size: clamp(1.125rem,1.3vw,1.375rem);font-weight: 700;letter-spacing: var(--lt);background: var(--cl);color: #fff;position: relative;border-radius: 100rem;display: inline-block;padding: 0.125rem 2rem;margin-bottom: 1.5rem;}
.titleBox__tag.--small{font-size: clamp(1rem,1vw,1.125rem);margin: 0;}
.titleBox__tag:after{content:'';position: absolute;width: 0.75rem;aspect-ratio: 1;clip-path: polygon(100% 0, 0 0, 100% 100%);left: 50%;bottom: 1px;translate: -50% 100%;background: var(--cl);}
.titleBox__ct{font-weight: 700;font-size: clamp(1.75rem,2.8vw,3rem);letter-spacing: var(--lt);margin-right: calc(var(--lt) * -1);line-height: 1.2;color: var(--txtDark);}
.titleBox__en{color: transparent;-webkit-text-stroke: 1px var(--stroke);text-stroke: 1px var(--stroke);font-size: clamp(4rem,11vw,11.25rem);font-weight: 700;position: absolute;left: 50%;top: 50%;translate: -50% -50%;z-index: -1;pointer-events: none;}
.titleBox--left .titleBox__en{right:0;left: unset;translate: 0 -50%;}
.briefTxt{font-size: clamp(1.125rem,1.4vw,1.25rem);font-weight: 450;line-height:1.75;opacity: 0.85;}
.briefTxt.--small{max-width:40rem;margin: auto;}
.ttStyle{--sp: clamp(1.5rem,2vw,2.5rem);position: relative;display: flex;gap: 0.5rem 1rem;align-items: baseline;padding-bottom: var(--sp);margin-bottom: calc(var(--sp) + 0.5rem);flex-wrap: wrap;}
.ttStyle:after{content:'';position: absolute;width:5rem;height: 0.5rem;background: var(--gradient1);left: 0;bottom: 0;}
.ttStyle__mj{--lt:0.15em;font-size: clamp(1.75rem,2vw,2rem);margin: 0;margin-right:calc(var(--lt) * -1);font-weight:500;letter-spacing: var(--lt);}
.ttStyle__sub{font-size:1.125rem}
.ttStyle__num{position:absolute;display: flex;align-items: flex-start;right: 0;bottom: 2.5rem;color:var(--mjColor);opacity:0.15;font-weight: 900;}
.ttStyle__num .txt{letter-spacing:0.15em;font-size: 0.875rem;text-wrap-mode: nowrap;}
.ttStyle__num .num{font-size: clamp(6.25rem,11.25vw,11.25rem);font-weight:900;line-height: 0.675;}
.itemTxt{line-height:1.75;letter-spacing: 0.02em;}
.markCl{color:var(--mjColor);}
.pgTitle{font-size: clamp(3rem,5.5vw,6.25rem);font-weight: 700;color: var(--txtDark);margin-bottom: clamp(1rem,2vw,2rem);}
.ulSet{list-style:none;padding:0;margin:0;padding:1rem 0;display: flex;flex-direction: column;gap: 0.25rem;flex-wrap: wrap;}
.ulSet .txt{--dotW: 1.25rem;padding-left: calc(var(--dotW) + 0.5rem);position: relative;}
.ulSet .txt:before{content: '\F26A';position:absolute;line-height:1;left: var(--pdX,0px);top: 50%;font-family:'Bootstrap-icons';translate: 0 -50%;color: #009688;font-size: calc(var(--dotW) - 0.125rem);}
.ulSet.--capsule{flex-direction:unset;gap:1rem;}
.--capsule .txt{--pdX:1rem;background: var(--radial);padding: 0.25rem var(--pdX);padding-left: calc(var(--dotW,0px) + var(--pdX) + 0.25rem);border-radius: 100rem;box-shadow: inset -1px -4px 0.75rem #fff, 1px 1px 0.75rem #c6d4ff;display: inline-block;}
.numUl{list-style:none;padding: 1rem 0;margin:0;counter-reset:num;}
.numUl li{--no: 2rem;position:relative;}
.numUl li:before{content:counter(num);counter-increment:num;position:relative;display: inline-flex;line-height: 1;width: var(--no);aspect-ratio: 1;align-items: center;justify-content: center;background: #fff;border-radius: 100rem;color: var(--mjColor);font-weight: 900;margin-right: 0.5rem;}
.numUl.--arrow{--arrowW: 1.25rem;display:flex;/* flex-wrap: wrap; */gap: 1px 0px;justify-content: center;}
.numUl.--arrow li{padding: 0.75rem 1rem;background:var(--gradient1);padding-right: calc(var(--arrowW) * 2);padding-left: calc(var(--arrowW) * 2);clip-path: polygon(0 0, calc(100% - var(--arrowW)) 0%, 100% 50%, calc(100% - var(--arrowW)) 100%, 0 100%, var(--arrowW) 50%);color: #fff;/* clip-path: polygon(0 0, calc(100% - var(--arrowW)) 0%, 100% 50%, calc(100% - var(--arrowW)) 100%, 0 100%); */border-radius: 0.25rem;}


.cover{margin:0;}

/*!swiper*/
.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;line-height: 1;justify-content: space-between;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;z-index: 1;translate: 0 calc(var(--dotSpace) * -0.5);pointer-events: none;transition: 0.3s all;opacity: 0;}
.arrowG.--fix{/* opacity:1; */padding: 0 1rem;}
.arrowG.--hide{display:none;}
.arrowG__item{color: var(--mjColor);width: 3rem;aspect-ratio: 1;display: inline-flex;border-radius: 100rem;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:'\F285';}
.arrowG__item.--prev:before{content:'\F284';}
.sideArrow{position:relative;display:flex;gap: 0.25rem;justify-content: flex-end;color: var(--mjColor);}
.sideArrow__item{cursor:pointer;}
.swiper-button-disabled{opacity:0.15}
.sideArrow .swiper-pagination{position:static;width: auto;}

/* !====banner */
.banner{--asR: 1920/900;aspect-ratio:var(--asR);}
.banner__box{position:relative}
.banner__box picture,
.banner__box img {display: block;width: 100%;height: 100%;object-fit: cover;position: relative;}
.bnTxt{--lt:0.05em;position:absolute;top: 35%;left: var(--ctOffset);right: var(--ctOffset);translate: 0 -50%;display: flex;flex-direction: column;gap: calc(clamp(1rem,2vw,2rem) + var(--offset,0px));}
.bnTxt__mj{font-weight:700;font-size: clamp(2rem,3.25vw,4rem);line-height:1.5;letter-spacing: var(--lt);margin: 0;}
.bnTxt__mj span{color:var(--mjColor);}
.bnTxt__sub{line-height:1.75;font-size: clamp(1rem,1.5vw,1.5rem);font-weight:500;opacity:0.8;letter-spacing: var(--lt);}
.banner .swiper-pagination{bottom: 1rem;}

.pgBanner{width:100%;aspect-ratio:1920/750;position: relative;display: flex;align-items: flex-end;min-height: 12.5rem;}
.pgBanner:before{content:'';position:absolute;width:100%;background:url(../images/all/wave.svg)center/cover;aspect-ratio: 292/231;left: 0;top: 0;mask: linear-gradient(to top, rgba(0,0,0,95) 50%, transparent 100%);z-index: 1;pointer-events: none;}
.pgBanner:after{content:'';position:absolute;width:100%;height:25%;background: linear-gradient(to top,var(--bgColor),transparent);left: 0;bottom: 0;transition: 2s all ease-out;}
.pgContent{position: relative;z-index: 1;}
.pgTop{padding: calc(var(--spaceM) + 1.25rem) 0 var(--spaceM);}
/* 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;}

/* !====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;}

/* !====checkbox && radio====*/
.form-check{display:flex;gap: 0.25rem;margin: 0;align-items: center;flex: 1;min-width: 12.5rem;}
.form-check label{margin:0;line-height:1;}
.form-check-input[type=radio]{/* transform: translateY(-3px); */}
.form-check-input{font-size: 1.125em;margin-top: 1px;translate: 0 -1px;}
.form-check-input:checked[type="checkbox"]{background-color: var(--mjColor);border-color: var(--mjColor);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}
.form-check-input:checked[type="radio"]{background-color: #fff;border-color: var(--mjColor);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23CE0080'/%3e%3c/svg%3e");}
.form-check-input:checked[type="checkbox"]:checked + label,.form-check-input:checked[type="radio"]:checked + label{color:var(--mjColor);}


/* !====選單==== */
.navbar{position: fixed;top: 0;left: 0;right: 0;z-index: 99999999;/* background-color: #fff; *//* box-shadow: 0 0 .5rem rgba(0,0,0,0.25); */transition: 0.3s all;}
.navbar--fixed{background:rgba(255,255,255,0.85);}
.navbar>.container{display: flex;align-items: center;gap:2rem}
.navbarBrand{display: block;padding: 1rem 0;text-align: center;}
.navbarBrand__pic{height:4rem;aspect-ratio: 210/192;}
.navbarToggle{order:1;display: none;}
.navbarNav{display: flex;gap: 2rem;align-items: center;margin-left: auto;}
.navbarNav__item{}
.navLink{--cl: var(--black);--lt:0.02em;display: block;cursor: pointer;font-size: 1.125rem;letter-spacing: var(--lt);line-height: 1.25;}
.active .navLink{color:var(--mjColor);}
.navLink.--btn{padding:0.75rem 2rem;background:var(--mjColor);color:#fff;border-radius:100rem;}
.navLink.--btn:hover{box-shadow:var(--sdW,10rem) 0 0 rgba(0,0,0,0.5) inset;color: #fff;}
.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{}
.navSub__item.--main{display:none;}
.navSubLink{}
.dropdownMenu--show{display: flex!important;opacity: 1;flex-direction: column;gap: 0.625rem;}
.dropdownMenu--hide{display: none !important;pointer-events: none;opacity: 0;}

/* !====麵包屑 */
.breadCrumbsWrap{position:relative;z-index:1;width: 100%;}
.breadCrumbs{display:flex;list-style: none;margin: 0;padding: 1.25rem 0;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
.breadCrumbs__item + .breadCrumbs__item:before{content:'\F285';font-family:'Bootstrap-icons';line-height: 1;translate: 0 2px;display: inline-block;scale: 0.85;margin: 0 0.25rem;}
.breadCrumbs__item:first-child a{color:var(--mjColor);}

/* !====首頁 */
.blockHeight--ixIndustry{--asR: 1920/740;padding: 0;background:url(../images/index/industry.png)center/cover;min-height: calc(100vw / (var(--asR)));overflow: hidden;text-align: center;}
.zoomEff{margin: clamp(0rem,calc(6vw * var(--scroll-progress)),6.25rem) clamp(0rem,calc(8vw * var(--scroll-progress)),9.375rem);border-radius: clamp(0rem,4vw * var(--scroll-progress),4rem);}
.industryBox__content{padding: calc(var(--spaceM) + 1.25rem) 0;display: flex;flex-direction: column;align-items: center;gap: 0;}
.blockHeight--ixCase01{overflow-x: clip;padding: clamp(3rem,10vw,8rem) 0 0;}
.blockHeight--ixCase02{overflow-x: clip;padding: clamp(5rem,12vw,12.5rem) 0;}
.container.--offsetR{max-width:100%;padding:0;padding-left: var(--ctOffset);margin-right: 0;}
.container.--offsetL{max-width:100%;padding:0;padding-right: var(--ctOffset);margin-right: 0;}
.indBlock{--imgW: clamp(20rem,42vw,45rem);--gap:var(--spaceM);display:flex;gap:var(--gap);align-items: flex-end;}
.--offsetR .indBlock{flex-direction:row-reverse;}
.indBlock__media{width:var(--imgW);position: relative;}
.mapDot{position:absolute;width:100%;height:100%;left: 0;top: 0;overflow: hidden;}
.indBlock__content{width:calc(100% - var(--gap) - var(--imgW));}
.mapDot{--cl: var(--color-1,#35BBBE);--clL:#D0FEFF;}
.mapDot--2{--cl: var(--color-2,#F6A901);--clL: #ffedc6;}
.mapDot__dot{position: absolute;display: inline-block;width: .875rem;aspect-ratio:1;border-radius: 100rem;cursor: pointer;transform-origin: center;z-index: 5;/* border: 1px solid #000; */transition: 1s all;}
.mapDot__dot:hover:before,.active.mapDot__dot:before{opacity:1;animation-play-state: running;}
.mapDot__dot:before{content:'';position:absolute;width: 100%;aspect-ratio:1;background: var(--clL);opacity: 1;z-index: -1;left: 50%;top: 50%;translate: -50% -50%;filter: blur(0.125rem);border-radius: inherit;opacity: 0.85;transition: 0.3s all;animation: dotFlash 1.5s infinite ease-in-out;opacity: 0;animation-play-state: paused;}
/* .active.mapDot__dot:before{animation-delay:1s} */
.active.mapDot__dot:after{animation:0.8s popAni;}
/* @keyframes popAni{
	0%{width:80%}
	100%{width:100vw;opacity:0}
} */
@keyframes dotFlash{
	0%,100%{scale:0.8;padding:0}
	50%{scale:2.5;padding:0.375rem}
}
.mapDot__dot:after{content:'';position:absolute;width: 100%;aspect-ratio:1;background: var(--cl);opacity: 1;z-index: 4;left: 50%;top: 50%;translate: -50% -50%;border-radius: inherit;}
#mapA1{left: 1%;top: 32%;}
#mapA2{left: 26%;top: 57%;}
#mapA3{left: 16%;top: 63%;}
#mapA4{left: 38%;top: 39%;}
#mapA5{left: 54%;top: 48%;}
#mapA6{left: 79%;top: 48%;}
#mapA7{left: 90%;top: 63%;}

#mapB1{left: 4%;top: 61%;}
#mapB2{left: 28%;top: 49%;}
#mapB3{left: 46%;top: 25%;}
#mapB4{left: 53%;top: 11%;}
#mapB5{left: 86%;top: 16%;}
#mapB6{left: 87%;top: 47%;}
#mapB7{left: 89%;top: 85%;}

.cover.--rSide{border-radius:var(--bdR) 0 0 var(--bdR);overflow:hidden;}
.cover.--lSide{border-radius:0 var(--bdR) var(--bdR) 0;overflow:hidden;}
.mapScenarioWrap{position:relative;padding-top: 2.25rem;}
.mapScenario{overflow:hidden;max-height: 10.5rem;margin-bottom: 0.75rem;/* border-top: 1px solid var(--mjColor-l); */}
.mapScenario.is-animating{transition:height 0.4s ease;}
.mapScenario .swiper-slide{box-sizing:border-box;}
.mapScenario.is-animating .swiper-slide{transition:height 0.4s ease;}
.mapSItem{border-bottom:1px solid var(--mjColor-l);padding:0.5rem 0.75rem;cursor:pointer;}
.mapSItem__tt{color:var(--mjColor);}
.mapSItem__ct{display:none;}
.mapSItem.is-measuring .mapSItem__ct{display:block;visibility:hidden;}
.swiper-slide-active.mapSItem{background:rgb(125 187 255 / 12%);box-shadow:0 0 1rem #BCDAF8;}
.swiper-slide-active .mapSItem__ct{display:block;}
.blockHeight--ixCase03{padding-bottom:0;}
.case03Top{display: grid;gap: var(--spaceM);grid-template-columns: 31rem 1fr;padding-bottom: calc(var(--spaceM) + 2.5rem);align-items: start;position: relative;}
.case03Btm{padding: var(--spaceM) 0;text-align:center;}
.processImgWrap{position:relative;}
.processImg{display:flex;gap: 0px;}
.processImg__item{position:relative;flex:1;transition:0.3s all;background: var(--bg)center/cover;min-height: clamp(20rem,32vw,30rem);display: flex;align-items: flex-end;overflow: hidden;}
.processImgTt{padding: 4rem 1rem;color:#fff;translate: 0 100%;transition: 0.3s all;width: 100%;background: linear-gradient(to top,#000,transparent);}
.processImgDeco{--size:1.25rem;--shD:0 0 0.25rem var(--mjColor-d),0 0 0.25rem var(--mjColor-d);position:absolute;width:100%;display: flex;align-items: center;gap: 0.25rem;bottom: var(--size);}
.--strokeTt{--cl:#fff}
.--strokeTt:before{content:attr(data-tt);font-size: clamp(3rem,7vw,7.5rem);font-weight:900;line-height: 1;-webkit-text-stroke: 1px var(--cl);text-stroke: 1px var(--cl);color: transparent;position: absolute;bottom: 0;pointer-events: none;opacity: 0.85;}
.--rSide.--strokeTt:before{right:0}
.--lSide.--strokeTt:before{left:0}
.case03Top.--strokeTt{--cl:var(--mjColor);}
.case03Top.--strokeTt:before{opacity:0.25;right: 0;}
.blockHeight--ixContact{padding:6.25rem 0;background: linear-gradient(to bottom, rgb(245 246 250 / 75%), rgba(255, 255, 255, 0.75)), url(../images/index/contact.jpg) center / cover;border-radius: clamp(2rem,3vw,4rem) 0 0 0;}
.ixContact__ct{display:flex;justify-content: space-between;gap: 3rem 2rem;align-items: center;}
.ctaBox{background:#fff;padding: 2rem clamp(2rem,3vw,3rem);border-radius:1.5rem;display: flex;justify-content: center;align-items: center;gap: 0.5rem 2.5rem;flex-wrap: wrap;}
.ctaBox__phone{display:flex;flex-direction:column;align-items: center;}
.ctaBox__phone .txt{font-size: clamp(2rem,3vw,2.5rem);font-weight: 700;}
.ctaBox__phone .bi{color:var(--mjColor);}
.ctaBox__phone small{opacity:0.5}

/*! 內頁*/
.blockHeight--about.--core{padding:var(--spaceM) 0;}
.abCoreWrap{max-width:62.5rem;margin:auto;position: relative;text-align: center;aspect-ratio: 1000/640;}
.--abCoreImg{display: inline-block;}
.abCore{position:absolute;width:100%;height:100%;left:0;top:0;}
.abCore__item{position:absolute;display:flex;flex-direction: column;align-items: center;gap: 7rem;transform-origin: center;width: 18%;}
.abCore__item:nth-child(1){left: 5.5%;top: 4.5%;}
.abCore__item:nth-child(2){left: 40.75%;top: 63%;}
.abCore__item:nth-child(3){left: 76.5%;top: 4.5%;}
.itemTt{--lt:0.15em;font-size:1.25rem;font-weight:500;letter-spacing:var(--lt);margin-right: calc(var(--lt) * -1);text-wrap-mode: nowrap;}
.itemTt:has(.syncTxt){display:flex;text-wrap-mode: wrap;flex-direction: column;align-items: center;text-align: center;}
.iconImg__pic{max-width: 5rem;}
.blockHeight--about.--vision{background:url(../images/about/vision.png)center/cover;padding: calc(var(--spaceM) + 1.25rem) 0 clamp(20rem,25vw,35rem);text-align: center;}
.blockHeight--about.--service{--asR:1920/1024;position:relative;padding-bottom: calc(100vw / (var(--asR)) * 0.85);}
.blockHeight--about.--service:after{content:'';position: absolute;background: linear-gradient(to bottom,var(--bgColor),transparent 55%),url(../images/about/service.png);background-size: 100%;background-position: center bottom;background-repeat: no-repeat;width: 100%;aspect-ratio: var(--asR);left: 0;bottom: 0;z-index: -1;}
.titleBox.--dStroke{--stroke: #D7DBEA;}
.abSvWrap{text-align:center;}
.abSvBox{display:flex;gap: clamp(2rem,3vw,4rem);padding-top: 4rem;}
.abSvBox__item{flex:1;display: flex;flex-direction: column;gap: 1.25rem;align-items: center;}
.ballBg{width: min(15rem,100%);background:url(../images/all/ball.png)center/cover;aspect-ratio: 1;display: inline-flex;align-items: center;justify-content: center;padding: min(24.5%,4rem);margin: 0;}
.abSvSlogan{font-size: clamp(1rem,1.2vw,1.25rem);font-weight:500;position:absolute;display:flex;gap:1.25rem;color: #fff;right: var(--ctOffset);bottom: calc(var(--spaceM) + 1.25rem);align-items: center;letter-spacing: 0.25em;}
.abSvSlogan:before{content:'';display:block;width:7.5rem;height:0.125rem;background:#fff;}

/*! 雲端應用*/
.blockHeight--cloud{padding: var(--spaceL) 0;}
.blockHeight--cloud.--infor{padding-bottom: var(--spaceM);padding-top: 2rem;}
.cloudInfor{--num: 6;--gap:2rem;display: flex;flex-wrap: wrap;gap: var(--gap);justify-content: center;color: var(--txtDark);}
.cloudInfor__item{width:calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );display: flex;flex-direction: column;gap: 1rem;align-items: center;}
.blockHeight--cloud.--platform{padding: var(--spaceM) 0;position: relative;background: url(../images/cloud/bg.png)center/cover;}
.cloudPlat{--stroke:#D7DBEA;--imgW: clamp(30rem,48vw,45rem);--gap:3rem;display:flex;gap: var(--gap);align-items: center;position:relative;}
.cloudPlat .titleBox__en{right: 0;top:0;translate: 0 -50%;z-index: 0;width: 100%;left: unset;text-align: right;}
.cloudPlat__content{width:calc(100% - var(--imgW) - var(--gap));}
.cloudPlat__media{--sp: clamp(3.5rem,10vw,8rem);--pcW: 92%;width:var(--imgW);display: flex;align-items: flex-end;padding-top: 3rem;position: relative;}
.blockHeight--cloud.--platform .contentBox{text-shadow:0 0 0.5rem #fff,0 0 0.5rem #fff;backdrop-filter: blur(0.5rem);}
.pcDev{width:var(--pcW);}
.mbDev{width:calc(100% - var(--pcW) + var(--sp));margin-left:calc(var(--sp) * -1);}
.blockHeight--cloud.--feature{background: url(../images/cloud/feature-bg.png)center/cover;padding-top: var(--spaceL);}
.cloudFeature{--imgW: clamp(12rem,30vw,24rem);--gap:var(--spaceM);display: flex;gap:var(--gap);align-items: center;}
.cloudFeature__media{width:var(--imgW);margin: 0 var(--spaceM);}
.cloudFeature__ct{width:calc(100% - var(--gap) - var(--imgW));}
.cloudFeatureList{--num: 3;--gapIn: 2rem;display:flex;flex-wrap: wrap;gap: var(--gapIn);justify-content: center;}
.cloudFeatureList__item{width: calc((100% - var(--gapIn,0px) * (var(--num) - 1)) / var(--num) );display: flex;flex-direction: column;align-items: center;gap: 1rem;color: var(--txtDark);max-width: 12rem;}

.cloudContext__box{padding: var(--spaceL) 0;}
.--offsetR .cloudCnt{flex-direction:row-reverse;}
.--offsetL .cloudCnt{}
.cloudCnt--1{--imgW:var(--bigSize);--gap:var(--spaceM);display: flex;gap: var(--gap);align-items: flex-end;}
.cloudCnt--1 .contentBox{width:calc(100% - var(--imgW) - var(--gap));}
.cloudCnt--1 .mediaBox{width:var(--imgW);position: relative;overflow: hidden;}
.cloudCnt1List{display:flex;flex-direction:column;gap: 1.5rem;margin-top: 1.5rem;}
.cloudCnt1List__item{display:grid;grid-template-columns: 3.5rem 1fr;gap: 1.5rem;align-items: center;position: relative;z-index: 1;}
.iconP{--pos: 0.25rem;margin:0;border-radius: 1rem;padding: min(0.625rem,10%);position: relative;background: #fff;margin-bottom: calc(var(--pos) * 1);}
.iconP:after{content:'';position:absolute;width:100%;height: 100%;background: var(--gradient1);left:var(--pos);top: var(--pos);z-index: -1;border-radius: inherit;}
.--cl2 .iconP:after{background:var(--gradient2);}
.itemBox__tt{font-size:1.125rem;font-weight: 700;color:var(--mjColor);letter-spacing:0.05em}
.itemBox__ct{font-size:1rem;}
.cnt1ImgSub{position:absolute;width: 25%;bottom: 0;right: 5%;}
.cloudCnt--2{--imgW: clamp(20rem,42vw,45rem);--gap:var(--spaceM);display: flex;gap: var(--gap);align-items: flex-start;}
.cloudCnt--2 .contentBox{width:calc(100% - var(--imgW) - var(--gap));}
.cloudCnt--2 .mediaBox{width:var(--imgW);position: relative;overflow: hidden;}
.cnt2ImgSub{position:absolute;width: 25%;bottom: 0;right: 5%;}
.cloudCnt2List{margin-top:1.5rem;}
.cloudCnt2List__tt{display:flex;padding: 0 1rem;overflow: hidden;gap: 1px;text-align: center;}
.cloudCnt2List__ct{background:var(--radial);border-radius:1rem;padding:2rem;box-shadow: var(--boxShd1);}
.iconSubList{display:flex;flex-direction:column;gap:1.5rem;transition: 0.5s all;overflow: hidden;height: 0;translate: 0 1rem;opacity: 0;}
.active.iconSubList,.iconSubList--show{height: auto;opacity:1;translate: 0;}
.iconSubList__item{display:grid;grid-template-columns: 3.5rem 1fr;gap: 1.5rem;align-items: center;position: relative;z-index: 1;}
.iconMjTt{padding: 0.5rem clamp(1.125rem,1.5vw,1.5rem);font-size: clamp(1rem,1.2vw,1.25rem);font-weight: 500;letter-spacing: 0.15em;background: #fff;border-radius: 0.5rem 0.5rem 0 0;cursor: pointer;box-shadow: 2px 6px 0.5rem rgba(0,0,0,0.15);display: flex;flex-wrap: wrap;justify-content: center;}
.active.iconMjTt{background:var(--gradient1);color:#fff;}
.active.iconMjTt.--cl2{background:var(--gradient2);}

.cloudCnt--3{--imgW: clamp(28rem,45vw,42rem);--gap: 2.5rem;display:flex;gap:var(--gap);}
.cloudCnt--3 .contentBox{width:calc(100% - var(--imgW) - var(--gap));}
.cloudCnt--3 .mediaBox{width:var(--imgW);}
.cloudContext__box.--3{padding-top: var(--spaceL);}
.cloudCnt3List{margin-top:1.5rem;}
.iconSubList:has(.cn3Btn){gap:0;}
.cn3Btn{--arrow:2rem;--bdStyle:1px solid var(--mjColor-l);padding: 1rem 0.75rem;padding-right: var(--arrow);border-top: var(--bdStyle);cursor: pointer;}
.cn3Btn:last-child{border-bottom:var(--bdStyle)}
/* .cn3Btn + .cn3Btn:before{content:'';width:var(--arrow);height:100%;background: #d1deef;right: 0.25rem;top: -50%;position: absolute;clip-path: polygon(0 75%, 40% 75%, 40% 0, 60% 0, 60% 75%, 99% 75%, 50% 100%);} */
.active.cn3Btn{box-shadow: rgb(188, 218, 248) 0px 0px 1rem;background: rgba(125, 187, 255, 0.12);}
.cloudCnt3{padding-bottom:2.5rem;}
.cloudCnt3__item .itemTt{color:var(--mjColor);}
.cloudCnt3__item .cover{border-radius: var(--bdR);overflow: hidden;}
.cloudCnt3__item .cover__pic{aspect-ratio:500/287;}
.cloudContext__box.--4{padding-top: calc(var(--spaceL) + 2rem);}
.cloudCnt--4 .mediaBox{display: grid;align-items: center;grid-template-columns: 1fr 1.5fr 1fr;position: relative;padding: 4rem 0;}
.cloudCnt--4 .cover{display:flex;flex-direction: column;align-items: center;position: relative;padding: 1rem;}
.cloudCnt--4 .--arrows{position:relative;}
.cloudCnt--4 .--arrows:after{content:'';position:absolute;height: 70%;background: url(../images/cloud/arrows.png)center/cover no-repeat;aspect-ratio: 1199/887;top: 50%;left: 50%;translate: -50% -50%;opacity: 0.8;animation: arrowIng 3s infinite;}
@keyframes arrowIng{
	/* 0%{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);} */
	0%{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
	50%,100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
}
.syncTxt{letter-spacing:0;padding:0 0.5rem;background: #009688;color:#fff;border-radius: 0.5rem;display: inline-block;margin-left: 0.5rem;}
.cloudCnt--5 .mediaBox{display: grid;align-items: center;grid-template-columns: 1fr 1.5fr 1fr;position: relative;padding: 4rem 0;}
.cloudCnt--5 .mediaBox:after{content:'';position:absolute;height:100%;background:url(../images/cloud/cloud.png)center/cover;aspect-ratio: 1145/1046;z-index: -1;left: 50%;top: 50%;translate: -50% -50%;}
.cloudCnt--5 .cover{display: flex;flex-direction: column;gap: 1rem;align-items: center;}
.cloudCnt--5 .cover:nth-child(2){order:3}
.cnt4Box,.cnt5Box{display:flex;padding: 1rem 1.5rem;justify-content: space-between;gap: 1rem;background: var(--radial);border-radius: 1rem;box-shadow: var(--boxShd1);position: relative;z-index: 0;flex-wrap: wrap;}
.cnt5Box .bi{color: #009688;}
.cnt4Box__item,.cnt5Box__item:not(.--tt){display:grid;grid-template-columns: 3.5rem 1fr;gap: 1rem;align-items: center;}
.cloudCnt--6{--imgW: clamp(28rem,45vw,42rem);--gap:var(--spaceM);display: flex;gap: var(--gap);align-items: flex-end;}
.cloudCnt--6 .contentBox{width:calc(100% - var(--imgW) - var(--gap));}
.cloudCnt--6 .mediaBox{width:var(--imgW);position: relative;overflow: hidden;border-radius: var(--bdR);}
.cloudContext__box.--6 .numUl{padding-top: clamp(1.25rem,2vw,3rem);}
.cloudContext__box.--7{padding-bottom:0;}
.cloudCnt7{padding-bottom:2.5rem;}
.cloudCnt--7{display:grid;grid-template-columns: 1fr clamp(28rem,45vw,42rem);gap:2.5rem;}


/*! 聯絡我們*/
.blockHeight--contact{padding-top:0;padding-bottom: var(--spaceM);}
.contactWrap{--bs-border-radius: 1.125rem;--inforW: clamp(20rem,24vw,24rem);--gap:2rem;position:relative;display:flex;padding: 2rem;background: #fff;border-radius: var(--bs-border-radius);gap: var(--gap);}
.contactWrap .formGroup{width:calc(100% - var(--gap) - var(--inforW));}
.contactWrap:after{content:'';position:absolute;width:100%;height:100%;background:var(--gradient1);border-radius: inherit;z-index: -1;left: 0;top: 0;filter: blur(1rem);opacity: 0.85;}
.cntInfor{width: var(--inforW);padding: 1.5rem;background: var(--bgColor);border-radius: var(--bs-border-radius);position: relative;overflow: hidden;}
.cntInforBrief{margin-bottom: 1rem;padding-bottom: 0.25rem;font-weight:500;border-bottom: 1px solid #ccdaeb;font-size: 1.125rem;}
.cntInfor:after{content:'';position:absolute;background:url(../images/all/logo.png)center/cover;aspect-ratio: 35/32;width: min(70%,210px);right: 0;bottom: 0;translate: 20% 25%;opacity: 0.15;}
.formGroup{--bs-border-radius: 1.125rem;display: flex;flex-wrap: wrap;gap: 1.5rem;position: relative;justify-content: center;margin: auto;}
.formGroup__item{width:100%}
.formGroup__item--half{width: calc(50% - 0.75rem);}
.input-group .bi{scale:1.25;line-height:1;}
.input-group-text{padding-left:1rem}
.form-select{border-radius:var(--bs-border-radius);}
.input-group.--col{flex-direction:column;}
.input-group.--col textarea{width:100%;margin-left: 0!important;margin-top: calc(var(--bs-border-width) * -1);}
.input-group.--col:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group.--col:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group.--col:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group.--col:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-radius:0;border-top-left-radius: var(--bs-border-radius);border-top-right-radius: var(--bs-border-radius);}
.input-group.--col>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-radius:0;border-bottom-left-radius: var(--bs-border-radius);border-bottom-right-radius: var(--bs-border-radius);}
.formGroup__title{display:block;font-size:1rem;font-weight:500;color:var(--txtDark);margin-bottom:0.75rem;}
.checkGroup{display:flex;gap: 0.5rem 2.5rem;flex-wrap:wrap;}
.cntInforList{display:flex;flex-direction:column;gap: 1.5rem;}
.cntInforList__item{}
.cntInforList__item.--icon{display:flex;gap:0.5rem}

/*! 智拓專欄*/
.blockHeight--insights{padding-bottom: var(--spaceL);}
.kwBox{--bdR: 0.625rem;display:flex;margin-bottom:2rem;justify-content: center;}
.kwBox__iconTxt{background:var(--mjColor);height: 38px;display: flex;padding: 0.5rem 0.75rem;padding-right: 1.25rem;margin-right: -0.75rem;color: #fff;border-radius: var(--bdR) 0 0 var(--bdR);border: 1px solid var(--bs-border-color);align-items: center;line-height: 1;}
.kwBox input{/* max-width:20rem; */border-radius: 0 var(--bdR) var(--bdR) 0;}
.qaCard{--num: 2;--gap: 2.5rem;/* display: flex; */gap:var(--gap);flex-wrap: wrap;position: relative;}
.qaCard__item{--pd: 1.25rem;width:calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );background: var(--radial);border-radius: 1rem;box-shadow: var(--boxShd1);margin-bottom: 2rem;border: 2px solid #FFF;box-shadow: 0 0 1rem rgb(1 144 216 / 50%);}
.qaCardTt{padding: var(--pd) calc(var(--pd) * 1.25);box-shadow: 0 1px 0.5rem #fff;font-size: 1.125rem;font-weight: 500;letter-spacing: 0.05em;color: var(--mjColor);line-height: 1.375;border-bottom: 1px solid #fff;}
.decoTt{--dotW: 2rem;padding-left:calc(var(--dotW) + 0.5rem);position:relative;/* display: inline-block; */}
.decoTt:before{content:'';background:url("data:image/svg+xml,%3Csvg width='37' height='16' viewBox='0 0 37 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%230079FF'/%3E%3Ccircle cx='29' cy='8' r='8' fill='%2335BBBE'/%3E%3C/svg%3E")center/cover;position: absolute;width: var(--dotW);aspect-ratio: 37/16;left: 0;top: 0;translate: 0 26%;}
.qaCardCt{padding: calc(var(--pd) * 1.25);}
.qaCardCt p:last-child{margin: 0;}

/*! ai智慧應用*/
.aiAppTtWrap{padding: var(--spaceL) 0 var(--spaceM);position: relative;text-align: center;}
.aiAppTtWrap:has(+.zoomEff){padding-bottom: 2rem;}
.aiAppTtWrap{padding: var(--spaceL) 0 var(--spaceM);position: relative;}
.aiAppTtWrap + .zoomEff{margin-top: 2rem;margin-bottom: 2rem;}
.aiAppTt{position: relative;text-align: left;color: var(--mjColor);display: flex;justify-content: center;gap: 1rem;flex-wrap: wrap;align-items: baseline;}
.aiAppTt__mj{--decoW: 2.5rem;font-size: clamp(2.5rem,3vw,4rem);font-weight: 700;letter-spacing: 0.05em;position: relative;padding-left: calc(var(--decoW) + 1.125rem);}
.aiAppTt__mj:before{content:'';position:absolute;background:url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='43' width='24' height='24' rx='6' transform='rotate(-90 0 43)' fill='%231EB9EF'/%3E%3Crect x='29' y='14' width='14' height='14' rx='4' transform='rotate(-90 29 14)' fill='%231EB9EF'/%3E%3C/svg%3E")center/cover;width: var(--decoW);aspect-ratio: 1;left: 0;top: 50%;translate: 0 -50%;}
.aiAppTt__num{display:flex;justify-content: flex-end;align-items: flex-end;opacity: 0.15;gap: 0.5rem;}
.aiAppTt__num .txt{font-size: 1.25rem;text-wrap-mode: nowrap;}
.aiAppTt__num .num{font-size: clamp(4rem,6vw,7.5rem);font-weight:900;line-height: 0.675;}
.aiInfor{--num: 4;--gap:2rem;display: flex;flex-wrap: wrap;gap: var(--gap);justify-content: center;}
.aiInfor .ballBg{padding:0}
.aiInfor__item{width:calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );display: flex;flex-direction: column;gap: 1rem;align-items: center;max-width: 12rem;}
.blockHeight--ai.--identify{position: relative;background: url(../images/ai/identify.png)center left/cover;z-index: 0;padding: 0;}
.blockHeight--ai.--identify .briefTxt{text-shadow: 0 0.125rem 0.25rem #fff,0 0 0.25rem #fff;}
.aiIdentify{--stroke: #ffffff;--ctW: clamp(20rem,52vw,34rem);--gap:3rem;display:flex;gap: var(--gap);align-items: center;position:relative;min-height: 40rem;padding: var(--spaceM) 0;}
.aiIdentify .titleBox__en{bottom:0;top: unset;translate: 0 0;right: 0;left: unset;}
.aiIdentify__content{width: var(--ctW);padding-bottom: var(--spaceM);}
.blockHeight--ai.--trad{--stroke:var(--mjColor);position: relative;padding: var(--spaceM) 0;z-index: 0;}
.blockHeight--ai.--trad:after{content:'';position:absolute;width:100%;height:100%;background: linear-gradient(
180deg, #f5f6fa, transparent 30%), url(../images/ai/trad-bg.png) center / cover;right: 0;top: 0;z-index: -1;mask: radial-gradient(circle at 150% 100%,  #000 50%,transparent);}
.aiTrad .contentBox{position: relative;width: clamp(28rem,52vw,50rem);}
.aiTradBox{--num:2;--gap: clamp(1rem,2vw,2rem);--bdR: clamp(2rem,3vw,4rem);display:flex;gap:var(--gap);flex-wrap:wrap;padding: 2rem 0;}
.aiTradBox__item{width:calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );overflow: hidden;box-shadow: var(--boxShd2);border-radius: var(--bdR) 0;border: 2px solid #FFF;position: relative;}
.aiTradBox__item:first-child,.aiTradBox__item:last-child{border-radius: 0 var(--bdR);}
.aiTradBox__item .cover{position:relative;}
.aiTradBox__item .cover__pic{width:100%;aspect-ratio: 5/3;object-fit: cover;}
.aiTradBox__item .itemTt{--lt:0.5em;position:absolute;padding: 0.25rem 1rem;color: #fff;backdrop-filter: blur(1rem);text-shadow: 0 0.125rem 0.5rem #000;bottom: 0.5rem;left: 50%;translate: -50% 0;border-radius: 100rem;letter-spacing: var(--lt);padding-right: calc(1rem - var(--lt));font-size: clamp(1.125rem,1.2vw,1.25rem);}
.blockHeight--ai.--pdt{padding:var(--spaceM) 0}
.aiPdt{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem 1rem;/* padding: 2rem; *//* background: #fff; *//* border-radius: var(--bdR); */}

/*! br-1000*/
.blockHeight--pdt.--function{padding:var(--spaceL) 0;position: relative;}
.blockHeight--pdt.--function:after{content:'';background:url(../images/br-1000/func-bg.png)center center/cover;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;mask: linear-gradient(0deg,#000 50%,transparent);}
.pdtFunc{--num: 6;--gap: clamp(1.5rem,2vw,2rem);display:flex;gap:var(--gap);flex-wrap:wrap;padding: var(--spaceM) 0;text-shadow: 0 0 1rem #fff,0 0 1rem #fff,0 0 1rem #fff;justify-content: center;}
.pdtFunc__item{width:calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );display: flex;flex-direction: column;gap: 1rem;align-items: center;max-width: 12.5rem;}
.pdtFunc__item .cover{background:url(../images/all/ball.png)center/cover;padding: 0.25rem;}
.blockHeight--pdt.--manage{--stroke:var(--mjColor);position: relative;padding: var(--spaceL) 0 var(--spaceM);}
.blockHeight--pdt.--manage:after{content:'';position:absolute;width:100%;height:100%;background: linear-gradient(180deg, #f5f6fa, transparent 30%), url(../images/br-1000/manage-bg.png) right/ cover;right: 0;top: 0;z-index: -1;mask: radial-gradient(circle at 150% 100%,  #000 50%,transparent);}
.blockHeight--pdt.--equipment{padding: var(--spaceL) 0 var(--spaceM);}
.pdtEqu{--num: 4;--gap: 1.5rem;display: flex;gap:var(--gap);position: relative;flex-wrap: wrap;}
.pdtEqu__item{padding:1.5rem;width: calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );text-align: center;display: flex;flex-direction: column;gap: 1rem;background: #fff;border-radius: 1rem;/* background: var(--radial); *//* box-shadow: var(--boxShd1); */}
.pdtEqu__item .cover{width: min(100%,12.5rem);aspect-ratio:1;background:url(../images/all/ball.png)center/cover;display:flex;align-items: center;margin: auto;}
.pdtEqu__item img{filter: drop-shadow(2px 1px 4px #bfc3d2);}
.pdtEquText{}
.blockHeight--pdt.--field{padding-bottom:0}
.pdtField{display:flex;}
.pdtField__item{flex:1;display:flex;align-items: center;justify-content: center;background-size: cover;background-position: center;transition:0.3s all;position: relative;padding: 14rem 0;}
.pdtField__item:nth-child(odd){--cl:var(--mjColor)}
.pdtField__item:nth-child(even){--cl:var(--txtDark)}
.pdtField__item .txt{--lt:0.25em;color:#fff;font-size:1.375rem;font-weight:500;letter-spacing:var(--lt);width: 100%;height: 100%;background: color-mix(in srgb,var(--cl),transparent 30%);display: flex;align-items: center;justify-content: center;transition: 0.3s all;position: absolute;bottom: 0;}
.pdtEquList{display: flex;flex-direction: column;gap: 0.25rem;flex-wrap: wrap;}
.pdtEquList__ct{padding:0.375rem 1rem;border-radius: 10rem;color: var(--txtDark);font-size: 1.125rem;font-weight: 500;}
.pdtEquList__ct .bi{margin-right: 0.375rem;}
.pdtEquList__ct.--warn{background: #fff9d7;color: #7b3102;}
.pdtEquList__ct.--warn .bi{color:#f4a001}
.blockHeight--pdt.--core{padding: var(--spaceL) 0;background: linear-gradient(-90deg, rgba(0, 0, 0, 0.25) 15%, transparent), url(../images/br-1000/core-bg.png) center / cover;}
.pdtCore{--num:3;--gap:2rem;display: flex;gap: var(--gap);color: #fff;flex-wrap: wrap;padding-top: 2rem;}
.pdtCore__item{--iconW: clamp(5rem,6.5vw,7.5rem);--gapIn:1rem;display: flex;gap: var(--gapIn);align-items: center;width: calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );}
.pdtCore__item .cover{width:var(--iconW);}
.pdtCoreCt__mj{font-size: clamp(2rem,3.5vw,3rem);font-weight:900;line-height:1.25;color: var(--bgColor);}
.pdtCoreCt__sub{font-size: clamp(1.125rem,1.3vw,1.375rem);font-weight:500;letter-spacing: 0.12em;text-shadow: 0 0 1rem rgba(0,0,0,0.5);}
.blockHeight--pdt.--core .titleBox__ct{color:#ffffff}


/* !====footer */
footer{position: relative;background: var(--txtDark);color:#fff;padding: var(--spaceM) 0 3rem;z-index: 1;}
footer a{color:#fff}
.fTop{display:flex;gap: 2rem;justify-content: space-between;margin-bottom: 4rem;flex-wrap: wrap;}
.fInfor__tt{margin-bottom:1rem;font-size: 1.125rem;font-weight: 500;}
.fInfor__list{list-style:none;padding:0;margin:0;display: flex;flex-direction: column;gap: 0.25rem;margin-bottom: 1.75rem;}
.fInfor__social{display:flex;gap:1.25rem}
.fSitemap{display:flex;flex-wrap: wrap;flex-direction: column;max-block-size: 8rem;gap: 1.25rem var(--spaceM);}
.fSns{font-size:1.35rem;line-height: 1;display: inline-flex;align-items: center;justify-content: center;}
.--icon .fSns{background: var(--mjColor);color:#fff;padding:0.5rem;border-radius:100rem;}
.copyright{font-size:0.875rem;text-align: right;opacity: 0.8;}

/* !========================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;}

	.navbarNav{position:relative;}
	.navbarNav:after{transition:0.3s all;}
	.navbar:not(.navbar--fixed) .navbarNav:after{--pos: -0.75rem;content:'';position:absolute;left: calc(var(--pos) * 2);right:var(--pos);top: var(--pos);bottom: var(--pos);background: rgba(255,255,255,0.85);z-index: -1;border-radius: 100rem;}
	.navLink:hover{color:#8b8b8b}

	.processImgDeco:before,.processImgDeco:after{content:'';display: block;height:3px;width: calc((100% - var(--size)) / 2);background:#fff;box-shadow: var(--shD);}
	.processImgDeco:after{background: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l8 5-8 5V0z' fill='%23fff'/%3E%3C/svg%3E"),#fff;}
	.dotArrow{width:var(--size);aspect-ratio:1;background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='9.5' stroke='%23fff'/%3E%3Ccircle cx='10' cy='10' r='6' fill='%23fff'/%3E%3C/svg%3E")center/cover;left: 50%;bottom: 1.5rem;/* translate: -50% 0; */box-shadow: 0 0 0.25rem var(--mjColor-d),0 0 0.25rem var(--mjColor-d);border-radius: 100rem;}
	.dotArrow:after{content:'';background:url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l8 5-8 5V0z' fill='%23fff'/%3E%3C/svg%3E")center/cover;height: calc(var(--size) * 0.75);display: inline-block;aspect-ratio: 8/10;position: absolute;right: 0;top: 50%;translate: 0 -50%;filter: drop-shadow(-2px 0 1px #0079FF);}
	.processImg__item:first-child .processImgDeco:before,.processImg__item:last-child .processImgDeco:after,.processImg__item:last-child .dotArrow:after{opacity:0}
	.processImg__item:hover .processImgTt{translate: 0;transition-delay:0.25s;}

	.processImgWrap .sideArrow{display:none}
	.processImg__item:hover{flex:2.5;}

	/*!992 專欄*/
	.qaCard__item:nth-child(odd){float:left;clear:left;}
	.qaCard__item:nth-child(even){float:right;clear:right;translate: 0 var(--spaceM);}

	.pdtField__item:hover{flex:2}
	.pdtField__item:hover .txt{height: max(10%,2.5rem);}

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

	/*!1200 內頁-關於*/
	/* .abCore__item:nth-child(1){left: 7.625%;top: 4.5%;}
	.abCore__item:nth-child(2){left: 40.75%;top: 63%;}
	.abCore__item:nth-child(3){left: 78.625%;top: 4.5%;} */
}
@media screen and (min-width:1400px){
	:root{--container:1320px;}
}
@media screen and (min-width:1640px){
	.indBlock{--imgW: var(--bigSize);}
	.cloudCnt--2{--imgW: var(--bigSize);}
}
@media (any-hover: hover) and (min-width:992px) {
	.bnTxt{--offset:2rem;opacity:0;transition:1s all;transition-delay: 0.5s;}
	.swiper-slide-active .bnTxt{--offset:0px;opacity:1;}
	.mapDot:not(.animated) [id^="map"]{left: 0!important;top: 0!important;}
	.pgBanner:before{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);transition: 1s all;}
	.animated .pgBanner:before{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);transition-delay: 0.5s;}
	.pgBanner{filter:blur(1rem);transition:1s filter;animation: blurSet 1s forwards;animation-delay: 1.5s;}
	@keyframes blurSet{
		to{filter:blur(0)}
	}
	.animated .pgBanner{filter:blur(0px)}

	/*!內頁*/
}
/* !==============MAX============== */
@media screen and (max-width: 1399px) {
	.indBlock{--mapSp: 6rem;position: relative;/* padding-bottom: var(--mapSp); */}
	.indBlock__media{margin-bottom:var(--mapSp);}
    .mapScenarioWrap{width: var(--imgW);position: absolute;left: 0;bottom: 0;padding-top: 0;}
	.--offsetR .mapScenarioWrap{left:unset;right:0;}
	.mapScenario{max-height: var(--mapSp);max-height: max-content;background: rgb(125 187 255 / 12%);border-top: 1px solid var(--mjColor-l);border-bottom: 1px solid var(--mjColor-l);}
	.mapScenario .swiper-wrapper{align-items: center;}
	.mapSItem{border-top:1px solid var(--mjColor-l);box-shadow: none!important;display: flex;gap: 0 1rem;flex-wrap: wrap;background: none!important;border: none;}
	.mapSItem__ct{display:block;}
}
@media screen and (max-width: 1199px) {
	.zoomEff{margin: clamp(0rem,calc(6vw * var(--scroll-progress)),6.25rem) clamp(0rem,calc(5vw * var(--scroll-progress)),6.25rem);border-radius: clamp(0rem,4vw * var(--scroll-progress),4rem);}
	
	.mapScenarioWrap{width:100%}
	.--offsetR .indBlock{flex-direction: column-reverse;gap: 1.5rem;}
	.--offsetL .indBlock{flex-direction: column-reverse;}
	.indBlock__media,.indBlock__content{width:100%;}
	.--offsetR .indBlock__content{padding-right:var(--ctOffset);}
	.--offsetL .indBlock__content{padding-left:var(--ctOffset);}

	/*!內頁*/
	.--abCoreImg{opacity: 0.45;}
	.iconImg{aspect-ratio:1;background:url(../images/all/ball.png)center/cover;width: 100%;display: inline-flex;align-items: center;justify-content: center;margin: 0;}
	.abCore__item{gap:1rem;}
	.abCore__item .itemTt{background: radial-gradient(#d9dfea, rgb(217 228 249 / 50%));padding: 0.25rem 1.5rem;border-radius:100rem;box-shadow: inset -1px -4px 0.75rem #fff, 1px 1px 0.75rem #cfcfcf;}
	.abCore__item:nth-child(2){top:unset;bottom:0;}

	.pdtEqu{--num:2;}
	.pdtCore{--num:2;}
}
@media screen and (max-width: 991px) {
	.container.--offsetR,.container.--offsetL{max-width:var(--container);padding: 0 1rem;margin: auto;}
	.navSub__item.--main{display: flex;}
    /* !991====選單==== */
	.navbar:has(.--isOpen),.navbar--fixed{background:#fff;border-bottom: 1px solid #ddd;}
	.navbarBrand{padding:0.5rem 0}
	.navbarBrand__pic{height:3rem}
    .navbarToggle{--w: 2rem;--h:2px;--mv: .5rem;--cl: var(--mjColor);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: var(--bgColor);z-index:9999;flex-direction: column;align-items: center;}
    .navbarNav.--isOpen{display: block;margin: 1rem 0.75rem;border-radius: 1rem;bottom: unset;padding: 1rem;padding-bottom: 2rem;}
    /* 側邊欄選單（手機版） */
	.navbar>.container{justify-content: space-between;}
    .sideNavWrap.--isOpen{display: block !important;}
    .navLink{padding: 1rem;text-align:center;display: flex;position: relative;gap: 0.5rem;justify-content: space-between;}
	.navLink:not(.--btn):after{content: '\F285';font-family:'Bootstrap-icons';scale: 0.85;display: inline-block;translate: 0 -1px;}
	.navLink.--btn{justify-content:center;}
	.navLink[data-toggle="dropdown"]:after{content:'\F64D';scale:1}
	.navLink.--isOpen[data-toggle="dropdown"]:after{content:'\F2EA';}
	.navLink.--btn{margin:0 1rem}
    .navSub{position: static;}
    .navSub.dropdownMenu{text-align: center;border-radius: 0.5rem;opacity: 1;box-shadow: none;pointer-events: all;width: calc(100% - 1rem);margin: auto;border: none;position: relative;padding: 0.5rem 1rem;}
	.navSub__item{display: flex;gap: 0.5rem;align-items: center;}
	.navSub__item.--main{--cl:var(--txtDark);border-bottom: 1px solid #ddd;margin-bottom:0.5rem;}
	.navSub__item.--main .navSubLink{color: var(--cl);justify-content: space-between;}
	.navSub__item.--main:before{content:'';background:url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='43' width='24' height='24' rx='6' transform='rotate(-90 0 43)' fill='%231EB9EF'/%3E%3Crect x='29' y='14' width='14' height='14' rx='4' transform='rotate(-90 29 14)' fill='%231EB9EF'/%3E%3C/svg%3E")center/cover;width: 1rem;aspect-ratio: 1;margin: 0;margin-right: 0.5rem;}
	.navSubLink:after{content: '\F285';font-family:'Bootstrap-icons';display: inline-block;translate: 0 -1px;}
	.navSub__item.--main .navSubLink:after{content: '\F133';}
	.navSubLink{padding: 0.5rem 0;width: 100%;display: flex;gap: 0.5rem;align-items: center;}
	.navSub__item:before{content:'-';margin: 0 0.5rem;}
    .navbarNav .dropdown:has(.--isOpen) .navSub.dropdownMenu{display: block;}
	.dropdownMenu--show{gap:0}
	
	.blockHeight--ixIndustry{--asR:5/3;}
	.--offsetR .indBlock__content,.--offsetL .indBlock__content{padding:0}
	.ttStyle{width:100%;}
	.cover.--rSide,.cover.--lSide{border-radius: 1rem;}
	.indBlock{gap:1.5rem}
	.case03Top{display: flex;flex-direction:column;gap: 0;}
	.processImg{flex-direction:column;border-radius: 1rem;}
	.processImg__item{width:100%;aspect-ratio:4/3;flex: none;}
	.swiper-slide-active.processImg__item:after{width:0;left: 0;}
	.processImgWrap{max-width: var(--container);margin: auto;}
	.processImgWrap .sideArrow{justify-content:center;padding-top: 0.5rem;}
	.processImgTt{padding: 1.5rem 1rem;translate: 0;}

	.ixContact__ct{flex-direction:column;text-align:center;}
	.ixContact .titleBox{align-items:center;}
	.ixContact .titleBox__en{right:unset;left:50%;translate:-50% -50%;}

	/*!991 聯絡電話*/
	.contactWrap{flex-direction: column-reverse;gap: 1.5rem;padding: clamp(1rem,2vw,2rem);}
	.contactWrap .formGroup{width:100%;gap: 1rem 1.5rem;}
	.cntInfor{width:100%}

	.blockHeight--insights{padding-top:0}
	.qaCard__item{width:100%}

	/*!991 br-1000*/
	.pdtField{--num:2;display: grid;grid-template-columns: repeat(var(--num),1fr);}
	.pdtField__item{padding:0;aspect-ratio: 16/9;}
	.pdtField__item .txt{height:auto;padding: 0.25rem 1rem;font-size: 1.125rem;}

	.pdtFunc{--num:3;}
	.blockHeight--pdt.--manage,.blockHeight--ai.--trad{--asR:15/8;padding-bottom: calc(100% / (var(--asR)) - var(--spaceM));}
	.blockHeight--pdt.--manage:after,.blockHeight--ai.--trad:after{width:100%;height: auto;aspect-ratio: 15/8;top: unset;bottom: 0;mask: none;}
	.aiTrad .contentBox{width:100%;}
	.blockHeight--ai.--identify{--ctPd: 1rem;background:none;margin: 0;}
	.aiIdentify{--asR:15/8;--ctW:100%;min-height:auto;padding-bottom: calc(100% / (var(--asR)));}
	.aiIdentify:after{content:'';position:absolute;width:100%;aspect-ratio:var(--asR);background: url(../images/ai/identify.png)center left/cover;border-radius: 1rem;left: 0;bottom: 0;}
	.aiIdentify__content{padding-bottom:2rem}

	/**/
	.cloudInfor{--num:4}
	.cloudFeature{flex-direction:column;}
	.cloudFeature__ct{width:100%}
	.cloudPlat{flex-direction:column;gap: 0;}
	.cloudPlat__content,.cloudPlat__media{width:100%;}
	.cloudCnt--1, .cloudCnt--2,.cloudCnt--6{flex-direction: column-reverse!important;}
	.cloudCnt--3{flex-direction: column!important;}
	.cloudCnt--7{display:flex;flex-direction:column;gap: 1rem;}
	:where(.cloudCnt--1,.cloudCnt--2,.cloudCnt--3,.cloudCnt--6,.cloudCnt--7) .contentBox,:where(.cloudCnt--1,.cloudCnt--2,.cloudCnt--3,.cloudCnt--6,.cloudCnt--7) .mediaBox{width: 100%!important;}
	.cloudCnt--4 .mediaBox{display:flex;;flex-direction:column;}
	.cloudCnt--4 .--arrows:after{rotate:90deg;}
	.cloudCnt--4 .cover{padding: 1rem 0;}
	.cloudCnt--4 .--cnt4 img{width:80%;}
	.cloudCnt--4 .--arrows img{max-width: min(30rem,100%);}
	.cloudCnt--4 .--cnt4Equ{display:grid;grid-template-columns:repeat(2,1fr);}
	.--cnt4Equ picture{grid-column: 2 span;order: 1;}
	.cloudCnt--4 .--cnt4ATxt{order: 2;}
	.cloudCnt--4 .--cnt4BTxt{order: 3;}
	.numUl.--arrow{margin: 0 calc(var(--arrowW) * 0.5 );}
	.numUl.--arrow li{margin:0 calc(var(--arrowW) * -0.5 );border-radius:0}

	.cloudContext__box.--6 .numUl{flex-direction: column;}
}

@media screen and (max-width: 768px) {
	.banner{--asR:8/9}
    /*!768====RWD編輯器表格(X捲軸)*/
	.tableContainer{width:100%;overflow-x: scroll;overflow-y:auto;_overflow:auto;margin:0 0 1em}
	.abSvBox{display:grid;grid-template-columns:repeat(2,1fr);gap: 3rem 1rem;}
	.blockHeight--about.--service{--mb: 2.5rem;margin-bottom:var(--mb);}
	.abSvSlogan{background:var(--mjColor);width:100%;left: 0;right: 0;bottom: calc(var(--mb) * -1);padding: 0.5rem var(--ctOffset);justify-content: center;}
	.abSvSlogan:before{display:none}

	.banner__box picture{position:relative;}
	.banner__box picture:after{content:'';position:absolute;width:100%;height:100%;background: linear-gradient(15deg, transparent 30%, #e4e8ef , #abb7ca);left:0;top:0;opacity: 0.85;}

	.formGroup__item--half{width:100%}

	.pdtFunc{--num:2;}
	.blockHeight--pdt.--function:after{/* height:auto; */aspect-ratio:15/8;/* bottom:0; *//* top:unset; */background-attachment: fixed;}
	.aiInfor{--num:2;}
	.pdtEqu{--num:1;}
	.pdtCore{--num:1;flex-wrap: unset;flex-direction: column;margin: auto;}
	.pdtCoreCt{width:auto;}
	.pdtCore__item{width:auto;}
	
	
}


@media screen and (max-width: 640px) {
	.blockHeight--ixIndustry{--asR: 9/12;}
	.bnTxt__sub br{display:none;}
	.zoomEff{margin: clamp(0rem,calc(10vw * var(--scroll-progress)),3rem) clamp(0rem,calc(4vw * var(--scroll-progress)),5rem);}
	.mapDot__dot{width: clamp(0.875rem,1vw,1rem);}
	.processImgWrap{padding:0 1rem}

	.abCore{position:static;display: flex;flex-direction: column;gap: 2rem;}
	.abCore__item:nth-child(n){position: static;width: 100%;top: calc(var(--headerH) + 2rem);left: 0;background: linear-gradient(0deg, rgb(245 246 250 / 75%)), url(../images/about/core-center.png) bottom center / contain no-repeat, var(--bgColor);padding: 3rem 0 9rem;bottom: unset;margin-bottom: -3rem;}
	.iconImg{max-width:12rem;}
	.abCoreWrap{aspect-ratio: unset;}
	.--abCoreImg{display:none;position: absolute;width: 100%;left: 50%;top: 50%;translate: -50% -49%;}
	.zoomEff .container{padding: 0 var(--ctPd,2rem);}

	.pdtField{--num:1}

	.cloudInfor{--num:3}
	.cloudFeatureList{--num:2;}
	
}

@media screen and (max-width:480px){
	.fSitemap{max-block-size: none;gap: 0;width: 100%;}
	.fSiteMLink{width:100%;display:flex;justify-content: space-between;gap: 0.5rem;padding: 0.5rem 0;border-bottom: 1px solid rgba(255,255,255,0.15);}
	.fSiteMLink .txt:first-child{opacity: 0.75;}
	.pgTop{padding: 2rem 0;}
	.case03Btm {text-align:left;}
	.case03Btm br{display:none;}

	.aiTradBox{--num:1}

	footer{padding-bottom:4.5rem}

	.cloudInfor{--num:2}
	.cloudContext__box.--4{padding-top:var(--spaceM)}
	
}

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

.orgMapWrap{display: flex;margin: 1rem 0;}
.orgMap{position: relative;display: inline-block;margin: auto;}
.orgMapPos{position: absolute;width:100%;height: 100%;left: 0;top: 0;}
.orgMapPos__item{position: absolute;}
#orgMap-1{width: 23%;height: 11%;left: 38.5%;top: 0;}
#orgMap-2{width: 23%;height: 11%;left: 38.5%;top: 15.5%;}
#orgMap-3{width: 23%;height: 17.25%;left: 38.5%;top: 31.25%;}
#orgMap-4{width: 11.5%;height: 26%;left:0;top: 56.5%;}
#orgMap-5{width: 11.5%;height: 26%;left: 14.75%;top: 56.5%;}
#orgMap-6{width: 11.5%;height: 26%;left: 29.5%;top: 56.5%;}
#orgMap-7{width: 11.5%;height: 43.5%;left: 44.25%;top: 56.5%;}
#orgMap-8{width: 11.5%;height: 34.75%;left: 59%;top: 56.5%;}
#orgMap-9{width: 11.5%;height: 34.75%;left: 73.75%;top: 56.5%;}
#orgMap-10{width: 11.5%;height: 34.75%;left: 88.5%;top: 56.5%;}