@charset "utf-8";

/* CSS Document */
body{font-family:'Noto Sans TC','Noto Sans JP','微軟正黑體',sans-serif;font-size: 1.0625rem;font-weight: 500;line-height:1.6;color:var(--black);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;/* padding-top: var(--headerH); */letter-spacing: 0.014em;}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 999999999;pointer-events: none;opacity: 0;-webkit-transition: 1s cubic-bezier(0.42, 0, 0.58, 1);transition: 1s cubic-bezier(0.42, 0, 0.58, 1);}
body.page-fade::after {opacity: 1;}
@media (min-width:768px){.wow{visibility:hidden;}}
/*--------------------------------------------------*/
/* !====無障礙功能==== */
/* 無障礙支援樣式 */
/* .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: #ffa400; /* 主色 */
    --mjColor-d: #e66601;
    --mjColor-l: #fff682;
    --subColor: #; /* 副色 */
    --color-1:#fac95d;
    --black: #221815;
    --gradient: var(--mjColor),var(--mjColor-l);
    --gradient-2: var(--mjColor) 35%,var(--mjColor-l);
    --gray: #999;
    --gray-d: #727171;
    --gray-l: #ccc;
    --gray-lx2: #eee;
    --red: #d40023;
    --spaceS: clamp(2rem,3vw,4rem);
    --spaceM: clamp(4rem,5.5vw,6.25rem);
    --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);
    --quota:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.22 17.14'%3E%3Cpath d='M0 17.14V8.57L6.36 0h3.32L4.15 8.57h4.42v8.57H0zm13.55 0V8.57L19.91 0h3.32L17.7 8.57h4.42v8.57h-8.57z' fill='%23231815'/%3E%3C/svg%3E");
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::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: clamp(4rem,4.5vw,5rem);display:none;cursor:pointer;position: absolute;z-index: 2;left: 50%;top: 0;translate: -50% 0;width:var(--size);aspect-ratio:1;line-height:var(--size);text-align: center;background: var(--black);color: #fff;border-radius: 100rem;transition:0.3s all;font-size: calc(var(--size) * 0.375);}
#goTop:hover{background:var(--mjColor);color:#fff;}
#goTop .bi{display:inline-block;transition:0.3s all}
#goTop:hover .bi{translate:0 -0.5rem;}

/* !====按鈕 */
.btnWrap {margin: 1em 0 0;}
.btnWrap--center{text-align:center;}
.btnStyle{--pos: 1px;--pdY: 0.25rem;padding:0.25rem 1rem;background:var(--black);color:#fff;border-radius: 1.25rem;padding: calc(var(--pdY) - var(--pos)) 0.5rem calc(var(--pdY) + var(--pos)) 0.75rem;transition: 0.3s all;cursor: pointer;display: inline-flex;align-items: center;gap: 0.25rem;border: none;}
.btnStyle:after{content:'\F285';font-family:'Bootstrap-icons';line-height: 1;transition:0.3s all;}
.btnStyle.--arrow.--isMore:after{rotate:180deg}
.btnStyle:hover{box-shadow:var(--sdW,8rem) 0 0 var(--gray) inset;}

/* !====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;}
main{overflow-x:clip;}
.blockHeight{padding: 3rem 0;}
.cover{margin:0;}
.pgContent{overflow-x: clip;}
.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;align-items: baseline;gap: .5rem;margin-bottom: 1rem;font-size: min(clamp(2.5rem,4vw,4rem),calc(var(--pos,3.5rem) + 1rem));font-weight: 800;text-transform: uppercase;position: relative;}
.hlBgBox{height: min(clamp(2.5rem,4.25vw,4.75rem),calc(var(--pos,3.5rem) + 1.25rem));position: relative;}
.mainTitle.--col{flex-direction:column;gap:0;align-items: center;}
.mainTitle--0{margin:0}
.mainTitle .txt{position:relative;}
.mainTitle__mj{font-size: 2rem;}
.mainTitle__sub{font-size: 1.125rem;font-weight: 500;}
.hlBg{--pos:clamp(0.625rem,4.5vw,2.5rem);position:absolute;left: calc(var(--pos) * -1);right: calc(var(--pos) * -1);height: 45%;background: linear-gradient(to right,var(--gradient));z-index: -1;bottom: 0;}
.briefTxt{font-size:1.125rem;}
.briefEn{font-size:1rem;}
.titleBarWrap{display:flex;justify-content: center;font-size: 1.875rem;font-size: clamp(1.25rem,1.4vw,1.5rem);font-weight: 500;padding: 1rem 0;margin-bottom: 1rem;}
.titleBarWrap:has(+.swiperWrap){padding-bottom:0;margin-bottom:0}
.titleBar{--cl:var(--mjColor);display:flex;border: 1px solid var(--cl);border-radius:100rem;color: var(--cl);}
.bdStyle--bg .titleBar{--cl:#fff;color: var(--cl);}
.titleBar__bg{padding: 0.25rem 1rem;background:var(--cl);border-radius:inherit;color: #fff;}
.bdStyle--bg .titleBar .titleBar__bg{color:var(--mjColor);}
.titleBar__bd{padding: 0.25rem 1rem 0.25rem 0.5rem;}

.splitting .char{opacity:0;transition: 0.5s all;transition-delay: calc(var(--char-index) * 0.125s + var(--delay,0s));}
.animated.splitting .char{opacity:1;}

.bdStyle{--pos: clamp(0.625rem,4.5vw,2.5rem);--bdR: clamp(2.5rem,8vw,8.25rem);position:relative;border: 0.125rem solid transparent;border-radius: var(--bdR) 0;z-index: 0;margin-bottom: calc(var(--pos) * 2);margin-left: calc(var(--pos) * 2);margin-right: calc(var(--pos) * 2);}
.bdStyle:before{content:'';position: absolute;inset: 0;padding: 3px;background: linear-gradient(to bottom,var(--gradient));-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;z-index: -1;border-radius: var(--bdR) 0 calc(var(--bdR) - var(--pos));bottom: 0;right: calc(var(--pos) * -2.5);left: calc(var(--pos) * -1.5);top: var(--topPos,0px);translate: calc(var(--pos) * -1) calc(var(--pos) * 1);clip-path: circle(0% at 10% 0%);transition: 1s all ease-in;transition-delay: 1.5s;}
.animated .bdStyle:before{clip-path: circle(150% at 10% 0%);}
.bdStyle:after{content:'';position: absolute;border-radius: calc(var(--bdR) - var(--pos)) 0;bottom: 0;right: calc(var(--pos) * -2.5);left: calc(var(--pos) * -1.5);top: var(--topPos,0px);z-index: -3;translate: 0 calc(var(--pos) * 2);background: linear-gradient(to top,var(--gradient));filter: hue-rotate(-30deg);opacity: 0;transition: 1s;scale: 1.05;transition-delay: 1s;}
.animated .bdStyle:after{filter:hue-rotate(0);opacity:1;scale: 1;}
.bdStyle:not(.bdStyle--bg):after{-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;padding: 3px;}
.bdStyle--bg:after{background: linear-gradient(to bottom ,var(--mjColor) 20%,var(--mjColor-l) 250%);background: linear-gradient(to bottom ,#eb9923,#f0ba43);}
.bdStyle .mainTitle .txt:after{content:'';position:absolute;left: calc(var(--pos) * -1);right: calc(var(--pos) * -1);top: 50%;height: 85%;background:#fff;z-index: -1;translate: 0 -50%;}
.bdStyle .contentBox{padding-top:calc(var(--pos) * 0.25)}
.contentBlock{padding-top:var(--spaceM);}

/*!swipe*/
.swiper{--swiper-pagination-bottom: 0px;padding-bottom: var(--swiper-pagination-bottom);}
.swiper-pagination-bullet{--cl:var(--mjColor);width: 0.75rem;height: 0.75rem;background: var(--cl);transition:0.3s all;}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{opacity:0.5;}
.arrowG{display:flex;flex-direction: row-reverse;gap: 0.75rem;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;}
.swiper-backface-hidden + .arrowG{display: none;}
.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';}
.--fix .arrowG__item{/* background:#fff; */}
.--white .arrowG__item{color:#fff;}
/* .swiper-wrapper{transition-timing-function: linear !important;} */

/* !====banner */
.banner{--asR:16/9;transition: 1s all;}
.banner__box{position:relative;overflow: hidden;}
.bnImg {display: block;width: 100%;aspect-ratio: var(--asR);object-fit: cover;border-radius: inherit;}
.bnMedia:has(video){position:relative;}
.bnMedia:has(video):before{content:'';position:absolute;width:100%;height:100%;background: linear-gradient(to right, rgba(255, 255, 255, 0.85), transparent 50%);left:0;top:0;}
iframe.bnImg{scale: 1.2;}
.bnContent{--bdSp:2rem;--imgW: 70%;--gap: 16rem;display:flex;/* max-width: var(--container); */max-width: calc(100% - var(--spaceM) * 2);margin: auto;align-items: center;position: relative;padding-bottom: var(--bdSp);}
.bnTxt{width:calc(100% - var(--imgW) + var(--gap));margin-right:calc(var(--gap) * -1);/* position:relative; */z-index:1;padding-left: var(--spaceM);transition: 1s;transition-delay: 0.5s;opacity: 0;}
.bnContent:after{animation: ringShow 8s forwards linear infinite;content:'';position:absolute;height: 82%;aspect-ratio:1;background:url(../images/all/ring.png)center/cover;left: 0;top: 48%;translate: 0 -50%;mix-blend-mode: hard-light;/* opacity: 0; */transition: 0.3s all;/* transform: translateX(-2rem); */}
.bnTxt__mj{font-size: 3.75rem;font-weight: 700;margin-bottom: 1.25rem;}
.bnTxt__sub{font-size: clamp(1.25rem,1.75vw,1.875rem);line-height: 1.25;font-weight: 500;}
.bnMedia{--bdR: clamp(2.5rem,12vw,10rem);width: var(--imgW);border-radius: 0 var(--bdR);position: relative;transition: 1s;translate: 20% 0;pointer-events: none;overflow: hidden;}
.bnMedia:after{--clipY: 85%;content:'';display: block;height:100%;width: calc(100% + var(--ctOffset) + 2rem);position: absolute;top: var(--bdSp);left: calc(var(--bdSp) * -1);background: linear-gradient(120deg, var(--gradient));-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;z-index: 2;padding: 3px;border-radius: 0 calc(var(--bdR) + var(--bdSp));clip-path: polygon(0 var(--clipY), 0% var(--clipY), 0% 100%, 0% 100%);transition: 1s all ease-in;transition-delay: 0.5s;}
.banner .swiper-pagination{bottom: 5.625rem;display: flex;flex-direction: column;position: relative;height: 100%;gap: 0.75rem;width: fit-content;position: absolute;justify-content: flex-end;right: clamp(1rem,2vw,2.5rem);left: unset;}
.swiper-slide-active .bnTxt{opacity:1;}
.swiper-slide-active .bnMedia{translate:0 0}
.swiper-slide-active .bnMedia:after{clip-path:polygon(0 var(--clipY), 100% var(--clipY), 100% 100%, 0% 100%);}
@keyframes ringShow{
	0%{transform:  rotate(0deg);}
	50%{transform:  rotate(180deg);}
	100%{transform:  rotate(360deg);}
}

.pgBanner{}
/* 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;} */
/* [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);opacity: 0;}
.--isOpen + .dropdownMenu{opacity:1}
.dropdownMenu__close{display: none;}

/* !====選單==== */
.navbar{background-color: transparent;/* box-shadow: 0 0 .5rem rgba(0,0,0,0.25); */padding: 3.75rem 0;z-index: 10;position: relative;}
.navbar>.container{display: flex;align-items: center;gap:2rem;max-width: calc(100% - var(--spaceM));justify-content: space-between;}
.navbarBrand{display: block;text-align: center;}
.logoImg{height: clamp(4rem,6vw,6.25rem);aspect-ratio: 490/100;object-fit: contain;}
.logoImg.--txt{object-position:right;aspect-ratio: 338/100;object-fit:cover}
.navbarToggle{order:1;display: none;}
.navbarNav{display: flex;gap: 0.25rem;align-items: center;margin-left: auto;}
.navbarNav__item{--pdX: clamp(0.75rem,1.1vw,1rem);}
.navbarNav__item.dropdown {}
.navLink{--pos:1px;--pdY: 0.375rem;--cl: var(--black);display: block;cursor: pointer;font-weight: 500;font-size: clamp(1.125rem,1.5vw,1.3125rem);padding: calc(var(--pdY) - var(--pos)) var(--pdX) calc(var(--pdY) + var(--pos));line-height: 1.25;border-radius: 100rem;position: relative;z-index: 1;text-align: center;}
.navLink.--home{--lt: 0.15em;text-transform:uppercase;letter-spacing:var(--lt);}
.navbarNav__item.active .navLink,.navLink.--isOpen{background:var(--black);color:#fff}
.navSub{--pdT:1rem;--pdY: 0.25rem;/* min-width: 200px; */background-color: var(--mjColor);border-radius: 0.5rem;/* box-shadow: 0 0 10px rgba(0,0,0,0.1); */list-style: none;margin: 0;margin-top: calc(var(--pdT) * -1.125);padding: var(--pdY) var(--pdX);padding-top: calc(var(--pdY) + var(--pdT));display: block;translate: 0 0;transition: 0.3s all;z-index: 0;font-size: 1.3125rem;opacity: 0;}
.navSub__item:not(:last-child){border-bottom: 1px solid rgb(255 255 255 / 50%);}
.navSubLink{width:100%;display: block;text-align: justify;text-align-last: justify;color: #fff;padding: 0.125rem 0;font-size: clamp(1.125rem,1.5vw,1.3125rem);}
.dropdownMenu--show{display: block !important;opacity: 1;}
.dropdownMenu--hide{/* display: none !important; */pointer-events: none;opacity: 0;translate: 0 -1rem;}
/* !====頁碼 */
.pagination{list-style:none;display:flex;margin: 4rem 0 1rem;padding: 0;justify-content: flex-end;gap: 0.25rem 0.375rem;font-family: var(--fontF);flex-wrap: wrap;}
.pagination li{--cl: color-mix(var(--mjColor),#fff 50%);display:none;}
.pagination li.on a{--cl: var(--mjColor);background: var(--cl);border-color: var(--cl);color: #fff;}
.pagination .arrow{--cl: var(--black);}
.pagination a{display:inline-flex;width:2rem;align-items: center;justify-content: center;color: var(--gray-d);/* padding-top: 0.125rem; */padding-bottom: 0.125rem;border: 1px solid;}
.pagination a:hover{--cl: rgb(var(--subColor));color:var(--mjColor-d)}
.pagination .arrow a{border: none;width:auto;background: none;gap: 0.25rem;}
.pagination .show,.pagination .arrow{display: block;}
.pagination .arrow .bi{scale: 0.75;color: var(--black);}
.pagination .arrow:has(.no){display:none;opacity: 0.25;}

/* !====首頁 */
.briefWrap{font-size:1.25rem;display:flex;flex-direction:column;gap:0.5rem;}
.briefEn{font-size:0.85em;opacity:0.5;}
.abInfor{--imgW: clamp(20rem,45vw,44rem);--gap:2.5rem;display:flex;gap: var(--gap);align-items: center;padding-top: 2.5rem;}
.abInfor__content{width:calc(100% - var(--gap) - var(--imgW));}
.abInfor__media{width:var(--imgW);display:flex;}
.circleImg{border-radius:100rem;overflow:hidden;margin: 0;}
.circleImg.--full{border-radius:0;}
.circleImg + .circleImg{--pos: -2.5rem;margin-left:var(--pos);/* translate: calc(-100% - var(--pos)) 0; *//* transition:1s all; *//* transition-delay: 0.125s; *//* opacity: 0; */}
.animated .circleImg + .circleImg{/* translate:0 0; *//* opacity: 1; */}
/* !====首頁(合作) */
.cover.--brandLogo{border:1px solid #ddd;padding: max(0.25rem,5%);}
.--brandLogo img{object-fit:contain;background:#fff;}
.swiperWrap{--dotSpace:2rem;position:relative;}
.itemSwiper{padding: 2rem 0 calc(var(--dotSpace) + 1rem) 0;}
.itemSwiper .swiper-pagination{bottom: 0;}
.itemSwiper .swiper-button-next, .itemSwiper .swiper-button-prev{top: calc(50% - var(--dotSpace,0px) / 2);}

.itemSwiper.is-static{--num:4;--gap:1.5rem;display:flex;flex-wrap: wrap;justify-content: center;gap: var(--gap);}
.itemSwiper.is-static .swiper-wrapper{display:contents}
.itemSwiper.is-static .swiper-slide {width:calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );padding: 1rem 0;}
.itemSwiper.is-static .swiper-wrapper{justify-content:center;text-align: center;}
.itemSwiper.is-static .cover__img{max-height: 12.5rem;object-fit:contain;}

/* !====首頁(服務) */
.blockHeight--ixService{overflow:hidden;}
.blockHeight--ixService .bdStyle:before{bottom: calc(var(--pos) * -1);}
.blockHeight--ixService .bdStyle:after{bottom: calc(var(--pos) * 1);}
.serviceBox{--num:3;--gap:2.5rem;display:flex;flex-wrap:wrap;gap:var(--gap);padding: 1rem 0;}
.serviceBox__item{width:calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );padding: 0 1rem;text-align: center;}
.svContent{max-width: 15rem;margin:auto;}
.svContent__tt{background:#fff;border-radius:100rem;padding:0.25rem;color:var(--mjColor);font-size: 1.125rem;font-weight: 500;margin-bottom: 0.75rem;}
.svContent__txt{color:#fff;}
.iconImg{margin-bottom: 0.75rem;}
.iconImg__pic{max-height: 8.75rem;}
.iconImg__pic.--backImg{border-radius:1.5rem 0;}
/* !====首頁(合作客戶) */
.blockHeight--ixSwiper{/* background:var(--mjColor); */}
.blockHeight--ixSwiper .titleBar{/* --cl:#fff; */}
.blockHeight--ixSwiper .titleBar__bg{/* color:var(--mjColor); */}
.cooBox{display:flex;flex-direction:column;gap: var(--spaceS);/* margin-top: var(--spaceS); */}
.itemTt{font-size:1.125rem;transition: 0.3s all;}
.itemTxt{font-size:0.875rem;}
.cooInfor{padding-top:2rem}
.cooIconBox{--num:4;display:grid;grid-template-columns:repeat(var(--num),1fr);padding:2rem 0;gap: 4rem 2rem;margin-top: 2rem;}
.cooIconBox__item{text-align:center;color:var(--mjColor);display: flex;flex-direction: column;gap: 1rem;}
.cooContent{display:flex;flex-direction:column;gap:0.75rem;line-height: 1.25;}
.cooContent__tt{line-height:1.25;/* min-height: 2rem; */display:inline-flex;align-items: center;justify-content: center;}

.blockHeight--ixNew{padding-top:var(--spaceM)}
.newWrap{display:flex;flex-direction:column;gap:var(--spaceM);margin: 2rem 0;}

.newWrap img{aspect-ratio: 16 / 9;}
.cover.--zoom{overflow:hidden;background:linear-gradient(120deg,var(--gradient));}

.cover.--change{position:relative;transition: 1s all;transform-style: preserve-3d;}
.--backImg{position:absolute;left: 50%;top:0;transform:rotateY(180deg);translate: -50% 0;}

.--change{position:relative;}
:where(a,.hoverTrigger):has(.--change){perspective:1500px}
.--change img{transition: 1s all;}
:where(.newsBox__item,.pdtBox__item) .cover{margin-bottom:1rem}
.--size1 img{aspect-ratio:3/2;}

.newWrap .mainTitle .txt:after{--pos:0px;}
.newsBox{--num:3;--gap: 1.25rem;display:grid;grid-template-columns:repeat(var(--num),1fr);gap: calc(var(--gap) * 3) var(--gap);margin: 1rem 0 2rem;}
.cover__pic{width:100%;object-fit: cover;transition: 1s all;}
.wordBox{display:flex;flex-direction:column;gap:0.625rem;color: color-mix(in srgb, var(--black), transparent 48%);}
.wordBox__tt{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color: var(--black);}
.wordBox__txt{display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.moreTxt{margin-top: 0.25rem;position:relative;display: flex;align-items: center;gap: 0.125rem;}
.moreTxt:after{content: '\F285';font-family: 'Bootstrap-icons';line-height: 1;transition: 0.3s all;scale: 0.85;}
.pdtBox{--num:4;--gap: 1.25rem;display:grid;grid-template-columns:repeat(var(--num),1fr);gap: calc(var(--gap) * 3) var(--gap);margin: 1rem 0 2rem;}
.pdtCoverTxt{text-align:center;}
.pgContent .pdtBox,.pgContent .newsBox{margin-top: clamp(1rem,2vw,3rem);}


.blockHeight--brandCF{background:var(--mjColor);padding: calc(var(--spaceS) + 1rem) 0 var(--spaceS);}
.container.--full{max-width:100%;padding: 0 3rem;}
.coverflowWrap{position:relative;}
.coverflowTt{padding:0.5rem 0;color:#fff;text-align:center;transition:0.3s all;opacity:0;font-size: 1.125rem;}
.swiper-slide-active .coverflowTt{opacity:1}
.blockHeight--brands{padding-top:var(--spaceM);}
.brandBoxWrap{display:flex;flex-direction:column;gap:2.5rem;}
.itemSwiper__item{text-align:center;display: flex;flex-direction: column;gap: 0.5rem;}
.itemSwiper__item .cover{transition:0.3s all;}
.itemSwiper__item:hover .cover{scale:1.08}
.itemSwiper .cover__img{aspect-ratio:1;object-fit:contain;max-width: min(12.5rem,100%);}
/* .swiper-wrapper:has(:only-child){justify-content:center;} */

/* !====footer */
footer{--wave:1350/185;position: relative;padding-top: calc(100vw / (var(--wave)));overflow: hidden;margin-top: var(--spaceM);}
footer:before{content:'';position:absolute;width:100%;min-height: 6.25rem;background: url(../images/all/wave.svg)center/cover;aspect-ratio: var(--wave);left: 0;top: 0;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);transition: 1s all ease-in;}
footer.fixGoTop:before{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.fBox{--bdL: 5rem;--gap:2.5rem;--snsW: 26rem;display:flex;gap:var(--gap);justify-content: space-between;margin-bottom: calc(var(--bdL) * -0.875);/* align-items: center; */}
.fInfor{width:calc(100% - var(--gap) - var(--imgW));padding-bottom: calc(var(--bdL) * 0.875);}
.fSns{font-size: 3rem;padding: var(--bdL);aspect-ratio: 1;width: var(--snsW);display: flex;gap: 1rem;align-items: center;justify-content: center;position: relative;}
.fSns:not(.fSns--noCircle):after{content:'';position:absolute;border-radius:100rem;background: linear-gradient(180deg,var(--mjColor),transparent);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;width: 100%;height: 100%;padding: var(--bdL);}
.fSns--noCircle{padding:0;translate: none!important;margin-top: 2rem;}
.bi-facebook:before{color:transparent;background:url(../images/all/icon-fb.svg)center/cover;}
.bi-instagram:before{color:transparent;background:url(../images/all/icon-ig.svg)center/cover;}
.fSns__item{color:var(--mjColor);}
.fSns__item:hover{scale:0.85}
.cpnName{display:flex;gap: 0 1rem;font-size: clamp(1.75rem,1.8vw,1.875rem);font-weight:500;align-items: baseline;margin-bottom: 0.5rem;flex-wrap: wrap;}
.cpnName__sub{font-size: max(0.5em,1.0625rem);}

/* !====內頁 */
/* !====內頁(里程碑) */
.historyBox__tt{background: var(--gradient);text-align: center;}
.roundEff{margin: 0;padding: 4rem;aspect-ratio: 1;display: inline-flex;align-items: center;justify-content: center;color: #fff;position: relative;}
.roundEff .mainTitle{text-wrap:nowrap}
.roundEff__txt{position:absolute;bottom:1rem;color:var(--black);width: 39rem;padding: 1.5rem;background: #fff;border: 2px solid var(--mjColor);border-radius: 2rem;font-size: clamp(1.025rem,1.2vw,1.125rem);}
.roundEff__txt:before,.roundEff__txt:after{--pos:0.5rem;content:'';position: absolute;width: 2rem;aspect-ratio: 24/18;background: var(--quota)center/cover;scale: 2;opacity: 0;}
.roundEff__txt:before{left: var(--pos);top:0;translate: 0 -40%;}
.roundEff__txt:after{right: var(--pos);bottom:0;translate: 0 40%;rotate:180deg}
.animated.roundEff__txt:before,.animated.roundEff__txt:after{transition: 0.3s all;transition-delay: 1s;opacity:1;scale:1;}
.animated.roundEff__txt:after{transition-delay: 1.25s;}
.roundBg{width:100%;aspect-ratio:1;display: block;position: absolute;rotate: 45deg;z-index: -1;animation: rotateAni 30s infinite forwards linear;}
.roundBg:before{content:'';position:absolute;display:block;background: linear-gradient(90deg, var(--gradient-2));border-radius: 100rem;width: 100%;aspect-ratio: 1;z-index: -1;left: 0;top: 0;animation: rotateAni-revese 30s infinite forwards linear;}
.roundBg:after{content:'';position:absolute;width: min(25%,11vw);aspect-ratio:1;background: linear-gradient(-45deg,var(--gradient));border-radius: 100rem;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;padding: 0.375rem;transition: 1s all;transform:  translate(-50%,-60%);animation: rotateAni-small 30s infinite forwards linear;}
@keyframes rotateAni{
	0%{rotate:0deg}
	100%{rotate:360deg}
}
@keyframes rotateAni-reverse{
	0%{rotate:360deg}
	100%{rotate:0deg}
}
@keyframes rotateAni-small{
	0%{transform:translate(-50%,-60%) rotate(0deg)}
	100%{transform:translate(-50%,-60%) rotate(360deg)}
}
.timeList{--scrollW: 6.25rem;--lineSp: 3rem;position:relative;padding-top: var(--spaceS);}
.scrollLine{position:absolute;width: 0.125rem;height:100%;background:var(--mjColor);left: 50%;top: 0;}
.yearTt{font-size:2.5rem;font-weight:900;color:var(--mjColor);margin-bottom: 1rem;position: relative;}
.yearTt:before,.yearTt:after{content:'';position:absolute;width: calc(var(--scrollW) * 0.25);aspect-ratio:1;background:var(--mjColor);border-radius: 100rem;top: 50%;}
.yearTt:before{content:'';pointer-events: none;background: conic-gradient(transparent,transparent 5%, var(--mjColor) 45%,var(--mjColor-l) );mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;padding: 1px;animation: rotateAni 2s forwards infinite linear;transition: 0.3s all;}
@keyframes rotateAni{
	0%{rotate:0deg}
	100%{rotate:360deg}
}
@keyframes rotateAni-reverse{
	0%{rotate:0deg}
	100%{rotate:-360deg}
}
.timeList__item:nth-child(odd) .yearTt:before,.timeList__item:nth-child(odd) .yearTt:after{left: calc(var(--scrollW) * -1 + 1px);translate: 150% -50%;}
.timeList__item:nth-child(even) .yearTt:before,.timeList__item:nth-child(even) .yearTt:after{right: calc(var(--scrollW) * -1 - 1px);translate: -150% -50%;}
.timeList__item{float:left;clear:left;width:calc((100% - var(--scrollW)) / 2);text-align: right;margin-bottom: 3rem;position: relative;}
.timeList__item:nth-child(even) .yearDetail{}
.timeList__item:nth-child(odd){float:right;clear:right;text-align: left;margin: 0;margin-top: var(--spaceM);}
.yearDetail{--dotW:1.5rem;list-style:none;padding: 0;display: flex;flex-direction: column;align-items: flex-end;font-size: 1.125rem;gap: 1rem;position: relative;}
.yearDetail:after{--pos:-1rem;content:'';border-radius:1rem;position:absolute;left:var(--pos);right:var(--pos);top: var(--pos);bottom: var(--pos);background: #fffced;z-index: -1;transition: 0.3s all;opacity: 0;}
.timeList__item:nth-child(odd) .yearDetail{align-items: flex-start;}
.yearDetail li{padding-left:var(--dotW);display: inline-block;position: relative;text-align: left;}
.yearDetail li:before{content:'';position:absolute;width:var(--dotW);aspect-ratio:1;background:var(--mjColor);border-radius:100rem;left: 0;top: 0.125rem;scale: 0.35;}
.yearDetail br{display:none;}
.timeList__item:last-child:before{content:'';position:absolute;width:0.25rem;height: 120%;background: #fff;bottom: -5rem;pointer-events: none;}
.timeList__item:nth-child(odd):last-child:before{left: calc(var(--scrollW) * -0.5 - 1px);}
.timeList__item:nth-child(even):last-child:before{right: calc(var(--scrollW) * -0.5 - 2px);}
.tSet{opacity:0.5;text-wrap-mode: nowrap;}
.timeList__item:hover .yearTt{filter:hue-rotate(-60deg)}
.timeList__item:hover .yearTt:before{scale:1.75}
.timeList__item:hover .yearDetail:after{--pos:-1rem;opacity:1}
/* !====內頁(媒體) */
.topBar{--num:var(--this,3);--itemW: clamp(8.5rem,10vw,10rem);--gap:var(--spaceS);--gapIn: 0.5rem;--imgW:calc(var(--itemW) * var(--num) + var(--gapIn) * (var(--num) - 1));display:flex;gap:var(--gap);align-items: center;}
.topBar__infor{width:calc(100% - var(--gap) - var(--imgW));display: flex;flex-direction: column;gap: 1.5rem;}
.topBar__btn{display:flex;gap: 2.5rem var(--gapIn);width: var(--imgW);flex-wrap: wrap;justify-content: center;}
.sortBtn__item{width:var(--itemW);text-align: center;color: #898005;}
.circleIcon{position:relative;background: url(../images/all/circleIcon.png)center/cover;box-shadow:0 3px 0.25rem #825158;border-radius: 100rem;width: 7.5rem;margin: auto;margin-bottom: 1rem;}
.circleIcon:after{content:'\F282';position:absolute;font-family:'Bootstrap-icons';left:50%;bottom:0;translate:-50% 0;pointer-events:  none;}
.circleIcon__pic{aspect-ratio:1;width: 100%;padding: 1rem;object-fit: cover;}

/* !====內頁(聯絡我們) */
 .blockHeight--contact{overflow:hidden;padding-bottom: var(--spaceM);}
.contactBox{--inforW:26rem;--gap:var(--spaceM);display:flex;gap:var(--gap);}
.contactBox__infor{width:var(--inforW);/* padding-top: var(--spaceM); */}
.contactBox__infor .fBox{flex-direction:column;height: 100%;margin-bottom: 0;}
.contactBox__infor .fSns{translate:0 calc(var(--bdL) * 0.875);aspect-ratio: unset;display: flex;justify-content: flex-start;}
.contactBox__infor .fList{display:flex;flex-direction:column;gap:0.5rem;}
.contactBox__form{width:calc(100% - var(--inforW) - var(--gap));}
.formGroup{--gap:1rem;display:flex;flex-wrap:wrap;gap:var(--gap);}
.form-control,.form-select{background-color:#efeff0;}
.formGroup__item{width:100%;}
.formGroup__item > label{margin-bottom:0.25rem}
.formGroup__item--half{width: calc((100% - var(--gap)) / 2);}
.formGroup__item--recaptcha{display:flex;justify-content: center;}
.formGroup__item--recaptcha{display:flex;gap: 0;align-items: center;justify-content: center;background: #f9f9f9;border: var(--bs-border-width) solid var(--bs-border-color);flex-direction: column;}
#g-recaptcha_txt{width:100%;background:color-mix(in srgb,#d40023,transparent 90%);text-align:center;}
.g-recaptcha{--pos: 4px;clip-path: polygon(var(--pos) var(--pos), calc(100% - var(--pos)) var(--pos), calc(100% - var(--pos)) calc(100% - var(--pos)), var(--pos) calc(100% - var(--pos)));}
.mapFrame{margin: 2.5rem 0 var(--spaceS);}
.mapFrame iframe{width:100%;aspect-ratio:16/9;}
/* !====內頁(關於我們) */
#num{display:none;}
.abInforData{display:flex;flex-wrap:wrap;gap: clamp(3rem,4vw,4rem) 2.5rem;justify-content: space-evenly;padding-top: 2.5rem;}
.abInforData__item{text-align:center;color:#fff;min-width: clamp(10rem,20vw,12rem);}
.abInforData__item .itemTt,.dataRun .itemTt{--lt:0.05em;font-size: clamp(1.25rem,2vw,1.5rem);line-height:1.25;letter-spacing:var(--lt);margin-right:calc(var(--lt) * -1);}
.dataNum__mj{display: inline-flex;gap: 0.25rem;justify-content: center;font-size: 1.125rem;margin-bottom: 0.5rem;position: relative;align-items: flex-end;}
.--plus .unitTxt{position:relative;display:flex;flex-direction:column;height: 100%;justify-content: space-between;align-items: flex-start;}
.--plus .unitTxt:before{content:'+';font-size: clamp(1.75em,2vw,2.25em);font-weight: 900;line-height: 0.5;font-family: 'impact',sans-serif;}
.dataTxt{font-family:'impact',sans-serif;font-size: clamp(3rem,4.5vw,4.375rem);line-height: 1;}
.blockHeight--abVision{padding:4rem 0}


/* !編輯器*/
.articleTop{padding:2rem 0;display:flex;flex-direction:column;gap:1rem;}
.articleTop__tt{font-size:1.375rem;margin:0}
.clrTag{font-size: 0.65em;background:var(--mjColor);padding: 0.25rem 0.5rem;border-radius:0.375rem;color:#fff;display: inline-block;translate: 0 -0.125rem;}
.articleTop .dateTxt{color:color-mix(in srgb, var(--black), transparent 48%);}
.articleMj{text-align:center;}
.articleContent{display:flex;flex-direction:column;gap:2rem;padding-bottom: 2rem;}
.artCover{display: inline-block;}
.artCover__pic{width:100%;max-width:40rem;aspect-ratio: 3/2;} 
.dataRun{display:flex;gap: 1rem;padding: var(--spaceS) 0;justify-content: space-evenly;color: var(--mjColor);}
.txImg{max-width:40rem;margin:auto;margin-bottom:1rem;}
.txImg__item{display:inline-block;/* background: linear-gradient(45deg, var(--gradient)); */position: relative;overflow: hidden;}
.txImg__item:after{content:'\F62C';font-family:'Bootstrap-icons';position:absolute;}
.txImg__item img{object-fit:cover;transition: 0.3s all;width: 100%;}
.txImg__item:only-child{aspect-ratio:auto}
.txImg:has(.txImg__item:nth-child(2)){display:grid;grid-template-columns: 1fr 12.5rem;gap: 1rem;max-width: 62.5rem;}
.txImg:has(.txImg__item:nth-child(2)) .txImg__item:nth-child(1) img{/* aspect-ratio: 3/2; */}
.txImg:has(.txImg__item:nth-child(2)) .txImg__item:nth-child(2) img{aspect-ratio:1;height: 100%!important;}
.txImg:has(.txImg__item:nth-child(3)) .txImg__item:nth-child(1){grid-row:1/3;}
.txImg:has(.txImg__item:nth-child(3)) .txImg__item:nth-child(1) img{height:100%!important;aspect-ratio: auto;}
.txImg:has(.txImg__item:nth-child(3)) .txImg__item:nth-child(2) img,.txImg:has(.txImg__item:nth-child(3)) .txImg__item:nth-child(3) img{aspect-ratio:1;height: auto!important;}
.vdBox iframe{aspect-ratio: 16/9;}
.linkBox{display:flex;gap: 0.5rem;flex-wrap: wrap;}
.linkBox__item{--pdY: 0.25rem;--pdX: 0.375rem;--iconW: 2rem;color: #b85100;padding: 0.25rem var(--pdX);padding-left: calc(var(--iconW) + 0.25rem + var(--pdX));position:relative;min-height: var(--iconW);border: 1px solid;}
.linkBox__item .txt{display:flex;height:100%;padding: var(--pdY);}
.linkBox__item:before{content:'\F1C5';font-family:'Bootstrap-icons';position: absolute;left: var(--pdX);top: 0.375rem;line-height: 1;padding: var(--pdY);background: linear-gradient(0deg,var(--gradient));width: var(--iconW);border-radius: 100rem;aspect-ratio: 1;display: inline-flex;align-items: center;justify-content: center;color: #fff;background: var(--mjColor-d);}
.linkBox__item:hover{background:var(--mjColor-d);color:#fff}

/*門市據點*/
.sortBox{display:flex;gap:1rem;padding: 1rem 0;margin-bottom: 2rem;}
.sortBox__item{--cl: var(--mjColor-d);--lt:0.5em;--pdX: 1.5rem;font-size:1.25rem;letter-spacing:var(--lt);padding: 0.25rem var(--pdX);padding-right:calc(var(--pdX) - var(--lt));border-radius: 100rem;border: 1px solid var(--cl);color: var(--cl);}
.sortBox__item.active,.sortBox__item:hover{--cl:var(--mjColor);background:var(--cl);color:#fff}
.storeBox{padding:2rem 0;}
.storeBox__item{display:grid;grid-template-columns: clamp(12rem,25vw,20rem) 1fr;align-items: start;gap: 1.5rem;}
.storeBox__item:not(:last-child){--sp: 2rem;padding-bottom:var(--sp);margin-bottom: var(--sp);border-bottom:1px solid #ddd;}
.storeBox__item .cover{border-radius:0.5rem;overflow:hidden;}
.storeList{display:flex;flex-direction:column;gap:0.25rem;padding: 0.625rem 0;}
.storeList__item{display:grid;grid-template-columns:5.5rem 1fr}
.storeCt a{color:#2c79b6}
.storeInfor__tt{--sp: 0.5rem;font-size:1.25em;letter-spacing:0.02em;position: relative;padding-bottom: var(--sp);}
.storeInfor__tt:after{content:'';position:absolute;width: 2rem;height: 0.125rem;background:var(--mjColor);left:0;bottom:0;}
.noticeTt{font-size:0.875em;opacity:0.85}

/*!線上通路*/
.eCHBox{--num:3;display:grid;grid-template-columns: repeat(var(--num),1fr);gap: 1.5rem;padding: 2rem 0;}
.eCHBox__item{display:flex;flex-direction:column;align-items: center;gap:1rem;}
.eCHBox__item .cover{/* border:1px solid #ddd; */transition: 0.3s all;background:#fff;}

/* !========================RWD======================== */
@media screen and (min-width:576px){
	:root{--container:540px;}
}
@media screen and (min-width:768px){
	:root{--container:720px;}

	.abVision{--kvW: 40rem;--gap:var(--spaceS);display:flex;gap:var(--gap);align-items: center;}
	.abVision__content{width:calc(100% - var(--gap) - var(--kvW));}
	.abVision__kv{width:var(--kvW);}
	.abVCore{--num:2;--gap: 0px;display:flex;gap:var(--gap);flex-wrap: wrap;aspect-ratio: 1;align-items: center;rotate: 45deg;padding: 2.5rem;position: relative;}
	.abVCore:before{content:'';position: absolute;background: url(../images/all/ring.png)center/cover;width: 80%;aspect-ratio: 1;left: 50%;top: 50%;translate: -50% -50%;animation: rotateAni 10s infinite;opacity: 0.8;pointer-events: none;}
	.abVCore:after{content:'';position: absolute;background: linear-gradient(-45deg, transparent 25%,var(--mjColor),transparent 75%);border-radius: 100rem;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;width: calc(100% + 3rem);aspect-ratio: 1;padding: 0.5rem;left: 50%;top: 50%;translate: -50% -50%;animation: rotateAni-reverse 40s infinite,hue-change 10s infinite;pointer-events: none;}
	@keyframes hue-change{
		0%,100%{filter:hue-rotate(0deg)}
		50%{filter:hue-rotate(-15deg) brightness(1.5)}
	}
	.abVCore__item{width:calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );display: flex;justify-content: center;rotate: -45deg;}
	.abVCore__item .--change{margin:1rem;position:relative;}
	.abVCore__item .--backImg{border-radius:100rem}
	.abVCore__item:hover .circleBg{transform:rotateY(180deg)}
	.circleBg{padding: 1.5rem;background:var(--mjColor);border-radius:100rem;/* max-width: min(75%,15rem); */aspect-ratio: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;overflow: hidden;position: relative;transition: 1s all;}
	.abVCoreTt{--lt:0.5em;background:#fff;border-radius:100rem;padding: 0.25rem 1rem;letter-spacing: var(--lt);padding-right: calc(var(--lt) * -1 + 1rem);color: var(--mjColor-d);}
	.partnerBox{padding-top:2rem;display:flex;flex-direction:column;gap:2rem}
	
}
@media screen and (min-width:992px){
	:root{--container:960px;}
	.navbarNav__item:hover .navLink{background:var(--black);color:#fff}
	.navLink.--home{padding: calc(var(--pdY) - var(--pos)) calc(var(--pdX) - var(--lt)) calc(var(--pdY) + var(--pos));}
	.swiper-pagination.--pcHide{display:none;}
	.swiperWrap:hover .arrowG{width:calc(100% + 6.25rem);opacity:1}

	.txImg__item:after{right: 0;bottom: 0;transition:0.3s all;font-size:0;color:#fff;background:var(--mjColor-d);line-height:1;border-radius: 1.5rem 0 0 0;}
	.txImg__item:hover img{/* opacity:0.5; *//* scale:1.02; */}
	.txImg__item:hover:after{font-size: 1.25rem;padding: 1rem;}

	a:hover .--zoom img{scale:1.05;opacity:0.5}
	a:hover .itemTt{color:var(--mjColor-d)}
	:where(a:hover,.hoverTrigger) .--change{}
	:where(a:hover,.hoverTrigger:hover) .--change img{transform:rotateY(180deg);}
	a:hover .--change img:only-child{transform:rotateY(0deg)}
	:where(a:hover,.hoverTrigger:hover) .--change .--backImg{transform:rotateY(0deg)}

	.cooInfor  .briefTxt{width:75%;}

	.eCHBox__item:hover .cover{scale:1.08}
	
}
@media screen and (min-width:1200px){
	:root{--container:1140px;}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;} 
}
@media screen and (min-width:1600px){
	.bdStyle{margin-left:0;margin-right:0;}
}
/* !====================MAX==================== */
@media screen and (max-width: 991px) {
	body{padding-top: var(--headerH);}
	.itemSwiper{padding: 2rem 1.25rem calc(var(--dotSpace) + 1rem);}
	.swiperWrap .arrowG{width: calc(100% + var(--spaceM) - 1rem);opacity:1}
	.bdStyle > .mainTitle{translate:0 -0.5rem;margin-bottom: 1rem;display: inline-block;}
	.bdStyle,.hlBg{--pos: clamp(0.75rem,1.25vw,1.5rem);}
	.container, .container-fluid{--bs-gutter-x:3rem;}
	.mainTitle{font-size: clamp(2rem,3vw,4rem);}
	.hlBgBox{height:clamp(2.25rem,3vw,4rem);}
	.bdStyle .mainTitle .txt:after{height:calc(32% + 1vw);}
    /* !991====選單==== */
    .navbarToggle{--w: 2rem;--h:2px;--mv: .5rem;--cl: var(--black);position: relative;display: flex;align-items: center;justify-content: center;width: var(--w);height: var(--w);padding: 0;border: none;background-color: transparent;}
    .navbarToggle span{display: block;width: var(--w);height: var(--h);background-color: var(--cl);transform-origin: center;transition: var(--trans);}
    .navbarToggle span:nth-child(1){position: absolute;top: 50%;left: 50%;transform: rotate(0) translate(-50%,calc(-1 * (var(--mv) + var(--h))));}
    .navbarToggle span:nth-child(3){position: absolute;top: 50%;left: 50%;transform: rotate(-0) translate(-50%,var(--mv));}
    .navbarToggle.--isOpen span:nth-child(1){position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);}
    .navbarToggle.--isOpen span:nth-child(3){position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);}
    .navbarToggle.--isOpen span:nth-child(2){opacity: 0;}

    .navbarNav{/* display: none; */position: fixed;top:var(--headerH);left:0;right:0;bottom:0;background-color:rgba(238, 238, 238, 0.95);z-index:9999;flex-direction: column;align-items: center;padding: 0;pointer-events: none;width: 100%;gap: 0;transition: 0.3s all;clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
    .navbarNav.--isOpen{display: flex;align-items: stretch;pointer-events: all;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
    /* 側邊欄選單（手機版） */
    .sideNavWrap.--isOpen{display: block !important;}
    .navbarNav__item{--pdX:var(--spaceS);border-bottom: 1px solid #dedede;width: 100%;}
	.navLink{--pdY: 0.75rem;border-radius: 0;text-align: left;font-size: 1rem;}
	.navLink[data-toggle="dropdown"]{display:flex;gap:0.5rem;justify-content: space-between;}
	.navLink[data-toggle="dropdown"]:after{content:'\F282';font-family:'Bootstrap-icons';line-height:1;translate: 0 0.25rem;transition: 0.3s all;}
	.--isOpen.navLink[data-toggle="dropdown"]:after{rotate:180deg;translate: 0;}
    .navSub{position: static;padding-top: 0;margin-top: 0;}
    .navSub.dropdownMenu{display: none;}
    .navbarNav .dropdown:has(.--isOpen) .navSub.dropdownMenu{display: block;border-radius: 0;box-shadow: none;}
	.navSubLink{text-align: left;text-align-last: auto;padding: 0.5rem 0;font-size: 1rem;}

	.navbar>.container{max-width:calc(100% - var(--spaceS));max-width: 100%;}
	.navbar{padding: 0.5rem 0;position: fixed;width: 100%;z-index: 999999;left: 0;top: 0;transition: 0.3s all;}
	.navbar:after{content:'';position:absolute;width:0;height:1px;background:var(--mjColor);transition: 0.5s all ease-in;left:0;bottom:0}
	.navbar--fixed:after{width:100%;}
	.navbar:has(.--isOpen),.navbar--fixed{background:#fff;}
	.logoImg{height:3.5rem;}

	.banner{max-height: var(--h,auto);}
	.bnContent{flex-direction: column;/* margin: 0; */max-width: calc(100% - var(--spaceS) * 2);}
	.bnMedia{width: 100%;translate: 0;}
	.bnTxt{padding: var(--spaceM) 0;width: 100%;margin-right: 0;text-align: center;}
	.bnTxt__mj{font-size: clamp(2rem,3.5vw,3rem);}
	.bnContent:after{height: clamp(5rem,10vw,10rem);left: 1rem;/* top: 40%; */bottom: calc(100vw / (var(--asR)) - 2.75rem);}
	.banner__box{padding-bottom:2rem;}
	.banner .swiper-pagination{right:0.375rem;height: fit-content;width: 100%;flex-direction: row;justify-content: center;bottom: 0;gap: 0;}

	.serviceBox{--num:2;padding-bottom: 2rem;}
	.cooIconBox{--num:2}
	.newsBox{--num:2}
	.abInfor{flex-direction:column;}
	.abInfor__content{width:100%}
	.abInfor__media{width: max(80%,20rem);margin: auto;}

	.pdtBox{--num:2}
	.itemSwiper.is-static{--num: 3;}

	.topBar{flex-direction:column;}
	.topBar__infor{width:100%}
	.topBar__btn{width:100%}

	.fBox{flex-direction:column;}
	.fInfor{padding-bottom:0;padding-top:var(--spaceM)}
	.fSns{margin:auto;margin-right:0}
	/* !內頁-contanct*/
	.contactBox{flex-direction:column-reverse;gap: 0;}
	.contactBox__infor{width:100%;padding: 0;}
	.contactBox__form{width:100%}

	.txImg:has(.txImg__item:nth-child(2)){display: flex;flex-direction: column;}
	.txImg:has(.txImg__item:nth-child(2)) img{height: auto!important;aspect-ratio: 4/3!important;}
	.txImg:has(.txImg__item:nth-child(3)){display:grid;;grid-template-columns:1fr 1fr}
	.txImg:has(.txImg__item:nth-child(3)) .txImg__item:nth-child(1){grid-row:1/1;grid-column:1/3}
	.txImg:has(.txImg__item:nth-child(3)) .txImg__item:nth-child(2){grid-column:1/2;grid-template: 1fr;}
	.txImg:has(.txImg__item:nth-child(3)) .txImg__item:nth-child(3){grid-column:2/3}
	.txImg:has(.txImg__item:nth-child(3)) .txImg__item:nth-child(2) img, .txImg:has(.txImg__item:nth-child(3)) .txImg__item:nth-child(3) img{height:auto;aspect-ratio:4/3}

	.abInforData{padding:1rem 0 2rem}
	.abInforData__item{animation-delay: 0.5s!important;}
	.abVision{flex-direction:column;gap: 4rem;}
	.abVision__content{width:100%}

	.eCHBox{--num:2;}

}

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

	.newsBox{--num:1;gap: calc(var(--gap) * 2.5) var(--gap);}

	/*!768 about*/
	.abVision__kv{margin-top:1rem}
	.abVCore{display:grid;grid-template-columns:1fr 1fr;}
	.abVCore__item {position: relative;}
	.abVCore__item img{position: absolute;transform: none;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;translate: none;z-index: -1;}
	.abVCore__item .--change{height:100%;}
	.abVCore__item .circleBg{padding: 1.5rem 1rem;padding-top:10rem;color: #fff;background: linear-gradient(0deg, var(--black) 10%, transparent);height: 100%;display: flex;flex-direction: column;align-items: baseline;justify-content: flex-end;}
	.abVCoreTt{display:inline-block;padding: 0.25rem 0.75rem;background:var(--mjColor);border-radius:100rem;}
	.abVCore__item .itemTxt{font-size:1rem;}

	.storeBox__item{grid-template-columns:1fr;gap:1rem}
	.circleImg + .circleImg{--pos:-1.25rem}
}


@media screen and (max-width: 640px) {
	.navbar>.container{max-width:100%;}

	.historyBox__tt{--sp:calc(var(--roundH) * 0.25);padding-bottom:var(--sp);}
	.roundEff__txt{width:90vw;bottom: calc(var(--sp) * -1);}
	.roundEff__txt br{display:none;}

	.scrollLine{left: calc(var(--scrollW) * 0.1625);}
	.timeList__item:nth-child(n){float:right;clear: right;width: 100%;padding-left: var(--lineSp);text-align: left;margin-top: 0;margin-bottom: 2rem;}
	.yearDetail{align-items:start;}
	.timeList__item:hover .yearDetail:after{opacity:0;}
	.timeList__item:nth-child(n) .yearTt:before, .timeList__item:nth-child(n) .yearTt:after{left: calc(var(--scrollW) * -1 + 1px);translate: 75% -50%;width: calc(var(--scrollW) * 0.1375);left: calc(var(--lineSp) * -1);}
	.timeList__item:nth-child(odd):last-child:before{left: 1rem;}

	.pdtBox{--num:1;gap: calc(var(--gap) * 2);}
	.serviceBox{--num:1}	
	.cooIconBox{--num:1}
}

@media screen and (max-width:480px){
	.titleBar{flex-direction:column;align-items: center;position:relative;margin-top:1rem}
	.titleBar__bg:has(+ .titleBar__bd){position:absolute;translate:0 -50%}
	.titleBar__bg + .titleBar__bd{padding: 0.25rem 1.25rem;padding-top:1.5rem;}

	.dataRun{flex-direction:column;gap: var(--spaceS);}

	.abInforData{margin: auto;display: block;width: 100%;}
	.abInforData__item{display:flex;gap:1rem;text-align: right;justify-content: space-between;}
	.abInforData__item:not(:last-child){padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid rgba(255,255,255,0.5);}
	.dataNum__mj{margin:0;}

	.abVCore{display:block;}
	.itemSwiper.is-static{--num: 2;}

	.eCHBox{--num:1;}
	
}

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