@charset "utf-8";

/* CSS Document */
body{font-family:'Noto Sans TC','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:var(--black);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:var(--bodyColor);letter-spacing: 0.7px;overflow-x: clip;}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 9999;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.mask::before{content:"";position: fixed;left: 0;top:0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: 3;}
body.page-fade::after {opacity: 1;}
.wow {opacity: 0;  visibility: hidden;}
body.js--animateReady .wow { opacity: 1;  visibility: visible;  transition: opacity 0.6s ease;}
/*--------------------------------------------------*/
a{color:var(--black);text-decoration:none;-o-transition:var(--transition);-webkit-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}
a:hover{}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    image-rendering: crisp-edges;
}
:root{
    --mjColor: #075A8D; /* 主色 */
    --mjColor-d: #0D3248;
    --mjColor-l: #0A7CC2;
    --subColor: #F08300; /* 副色 */

    --bodyColor:#222C33;
    --bodyColor-l:#6F7579;
    --bodyColor-d:#181E22;
    --black: #333;

    --bgColor:  #f0f0f0/*#EAEAEA*/;
    --borderColor:#ACACAC;

    --radius-s:0.4rem;
    --radius-m:clamp(0.4rem,1vw,0.75rem);;
    --radius-x:clamp(0.8rem,1.5vw,1.25rem);
    --radius-xl:2.5rem;
    --radius-all:80rem;

    --gray: #999;
    --gray-d: #777;
    --gray-l: #ccc;
    --gray-lx2: #eee;

    --red: #d40023;

    --transition: all .3s linear;
    --transition-ease: all .3s ease-out;
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine,.red{--cl: var(--red);}
.alertLine{border-color: var(--cl);}
.red{color: var(--cl);}

/* !====載入logo動畫 */
#preloader{position:fixed;inset:0;background:var(--mjColor);z-index:99999; clip-path:circle(150% at 50% 50%);transition:all 1s cubic-bezier(0.77,0,0.175,1);display:flex;align-items:center;justify-content:center;opacity: 1;backface-visibility: hidden;-webkit-backface-visibility: hidden; /* iOS */transform: translateZ(0);}
.loader{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);animation: loaderPulse 2s ease-in-out infinite;animation-delay: 2.5s; }
.loader svg{ width: clamp(10rem,20vw,15rem);height: auto;overflow: visible; transform: translateZ(0); /* 強制 GPU */ opacity: 1;}
.logo-part{transform-origin:center bottom;transform:scaleY(0);opacity:0;animation:bounceUp 0.8s ease-out forwards;}
/* 每個 path 依序延遲 */
.logo-part:nth-of-type(1) { animation-delay: 0s; }
.logo-part:nth-of-type(2) { animation-delay: 0.15s; }
.logo-part:nth-of-type(3) { animation-delay: 0.3s; }
.logo-part:nth-of-type(4) { animation-delay: 0.45s; }
.logo-part:nth-of-type(5) { animation-delay: 0.6s; }
.logo-part:nth-of-type(6) { animation-delay: 0.75s; }
.logo-part:nth-of-type(7) { animation-delay: 0.9s; }
/* 星星：旋轉 + 放大出現 */
.loader .star{transform-origin:center center;transform:scale(0) rotate(0deg);opacity:0;animation:starPop 0.8s ease-out forwards;animation-delay:1.2s;/}
#preloader.hide{ /*clip-path:circle(0% at 50% 50%);*/ opacity: 0;}
@keyframes bounceUp{0%{transform:scaleY(0);opacity:0;}
40%{transform:scaleY(1.3);opacity:1;}
70%{transform:scaleY(0.85);}
100%{transform:scaleY(1);opacity:1;}
}
@keyframes starPop{0%{transform:scale(0) rotate(-180deg);opacity:0;}
60%{transform:scale(1.2) rotate(20deg);opacity:1;}
100%{transform:scale(1) rotate(0deg);opacity:1;}
}
/* 外層縮放呼吸效果 */
@keyframes loaderPulse{0%,100%{transform:translate(-50%,-50%) scale(1);}
50%{transform:translate(-50%,-50%) scale(1.05);}
}


/* !====連結底線 */
.aLink{text-decoration: underline;transition: var(--transition);}
.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;}

/* !====按鈕 */
.btnGroup{display: flex;gap:clamp(0.5rem,1vw,1rem);justify-content: center;}
.--backBtn,.--bottomBtn{margin-top: clamp(3rem,4vw,4rem);}
.btnStyle{position: relative;width: max-content;;display: flex;gap:clamp(0.2rem,0.5vw,0.6rem);font-size: clamp(1rem,1.2vw,1.125rem);padding: clamp(0.6rem,1.5vw,1rem) 0.8rem clamp(0.6rem,1.5vw,1rem) 1.25rem;background: var(--mjColor);border-radius: var(--radius-all);color:#fff;overflow: hidden; }
.btnStyle.--long{padding:clamp(0.5rem,1.5vw,1rem) clamp( 1.5rem,2.5vw,2rem) clamp(0.5rem,1.5vw,1rem) clamp( 2rem,5vw,4rem)}
.btnStyle.--onlyTxt{padding:clamp(0.8rem,1.5vw,1rem) 2rem}
.btnStyle.--onlyTxt.en{font-weight: 300;padding:clamp(0.5rem,0.8vw,0.75rem) 1.25rem}
.btnStyle::before{content:"";display: block;position: absolute;top:0;left: 0;transform: translateX(-100%);width: 100%;height: 100%;border-radius: var(--radius-all);background:var(--subColor);transition: var(--transition);}
.btnStyle__arrow,.btnStyle__txt{position: relative;z-index: 2;font-size: 1.125rem;}
.btnStyle__arrow{position: relative;;width: 1.625rem;transform: rotate(-45deg);}
.btnStyle__arrow::before,.btnStyle__arrow::after{display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);transition: var(--transition);}
.btnStyle__arrow::before{content:"";width: 0.375rem;height: 0.375rem;border-radius: 50%;background: #fff;}
.btnStyle__arrow::after{font-size: 1.25rem;font-weight: 600;opacity: 0; color:var(--subColor)}
.btnStyle:hover::before{transform: translateX(0);}
.btnStyle:hover .btnStyle__arrow::before{width: 1.5rem;height: 1.5rem;}
.btnStyle:hover .btnStyle__arrow::after{opacity: 1;}
.btnStyle.--white{background: #fff;color:var(--mjColor)}
.btnStyle.--white .btnStyle__arrow::before{background: var(--mjColor);}
.btnStyle.--white:hover{color:#fff}
.btnStyle.--white:hover .btnStyle__arrow::before{background: #fff}

/* !====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:clamp(1rem,2vw,2rem) 0;}
.blockHeight--lg{padding:clamp(4rem,8vw,7.5rem) 0}
.blockHeight--gray{background: var(--bgColor);}
.blockHeight--blue{background: var(--mjColor);}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}


/* !====共用 */
img{width: 100%;max-width: 100%;}
.webShow{display: block;}
.webShow.btnStyle{display: flex;}
.mobileShow{display: none;}
.en{font-family: 'Outfit';}
[class*="ratio--"]{position:relative;width:100%;overflow:hidden;}
[class*="ratio--"] img{width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}
[class*="ratio--"]:hover img{transform: scale(1.1);}
.ratio--1x1{aspect-ratio: 1 / 1;}
.ratio--5x3{aspect-ratio: 5 / 3;}
.ratio--2x1{aspect-ratio: 2 / 1;}
.ratio--4x3{aspect-ratio: 4 / 3;}
.ratio--16x9{aspect-ratio: 16 / 9;}
.ratio--4x5{aspect-ratio: 4 / 5;}
.cardEffect,.cardEffect02{position: relative;}
.cardEffect::before{content:"";display: block;position: absolute;right:0;bottom:-1px;width:0;aspect-ratio: 1/1;background: url(../images/all/hoverShape02.svg)no-repeat center center / contain;z-index: 2;transition:0.4s all ease-in-out;}
.cardEffect:hover::before{width: clamp(2rem,5vw,4rem);}

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

/* !====標題 */
.titleGroup {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: clamp(1.5rem,4.5vw,4rem);}
.titleGroup.--col{flex-direction: column;gap:clamp(1.5rem,3.5vw,3rem);align-items: flex-start;}
.titleGroup.--white .mainTitle__sub{color:#fff;font-weight: 400;}
.titleGroup.--white .mainTitle__mj{color:#fff;font-weight: 500;}
.mainTitle.--inBn{position: absolute;left: 0;bottom:0;padding: clamp(0.8rem,1.5vw,1.25rem) clamp(1.5rem,4vw,3.5rem) 0 clamp(1.25rem,4.5vw,6rem);background: #fff;border-top-right-radius: var(--radius-x); }
.mainTitle.--inBn::after{content:"";display: block;width: calc(100% + clamp(1.5rem,2vw,2rem)*0.2);height: 4px;position: absolute;left: 0;bottom:-1px;background: #fff;}
.mainTitle.--inBn .mainTitle__mj{ position: relative;font-size: clamp(1.75rem,3.5vw,3.5rem); color:var(--mjColor-d)}
.mainTitle.--inBn .mainTitle__sub{color:var(--mjColor)}
.mainTitle.--inBn::before{content:"";position:absolute;right:0.2rem;bottom:-0.1rem;width:clamp(1.5rem,2vw,2rem);aspect-ratio:1 / 1;background:url(../images/all/radiusD.svg) no-repeat center center / contain;transform:translateX(100%) scaleY(-1);z-index:2;}
.mainTitle{display: flex;flex-direction: column;justify-content: start;align-items: baseline;}
.mainTitle__mj{font-size: clamp(1.5rem,3.5vw,3rem);font-weight: 700;color:var(--mjColor)}
.mainTitle__sub{position: relative;;font-size: clamp(0.875rem,1.5vw,1.5rem);font-family: 'Outfit';color:var(--bodyColor-d);font-weight: 500;}
.mainTitle__sub::before{content:"";display: inline-block;margin-right: 0.5rem;width: 0.68rem;aspect-ratio: 11/13;background: url(../images/all/titStar.svg)no-repeat center center / contain;}
.pageTitle{position: relative;margin-bottom: clamp(1.5rem,2.5vw,3rem);}
.pageTitle__mj{margin-bottom: 0.5rem;white-space: nowrap;font-size: clamp(1.5rem,3vw,2.5rem);font-weight: 700;color:var(--mjColor)}
.pageTitle__sub{position: relative;display: flex;align-items: center;gap:0.8rem;color:var(--borderColor);font-family: 'Outfit';white-space: nowrap;font-size: clamp(1rem,1.5vw,1.25rem);font-weight: 500;}
.pageTitle__sub::after{content:"";display: inline-block;width: 100%;height:1px;background: var(--borderColor);}
.--inBn .mainTitle__mj{transform:translateY(150%);animation:UpTxt 1s ease-out 0.2s forwards;}

/* !====banner */
.--banner{max-width: 100%;}
.bannerBox{position: relative;}
.sloganTxt{position: absolute;display: flex;flex-direction: column; align-items: flex-start;left: 0;top:0;z-index: 2;}
.sloganTxt.reverse .sloganTxt__tit:first-of-type{border-radius:0 0 var(--radius-x) 0 ;}
.sloganTxt.reverse .sloganTxt__tit:first-of-type::after{display: none;}
.sloganTxt.reverse .sloganTxt__tit:last-of-type{border-radius: 0 0  var(--radius-x) 0;}
.sloganTxt.reverse .sloganTxt__tit:last-of-type::after{content:"";position: absolute;right: 0.1rem;top:-0.1rem;width:clamp(1.2rem,2vw,2rem);aspect-ratio: 1/1;background: url(../images/all/radiusD.svg)no-repeat center center / contain;transform: translateX(100%);z-index: 2;}
.sloganTxt__tit{position: relative;;display: flex;padding:clamp(0.2rem,1vw,0.5rem) clamp(1.5rem,2.5vw,2.5rem) clamp(0.2rem,1vw,0.5rem)  0;background: #fff;font-size: clamp(1.375rem,4vw,3.5rem);font-weight: 700;}
.sloganTxt__tit:last-of-type{border-radius: 0 var(--radius-x)  var(--radius-x) 0;color:var(--mjColor)}
.sloganTxt__tit:first-of-type:before{content:"";position: absolute;right: 0.15rem;top:-0.1rem;width: clamp(1.2rem,2vw,2rem);aspect-ratio: 1/1;background: url(../images/all/radiusD.svg)no-repeat center center / contain;transform: translateX(100%);z-index: 2;}
.sloganTxt__tit:first-of-type::after{content:"";position: absolute;right: 0.15rem;bottom:-0.1rem;width:clamp(1.2rem,2vw,2rem);aspect-ratio: 1/1;background: url(../images/all/radiusD.svg)no-repeat center center / contain;transform: translateX(100%) scaleY(-1);z-index: 2;}
.sloganTxt__tit:last-of-type::before{content:"";position: absolute;left: -0.1rem;bottom:0.1rem;width:clamp(1.2rem,2vw,2rem);aspect-ratio: 1/1;background: url(../images/all/radiusD.svg)no-repeat center center / contain;transform: translateY(100%);z-index: 2;}
.bannerTitle{position: absolute;left: clamp(1.25rem,3.5vw,3rem);bottom:clamp(4.5rem,6vw,6rem);z-index: 4;font-size: clamp(1.5rem,4vw,3.75rem);font-weight: 600;color:#fff;letter-spacing: 0.25rem;}
.bannerImg{width: 100%;height: 100%;;overflow: hidden;border-radius: var(--radius-x);}
.bannerBox .swiper-pagination-bullet{background: #fff;}
body .bnSwiper { --ctaW:clamp(9rem,13vw,12.5rem);border-radius: var(--radius-x);overflow: visible;}
body .bannerBox .swiper-pagination{bottom:clamp(2.3rem,2.5vw,2.5rem);left: clamp(1.25rem,3.5vw,3rem);text-align: left;}
.bnSwiper .swiper-slide{position: relative;;width: 100%;height: calc(100vh - var(--headerH) - (var(--ctaW) / 3.2))}
.bnSwiper .swiper-slide::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(28, 36, 42, 0.00) 59.42%, rgba(28, 36, 42, 0.60) 95.39%);;border-radius: var(--radius-x);}
.bnSwiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.circleBtn{border-radius: 50%;background: #fff;width: clamp(7rem,15vw,13.5rem);aspect-ratio: 1/1;}
.bnSwiper .circleBtn,.bannerBox .circleBtn{position: absolute;right:7%;bottom:0;transform: translateY(50%);z-index: 2;}
.bnSwiper .bannerLink{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.circleBtn::before,.circleBtn::after{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.circleBtn::before{content:"";width: 70%;aspect-ratio: 1/1;background: var(--subColor);border-radius: 50%;}
.circleBtn::after{content:"";width: 90%;aspect-ratio: 1/1;background: url(../images/all/circleBtn_txt.svg)no-repeat center center / contain;animation: spin 15s linear infinite;transform: translate(-50%, -50%) rotate(0deg);transform-origin: center center;}
.circleBtn__icon{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;font-size: 1.5em;transition: var(--transition);}
.circleBtn:hover .circleBtn__icon{transform: translate(-50%,-50%) rotate(45deg);}

/* !====內頁BN*/
.pgBanner{position: relative;;/*min-height: clamp(15rem,40vw,35rem)*/;min-height: clamp(13rem,22vw,30rem);margin-bottom: clamp(1.25rem,2vw,2rem);overflow: hidden; /* 初始收起 */
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);animation: revealBg 1s ease-out 0s forwards;}
.pgBanner::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: var(--mjColor);opacity: .2;}
.pgBanner__img{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.pgBanner__img picture{position:relative;display:block;width:100%;height:100%;}
.pgBanner__img picture img{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}

/* !====麵包屑*/
.breadCrumbs{--gap: 1.5rem;gap: 0.2rem var(--gap);display: flex;justify-content: flex-end; flex-wrap: wrap;list-style: none;padding-left: 0; margin-bottom: clamp(0.5rem,0.5vw,1.125rem);}
.breadCrumbs__item{position: relative;}
.breadCrumbs__item+ .breadCrumbs__item::before{content:'';position:absolute;width:0.375rem;aspect-ratio:1;background:var(--borderColor);opacity:0.5;border-radius:100rem;left:calc(var(--gap) * -0.5);top:53%;transform:translate(-50%,-50%);}
.breadCrumbs__item a{color:var(--bodyColor-l);font-size: clamp(1rem,1.2vw,1.125rem);}
.breadCrumbs__item a:hover{color: var(--mjColor-d);}
.breadCrumbs__item:last-of-type a{color: var(--mjColor-d);}

/* !====側選單*/
.--hasSideBar{display: flex;gap:clamp(1.5rem,5.5vw,6rem); align-items: flex-start;}
.--hasSideBar.--sideBarCol{display: block;}
.--sideBarCol  .sidebar{width: 100%;position: relative;top:auto}
.--sideBarCol .sideToggle{display: none;}
.--sideBarCol .sideNav{display: flex;gap:1rem;align-items: center;padding:0;margin-bottom: clamp(1.5rem,3.5vw,3.5rem);background: none;flex-wrap: wrap;}
.--sideBarCol .sideNav::before{display: none;}
.--sideBarCol .sideNav__item{display: inline-block;padding:clamp(0.6rem,1vw,0.8rem) clamp(1.125rem,2vw,2rem);border-radius: var(--radius-xl);border:1px solid;margin:0}
.--sideBarCol .sideNav__item.active::before{display: none;}
.--sideBarCol .sideNav__item.active::after{display: none;}
.--sideBarCol  .sideNav__item.active{margin: 0;background: var(--mjColor-d);color:#fff;border-radius: var(--radius-xl);}
.--sideBarCol .active >.sideNavLink{color:#fff}
.--sideBarCol .sideNavLink span::before{display: none;}
.--sideBarCol .sideNavLink span{padding-right: 0;}
.--sideBarCol .sideNav__item:hover .sideNavLink{color:#fff}
.--sideBarCol .sideNav__item:not(.active):hover{background: var(--mjColor-d);}

.sidebar{position: sticky;top:calc(2rem + var(--headerH));width: clamp(15rem,25vw,20rem);border-radius: var(--radius-x);overflow: hidden;flex:0 0 auto}
.sidebar .mobile{display: none;}
.blockHeight--inner{width: 100%;padding-bottom: clamp(3rem,8vw,8rem);}
.sideToggle{outline: none;border:none;margin-bottom: -2px;width: 100%;padding:clamp(0.5rem,1vw,0.8rem) clamp(0.8rem,1.5vw,1.25rem);color:var(--bodyColor);background: var(--mjColor);font-family: 'Outfit';color:#fff;font-size: clamp(1.25rem,1.5vw,1.375rem);letter-spacing: 0.1rem;}
.sideNav{position: relative;;list-style: none;padding:clamp(1rem,1.2vw, 1.2rem) 0 clamp(1rem,3vw, 2rem)  clamp(1rem,3vw,2.5rem);background: var(--bgColor);/*max-height: 70vh;*/}
.sideNav::before{content:"";display: block;position: absolute;left: 0;top:0;width: 40%;height: 100%;background: var(--mjColor-l);transform: translateX(-100%);}
.sideNav__item{position: relative;padding:clamp(0.5rem,1.5vw,1rem) clamp(1rem,2vw,2rem)}
.sideNav__item.active{margin:1rem 0;background: #fff;border-radius: 2rem 0 0 2rem;}
.sideNav__item.active::before{content:"";position:absolute;right:-0.1rem;bottom:0.1rem;width:clamp(1rem,2vw,1.5rem);aspect-ratio:1 / 1;background:url(../images/all/radiusD.svg) no-repeat center center / contain;transform:translateY(100%) scaleX(-1);z-index:2;}
.sideNav__item.active::after{content:"";position:absolute;right:-0.1rem;top:0rem;width:clamp(1rem,2vw,1.5rem);aspect-ratio:1 / 1;background:url(../images/all/radiusD.svg) no-repeat center center / contain;transform:translateY(-100%) scaleX(-1) scaleY(-1);;z-index:2;}
.sideNavLink { display: block;;color:var(--bodyColor);font-weight: 500;font-size: clamp(1.125rem,1.5vw,1.25rem);}
.sideNavLink span{display: flex;align-items: center;gap:0.8rem;padding-right: 10px;}
.sideNavLink span::before{content:"";display: inline-block;flex:0 0 auto;width: 0rem;height: 0rem;border-radius: 50%;background: var(--mjColor);;background: var(--mjColor);transition: var(--transition);}
.sideNav__item:hover .sideNavLink span::before{width:0.4rem;height:0.4rem;}
.sideNav__item:hover .sideNavLink{color:var(--mjColor)}
.active >.sideNavLink {color:var(--mjColor)}
.active >.sideNavLink span::before{content:"";width: 0.4rem;height: 0.4rem;background: var(--mjColor);}
.sideNavSub{list-style: none;padding-left: 1.25rem;}
.sideNavDrop{margin-top: clamp(0.5rem,1vw,1rem);}
.sideNavSub__item{font-size: clamp(1rem,1.5vw,1.125rem);}
.sideNavSub__item.active a{color:var(--mjColor-d);font-weight: 600;}
.sideNavSub__item +.sideNavSub__item {margin-top: clamp(0.2rem,1vw,0.6rem);}
.sideNavSubLink{font-weight: 500;color:var(--bodyColor-l)}
.sideNavSubLink:hover{color:var(--mjColor-d)}
.sideNavLink.--hasSub{position: relative;}
.sideNavLink.--hasSub::after{content:'';display:block;width:10px;height:10px;border-top:2px solid var(--cl,var(--bodyColor-l));border-right:2px solid var(--cl,var(--bodyColor-l));transform:rotate(135deg);position:absolute;top:0.5rem;right:0rem;}
.sideNav__item:not(:has(.sideNavDrop)) .sideNavLink.--hasSub::after{display:none;}
.sideNavLink.--hasSub.--isOpen::after,
.sideNav__item.active .sideNavLink.--hasSub::after{transform: rotate(-45deg);border-color: var(--mjColor);top: 0.75rem;}
.sideNavDrop{max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}
.sideNav__item.active .sideNavDrop{max-height:inherit!important}
.mainCont{flex:1}

/* 輪播樣式 */
body .swiper-pagination-bullet{width:clamp(1.2rem,3vw,2.5rem) ;opacity: .5;border-radius: 10px;height: 3px;background: var(--bodyColor);}
body .swiper-pagination-bullet-active{opacity: 1;width:clamp(4rem,5vw,6rem);background: var(--mjColor);}
body .swiper-prev,body .swiper-next{border:none;position: relative;width: clamp(2.5rem,4vw,3.75rem);aspect-ratio: 1/1;background: var(--bgColor);border-radius: 50%;transition: var(--transition);}
body .swiper-next{margin-left: 0.5rem;}
body .swiper-prev:hover,body .swiper-next:hover{background: var(--mjColor)}
body .swiper-prev:hover span,body .swiper-next:hover span{color:#fff}
body .swiper-button-disabled:hover{background: var(--bgColor);}
body .swiper-prev{transform: scale(-1);}
body .swiper-button-disabled:hover span{color:var(--bodyColor-d);}
.swiperControl span.bi-right{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:var(--bodyColor-d);transition: var(--transition);font-size: clamp(1rem, 1.5vw, 1.375rem);line-height: 1;letter-spacing: 0;}
.swiper-button-disabled{opacity: .5;}

/* !====首頁 新聞中心*/
.blockHeight--ixNews{margin-top: clamp(3rem,5vw,5rem);padding-bottom: clamp(4rem,8vw,7.5rem);}
.blockHeight--ixNews .container{display: flex;justify-content: space-between;gap:clamp(1rem,5vw,5rem)}
.ixNewsList{width: 100%;height: clamp(24rem,40vw,34.75rem);overflow: hidden;}
.ixNewsTit{width: 60%;display: flex;flex-direction: column;}
.ixNewsTit .titleGroup{flex-direction: row;justify-content: space-between;align-items: center;margin-bottom: clamp(1rem,2.5vw,2rem);}
.ixNewImg{width: 100%;overflow: hidden;flex: 1;border-radius: var(--radius-x);margin-bottom: clamp(0.8rem,1.5vw,1rem);}
.ixNewImg img{width: 100%;height: 100%;object-fit: cover;}
.blockHeight--ixNews .ixNewsList__item{display: flex;flex-direction: column;justify-content: center;border-bottom: 1px solid var(--borderColor);}
.ixNewsList__item:hover .newsDetail__Tag{ background: var(--subColor);border-color: var(--subColor);color:#fff}
.ixNewsList__item:hover .newsTit{color:var(--subColor)}
.newsDetail{margin-bottom: clamp(0.8rem,1.2vw,1rem);}
.newsDetail__Tag{font-size: 0.875rem;padding:clamp(0.3rem,1vw,0.5rem) 0.75rem;border-radius: var(--radius-xl);border:1px solid;;transition: var(--transition);}
.newsDetail__Date{color:var(--bodyColor-l);margin-left: clamp(0.5rem,1vw,0.75rem);font-family: 'Outfit';}
.newsTit{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-bottom: clamp(0.25rem,1vw,0.5rem);transition: var(--transition);overflow: hidden;}
.newsCon{font-size: clamp(1rem,1.3vw,1.125rem);color:var(--bodyColor-l);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow: hidden;}

/* !====首頁 產品資訊*/
.blockHeight--ixService{position: relative;;border-radius: var(--radius-xl) var(--radius-xl) 0 0;}
.blockHeight--ixService::before{content:"";position: absolute;left: 0;bottom:0;width: clamp(2rem,3vw,2.5rem);aspect-ratio: 1/1;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M40 40C17.9086 40 3.06676e-05 22.0914 0 0L4.76995e-07 40H40Z" fill="%23075A8D"/></svg>')no-repeat left bottom / contain;}
.blockHeight--ixService::after{content:"";position: absolute;right: 0;bottom:0;transform: translateY(100%);width: clamp(2rem,3vw,2.5rem);aspect-ratio: 1/1;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M0 4.76995e-07C22.0914 2.13558e-07 40 17.9086 40 40V0L0 4.76995e-07Z" fill="%23EAEAEA"/></svg>')no-repeat right bottom / contain;}
.ixServiceList{display: flex;width: 100%;gap:clamp(1.25rem,3vw,3rem);counter-reset:num;--num: 3;--gap:clamp(1.25rem,3vw,3rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.ixServiceList__item{position: relative;width: 100%;background: #fff;border-radius: var(--radius-x);padding:clamp(1.5rem,2.5vw,2.5rem) clamp(1.25rem,2vw,2rem);transition: var(--transition);width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.ixServiceList__item::before{content:"";display: block;position: absolute;right:-1px;top:-1px;width: 0;aspect-ratio: 1/1;background:url(../images/all/hoverShape01.svg)no-repeat center center / contain;transition: var(--transition);}
.ixServiceList__item:hover{background: var(--mjColor);}
.ixServiceList__item:hover .serviceTit,.ixServiceList__item:hover .serviceTit::before{color:#fff}
.ixServiceList__item:hover::before{width: clamp(4rem,7vw,6rem)}
.serviceTit{position:relative;margin-bottom:clamp(1rem,1.5vw,1.25rem);padding-right:clamp(2.5rem,7vw,6rem);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:700;transition:var(--transition);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.serviceTit::before{counter-increment:num;  content:'PRODUCT 0'counter(num) '.';display: block;margin-bottom: clamp(0.25rem,1vw,0.5rem);font-family: 'Outfit';font-size: 1rem;font-weight: 400;color: var(--bodyColor-l);}
.serviceImg{border-radius: var(--radius-m);}

/* !====首頁 集團介紹*/
.blockHeight--ixCompany{display: flex;gap:clamp(2rem,6vw,5.5rem);justify-content: center;align-items: center;overflow-x: clip;padding:clamp(4rem,8vw,7.5rem) clamp(1.25rem,4vw,6rem) }
.ixCompany--txt{width: min(100%,50rem);}
.ixCompany--img{position: relative;width: clamp(20rem,55vw,35rem);}
.tabVerContent{opacity:1;transition:0.8s all cubic-bezier(0.165, 0.84, 0.44, 1);position:absolute;left:40%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);width:90%;transform-origin:50% -80%;}
.tabVerContent::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:var(--mjColor-d);transition:var(--transition);z-index:2;border-radius:var(--radius-m);}
.tabVerContent.active{opacity:1;left:50%;transform:translate(-50%,-50%) rotate(0deg);z-index:2;}
.tabVerContent.active::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.0);display:none;}
.tabsVerHead{ counter-reset:num;}
.ixCompanyList .serviceImg{display: none;}
.ixCompanyList__item{position: relative;;color:#fff;display: flex;gap:clamp(0.8rem,2vw,3rem) clamp(1.5rem,3vw,3rem);align-items: center;padding:clamp(1rem,2vw,2rem) 0;border-bottom: 1px solid rgba(255,255,255,0.5);}
.ixCompanyList__item::before{position: relative;z-index: 1;;counter-increment:num;content:'0'counter(num);font-family:'Outfit';font-size: clamp(1.125rem,1.3vw,1.25rem);font-weight: 300;}
.ixCompanyList__item.active{border-bottom: none;}
.ixCompanyList__item.active::after{content:"";width: 80vw;height: 100%;background: #000;opacity: .2;position: absolute;left: -20vw;bottom:0}
.ixCompanyList__item .bi-arrow{position: relative;z-index: 1;;width: clamp(1.25rem,2vw,1.5rem);aspect-ratio: 1/1;border-radius: 50%;background: #fff;opacity: 0;}
.ixCompanyList__item.active .bi-arrow{opacity: 1;}
.ixCompanyList__item .bi-arrow::after{color: var(--mjColor);position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);font-size: 1.25rem;}
.ixCompanyLogo{position: relative;z-index: 1;;display: flex;align-items: center;width: clamp(7rem,12vw,11rem);aspect-ratio: 8/3;padding:/*clamp(0.5rem,1vw,1rem)*/0.2rem;background: #ADCADB;border-radius: var(--radius-m);}
.ixCompanyName{position: relative;z-index: 1;font-size: clamp(1.125rem,1.3vw,1.25rem);flex:1;white-space: nowrap;}

/* !====首頁 人才招募*/
.blockHeight--ixCareers{position: relative;;padding:clamp(6rem,14vw,10.75rem) 0;background: url(../images/careers/ixCareersBg.jpg)no-repeat center center / cover;background-attachment: fixed;}
.blockHeight--ixCareers .circleBtn{position: absolute;z-index: 3;;display: block;right:6%;bottom:0;transform: translateY(50%);}
.blockHeight--ixCareers02  [class*="ratio--"]:hover img{transform: scale(1);}
.ixCa-Slogan{font-size: clamp(2.5rem,7vw,6rem);color:#fff;font-weight: 500;text-align: center;}
.scale-box{transition:transform 0.1s linear;transform-origin:center;}
.ixCa-Slogan__minTxt{display: inline-block;width: clamp(10rem,28vw,18.125rem);font-size: clamp(0.875rem,1.5vw,1.125rem);font-weight: 300;margin-left: 2rem;text-align: left;}
.ixCa-Slogan__mark{font-size: clamp(2rem,5vw,4.5rem);padding:0.5rem clamp(1rem,2vw,1.5rem);border-radius: 40rem;background: var(--subColor);}
/* 底下區塊 */
.blockHeight--ixCareers02{position: relative;;padding-top:clamp(4rem,8vw,8rem);padding-bottom: 0;--leftPd:clamp(12rem,18vw,22rem);--rightPd:clamp(4rem,12vw,10rem);}
.blockHeight--ixCareers02::before{content:"";position:absolute;left:calc( var(--indexImgH) - 0.1rem );top:0.1rem;width:clamp(1.25rem,1.5vw,1.5rem);aspect-ratio:1 / 1;background:url(../images/all/radiusD.svg) no-repeat center center / contain;transform:translate(0,-100%) scaleY(-1);z-index:2;}

.blockHeight--ixCareers02 .container{position: relative;}
.ixCareersBox{position: relative;}
.blockHeight--ixCareers02 [class*="ratio--"] img:hover{transform: scale(1);}
.ixCareersImg{padding-left: var(--leftPd);padding-right: var(--rightPd);}
.ixCareersLarge{border-radius: var(--radius-x);overflow: hidden;min-height: 30rem;aspect-ratio: 16/8;}
.ixCareersLarge img{object-position: right;}
.ixCareersTxt{position: absolute;left: 0;bottom:0;width: calc(var(--leftPd) + clamp(8rem,18vw,12rem));;padding:clamp(0.5rem,1vw,1rem) clamp(2rem,3.5vw,3rem) clamp(0.5rem,1vw,1rem) 0;background: #fff;border-radius: 0 var(--radius-x)0 0;z-index: 1;}
.ixCareersTxt::after{content:"";position:absolute;right:0.15rem;bottom:-0.1rem;width:clamp(1.5rem,2vw,2rem);aspect-ratio:1 / 1;background:url(../images/all/radiusD.svg) no-repeat center center / contain;transform:translateX(100%) scaleY(-1);z-index:2;}
.ixCareersTxt::before{content:"";position:absolute;right:calc(clamp(8rem,18vw,12rem) + 0.15rem);top:0rem;width:clamp(1.5rem,2vw,2rem);aspect-ratio:1 / 1;background:url(../images/all/radiusD.svg) no-repeat center center / contain;transform:translate(100%,-100%) scaleY(-1);z-index:2;}
.ixCareersTxt .mainTitle{position: absolute;left: 0;top:0;transform: translateY(-70%);}
.ixCareersTxt_tit{font-size:clamp(1.5rem,3.5vw,3rem);font-weight:700;color:var(--mjColor);white-space: nowrap;}
.ixCareersTxt_tit.--line{display: flex;align-items: center;gap:clamp(0.5rem,1vw,1rem)}
.ixCareersTxt_tit.--line::after{content:"";display: block;width: 100%;height: 1px;background: var(--borderColor);}
.--leftSp{padding-left: clamp(2rem,3.5vw,3rem);}
.ixCareersTxt_con{font-size:clamp(1rem,1.5vw,1.125rem);color:var(--bodyColor-l);margin-top: clamp(1rem,1.3vw,1.25rem);}
.ixCareersMini{position: absolute;left:0;top:0;transform: translateY(-40%);width: calc( var(--leftPd) + clamp(1.25rem,3.5vw,6rem) / 2 );border-radius: 0 var(--radius-x) var(--radius-x) 0;border:clamp(1.125rem,2vw,3rem) solid #fff;border-left: none;background: #fff;}
.ixCareersMini img{border-radius:0 var(--radius-m) var(--radius-m) 0;}
.ixCareersSlogan{width: calc(100vw - 2rem);aspect-ratio: 144 / 9;margin:clamp(2rem,5vw,5rem) 0;background: url(../images/careers/ixCareersSlogan.svg)no-repeat center center / contain;text-indent: -999rem;}
.ixCareersDetail{position: absolute;right:0;top:0;height: 100%;display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;}
.ixCareersIcon{flex:1;display: flex;flex-direction: column;gap:clamp(0.8rem,1.5vw,0.8rem);justify-content: center;width: calc(var(--rightPd) + clamp(2.5rem,7vw,6rem));}
.ixCareersBtn{position: relative;padding:clamp(1.25rem,2vw,1.7rem) 0 0 clamp(1.25rem,2vw,1.7rem);background: #fff;border-radius: var(--radius-x) 0 0 0;}
.ixCareersBtn::before{content:"";position:absolute;right:calc(var(--rightPd) - 0.15rem);top:0.1rem;width:clamp(1.5rem,2vw,2rem);aspect-ratio:1 / 1;background:url(../images/all/radiusD.svg) no-repeat center center / contain;transform:translate(0,-100%) scale(-1);z-index:2;}
.ixCareersBtn::after{content:"";position:absolute;left:0.15rem;bottom:-0.1rem;width:clamp(1.5rem,2vw,2rem);aspect-ratio:1 / 1;background:url(../images/all/radiusD.svg) no-repeat center center / contain;transform:translate(-100%,0%) scale(-1);z-index:2;}
.btnSpec{display: flex;align-items: center;}
.btnSpec:hover .btnSpec__txt,.btnSpec:hover .btnSpec__arrow{background: var(--subColor);}
.btnSpec__txt{display: block;padding:clamp(0.5rem,1.5vw,1rem) clamp(1.5rem,4.5vw,4.5rem) ;font-size: clamp(1.125rem,1.5vw,1.25rem);color:#fff;border-radius: var(--radius-xl);background: var(--mjColor);transition: var(--transition);}
.btnSpec__arrow{position: relative;display: inline-block;width: clamp(3rem,4.5vw,4rem);aspect-ratio: 1/1;background: var(--mjColor);border-radius: 50%;transition: var(--transition);transform: rotate(-45deg);}
.btnSpec__arrow::after{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);font-size: clamp(1.25rem,2vw,1.5rem);color:#fff;}
.ixCareersIcon__item{display: flex;gap:clamp(0.5rem,1vw,1rem);align-items: center;padding: clamp(0.8rem,1.5vw,1.25rem) clamp(1rem,2vw,2rem);background: #fff;border-radius: var(--radius-m);box-shadow: 0 0 37.368px 0 rgba(0, 0, 0, 0.09);font-weight: 500;font-size: clamp(0.93rem,1.5vw,1.125rem);}
.ixCareersIcon__item::before{content:"";width:clamp(3.5rem,10vw,6rem);aspect-ratio: 1/1;background-repeat: no-repeat;background-size: contain;background-position: center center;}
.ixCareersIcon__item.--team::before{background-image: url(../images/careers/careers_icon01.svg);}
.ixCareersIcon__item.--award::before{background-image: url(../images/careers/careers_icon02.svg);}
.ixCareersIcon__item.--study::before{background-image: url(../images/careers/careers_icon03.svg);}

/* !====footer */
footer{position: relative;background:var(--bodyColor);color:#fff;text-align:center}
footer .container{max-width: 100%;}
.ftTop{padding-top: clamp(3rem,6vw,5rem);padding-bottom: clamp(2rem,4vw,3.75rem);display: flex;justify-content: space-between;align-items: flex-end;}
.ftLogo{display: block;width: clamp(9rem,16vw,15rem);;aspect-ratio: 8/3;margin-bottom: clamp(1rem,2vw,1.5rem);background: url(../images/all/logo_white.png)no-repeat center center / contain;}
.ftInfo__addr{margin-bottom: 1rem;}
.ftInfo__addr,.ftInfoList a,.ftInfoList p{display: block;font-size: clamp(0.93rem,1vw,1rem);text-align: left;color:#fff;font-weight: 300;text-decoration: none!important; color: inherit !important;}
.ftInfoList p a{ text-decoration: none!important; color: inherit !important; }
.ftInfoList{display: flex;gap:clamp(0.75rem,1.5vw,1.5rem)}
footer a{color:#fff}
footer a:hover{color:var(--subColor)}
.ftInfoList__item::before{width: 1.5rem;height: 1.5rem;background: rgba(0,0,0,0.2);border-radius: var(--radius-s);text-align: center;line-height: 1.5rem;margin-right: 0.5rem;font-size: 0.75rem;}
.ftNav{display: flex;gap:clamp(0.93rem,2vw,1.5rem)}
.ftNav__item{color:#fff;font-size: clamp(1rem,1.3vw,1.125rem);}
.socialBtn{display: flex;justify-content: flex-end;gap:clamp(0.5rem,1vw,1rem);margin-bottom: clamp(0.8rem,1vw,1rem);}
.socialBtn__item{width: clamp(2.5rem,4vw,3rem); aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;border-radius: 50%;border:1px solid #fff;transition: var(--transition);}
.socialBtn__item:hover{background: rgba(255,255,255,0.15);}
.socialBtn__item::after{content:"";width: 80%;aspect-ratio: 1/1;background-repeat: no-repeat; background-position: center center;background-size: contain;}
.socialBtn__item.--fb::after{background-image: url(../images/all/social_fb.png);}
.socialBtn__item.--line::after{background-image: url(../images/all/social_line.png);}
.socialBtn__item.--yt::after{background-image: url(../images/all/social_yt.png);}
.copyright{padding:clamp(0.8rem,1.5vw,1.375rem);font-size: 0.875rem;font-weight: 300;border-top: 1px solid rgba(255,255,255,0.3);}
.ftOtComp{display: flex;gap:clamp(0.5rem,1vw,0.8rem);justify-content: flex-end;margin-top: clamp(2rem, 4vw, 2.5rem);--w:clamp(1.8rem,3.5vw,2.4rem);}
.ftOtComp__item{background-color:rgb(26 31 34);display: flex;align-items: center;justify-content: center;border-radius: var(--radius-s);padding:clamp(0.2rem,1vw,0.3rem) 0}
.ftOtComp__item::before{content:"";display: inline-block;background-repeat: no-repeat;background-position: center center;transition: var(--transition);filter: brightness(0) invert(1);}
.ftOtComp__item.--san::before{height: var(--w);aspect-ratio: 1000/160;;background-image:url(../images/all/ft_otcompany01.png) ;background-size: contain;}
.ftOtComp__item.--uniring::before{height: var(--w);aspect-ratio: 409/160;background-image:url(../images/all/ft_otcompany02.png) ;background-size: contain;padding:0 0.5rem}
.ftOtComp__item:hover{background-color: rgba(255,255,255,1);}
.ftOtComp__item:hover::before{filter:initial}
/* !====得獎肯定 */
.awardList{--num: 3;--gap:clamp(1rem,2.5vw,3.5rem);display:flex;gap: clamp(2rem,3vw,2.5rem) var(--gap) ;flex-wrap: wrap;}
.awardList__item{position: relative;;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.awardList__item:hover .awardListImg::after{opacity: 0;}
.awardList__item:hover .awardListTit{color: var(--mjColor-d);}
.awardList__item:hover::before{border-radius:var(--radius-m);transform:translateY(-20%) scale(1.1);background-color:var(--subColor);}
.awardListImg {position: relative;;border-radius: var(--radius-m);}
.detailTitle.--award::before{content:"";display: block;margin-bottom: clamp(0.5rem,1vw,1rem);width: clamp(2rem,4vw,3rem);aspect-ratio: 1/1;background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="37" viewBox="0 0 23 37" fill="none"><path d="M14.0391 3.79845L12.3848 0.166656L10.7305 3.79845L7.01367 4.33663L9.70867 6.94555L9.07718 10.6277L12.3848 8.88946L15.6924 10.6277L15.0599 6.94455L17.7559 4.33663L14.0391 3.79845Z" fill="%23075A8D"/><path d="M22.0527 34.6849H19.9043C19.9043 33.4983 18.9424 32.5365 17.7559 32.5365H7.01367C5.82709 32.5365 4.86523 33.4983 4.86523 34.6849H2.7168V36.8333H22.0527V34.6849Z" fill="%23075A8D"/><path d="M7.0129 30.388H17.7551C17.8439 30.388 17.927 30.4088 18.0145 30.4142L22.2167 11.3578L17.6486 9.32765L18.5461 14.5542L12.384 11.3169L6.22299 14.5542L7.39897 7.69978L2.37514 2.83744L0.111328 1.53348L6.74298 30.4152C6.83393 30.4095 6.92044 30.388 7.0129 30.388ZM9.16133 17.3541H15.6066V19.5026H9.16133V17.3541ZM9.16133 21.651H15.6066V23.7995H9.16133V21.651Z" fill="%23075A8D"/></svg>')no-repeat center center / 45% auto;border-radius: var(--radius-m);}
.awardListTit{display: flex;align-items: center;margin-top: clamp(0.5rem,1.5vw,0.8rem);;color:var(--bodyColor-l);z-index: 3;}
.awardListTit__year{display: flex;align-items: center;position: relative;;font-size: clamp(1.5rem,1.5vw,2rem);font-family: 'Outfit';}
.awardListTit__year::after{content:"";display: inline-block;width: 1px;height: clamp(1.5rem,2.5vw,2.5rem);background: #c3c3c3;margin:0 clamp(0.5rem,0.8vw,1rem)}
.awardListTit__con{font-size:clamp(1rem,1.2vw,1.125rem);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight: 500;}
.awardItemCard{position: relative;;display: flex;align-items:center;gap:0;border-radius: var(--radius-x);background-color: var(--mjColor);color:#fff;margin-bottom: clamp(2rem,4vw,4rem);}
.awardItemCard::after{content:"";position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 98%;height: 95%;border:6px solid rgba(255,255,255,0.15);z-index: 2;border-radius:clamp(0.8rem,1.3vw,1rem);}
.awardItemCard::before{content:"";display: block;position:absolute;;width: 100vw;z-index: -1;height: 50%;background: var(--bgColor);left: 50%;top:50%;transform: translate(-50%,-50%);}
.detailTitle.--award,.awardItemCard__img{position: relative;;width: 100%;;padding:clamp(2rem,4vw,4rem)}
.detailTitle__mj{position: relative;;font-weight: 500;font-size: clamp(1.375rem,2vw,1.5rem);}
.detailTitle__year{position: relative;;display: flex;align-items: center;font-size: clamp(2rem,5vw,4rem);font-weight: 500;}
.detailTitle__year::after{content:"";display: block;width:100%;height: 1px;background: rgba(255,255,255,0.5);margin-left: clamp(1rem,2vw,2rem);}
.--awardContainer{position: relative;margin-top: clamp(1rem,3vw,3rem);}
.awardAlbumList{--num: 3;--gap:clamp(0.8rem,1.5vw,1.5rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;  counter-reset:num;}
.awardAlbumList__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );border-radius: var(--radius-s);}
.awardAlbumList__item::before{--sph:clamp(0.5rem,1vw,0.8rem);content:""; counter-increment:num; content:'#0'counter(num) ;font-family: 'Outfit';position: absolute;left:var(--sph);top:var(--sph);color:#fff;z-index: 2;}
.awardAlbumList__item::after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);transition: var(--transition);}
.awardAlbumList__item:hover::after{opacity: 0;}

/* !====產品資訊 */
.pdList{--num: 3;--gap:clamp(1.5rem,2vw,2.5rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;  counter-reset:num;}
.pdList__item{position: relative;display: flex;flex-direction: column;;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );;border-radius: var(--radius-m);background: var(--bgColor);padding:clamp(0.8rem,1.3vw,1.25rem);transition: var(--transition);}
.pdList__item:hover{background: var(--mjColor);color:#fff}
.pdList__item:hover .pdBtn{transform: rotate(0deg)scale(0.95)}
.pdList__item:hover .pdBtn::after{color: var(--mjColor);}
.pdItemTit{flex: 1;;margin-top: 0.5rem;margin-bottom: clamp(0.5rem,1.4vw,1.25rem);padding-right: clamp(2rem, 3vw, 2rem);}
.pdItemTit__sub{display: block;}
.pdItemTit__mj{position: relative;;font-size: clamp(1.25rem,1.5vw,1.375rem);font-weight: bold;}
.pdItemTit__mj::before{counter-increment:num;content:'#0'counter(num)'';display:block;font-family: 'Outfit';font-size: clamp(0.8rem,1vw,1rem);opacity: .7;font-weight: 400;margin-bottom: 0.2rem;}
.pdItemTit__mj.--series::before{counter-increment:num;content:' SERIES 0'counter(num)'';}
.pdItemImg{background: #fff;border-radius: var(--radius-m);}
.pdItemImg img{object-fit: cover;}
.pdBtn{position: absolute;width: clamp(2rem,3vw,3rem);aspect-ratio: 1/1;border-radius: 50%;display: block;background-color: #fff;z-index: 2;transform: rotate(-45deg);right:clamp(0.8rem,0.8vw,1rem);top:clamp(0.8rem,0.8vw,1rem);transition: 0.3s all ease-in-out;}
.pdBtn.bi-arrow::after{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);font-size: clamp(1.5rem,2vw,2rem);color:var(--bodyColor-l)}
/* 產品底層相簿 */
.detailTitle.--product{display: flex;flex-wrap: wrap;gap:0.2rem clamp(0.5rem,1.5vw,1.5rem);align-items: center;margin-bottom: clamp(1.5rem,2.5vw,3rem);}
.--product .detailTitle__mj{font-size: clamp(1.5rem,3.5vw,3rem);font-weight: 700;color:var(--mjColor);white-space: initial;}
.--product .detailTitle__sub{font-size: clamp(1.125rem,1.5vw,1.375rem);color: var(--bodyColor-l);/*white-space: nowrap;*/flex:1;display: flex;align-items: center;gap:clamp(0.3rem,0.7vw,0.8rem);}
.--product .detailTitle__sub::before{content:"/";/*margin-right: 0.5rem;*/}
.--product .detailTitle__sub::after{content:"";display: block;width: 100%;height: 1px;background: var(--borderColor);flex:1;}
.--product .detailTitle__sub:empty::after,.--product .detailTitle__sub:empty::before{display: none;}
.productCard{display: flex;gap:clamp(2rem,4vw,4rem);border-radius: var(--radius-x);}
.productCard+.pdTxtTit{margin-top: clamp(3rem,6vw,6rem);}
.productCard+ .productIntro{margin-top: clamp(3rem,8vw,6rem);}
.pdCard_img,.pdCard_txt{width: 100%;}
.tx01 + .pdTxtTit{margin-top: clamp(2rem,3vw,2.5rem);}
.pdTxtTit{position: relative;padding-left: clamp(0.5rem,1vw,0.9rem);font-size: clamp(1.25rem,1.5vw,1.5rem);font-weight: 700;color:var(--mjColor-d);margin-bottom: clamp(0.5rem,1vw,1rem);}
.pdTxtTit::before{content:"";position: absolute;left: 0;top:50%;transform: translateY(-45%);width: 4px;height: 60%;background: var(--mjColor);}
.pdTxtTit.--video{display: flex;align-items: center;gap:clamp(0.5rem,1vw,1rem);text-align: center;white-space: nowrap;padding-left: 0;margin-bottom: clamp(1rem,2vw,2rem);}
.pdTxtTit.--video span.pdTxtTit__txt{font-size: 0.9em;font-weight: 500;background-color:#fff;padding: 0.5rem clamp(1rem,1.5vw,1.5rem);border-radius: var(--radius-xl);color:var(--mjColor);border:1px solid }
.pdTxtTit.--video::before,.pdTxtTit.--video::after{content:"";position: relative;top:0;transform: translateY(0%);width: 100%;height: 1px;background: var(--mjColor);}
.pdCard_img{max-width: 35rem;}
.dtAlbum--wrapper{display: flex;flex-direction: column;gap: 1rem;align-items: start;}
.dtAlbumBox{display: grid;gap: 1rem;grid-template-columns: repeat(3,1fr);}
.dtAlbum__cover{padding:clamp(1rem,2vw,2rem);overflow: hidden;position: relative;background: var(--bgColor);border-radius: var(--radius-m);}
.dtAlbum__cover img{width: 100%; height: 100%; object-fit: contain;}
.zoomeIcon{ position: absolute;color: var(--bodyColor-l); font-size: 1.5rem; bottom: 4%; right: 4%;}
.dtAlbum{background:var(--bgColor);margin-bottom: 0;padding:clamp(0.875rem,1.5vw,1.5rem);transition:0.3s all;position: relative;cursor: pointer;border-radius: var(--radius-s);}
.dtAlbum [class*="ratio--"] img{object-fit: contain;}
.dtAlbum.active{opacity:1;cursor: default;}
.dtAlbum:hover{opacity:0.75}
.dtAlbum:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;border:3px solid transparent;transition:0.3;pointer-events: none;}
.dtAlbum__pic{object-fit:cover;overflow: hidden;}
.dtAlbum__item{flex: 1;}
.downloadFile{position: relative;display: flex;align-items: center;width: 100%;border-bottom: 1px dashed var(--borderColor);padding-bottom: clamp(0.5rem,1vw,0.875rem);font-size: clamp(1rem,1.3vw,1.125rem);color:var(--bodyColor-l);transition: var(--transition);}
.downloadFile::before{content:"";width: 0.4rem;height: 0.4rem;background: var(--mjColor);border-radius: 50%;margin-right: 0.5rem;}
.downloadFile::after{position: absolute;right:0;top:50%;transform: translateY(-50%);font-size: 1.2em;}
.downloadFile:hover{color:var(--subColor)}
.videobox,.iframebox{border-radius: var(--radius-m);overflow: hidden;}
.videobox iframe,.iframebox iframe{width: 100%;height: 100%;object-fit: cover;}
.productIntro .videobox{max-width: 67.25rem;margin:0 auto}
.productIntro +.pdTxtTit.--video{margin-top: 4rem;}

/* !====新聞中心 */
.newsList__item{position: relative;;display: flex; align-items: flex-start;gap:clamp(1rem,5vw,4.5rem);padding:clamp(1.5rem,4vw,3rem) 0;border-bottom: 1px solid var(--borderColor);}
.newsList__item::before{content:"";position: absolute;left: 50%;top:0;transform: translateX(-50%);width: 50vw;height: 100%;background: #f7f7f7;opacity: 0;z-index: -1;}
.newsList__item:hover::before{width: 100vw;opacity: 1;}
.newsList__item:hover .newsTit{color:var(--mjColor)}
.newsList__item:hover .newsListImg img{transform: scale(1.1);}
.newsList__item:hover .newsListDate::before{background: var(--mjColor);}
.newsListDate{display: flex;align-items: center;white-space: nowrap;padding:clamp(0.2rem,1vw,0.8rem);font-size: clamp(1rem,1.3vw,1.125rem);font-family: 'Outfit';}
.newsListTxt{flex:1}
.newsList__item:hover .linkTxt{color:var(--mjColor)}
.newsList__item:hover .linkTxt::after{width: auto;opacity: 1;margin-left: 0.2rem;}
.newsListDate::before{content:"";width: 0.4rem;height: 0.4rem;border-radius: 50%;background: var(--bodyColor);margin-right: 0.5rem;flex:0 0 auto}
.newsList__item .newsTit{-webkit-line-clamp: 2;margin-bottom: clamp(0.5rem,1.5vw,1.375rem);}
.newsList__item .newsCon{-webkit-line-clamp: 2;margin-bottom: clamp(0.8rem,2.5vw,2.5rem);}
.newsListImg{flex:0 0 auto;width: clamp(20rem,30vw,25rem);;border-radius: var(--radius-m);overflow: hidden;}
.newsListImg[class*="ratio--"]:hover img{transform: scale(1);}
.linkTxt{font-family: 'Outfit';display: inline-block;border-bottom: 1px solid;}
.linkTxt::after{opacity: 0;width: 0;transition: 0.3s all ease-in-out;font-size: 0.8em;}
.newsBox{background: var(--gray-lx2);border-radius: var(--radius-x);padding:clamp(1.25rem,4vw,4.5rem) clamp(1.25rem,6vw,6rem)}
.detailTitle.--news{position: relative;;margin-bottom: clamp(2rem,4vw,3.5rem);padding-bottom: clamp(1.5rem,2vw,1.5rem);border-bottom: 1px solid #b5b5b5;}
.detailTitle.--news .detailTitle__mj{display: block;margin-top: clamp(0.8rem,1vw,1rem);font-weight: 700;  font-size: clamp(1.25rem, 3vw, 2rem);}
.detailTitle__date{position: absolute;right:0;top:0.3rem;font-family: 'Outfit';}
.detailTitle__type{display: inline-block;padding:0.5rem 1rem;border-radius: var(--radius-xl);border:1px solid;white-space: nowrap;background: var(--mjColor-d);color:#fff}

/* !====投資人專區 */
.yeaBar{display: flex;align-items: center;margin-bottom: clamp(1rem,1.3vw,1.25rem);gap:clamp(0.5rem,1vw,1rem)}
.yeaBar__tit{white-space:nowrap;font-size: clamp(1rem,1.125vw,1.125rem);}
.yearBarSelect{width: clamp(8rem,12vw,12.5rem);border: 1px solid var(--borderColor);}
.listBox__head{display: flex;position: sticky;top:calc(var(--headerH));left: 0;background: var(--mjColor-d);color:#fff;border-radius:var(--radius-m) var(--radius-m) 0 0;letter-spacing: 0.15rem;;z-index: 1;padding-right: clamp(3rem, 5vw, 5rem);}
.listBox__head + .listBox__body{padding-top: 0.5rem;}
.listBox__body{padding-bottom: 0.5rem;overflow: hidden;border-radius: 0 0 var(--radius-m) var(--radius-m);background:var(--gray-lx2);}
.listBox__body__item{ display: flex;align-items: center; padding: 0.25rem 0; position: relative; z-index: 0;padding-right: clamp(3rem,5vw,5rem);transition: var(--transition);}
.listBox__body__item:hover{color:var(--mjColor);background: #fff;}
.listBox__body__item:hover::before{background: var(--mjColor);}
.listBox__body__item:hover::after{color:#fff}
.listBox__body__item::after{content: "\F285";font-family: 'bootstrap-icons';position: absolute;width: clamp(3rem,5vw,5rem);aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;right:0;top:50%;transform: translateY(-50%);transition: var(--transition);}
.listBox__body__item::before{content:"";position: absolute;right:0;top:50%;transform: translateY(-50%)scale(0.5);background-color: #d9d9d9;width: clamp(3rem,5vw,5rem);aspect-ratio: 1/1;border-radius: 0.8rem;transition: var(--transition);}
.listBox__body__item.--link::after{content: "\F1C5";font-family: 'bootstrap-icons';position: absolute;width: clamp(3rem,5vw,5rem);aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;right:0;top:50%;transform: translateY(-50%);}
.listBox__body__item.--download::after{content: "\F30A";font-family: 'bootstrap-icons';position: absolute;width: clamp(3rem,5vw,5rem);aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;right:0;top:50%;transform: translateY(-50%);}
.listBox__body__item+.listBox__body__item{border-top: 1px dashed #999;}
.listBox__head .listItem{font-weight: 500;}
.listItem.--num,.listItem.--func{max-width: 5rem;text-align: center;}
.listItem.--num{font-family: 'Outfit';}
.listItem{flex:1;padding: 0.75rem 1rem;font-size: clamp(0.93rem,1.25vw,1.125rem);z-index: 1;}
.listItem.--date{max-width: 8.5rem;text-align: center;font-family: 'Outfit';}
.listBox__body .listItem.--date{font-size: 1rem;}
.detailTitle.--news.--col{display:flex;align-items:center;justify-content:space-between;}
.detailTitle.--news.--col .detailTitle__mj{margin-top: 0;padding-left: clamp(0.875rem,1.5vw,1.5rem);}
.detailTitle.--news.--col .detailTitle__mj::before{content:"";width: 0.4rem;height: clamp(1.5rem,2vw,2.3rem);background: var(--mjColor);margin-right: clamp(0.5rem,1vw,1rem);position: absolute;left: 0;top:50%;transform: translateY(-42%);}

/* !====人力招募 */
.careersList{counter-reset:num;}
.careersList__item{position: relative;display:flex;gap:clamp(1rem,3vw,3rem);align-items: center;justify-content: space-between;width: 100%;;color:var(--mjColor-d);border-radius: var(--radius-m);padding: clamp(1.25rem,2vw,2rem);border-radius: var(--radius-m);overflow: hidden;/*border:1px solid var(--borderColor)*/background: var(--bgColor);}
.careersList__item:hover .careersSub span{top:0;opacity: 1;}
.careersList__item:hover{background: #f0f0f0;}
.careersList__item:hover .circleArrow__item:first-of-type{left: 45%;transform: translate(-50%,-50%) rotate(-45deg)}
.careersList__item:hover .circleArrow__item:last-of-type{left: 120%;transform: translate(-100%,-50%) rotate(-45deg)}
.careersList__item:hover .careersTxt__tit{color:var(--mjColor)}
.careersList__item:hover .careersImg[class*="ratio--"] img{transform: scale(1.1);}
.careersList__item+.careersList__item{margin-top: clamp(1.5rem,2rem,2rem);}
.careersImg{width: clamp(15rem,30vw,25rem);border-radius: var(--radius-s);overflow: hidden;}
.careersImg[class*="ratio--"]:hover img{transform: scale(1);}
.careersImg::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.0);transition: var(--transition);}
.careersImg img{width: 100%;height: 100%;object-fit: cover;}
.careersTit{width: 50%;transition: var(--transition);}
.careersTxt__tit{display: block;margin-bottom: clamp(0.5rem,1vw,1rem);font-size: clamp(1.25rem,2vw,1.5rem);font-weight: 700;}
.careersTxt__tit::before{counter-increment:num;content:'CAREERS 0'counter(num) ;font-family: 'Outfit';font-size: 0.7em;font-weight: 400;opacity: .4;margin-right: clamp(0.5rem,1vw,1rem);display: block;}
.careersTxt__sub{display: block;;overflow: hidden;transition: var(--transition);color: var(--bodyColor-l); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;font-weight: 500;font-size: clamp(0.875rem,1vw,1rem);}
.circleArrow{position: relative;display: block;width: clamp(3rem,4vw,3.5rem);aspect-ratio: 1/1;border-radius: 50%;border:1px solid var(--bodyColor);overflow: hidden;opacity: .7;}
.circleArrow__item{display:inline-block;position:absolute;top:50%;;width:10px;height:10px;border-right:2px solid var(--bodyColor); border-bottom:2px solid var(--bodyColor); transition: 0.4s linear all;}
.circleArrow__item:first-of-type{left: -10%;transform: translate(-100%,-50%) rotate(-45deg);}
.circleArrow__item:last-of-type{left: 45%;transform: translate(-50%,-50%) rotate(-45deg);}

/* !====聯絡我們 */
.formGroup{display: flex; flex-wrap: wrap;gap: var(--gap);--gap: clamp(1rem, 2vw, 2rem);margin-bottom: clamp(2rem,4vw,3.5rem);}
.formGroup .--bottomBtn a{ margin:0 auto}
.formGroup__item{width: 100%;}
.formGroup__item--half{width: calc(50% - (var(--gap)/2));}
.formGroup__item  label{margin-bottom: 0.5rem;font-weight: 500;}
.blockHeight--contact{padding-bottom:clamp(3rem,5vw,5rem) }
.blockHeight--contact .container{display: flex;}
.contactInfo{width: 40%;background: var(--mjColor);padding:clamp(2rem,5vw,4.5rem)clamp(1.25rem,3vw,3rem);border-radius: var(--radius-x) 0 0 var(--radius-x);}
.contactInfo .pageTitle__sub::after{background:rgba(255,255,255,0.3)}
.formGroupWrap{width: 60%;}
.formGroupWrap{background: var(--gray-lx2);padding: clamp(2rem,5vw,4rem)clamp(1.125rem,3vw,3rem);border-radius:0 var(--radius-x) var(--radius-x) 0;}
.contactInfo .pageTitle__mj{color:#fff;font-weight: 600;}
.contactInfo .pageTitle__sub{color:rgba(255,255,255,0.6);}
.contactList{display: flex; flex-wrap: wrap;gap: var(--gap);--gap: clamp(1rem, 2vw, 2rem);margin-bottom: clamp(2rem,4vw,3.5rem);}
.contactList__item {position: relative;;color:#fff;width: 100%;padding-left: clamp(2.8rem,4.5rem,4.5vw);}
.contactList__item--half{width: calc(50% - (var(--gap)/2));}
.contactList__item:before{position: absolute;left: 0;top:50%;transform: translateY(-50%);width: clamp(2rem,3.5rem,3.5vw);aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.3);border-radius: var(--radius-m);font-size: clamp(1rem,1.5vw,1.375rem);}
.contactListTit{display: block;font-weight: 600;opacity: .7;}
.blockHeight--location{padding:clamp(3rem,5vw,5rem) 0}
.locationList{display: flex;gap:clamp(2.5rem,5vw,4rem);}
.locationList__item{width: 50%;}
.locationListTit{display: flex;align-items: center;font-size: clamp(1.25rem,2vw,1.5rem);--sph:clamp(0.6rem,1vw,0.8rem);padding-bottom: var(--sph);margin-bottom: clamp(1rem,2vw,2rem);border-bottom: 1px solid var(--borderColor);font-weight: 600;}
.locationListTit::before{content:"";width:0.4rem;aspect-ratio: 1/1;border-radius: 50%;margin-right: clamp(0.5rem,1vw,0.8rem);background-color: var(--bodyColor);}
.locationList .contactList__item {display: block;margin-bottom: clamp(1.875rem,3vw,3rem);color:var(--bodyColor-d);padding-left: clamp(2rem,4vw,3rem);}
.locationList .contactList__item:before{width:clamp(1.5rem,2rem,2vw) ;font-size: clamp(0.8rem,1vw,1rem);background-color: var(--mjColor-d);border-radius: var(--radius-s);color:#fff;}

/* !====編輯器 */
ol,ul{padding-left: 2rem;}
.articleMain+.btnGroup{margin-top: clamp(2rem,3vw,3rem);}
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.articleTop{margin-bottom: clamp(1.5rem,3vw,3rem);}
.tx01{margin-bottom:1rem;/*font-size: clamp(1rem,1.3vw,1.125rem);*/line-height: 1.8;}
.tx01 figure{border-radius: var(--radius);overflow: hidden;}
.text{padding:1rem 0;}
.tx01 strong{font-weight: bold;}
.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: clamp(1rem, 3vw, 3rem)}
.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%;width: 100%;;max-height:100%;height:auto!important;border-radius: var(--radius-m);}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;border-radius: var(--radius-m)}

/* !====分頁  */
.pageNumber{display: flex;justify-content: center;gap:clamp(0.5rem,1.5vw,1rem);margin-top: clamp(2rem,4vw,4rem);}
.pageNumber a{display: block; aspect-ratio: 1; height: clamp(2.5rem,2.8vw,2.5rem); text-align: center; padding: 0.25rem; border-radius:var(--radius-s); transition: 0.3s all;display: flex;font-size: clamp(1.125rem,1.8vw,1.25rem);align-items: center; justify-content: center;}
.pageNumber a.prev{transform: scaleX(-1);}
.pageNumber a:hover, .pageNumber a.on{background: var(--mjColor);color: #fff;}

/*  !====共用動畫效果 */
@keyframes spin{from{transform:translate(-50%,-50%) rotate(0deg);}
to{transform:translate(-50%,-50%) rotate(360deg);}
}
@keyframes revealBg{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);}
100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}

} @keyframes UpTxt{0%{transform:translateY(150%);}
100%{transform:translateY(-0%);}
}
@keyframes LtoRText{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);}
100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}
}


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

/* !====投資人專區 */
.listBox__body__item::before{transform: translateY(-50%) scale(0.6);}

/* !====得獎肯定 */
.awardList{--num:2}

/* !====footer */
.ftInfoList{flex-direction: column; gap: 0.5rem;}

/* !====產品資訊 */
.productCard{flex-direction: column;}
.pdCard_img{max-width: 100%;}

}

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

    /* !====共用 */
    .webShow, .webShow.btnStyle{display: none;}
    .mobileShow{display: block;}
    .mobileShow.btnStyle{display: flex;}

    /* !====banner */
	.bnSwiper .swiper-slide{height: 21.875rem;}

    /* !====首頁 新聞中心*/
    .blockHeight--ixNews .container{flex-direction: column;}
    .titleGroup.--col{flex-direction: row;align-items: center;margin-bottom: 0;}
    .ixNewsTit{width: 100%;;flex-direction:row;flex-wrap: wrap}
    .blockHeight--ixNews .container{position: relative;}
    .ixNewsTit .titleGroup{order:1;width: 50%;}
    /* .ixNewsTit .swiperControl{order:2;width: 50%;display: flex;align-items: center;justify-content: flex-end;position: absolute;right:clamp(1.25rem,3.5vw,3rem);bottom:0} */
    .ixNewsTit .swiperControl{display: none;}
    .ixNewsTit  .ixNewImg{order:3; width: 100%;aspect-ratio: 2/1;margin-top: 1rem;margin-bottom:-0.5rem;flex: 0 0 auto;}
    .ixNewsList{height: auto;}
    .ixNewsList .swiper-wrapper{flex-direction: column;}
    .ixNewsList__item{padding:1.3rem 0}

    /* !====首頁 產品資訊*/
    .serviceTit{padding-right: 0;}


    /* !====footer */
    .ftLogo{margin-left: auto;margin-right: auto;}
    .ftTop{flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    .ftInfoList{margin-bottom: clamp(1rem,2vw,2rem);flex-direction: row;flex-wrap: wrap; justify-content: center;}
    .socialBtn{justify-content: center;}
    .ftInfo__addr, .ftInfoList a, .ftInfoList p{text-align: center;display: flex;align-items: center; justify-content: center;}
    .ftNav{flex-wrap: wrap;justify-content: center;padding: 0 2.5rem;}
    .ftOtComp{justify-content: center;}
    .ftOtComp__item{background-color: #fff;}
    .ftOtComp__item::before{filter: initial;}

    /* !====得獎肯定 */
    .awardItemCard::after{border-width: 3px;}

    /* !====產品資訊 */
    .pdList{--num:2;}

    /* !====聯絡我們 */
    .formGroup__item--half,.contactList__item--half{width: 100%;}

}

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

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

    /* !====banner */
    .bnSwiper .swiper-slide::before{background: linear-gradient(180deg, rgba(28, 36, 42, 0.00) 20.42%, rgba(28, 36, 42, 0.60) 90.39%);}

    /* !====首頁 產品資訊*/
    .ixServiceList{flex-direction: column;}
    .ixServiceList__item{width: 100%;}

    /* !====首頁 集團介紹*/
    .ixCompany--img{display: none;}
    .ixCompanyList__item{flex-wrap: wrap;}
    .ixCompanyList__item:first-child{width: 100%;}
    .ixCompanyList__item:first-child .ixCompanyLogo{width: 8rem;}
    .ixCompanyList__item.active::after{display: none;}
    .ixCompanyList__item.active{border-bottom: 1px solid rgba(255,255,255,0.5);}
    .ixCompanyList__item .bi-arrow{display: none;}
    .ixCompanyList .serviceImg{display: block;order:-1}
    .ixCompanyList__item::before{width: calc( 100% - clamp(5rem,8vw,6.25rem) - 1.5rem)}
    .ixCompanyList{--num: 2;--gap:1.5rem;display:flex;gap: 1rem var(--gap) ;flex-wrap: wrap;}
    .ixCompanyList__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
    .ixCompanyLogo{border-radius: 0.4rem 0 0.4rem 0;position: absolute;top:1rem;/*background: #fff; */padding: 0 0.2rem;}
    .tabsVerHead{width: 100%;}

    /* !====首頁 人才招募*/
    /* .blockHeight--ixCareers .circleBtn{width: 8.5rem;} */
    .blockHeight--ixCareers{background-attachment:inherit;}
    .ixCareersBox{margin-top: 4.5rem;}
    .--leftSp{padding-left: 0;}
    .blockHeight--ixCareers{padding-top: 4rem;padding-bottom: 10rem;}
    .ixCa-Slogan__minTxt{display: block;margin-left: 0;width: 70%;text-align: center;margin: 1rem auto 1rem auto;}
    .ixCareersTxt{position: relative;left: auto;bottom:auto;width: 100%;padding-right: 0;}
    .ixCareersTxt_con{margin-bottom: 0.5rem;}
    .ixCareersImg{padding-left: 0;padding-right: 0;}
    .ixCareersDetail{position: relative;right:auto;top:auto;display: flex;align-items: center;gap:2rem;flex-direction: column-reverse;padding-top: 2rem;}
    .ixCareersIcon{width: 100vw;flex-direction: row;}
    .ixCareersIcon__item{flex-direction: column;text-align: center;}
    .ixCareersBtn{position: absolute;right:-1px;top:1px;transform: translateY(-100%);}
    .ixCareersBtn::before{right:-0.1rem;}
    .ixCareersLarge{aspect-ratio: 4/3;min-height: auto;}
    .ixCareersSlogan{width: 100vw;}
    .ixCareersMini{width:10rem ;}

    /* !====側選單*/
    .mainCont{width: 100%;}
    .sidebar .mobile{display: block;}
    .sidebar .bi-down{display: flex;justify-content: space-between;align-items: center;padding:0.2rem 0.5rem;font-size: 1rem;}
    .sidebar .web{display: none;}
    .sidebar .--isOpen .bi-down::after{transform: rotate(180deg);}
    .--hasSideBar{flex-direction: column;}
    .sideNavWrap{display: none;}
    .--sideBarCol .sideNavWrap{display: block;}
    .sidebar{width: 100%;position: relative;top:0}
    .sideNav{padding:clamp(1rem,1.2vw, 1.2rem)  clamp(1rem,3vw,2.5rem)}
    .sideNav__item{padding:0.5rem 0}
    .sideNav__item.active::before,.sideNav__item.active::after{display: none}
    .sideNav__item.active{border-radius: var(--radius-s);background: transparent;margin:0}
    .sideNavLink.--hasSub::after{right:0.6rem}

    /* !====新聞中心 */
    .newsList__item{flex-direction: column;gap:0.5rem}
    .newsList__item:first-child{padding-top:0}
    .newsListImg{width: 100%;order:-1}

    /* !====投資人專區*/
    .yearBarSelect{width: 100%;}
    .listItem{padding: 0.5rem 0.3rem;}

    /* !====聯絡我們 */
    .blockHeight--contact{padding-top: 0;}
    .blockHeight--contact .container{flex-direction: column;}
    .contactInfo,.formGroupWrap{width: 100%;}
    .contactInfo{border-radius: var(--radius-m) var(--radius-m) 0 0;}
    .formGroupWrap{border-radius: 0 0  var(--radius-m) var(--radius-m);}
    .locationList{flex-direction: column;}
    .locationList__item{width: 100%;}

    /* !====編輯器 */
    .img-left, .img-right{flex-direction: column;gap:0;}
    .img-left figure, .img-right figure,.img-left.tx01 figure + .text, .img-right.tx01 figure + .text{width: 100%;}

    /* 產品底層相簿 */
    .detailTitle.--product{flex-direction: column;align-items: flex-start;}
    .--product .detailTitle__sub{width: 100%;}

}


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

    /* !====得獎肯定 */
    .awardList{--num:1;}
    .awardItemCard{flex-direction: column;}
    .awardItemCard__img{padding-top: 0;}
    .awardItemCard::after{width: 95%;}
    .detailTitle.--award{padding-top: 3rem;}
    .awardAlbumList{--num:2;}

    /* !====產品資訊 */
    .pdList{--num:1;}

    /* !====人力資源 */
    .careersList__item{flex-direction: column;}
    .circleArrow{display: none;}
    .careersTit,.careersImg{width: 100%;}

}