@charset "utf-8";

/* CSS Document */
body{font-family:'Roboto','Noto Sans TC','微軟正黑體',sans-serif;font-size: 1rem;line-height: 1.5;color:var(--black);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);/*letter-spacing: 0.014em;*/}
body:has(.pgContent){--bgCl: #fff;background: var(--bgCl);}
/* body.page-fade{opacity:0} */
/* body::before{content: '';position: fixed;top: 0;left: 0;width: 0;height: 100%;background: var(--subColor);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);animation: 1.5s bodyEff forwards ease-out;box-shadow: 0 -2rem rgba(0,0,0,0.15);} */
body.page-fade::before {/*opacity: 1;width:100%;*/background:var(--mjColor)}
body::after{content:'';transition: 1s all;transition-delay: 0.25s;position: fixed;width:100%;height:100%;background:var(--mjColor-d);left:0;top:0;z-index: 99999;opacity:0;pointer-events: none;}
body.page-fade::after{opacity:1}
@keyframes bodyEff{
	0%{width:0;background:var(--subColor)}
	50%{width:100%;right:0;left:0%}
	100%{width:0;right:0;left:100%;background:var(--mjColor)}
}
@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{}
button{transition: var(--trans);border:none;}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}
:root{
    --mjColor: #6255A9; /* 主色 */
    --mjColor-d: #141E3C;
    --mjColor-l:#F6F7FF;
    --subColor: #0097B2; /* 副色 */
    --color-1: 255, 233, 143;
    --color-1L:#FFFBE9;
    --black: #222;
    --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;
    --space: clamp(3rem,4vw,5rem);
    --spaceM: clamp(4rem,6vw,6.25rem);
    --fontF:"Concert One", sans-serif;
    --container:100%;
    --ctOffset: calc((100vw - var(--container)) / 2 + 0.75rem);
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::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);}
strong{font-weight: 600;}

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

/* !====回頂端 */

.fixBtn{--size:3rem;cursor:pointer;z-index: 2;position:fixed;bottom: 2rem;right: 1rem;display: flex;flex-direction: column;gap: 1rem;}
.fixGoTop .fixBtn{position:absolute;bottom:unset;top:-2rem;transform:translateY(-100%);}
.socialBtn__item,.goTop__item{font-size: 2rem;background: var(--mjColor);width: var(--size);aspect-ratio: 1;display: flex;align-items: center;justify-content: center;border-radius: 0.5rem;color: #fff;line-height: 1;flex-direction: column;gap: 0.125rem;transition:0.3s all}
.socialBtn__item:has(.bi-line){background:#00B900;}
.goTop{height: 0;overflow: hidden;transition: 0.3s all;pointer-events: none;}
.goTop.--show{height: 3rem;pointer-events: all;}
.goTop__item .bi,.goTop__item .bi:before{line-height: 0.625;}
.goTop__item:after{content:'GoTop';font-size:0.75rem}
.socialBtn__item:hover, .goTop__item:hover{filter: grayscale(0.75);}

/* !====按鈕 */
.btnWrap{display:flex;margin-top:2rem;justify-content: center;}
.btnWrap--0{margin:0;width: 100%;}
.btnWrap--left{justify-content:left;}
.btnStyle{--cl:var(--subColor);background:var(--cl);padding:0.75rem 1rem;color:#fff;/* border:1px solid var(--cl); */min-width: 11.25rem;display: inline-block;border-radius: 100rem;text-align: center;position: relative;overflow: hidden;}
.btnStyle:before,.btnStyle:after{content:'';position:absolute;height: 100%;width: 100%;top:0;background: var(--mjColor);transition:0.3s all;border-radius:100rem;opacity: 0.75;}
.btnStyle:before{transform: translateX(-100%);left: 0;}
.btnStyle:after{transform: translateX(100%);right: 0;}
.btnStyle .txt{position:relative;z-index:1}

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

/* !====全頁佈局 */
.wrapper { padding:2rem 0;}
.blockHeight{padding: var(--space) 0;position: relative;}
.sr-only{position: absolute;width: 1px;height: 1px;min-height: 1px!important;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}

/* !====標題 */
.titleWrap{text-align:center;}
.mainTitle{display: inline-flex;justify-content: start;align-items: baseline;gap: .5rem;margin-bottom: clamp(1.5rem,2vw,2rem);flex-direction: column;}
.mainTitle__mj{font-size: clamp(3rem,4vw,4rem);font-family: var(--fontF);text-transform: uppercase;}
.mainTitle__mj:first-letter{color:var(--mjColor);}
.mainTitle__sub{font-size: 1.125rem;font-weight: 500;position: relative;display: flex;align-items: center;width: 100%;color: #333;gap: 1rem;text-wrap-mode: nowrap;letter-spacing: 0.15em;font-weight: 500;}
.mainTitle__sub:before{content:'';display:block;width: 100%;height:1px;background: currentColor;}
.briefTxt{font-weight: 450;font-size:1.125rem;letter-spacing:0.02em;line-height:1.75;}
.mainTitle--light{color:#fff;}
.mainTitle--light .mainTitle__mj:first-letter{color:rgb(var(--color-1));}
.mainTitle--light .mainTitle__sub{color:#fff;}
.mainTitle__sub.mbOnly{display: none;}
/* !====圖片 */
.cover{margin:0;}
.cover__pic{aspect-ratio:var(--asR,1);object-fit: cover;}

/*!swipe*/
.swiper{--swiper-pagination-bottom: 0px;padding-bottom: var(--swiper-pagination-bottom);}
.swiper-pagination-bullet{--cl:var(--mjColor);width: 0.75rem;height: 0.75rem;background: var(--cl);transition:0.3s all;}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{opacity:0.5;}
.arrowG{display:flex;flex-direction: row-reverse;gap: 0.75rem;}
.arrowG__item{background: var(--mjColor);width: 3rem;aspect-ratio: 1;display: inline-flex;border-radius: 100rem;color: #fff;font-size: 2rem;align-items: center;justify-content: center;cursor: pointer;transition:var(--trans-ease);}
.arrowG__item:hover{background:var(--subColor);}
.arrowG__item::before{font-family:'Bootstrap-icons';}
.arrowG__item.--next:before{content:'\F135';}
.arrowG__item.--prev:before{content:'\F12C';}

/* !====banner */
.banner{--picSize:1920/780;--pdY:clamp(2rem,3vw,3rem);padding: var(--pdY) var(--spaceM);padding-bottom: 0;min-height: calc(100vw / (var(--picSize)) - var(--pdY));}
.banner__box{position:relative;border-radius: clamp(1rem,3vw,3rem);overflow: hidden;}
.banner__box picture{display:block;transform:scale(1.02);position: relative;}
.banner__box picture:has(+ .bnContent):after{content:'';position:absolute;width:100%;height:100%;background:url(../images/all/bg.png)center/cover;left:0;top:0;mix-blend-mode:multiply;}
.bnPic {width:100%;aspect-ratio:var(--picSize);object-fit:cover}
.swiper-slide-active.banner__box picture{animation: bannerAni var(--time) forwards;}
@keyframes bannerAni {
	0%,95%,100%{transform:scale(1.02)}
	50%{transform:scale(1)}
}
.bnTxt__tt{font-size: clamp(2.5rem,4vw,5rem);font-weight:700;letter-spacing: clamp(0.05em,0.1vw,0.15em);line-height:1.5;margin: 0;}
.bnTxt__brief{font-size: clamp(1.25rem,1.5vw,1.75rem);letter-spacing:0.05em;}
.bnContent{--sp: 2rem;--pos:calc(var(--ctOffset) - var(--spaceM));position:absolute;left: max(var(--pos),2rem);right: max(var(--pos),2rem);top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;align-items: flex-start;gap: calc(clamp(2rem,3vw,4rem) + var(--sp,0px));padding-bottom: 2rem;transition: 0.3s all,0.35s gap;transition-delay: 0s,0.25s;}
.bnTxt{color:#fff;text-shadow:0 0.25rem 1rem rgba(0,0,0,0.50);}
.banner .swiper-pagination-bullet{--cl:#fff;border: 1px solid var(--mjColor);}
.banner .swiper-pagination{bottom: clamp(1.25rem,2vw,2rem);}
.swiper-slide-active .bnContent{--sp:0px;}
.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%;}
/* Index 頁面樣式 */
.pdtLs .swiper-slide{max-width: 400px;padding: 0 1rem;}
/* 郵件樣式 */
.email-footer-note{color: red;}
/* GTM noscript iframe */
.gtm-noscript-iframe{display: none;visibility: hidden;}
/* Body overflow 控制 */
.body-overflow-hidden{overflow: hidden;}

/* 通行碼登入頁面樣式 */
.default-page body{margin: 0;}
.default-page .setting-box{position: relative;}
.default-page figure{margin: 0;}
.default-page figure img{width: 100%;}
.default-page .login-root{text-align: center;position: absolute;padding: 100px 50px;left: 50%;transform: translate(-50%,-50%);top: 50%;min-width: 400px;background-color: rgb(255 255 255 / 93%);backdrop-filter: blur(5px);border-radius: 20px;box-shadow: 0 0 20px rgb(51 51 51 / 25%);display: -ms-flexbox;-ms-flex-wrap:wrap;-ms-flex-align: center;}
.default-page .login-root p{font-size: 25px;display: block;margin-top: 0;color: #188a8d;font-weight: 600;}
.default-page .login-root input{height: 37px;padding-left: 10px;width: 100%;font-size: 16px;box-sizing: border-box;border-radius: 5px;border: 1px solid #188a8d;display: block;}
.default-page .login-root button{height: 40px;border: none;padding: 0 15px;font-size: 16px;display: block;margin: 20px auto 0;background: #cfe9ec;width: 100%;border-radius: 5px;color: #188a8d;font-weight: 600;}

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

/* !====選單==== */
.navbar{position: fixed;top: 0;left: 0;right: 0;z-index: 9999;background-color: rgba(255,255,255,0.8);box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);-webkit-backdrop-filter: blur(1rem);backdrop-filter: blur(1rem);}
.navbar>.container{display: flex;align-items: center;gap:2rem;max-width: 100%;padding: 0 var(--spaceM);justify-content: space-between;}
.navbarBrand{display: block;padding: 0.625rem 0;text-align: center;}
.logo{margin:0;position: relative;z-index: 99;display: block;}
.logo__pic{height:5rem;aspect-ratio:88/80;object-fit:cover;}
.navbarToggle{order:1;display: none;}
.navbarNav{display: flex;gap: 2rem;align-items: center;margin-left: auto;}
.navbarNav__item{font-weight:450;letter-spacing:0.05em;}
.navLink{--cl: var(--black);display: block;cursor: pointer;font-size: 1.125rem;padding: 0.625rem 0;position: relative;}
.navLink:after{content:'';position:absolute;width: 0;height: 0.375rem;background:var(--mjColor);left:50%;bottom:0;transform:translateX(-50%);mask: url(../images/all/wave.png)center/contain;transition: 0.3s all;}
.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;}
.navSub__item{}
.navSubLink{}
.navbarBtnWrap{display: flex;gap: 0.625rem;}
.navbarBtn{--cl:var(--subColor);padding: 0.75rem 1.5rem;border: 1px solid var(--cl);background: var(--cl);color: #fff;border-radius: 100rem;line-height: 1.25;}
.navbarBtn + .navbarBtn{--cl: var(--mjColor);}
.navContent{display: flex;gap: clamp(1rem,2vw,2rem);align-items: center;}


/* !====首頁 */
/* !====首頁(關於我們) */
.blockHeight--ixAbout{overflow:hidden;padding: var(--spaceM) 0;}
.abIxBox{--imgW: clamp(20rem,40vw,45rem);--gap: clamp(2rem,3.5vw,3.75rem);display:flex;gap: var(--gap);align-items: center;}
.abIxBox__media{--bdR:1rem;width:var(--imgW);position: relative;}
.abIxBox__media:before{--pos:0;content:'';position:absolute;width: 1rem;aspect-ratio:1;background:var(--subColor);border-radius:0.5rem;opacity:0.2;left: var(--pos);top: var(--pos);transform: translate(0,0);transition: 0.8s all;transition-delay: 1.5s;}
.animated.abIxBox__media:before{transform: translate(-100%,-100%);width: 2.5rem;}
.abIxBox__media:after{--pos: 1rem;content:'';position:absolute;width:100%;height:100%;background: rgba(var(--color-1),0.5);border-radius: var(--bdR);z-index: -1;left: calc(var(--pos) * -1);top: var(--pos);transition: 1s all;transition-delay: 1s;}
.animated.abIxBox__media:after{--pos:1rem;}
.abIxBox__pic{min-height:20rem;object-fit:cover;border-radius: var(--bdR);}
.abIxBox__item{width:calc(100% - var(--imgW) - var(--gap));}
.abBoxContent{display:flex;flex-direction:column;gap:1.25rem;}
.subTt{font-size: clamp(1.25rem,2vw,1.5rem);font-weight:500;letter-spacing:0.05em;line-height:1.75;display: inline-flex;flex-direction: column;}
p:last-child{margin-bottom:0;}
/* !====首頁(服務項目) */
.blockHeight--ixService{position:relative;text-align: center;margin: 0 var(--spaceM);border-radius: 1rem;background: var(--mjColor-l);}
.blockHeight--ixService:before,.blockHeight--ixService:after{content:'';position: absolute;background:url(../images/all/deco-1.png)center/cover;object-fit: cover;aspect-ratio: 580/460;}
.blockHeight--ixService:before{width:clamp(10rem,18vw,18.125rem);right: -1rem;top: -3.75rem;}
.blockHeight--ixService:after{width: clamp(8rem,14vw,14rem);left: 0;bottom: 0;transform: translate(-80%,60%) rotate(-90deg);}
.svIxBox{--num:4;--gap:1.5rem;display:flex;gap: var(--gap);flex-wrap: wrap;}
.iconItem{padding:1.5rem 1.25rem;background:#fff;border-radius:1rem;text-align: center;display: flex;flex-direction: column;gap: 1.25rem;width: calc((100% - var(--gap,0px) * (var(--num,1) - 1)) / var(--num,1) );border: 0.125rem solid transparent;transition: 0.3s all;}
.iconItemCt{display:flex;flex-direction:column;gap:0.5rem;}
.iconItemCt__tt{font-size:1.125rem;font-weight: 500;letter-spacing:0.15em}
.iconItemCt__txt{}
.--svIcon .cover__pic{max-width: 3rem;transition: 0.3s all;}
.svIxBox .itemBox{flex:1;}
.iconItem:hover{border-color:rgba(var(--color-1));}
.iconItem:hover .--svIcon .cover__pic{transform:rotateY(360deg);}
/* !====首頁(訊息公告) */
.blockHeight--ixNews{padding-bottom:var(--spaceM);}
.cardBox{--gap: clamp(1rem,1.5vw,1.875rem);display: flex;gap: clamp(1rem,1.375vw,1.5rem) var(--gap);flex-wrap: wrap;}
.cardBox__item{--pd:1.25rem;padding: var(--pd);border: 2px solid #ddd;border-radius: 1rem;transition: 0.3s all;width: calc((100% - var(--gap,0px) * (var(--num,3) - 1)) / var(--num,3) );display: flex;flex-direction: column;gap: 1.25rem;background: #fff;}
.cardBoxCt{display: flex;flex-direction: column;gap: 0.75rem;align-items: flex-start;}
.cardBoxCt__tt{font-size: clamp(1.125rem,1.2vw,1.25rem);font-weight:500;line-height:1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;letter-spacing: 0.02em;}
.cardBoxCt__brief{line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.dateTxt{--dotW:0.5rem;font-size:1.25rem;padding-left: calc(var(--dotW) + 0.5rem);color: var(--subColor);position: relative;font-family: var(--fontF);line-height: 1.25;}
.dateTxt:before{content:'';position: absolute;width:var(--dotW);aspect-ratio: 1;border-radius: 100rem;background: var(--mjColor);left: 0;top: 50%;transform: translateY(-50%);}
.cover.--card{--asR:380/240;border-radius: 0.5rem;overflow: hidden;}
.cover.--card .cover__pic{transition:0.3s all;}
.cardBox__item:hover{background:rgba(var(--color-1),0.2);background: var(--color-1L);border-color: rgb(var(--color-1));box-shadow:0 0.25rem 1rem rgba(0,0,0,0.15);}
.cardBox__item:hover .cover__pic{transform:scale(1.08);}
/* !====首頁(app) */
.blockHeight--ixApp{background: url(../images/all/bg.png)center/cover;padding-bottom: 0;border-top-left-radius: var(--spaceM);position: relative;}
.blockHeight--ixApp:before{content:'';position:absolute;background:url(../images/all/deco-2.png)center/cover;width: 5rem;aspect-ratio: 152/168;right: 0;top: 0;transform: translate(-100%,-75%);transition: 0.5s all ease-in;transition-delay: 2s;opacity: 0;}
.animated.blockHeight--ixApp:before{opacity: 1;}
.blockHeight--ixApp:after{content:'';position:absolute;height:100%;aspect-ratio: 1105/725;object-fit: cover;background:url(../images/index/app-deco.png)center/cover;top: 0;right: var(--spaceM);transition: 0.5s all ease-in;transition-delay: 1.5s;transform: scale(0.85);opacity: 0;}
.animated.blockHeight--ixApp:after{opacity:1;transform:scale(1);}
.appIxBox{--imgW:clamp(20rem,34vw,34rem);--gap:var(--spaceM);display:flex;gap: var(--gap);position: relative;z-index: 1;justify-content: center;}
.appBox{padding-bottom:var(--space);width: calc(100% - var(--gap) - var(--imgW));max-width: 40rem;display: inline-flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.appImg{margin:0;width: var(--imgW);position: relative;display: flex;align-items: flex-end;}
.appBoxContent{display:flex;flex-direction:column;gap:1.25rem;padding: 0.5rem 0;}
.appBoxContent br{display:none;}
.appStore{display: flex;gap: 0.58rem 1.25rem;flex-wrap: wrap;}
.appStore__item{position:relative;overflow:hidden;display: block;}
.appStore__item:after{content:'';position:absolute;width:1rem;height:100%;background:rgba(255,255,255,0.8);transform: skewX(30deg) translateX(-150%);left: 150%;transition: 0.3s all;/* filter: blur(0.25rem); */}
.appStore__item:hover{opacity:0.8}
.appStore__item:hover:after{left: -15%;right: unset;}
.appStore__pic{height: 3rem;aspect-ratio: 324/96;}

/* !====footer */
footer{position: relative;background: var(--mjColor-d);color:#fff;padding: 2rem 0;}
footer a{color:#fff;}
footer ul{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap: 0.625rem;line-height: 1.125;}
.fInforList__item{display:inline-flex;gap:0.625rem}
.fWrap{display:flex;justify-content: space-between;flex-wrap: wrap;gap: 1rem;}
.fInfor__tt{display:flex;margin-bottom: 2rem;gap: 0.5rem;align-items: baseline;flex-wrap: wrap;}
.fInfor__name{font-size: clamp(1.25rem,1.5vw,1.5rem);font-weight:450;letter-spacing:0.05em;}
.fSub{display:flex;flex-direction:column;justify-content: space-between;gap: 1rem;margin: auto;margin-right: 0;}
.fSocial{display:flex;gap:1.25rem;justify-content: flex-end;padding: 0.125rem 0;}
.fSocial__item{--size:1.875rem;font-size: var(--size);width: var(--size);height: var(--size);aspect-ratio:1;line-height: 1;display: flex;align-items: center;}
.fSocial__item:has(.bi-rednote){width:calc(var(--size) + 0.5rem);}
.bi-rednote{background:#fff;mask:url(../images/all/rednote.svg)center/cover;width: 100%;aspect-ratio: 35/24;display: block;}
.copyright{font-size:0.875rem;opacity:0.8;}

/* !====內頁 */
.pgBanner{--bdR:clamp(1rem,3vw,3rem);min-height:20rem;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;border-bottom-right-radius: var(--spaceM);}
/* .pgBanner:before{content:'';position:absolute;width:100%;height:100%;background: var(--mjColor-d);opacity:0.5}
.pgBanner:after{content:'';position:absolute;width:100%;height:100%;background: url(../images/banner/pgBanner.png)center/cover;mix-blend-mode: multiply;} */
.pgTxt{position:relative;z-index:1;color:#fff;/* text-shadow:0 0.25rem 0.5rem rgba(0,0,0,0.5); */}
.pgTxt__tt{--lt:0.15em;font-weight:500;letter-spacing: var(--lt);font-size:2.5rem;margin: 0;margin-right: calc(var(--lt) * -1);position: relative;}
.pgTxt__tt:after{content:'';position:absolute;height:1rem;background: var(--subColor);left: calc(var(--lt) * -1);right: var(--lt);bottom:0;z-index:-1;}
/* !====麵包屑 */
.breadCrumbsWrap{padding:0.625rem 0;background: var(--mjColor-d);background: linear-gradient(to right,var(--mjColor-d),var(--mjColor));}
.breadCrumbs{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap: 0.5rem;/* justify-content: flex-end; */}
.breadCrumbs__item{line-height:1.2}
.breadCrumbs__item + .breadCrumbs__item{--dotW: 0.375rem;position:relative;padding-left:calc(var(--dotW) + 0.5rem);}
.breadCrumbs__item + .breadCrumbs__item:before{content: '/';position:absolute;width: var(--dotW);aspect-ratio:1;/* background:var(--subColor); */border-radius: 0.125rem;left: 0;top: 0;/* transform: translateY(-50%); */color: #fff;opacity: 0.5;}
.breadCrumbs__item a{color: #fff;opacity: 0.75;}
.breadCrumbs__item:last-child a{color: var(--mjColor-l);opacity:1;pointer-events: none;}
/* !====頁碼 */
.pagination{list-style:none;display:flex;margin: 2rem 0 1rem;padding: 0 2.5rem;justify-content: center;gap: 0.25rem 0.375rem;font-family: var(--fontF);flex-wrap: wrap;}
.pagination li{--cl:var(--mjColor);display:none;}
.pagination .arrow{--cl:var(--mjColor-d);}
.pagination a{display:inline-flex;width:2rem;aspect-ratio:1;background: var(--cl);align-items: center;justify-content: center;color: #fff;border-radius: 10rem;/* padding-top: 0.125rem; */}
.pagination a:hover{--cl:rgb(var(--color-1));color:var(--mjColor-d)}
.pagination .show,.pagination .arrow{display: block;}
.pagination .arrow:has(.no){/* display:none; */opacity: 0.25;pointer-events: none;}
.pagination .on a{background:var(--subColor);opacity:1}
.arrow--prev{margin-right:0.5rem}
.arrow--next{margin-left:0.5rem}
.pagination a.no{display:none;}

.pgContent{position:relative;/* overflow: hidden; */background: var(--mjColor-l);z-index: 0;}
.pgContent:before{content: '';position: absolute;width: 100%;height: 450px;background: linear-gradient(to bottom, var(--bgCl), transparent);left: 0;top: 0;pointer-events: none;}
.pgContent--full{background:var(--mjColor);}
.pgContent--full:before{opacity:0;}
.pgContent:after{content:'';position: absolute;background: url(../images/all/pattern.svg);background-size: 50% auto;width: 100%;height: 100%;opacity: 0.45;animation: bgAni 60s linear infinite forwards;will-change: background-position;pointer-events: none;left: 0;top: 0;z-index: -1;}
@keyframes bgAni {
	0% {background-position: 0 0;}
	25%{background-position: 5rem -25vw;}
	50%{background-position: 0 -50vw;}
	75%{background-position: -5rem -75vw;}
	100% {background-position: 0 -100vw;}
}
/* !====內頁-列表*/
.blockHeight--pgArt{padding: var(--spaceM) 0;}
.cardBox:has(.cardBox__item--list){flex-direction:column;}
.cardBox__item--list{display:grid;grid-template-columns: clamp(12rem,20vw,20rem) 1fr;width:100%;position: relative;align-items: start;}
.cardBox__item--list:after{content:'Learn More';position: absolute;right: var(--pd);bottom: var(--pd);color: var(--subColor);}
.cardBox__item--list .cardBoxCt{padding:1rem 0;margin-bottom: 2rem;}
.cardBoxCt:only-child{grid-column:2 span;padding:0}
/* !====內頁-底層*/
.detailContent{position:relative;}
.titleBox{margin-bottom: 2rem;padding: 0 0.5rem;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 0.25rem;}
.titleBox__tt{margin:0;font-weight:450}
.articleWrap{/* padding: clamp(1rem,2vw,3rem); *//* border-radius: 2rem; *//* background: #fff; *//* box-shadow: 0 0 1rem rgba(0,0,0,.15); */}
/*編輯器*/
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.text{padding:1rem 0;}
.tx01{margin-bottom:1rem;}
.tx01 img{border-radius:1rem}
.tx01 .text{padding: 2rem 0;}
.tx01 .text:only-child{width:100%;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.pageContent table { max-width:100%;width: 100%;}
.img-left,.img-right{display: flex;align-items: center;gap: 2rem;}
.img-left figure,.img-right figure{width: calc(50% - .5rem);}
.img-right{flex-direction: row-reverse}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width: calc(50% - .5rem);}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img_center img {  float: left;  padding: 1em;  width: 100%;   text-align: center;}
.img-left figure:only-child,.img-right figure:only-child{float:none;padding: 0;margin: auto;max-width: inherit;text-align: center;width: auto;}
.tx01 a{color: #242f8a;text-decoration: underline;}
.tx01 a:hover{opacity:.8}
.tx01 figcaption{position:relative;padding: 1rem 0;font-size: 1rem;}
.tx01 img{max-width:100%;max-height:100%;height:auto!important;}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;}
.vdBox{display: flex;margin-top: 2rem;}
.vdBox iframe{width:100%;aspect-ratio:16/9;border-radius: 1rem;}
/* !====表格*/
.formGroup{--gap:1.5rem;display: flex;flex-wrap: wrap;gap:var(--gap)}
.formGroup__item{width:100%}
.formGroup__item--half{width:calc((100% - var(--gap)) / 2)}
.input-group-text{background: #f4f4f4;}
.articleMain{display:flex;flex-direction:column;gap:2rem}
/* !====內頁-運費查詢*/
.calcWrap{--formW: clamp(38rem,45vw,42rem);--gap: clamp(2rem,4vw,6.25rem);display: flex;gap:var(--gap);flex-direction: row-reverse;align-items: flex-start;}
.calcInfor{width:calc(100% - var(--gap) - var(--formW));display: flex;flex-direction: column;/* justify-content: center; */position: sticky;left: 0;top: calc(var(--headerH) + 1rem);}
.calcForm{width:var(--formW);display: flex;flex-direction: column;gap: 2rem;justify-content: center;padding: 2rem;background: #fff;border: 2px solid rgb(98 85 169 / 50%);border-radius: 1rem;}
.calcForm__tt{margin-bottom:1rem;font-size: 1.25rem;font-weight: 550;text-align: center;}
.decoTxt{--decoW: 1.5rem;padding-left: calc(var(--decoW) + 0.5rem);position:relative;display: inline-block;}
.decoTxt:after{content:'';position:absolute;width:var(--decoW);aspect-ratio: 10/9;background: url(../images/all/deco.png)center/cover;border-radius:100rem;left:0;top:50%;transform:translateY(-50%);}
.calcForm__result{display: none;}
.calcForm__result.--show{display: block;padding-top: 2rem;border-top: 1px dashed #ddd;}
.dotUl{padding: 0;margin:0;list-style: none;}
.dotUl li{--dotW:0.5rem;padding-left: calc(var(--dotW) + 1rem);position:relative;line-height: 1.25;}
.dotUl li:before{content:'';position:absolute;width:var(--dotW);aspect-ratio:1;background:var(--subColor);border-radius:100rem;left: 0.5rem;top:50%;transform:translateY(-50%);}
.dotUl li + li{margin-top:0.25rem;}

.tbStyle{--tbGap: 0.5rem;overflow:hidden;/* padding: 1rem; *//* background: #fff; *//* border: 2px solid rgb(98 85 169 / 50%); */}
.tbHead{--pdY:0.375rem;display:flex;font-weight:500;/* background: var(--mjColor); */color: #fff;gap: var(--tbGap);}
.tbBody{margin-top: 0.5rem;border-radius: 0.5rem;overflow: hidden;}
.tbContent{--pdY:0.75rem;display:flex;background: rgba(255,255,255,0.85);border-bottom: 1px solid #ddd;gap: var(--tbGap);background: var(--mjColor-l);transition: 0.3s all;}
.tbContent:hover{background:var(--color-1L)}
.tbItem{padding: var(--pdY) clamp(0.5rem,1vw,1rem);flex:1;text-align: center;}
.tbHead .tbItem{background:var(--mjColor);border-radius: 1rem 2rem / 2rem 0.5rem;letter-spacing: clamp(0.02em,0.05vw,0.15em);display: inline-flex;align-items: center;justify-content: center;}
.tbBody .tbItem{/* background:var(--mjColor-l); */}
.tbContent:not(:last-child) .tbItem{/* border-bottom:1px solid #ddd; */}

/*!=====會員加入*/
.blockHeight--join{min-height: calc(100dvh - var(--headerH));background: rgb(98 85 169 / 100%);display: flex;flex-direction: column;justify-content: center;overflow: hidden;}
/* .blockHeight--join:after{content:'';width:55vw;aspect-ratio:1;background: var(--color-1L);border-radius: 10%;position:absolute;right:0;transform: rotate(-22deg) translate(20%,35%);} */
.joinBox{color:#fff;}
/* !========================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;}
	.navbarBtn:hover{background:#fff;color:var(--cl);}
	.navbarNav__item:hover .navLink,.navbarNav__item.active .navLink{color:var(--mjColor)}
	.navbarNav__item:hover .navLink:after,.navbarNav__item.active .navLink:after{width:100%}
	.btnStyle:hover{letter-spacing:0.15em;}
	.btnStyle:hover:before{transform:translateX(0);}
	.btnStyle:hover:after{transform:translateX(0);}

	.widnowDeco{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;z-index: 2;pointer-events: none;}
	.widnowDeco span{position: absolute;top: 0;display: block;width: calc(100%/4);height: 100%;background-color: #fff;transition: width .6s ease-in-out;transition-delay: 1s;animation: resetWindow 1s forwards;animation-delay: 2s;}
	.widnowDeco span:nth-child(1){right: 0%;}
	.widnowDeco span:nth-child(2){right: 25%;}
	.widnowDeco span:nth-child(3){right: 50%;}
	.widnowDeco span:nth-child(4){right: 75%;}
	.animated .widnowDeco span{width: 0;}
	@keyframes resetWindow{
		to{width:0}
	}

	.abIxBox__media:after{--pos: 0px;}

	/*!footer*/
	.fSocial__item:hover{opacity:0.85;transform:translateY(-0.125rem)}
}
@media screen and (min-width:1200px){
	:root{--container:1140px;}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;} 

	.blockHeight--ixService:after{--sp:var(--spaceM)}
	.appBoxContent br{display:block;}
}
/*=====MAX=====*/
@media screen and (max-width: 1199px) {
	/*!1199 首頁-服務項目*/
	.svIxBox{--num:2}
}
@media screen and (max-width: 991px) {
	.mainTitle__sub.pcOnly{display: none;}
	.mainTitle__sub.mbOnly{display: inline-flex;}

	body{padding-top:0;}
	body:has(.navbarToggle.--isOpen){overflow-y:hidden;}
    /* !991====選單==== */
	.navbar>.container{--logoH: 3rem;padding:0 1rem;padding-right: 0;align-items: unset;height: 4rem;width: 100%;display: flex;justify-content: flex-end;}
	.navbarBrand{--pos: 2rem;--size:6.25rem;position:absolute;left: var(--pos);top: var(--pos);transition: 0.3s all;opacity: 0;background: #fff;aspect-ratio: 1;width: var(--size);height: var(--size);border-radius: 100rem;display: inline-flex;align-items: center;justify-content: center;padding: 1rem;}
	.navbarBrand:has(+ .navContent .navbarToggle.--isOpen){opacity:1;transition-delay: 0.5s;pointer-events: all;}
	.logo__pic{height: auto;width: 100%;max-width: 4.25rem;}
    .navbarToggle{--w: clamp(1.75rem,2vw,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;pointer-events: all;}
    .navbarToggle span{display: block;width: var(--w);height: var(--h);background-color: #fff;transform-origin: center;border-radius: 100rem;transition: 0.3s all;z-index: 1;}
    .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;transform: translateX(50%);}
	.navbarNav__item{/* text-align:center; */width: 100%;}

	.navbar{background:#fff;backdrop-filter: none;background: transparent;box-shadow: none;pointer-events: none;}
    .navbarNav{position: fixed;top:var(--headerH);left:0;right:0;bottom:0;z-index:9999;flex-direction: column;align-items: center;opacity: 0;transition: 0.5s all ,background 0s;transform: translateY(-1rem);pointer-events: none;gap: 0;margin: 1rem;margin-top: calc(1rem + var(--logoH));/* height: calc(100dvh - var(--headerH) - 2rem); */pointer-events: none;}
    .navbarNav.--isOpen{opacity: 1;transform: translateY(0);pointer-events: all;transition-delay: 0.5s,0s;padding: 1rem 0;border-radius: 1rem;overflow-y: auto;}
	.navContent, .navbarBtn{align-items: unset;gap: 0.5rem;}
	.navbarToggle{padding: clamp(0.625rem,1vw,1rem);width: calc(var(--logoH,3rem) + clamp(0.25rem,0.5vw,0.625rem) * 2);height: auto;background: var(--mjColor-d);border-radius: 0 0 0 1rem;}
	.navOverlay{content:'';width: 5rem;height: 100%;background: rgb(98 85 169 / 85%);position: absolute;top: 0;right: 0;transition: 0.3s all ease-in;opacity: 0;pointer-events: none;-webkit-backdrop-filter: blur(0.5rem);backdrop-filter: blur(0.5rem);z-index: -1;}
	.--isOpen + .navOverlay{opacity: 1;width:100vw;height:100vh;transition: 0.3s all ease-in,0s opacity;pointer-events: all;}
	.navbarBtnWrap{gap: 1rem;margin-top: 2rem;flex-direction: column;width: 100%;padding: 0 1rem;}
	.navbarBtn{border-radius: 0.5rem;display:inline-flex;align-items: center;justify-content: center;/* font-size: 2rem; *//* width: calc(var(--logoH,3rem) + 0.625rem * 2); */border: 1px solid rgba(255,255,255,0.5);padding: 1rem;}
	.navbarBtn .txt{/* display:none; */}
	.navbarNav.--isOpen *{pointer-events:all;}
	.breadCrumbs{padding-right: 3rem;}
	
    /* 側邊欄選單（手機版） */
    .sideNavWrap.--isOpen{display: block !important;}
    .navLink{padding: 1.25rem 1rem;margin: 0 1rem;position: relative;display: flex;gap: 1rem;justify-content: space-between;align-items: center;color: #fff;}
	.navLink:after{--cl: #fff;content:'\F285';font-family:'Bootstrap-icons';color: var(--cl);text-shadow: 0 0 var(--cl),0 0 var(--cl),0 0 var(--cl);}
	.navbarNav__item:not(:last-child) .navLink{border-bottom: 1px solid rgba(255,255,255,0.15);}
    .navSub{position: static;}
    .navSub.dropdownMenu{display: none;}
    .navbarNav .dropdown:has(.--isOpen) .navSub.dropdownMenu{display: block;}

	/*!991 banner*/
	.banner{padding:0;}
	.banner__box{border-radius:0}
	.bnContent{padding-bottom:0;}

	/*!991 首頁*/
	.abIxBox{--imgW: 20rem;flex-direction:column-reverse;padding-bottom: calc(var(--imgW) * 9 / 16 + clamp(2.5rem,4vw,4rem));position: relative;}
	.abIxBox__item,.abIxBox__media{width:100%;}
	.abIxBox__media{position: absolute;bottom: 8%;right: 0;width: 60%;aspect-ratio: 16/9;}
	.abIxBox__pic{min-height:auto;}
	.abIxBox__media:before{top:unset;bottom: 1rem;left: -1.5rem;transform: translate(-100%,-100%);width: 2.5rem;}
	/*!991 首頁-訊息公告*/
	.cardBox__item{--imgW:20rem;width: 100%;display: grid;grid-template-columns: clamp(10rem,25vw,12rem) 1fr;}
	/*!991 app*/
	.blockHeight--ixApp{/* border-top-left-radius:2rem; */}
	.appIxBox{flex-direction:column;gap: clamp(3rem,4vw,4rem);}
	.appIxBox .mainTitle{justify-content:center;margin: auto;margin-bottom: 2rem;}
	.appStore{justify-content:center;}
	.appBox{width:100%;padding: 0;}
	.appImg{width: min(20rem,80%);justify-content: center;margin: auto;}
	.blockHeight--ixApp:after{height:auto;width: 100%;left: 0;bottom: 5%;top: unset;opacity: 1;transform: scale(1);}

	.calcWrap{flex-direction:column-reverse;}
	.calcInfor{width:100%;position:unset;}
	.calcForm{width:100%;}
}

@media screen and (max-width: 768px) {
	.container{--bs-gutter-x: 3rem;}
    /*!768====RWD編輯器表格(X捲軸)*/
	.tableContainer{width:100%;overflow-x: scroll;overflow-y:auto;_overflow:auto;margin:0 0 1em}
	/*!768====圖文&編輯器 */
    .img-left,.img-right{flex-direction: column;gap: 0;}
    .img-left figure,.img-right figure{width:100%}
    .img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width:100%;padding:1rem 0 0 0}
	/*!768 banner*/
	.banner{--picSize:800/900;}
	.banner__box{border-radius:0}
	.bnContent{/* top: 35%; */}
	/*!768 首頁-服務項目*/
	.blockHeight--ixService:after{--sp:0;border-radius:0;}
	.blockHeight--ixService{margin:0 1.5rem}
}


@media screen and (max-width: 640px) {
	.svIxBox{--num:1;}

	/*!內頁-*/
	.cardBox__item{display:block;}
	.cardBoxCt{padding:1rem 0}
}

@media screen and (max-width:480px){
	.abIxBox__media{width:70%}
}

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