@charset "utf-8";

/* CSS Document */
body{font-family:/*'Raleway','Montserrat',*/'Outfit','Noto Sans TC','微軟正黑體',sans-serif;;font-size:16px;line-height:1.6;color:var(--black);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);letter-spacing: 0.7px;}
#pd0{padding-top: 0;}
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.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: #BFC5B5; /* 主色 */
    --mjColor-d: #A4ACA0;
    --mjColor-dx2: #8D948A;
    --mjColor-l:#EAECE7;
    --subColor: #930051; /* 副色 */

    --black: #3C3C3C;

    --gray: #8D8E92;
    --gray-d: #777;
    --gray-l: #D9D9D9;
    --gray-lx2: #F5F5F5;

    --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);}

/* !====連結底線 */
.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;}
#goTop::before{content:"";position:absolute;left:50%;top:55%;width:0.75rem;height:0.75rem;border-left:2px solid white;border-top:2px solid white;transform:translate(-50%,-50%) rotate(45deg);;}

/* !====按鈕 */
.btnWrap { margin:2em 0; text-align:center; }
.btnStyle{position: relative;;padding:clamp(0.8rem,1.3vw,1rem) clamp(1.5rem,2.5vw,2rem);background:var(--black);color:#fff;min-width:10rem;display:block;width:fit-content;margin:0 auto;overflow: hidden;}
.btnStyle span{position: relative;z-index: 2;}
.btnStyle::after{content:"";position: absolute;right: 0;top:0;width: 0;height: 100%;background: var(--mjColor-dx2);transition: 0.5s all ease-in-out;}
.btnStyle:hover::after{width: 100%;left:0;}
.moreBtn{display: flex;position: relative;;align-items: center;justify-content: flex-start;width: fit-content;gap:clamp(0.6rem,1vw,0.8rem);border-bottom: 1px solid;}
.moreBtn:hover,.moreBtn:hover span,.moreBtn:hover::after{color:#fff}
.moreBtn:hover{padding: 0 0.8rem}
.moreBtn span,.moreBtn:hover::after{position: relative;;z-index: 2;transition: var(--transition);}
a.moreBtn::before{content:"";width:0;height: calc(100% + 0.5rem); background: var(--mjColor-dx2);position: absolute;right:0;top:50%;transform: translate(0%,-50%);transition: 0.4s all linear;}
a.moreBtn:hover::before{left:0;;width: 100%;}
.backBtn{position: relative;width: fit-content;display: flex;align-items:center;gap:clamp(0.6rem,1.3vw,1rem);padding:clamp(0.8rem,1.3vw,1rem) clamp(1.5rem,2.5vw,2rem);background: var(--black);color:#fff;font-size: 1rem;font-weight: 500;margin:0 auto;overflow: hidden;}
.backBtn span,.backBtn::before{position: relative;z-index: 2;}
.backBtn::before{content:"";display: inline-block;width: clamp(2.8rem,3.5vw,3.3rem );aspect-ratio: 53 / 10;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="53" height="10" viewBox="0 0 53 10" fill="none"><path d="M1.64645 4.64645C1.45118 4.84171 1.45118 5.1583 1.64645 5.35356L4.82843 8.53554C5.02369 8.7308 5.34027 8.7308 5.53553 8.53554C5.7308 8.34028 5.7308 8.02369 5.53553 7.82843L2.70711 5L5.53553 2.17158C5.7308 1.97631 5.7308 1.65973 5.53553 1.46447C5.34027 1.26921 5.02369 1.26921 4.82843 1.46447L1.64645 4.64645ZM51 5L51 4.5L2 4.5L2 5L2 5.5L51 5.5L51 5Z" fill="white"/></svg>')no-repeat center center / contain; }
.backBtn::after{content:"";position: absolute;right: 0;top:0;width: 0;height: 100%;background: var(--mjColor-dx2);transition: 0.5s all ease-in-out;}
.backBtn:hover::after{width: 100%;left:0;}

/* !====共用 */
.cover{margin-bottom: 0;overflow: hidden;}
.cover img{width: 100%;height: 100%;object-fit: cover;}
.imgAni01:hover img{transform: scale(1.05);}
.imgAni01:hover::before{opacity:0.3;}
.imgAni01 img{transition: 0.8s all ease-in-out;}
.imgAni01::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0;transition:0.8s all ease-in-out;z-index:2;}

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

/* !====全頁佈局 */
.wrapper { padding:2rem 0;}
.blockHeight{padding:2rem 0;overflow-x: clip;}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

/* !====編輯器 */
.tx01 img{max-width: 100%;height: auto!important;}

/* !====RWD編輯器表格(X捲軸) */
.tableContainer table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}

/* !====標題 */
.titSy01{display: flex;align-items: center;font-size: clamp(1.25rem,2vw,1.75rem);color:var(--mjColor-dx2)}
.titSy01__mj{font-weight: 400;display: block;}
.titSy01__mj::after{content:'｜';}
.titSy01__sub{font-weight: 300;display: block;}
.titSy01.--black{color:var(--black)}

/* !====第二層tab選單 */
.sideNav{list-style:none;padding-left:0;width:100%;display:flex;overflow-x:auto;/* 可以橫向滾動 */
 scroll-behavior:smooth;/* 滾動時平滑 */
 padding:0;margin:0;list-style:none;}

.sideNav__item{width: 100%;text-align: center;}
.sideNav__item.active a,.sideNav__item:hover a{background: var(--mjColor-d);color:#fff}

.sideNav__item a{display: block;width: 100%;background: var(--mjColor-l);text-align: center;font-size: clamp(0.875rem,1vw,1rem);font-weight: 400;padding:clamp(0.8rem,1.8vw,1.5rem) 0.8rem;border-right: 1px solid #fff;transition: 0.5s all ease-in-out;white-space: nowrap;}


/* !====banner */
.fadeInBn{-webkit-animation-name:fadeIn;animation-name:fadeIn;animation-duration: 1.2s;}
.bannerBx{position: relative;;margin-bottom: clamp(3rem,8vw,8rem);overflow-x: clip;}
.bannerBx::before{content:"";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: linear-gradient(140deg, var(----gray-l, #D9D9D9) 0%, rgba(245, 245, 245, 0.00) 39.31%);z-index: -1;}
.bannerBx .bnSwiper{overflow: visible;min-height: 640px;}
.bannerBx .bnSwiper .swiper-slide{position: relative;display: flex;justify-content: space-between;width: 100%;;max-height: 100vh}
.bannerImg{--bs-gutter-x:clamp(3rem,5vw,5rem);position: absolute;right:0;bottom: 0;;width: clamp(30rem,58vw,55rem);max-height: calc(100% - var(--headerH));aspect-ratio: 895/864;margin-bottom: 0;margin-top: clamp(2rem,6vw,4rem); -webkit-mask: url(../images/index/banner-mask.svg) center right /contain no-repeat;
mask:  url(../images/index/banner-mask.svg) center right/contain no-repeat; filter: blur(180px); opacity: 0; transform: translateY(20px);}
.swiper-slide-active .bannerImg{animation:bannerImgIn 1.5s ease-out 0.3s forwards;}

/* 入場動畫：淡入 + 模糊變清楚 */
.swiper-slide-active{animation:slideFadeBlurIn 1.8s ease-out forwards;}
/* 離場動畫：淡出 + 模糊 */
.swiper-slide-prev,.swiper-slide-next{animation:slideFadeBlurOut 1s ease forwards;}
@keyframes slideFadeBlurIn{0%{filter:blur(20px);}
100%{filter:blur(0);}
}
@keyframes slideFadeBlurOut{0%{filter:blur(0);}
100%{filter:blur(20px);}
}

.bannerImg img{width: 100%;height: 100%;object-fit: cover;object-position: right;}
.bannerTxt{--scrollW:clamp(4.5rem,8vw,7.3rem);display: flex;flex-direction: column;justify-content: flex-end;padding:var(--headerH) 0 clamp(1rem,2vw,2rem);gap:clamp(1.5rem,3vw,2rem);max-height: 100vh;min-height: clamp(36rem,42vw,40.625rem);padding-bottom: clamp(3rem,9vw,10rem);}
.banner__con{display: flex;align-items: center;gap:clamp(0.5rem,1vw,2rem);position: absolute;left: clamp(1.5rem,3vw,2.5rem);bottom:0}
.scrollDown{position: relative;;width: var(--scrollW);width: clamp(4.5rem,8vw,7.3rem);aspect-ratio: 1/1;left: -1.5rem;}
.scrollDown::after{content:"";width: 100%;height: 100%;;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(../images/index/scrollDown.svg)no-repeat center center / contain;animation: spin 15s linear infinite;;}
@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg);}
100%{transform:translate(-50%,-50%) rotate(360deg);}
}
.scrollDown::before{content:"";display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: clamp(2rem,3vw,2.5rem);aspect-ratio: 37/26;background: url(../images/index/scrollDown-logo.svg)no-repeat center center / contain;}
.bannersTit{position: relative;z-index: -1;}
.bannersTit__tt{font-size: 1rem;display: block;margin-bottom: 0.5rem;font-weight: 500;}
.bannerTxt__tit{position: relative;flex:1;display: flex;align-items: center;padding:clamp(6rem,9vw,10rem) 0 clamp(1rem,2vw,2rem)  0}
.bannerTxt__tit__mj{position: relative;z-index: -1;;font-family: 'Raleway';font-size: clamp(5rem,11vw,14rem);color:var(--mjColor-l);font-weight: 600;margin-left: -3rem;color:#F4F5F2 ;background:  linear-gradient(
131deg, #e7e7e7 8% 10%, #f9f9f9 94.67% 94.67%);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;;}
.bannerTxt__tit__slogan{position:absolute;left:50%;bottom:0%;transform:translate(-50%,-0%);display:flex;flex-direction:row-reverse;align-items: flex-start;gap:0.5rem}
.sloganTag{writing-mode: vertical-rl;background: var(--mjColor-d);padding:0.375rem 0;color:#fff;font-size: clamp(0.875rem,1vw,1rem);}
.sloganMj{writing-mode: vertical-rl;font-size:clamp(1rem,1.3vw, 1.125rem);letter-spacing: clamp(0.3rem,0.6vw,0.8rem);white-space: nowrap;}
.bannersTit__p{display: block;font-size:0.875rem;line-height: 1.7;white-space: nowrap;}
.scrollLine{display: block;width: var(--scrollW);/*height: calc(100% - var(--headerH)*.8)*/ height: 100%;position: absolute;left: -1.5rem;bottom:0;max-height: calc(100vh - var(--headerH) - var(--scrollW) - 4rem );}
.scrollLine::before{content:"";display: block;position: absolute;left: 50%;top:0;transform: translateX(-50%);width: 1px;height: 100%;background:var(----grad1-, linear-gradient(180deg, var(----gray-lx2, #F5F5F5) 0%, var(----mjColor-dx2, #8D948A) 100%)) ;}
/*列表頁bn*/
.pgBanner{position: relative;width: 100%;height: clamp(16rem,45vw,42.5rem);overflow: hidden;}
.pgBanner.--dt{height: clamp(10rem,14vw,12.5rem);}
.pgBanner.--dt::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: linear-gradient(270deg, rgba(60, 60, 60, 0.00) 0%, rgba(60, 60, 60, 0.50) 100%); }
.inBnTit{position: absolute;left: 50%;top:55%;transform: translate(-50%,-50%);display: flex;flex-direction: column;gap:0.5rem;color:#fff;overflow: hidden;}
.inBnTit__ch{display: flex;align-items: center;font-size:clamp(1.125rem,1.6vw,1.5rem);line-height: 1.1;font-weight: 300;}
.inBnTit__ch .dot{width: 0.4rem;height: 0.4rem;background: #fff;border-radius: 50%;margin:0 0.5rem}
.inBnTit__en{font-size: clamp(2.5rem,4vw,4rem);line-height: 1.1;font-size: 500;position: relative;left: -0.2rem;}



/* !====首頁 關於我們*/
.blockHeight--ixAbout{position: relative;padding-bottom:0;margin-bottom: clamp(3rem,5vw,5rem);}
.blockHeight--ixAbout::before{content:"";width: 47%;height: calc(100% - 6rem );background:linear-gradient(105deg, rgba(0, 0, 0, 0.05) 1.2%, rgba(0, 0, 0, 0.02) 98.52%); position: absolute;left: 0;bottom:0}
.blockHeight--ixAbout::after{content:"";width: 20%;height: 6rem;background: #fff;position: absolute;left: 0;bottom:0}
.-ixAbout{position: relative;display: flex;align-items: center;justify-content: space-between;}
.ixAboutImg{position: relative;z-index: 2;}
.ixAboutImg__img{display: block;height: clamp(20rem,45vw,50rem);aspect-ratio: 1/2;margin-bottom: 0;}
.ixAboutImg__img img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.ixAboutTxt{position: relative;padding:0 clamp(3rem,6vw,6rem);width: 52%;display: flex;flex-direction: column;gap:clamp(0.4rem,1.3vw,1.1rem)}
.ixAboutTxt::before{content:"";position:absolute;left:70%;top:45%;transform:translate(-50%,-50%);width:clamp(25rem,35vw,35rem);aspect-ratio:37 / 26;background:url(../images/index/scrollDown-logo.svg) no-repeat center center / contain;filter:grayscale(100%);opacity:.03;}
.ixAboutEnTit{position: relative;;font-size: clamp(1.5rem,3.5vw,3rem)}
.ixAboutEnTit__mj{display: block;font-weight: 350;line-height: 1.1;}
.ixAboutEnTit__sub{display: block;font-weight: 500;color:var(--mjColor-dx2)}
.ixAboutChTit{margin-bottom: clamp(0.8rem,1vw,1rem);}
.ixAboutChTit__p{font-size: clamp(1rem,1.3vw,1.25rem);font-weight: 500;color:var(--mjColor-dx2);border-bottom: 1px solid var(--mjColor-dx2);padding-bottom: 0.2rem;}
.ixAboutP{font-size: clamp(0.875rem,1.2vw,1.1rem);}

/* !====首頁 精選產品*/
.blockHeight--ixProduct{padding:0;position: relative;}
.tabsGpWrapper{position:absolute;left: 0;top:0;width:50%;overflow:hidden;padding-top: clamp(1.5rem,2vw,2rem);padding-top: clamp(1.5rem,2vw,2rem);z-index: 2;/* padding-left:clamp(1rem,2vw, 2rem); padding-right:clamp(1rem,2vw, 2rem);*/}
.tabsGp{overflow-x:auto;;}
.tabsGp__tabs{display:flex;white-space:nowrap;}
.tabsGp__tabs li{padding:10px 20px;cursor:pointer;flex-shrink:0;}
.tabArrow{position:absolute;top:65%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:#fff;border:none;cursor:pointer;padding:5px 10px;z-index:10;display:none;}
.tabArrow.left{left:0;}
.tabArrow.right{right:0;}
.ixPdTab{list-style: none;padding-left: 0;display: flex;justify-content: center;gap:0;z-index: 2;width: fit-content;margin: 0 auto;}
.ixPdTab li{position: relative;;padding:0 0 clamp(0.3rem,0.8vw,0.8rem) 0;color:#fff;cursor: pointer;white-space: nowrap;width: auto;;text-align: center;margin-left:clamp( 0.5rem,1vw,1rem);margin-right: clamp( 0.5rem,1vw,1rem);}
.ixPdTab li:first-of-type{margin-left: 1rem;}
.ixPdTab li:last-of-type{margin-right: 1rem;}
.ixPdTab li::before{content:"";width: 0;height: 1px;position: absolute;left: 50%;bottom:0;transform: translateX(-50%);background: #fff;transition: var(--transition);}
.ixPdTab li.active::before,.ixPdTab li:hover::before{width: 100%;}
.ixPdTabBody{display: flex;}
.ixProductImg{position: relative;;aspect-ratio: 4/3;}
.ixProductImg::before{content:"";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(0,0,0,0.2);}
.ixProductImg::after{content:"";width: 100%;height: 100%;position: absolute;z-index: 1;right: 0;top:0;background: var(--mjColor-dx2);transition: 0.8s all linear;}
.ixProductImg.animated::after{width:0}
.ixProductImg.test::after{width:0}
.ixProductImg,.ixProductTxt{width: 50%;}
.ixProductTxt{position: relative;;display: flex;flex-direction: column;justify-content: center;background:var(--mjColor-l) ;padding:clamp(1.45rem,3.5vw,3rem) clamp(1.25rem,3.5vw,3rem);gap:clamp(0.5rem,1vw,1.5rem)}
.ixEnTit{font-size: clamp(2rem,4vw,4rem);color:var(--mjColor);text-transform: uppercase;line-height: 1.2;}
.ixEnTit.--d{color:var(--mjColor-dx2)}
.ixCon{width:min(100%,35rem) ;font-size: clamp(0.875rem,1vw,1rem);}
.ixProductTxt__tit{font-size: clamp(1.375rem,2.5vw,2.5rem);color:var(--mjColor-dx2);overflow: hidden;}
.ixProductTxt__tit span{display: block;}
/* 頁籤滾軸拖拉控制 */
.scroll-container{overflow-x:auto;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.scroll-container::-webkit-scrollbar{display:none;}
.scroll-container.dragging{cursor:grabbing; user-select:none;}
.scroll-container .item{display:flex;align-items:center;justify-content:center;flex-shrink:0;/* 避免被壓縮 */;}

/* !====首頁 服務項目*/
.blockHeight--ixService{--bs-gutter-x: clamp(3rem, 6vw, 5.5rem);display: flex;align-items: center;gap:2rem;margin:clamp(3rem,5vw,7rem) 0;}
.searchBx.--inpg{justify-content: flex-start;align-items: stretch;margin-bottom: clamp(0.8rem,1.5vw,1.25rem);}
.searchBx.--inpg form{flex:1}
.searchBx.--inpg .searchInput{width: 100%;border:1px solid var(--mjColor-d);height: 100%;padding:0.2rem 0.6rem}
.searchBx.--inpg .searchBtn{padding: 0.4rem clamp(1.5rem,2vw,2rem);border-radius: 0;background: var(--mjColor-d);color:#fff;width: auto;aspect-ratio: initial;white-space: nowrap;}
.ixServiceImgBx{position: relative;;display: flex;gap:clamp(1.5rem,3vw,2rem);width: calc(100vw - clamp(24rem,28vw,26.5rem) - calc(var(--bs-gutter-x) * .5))}
.ixServiceImgBx__item{width: 100%;}
.ixServiceImgBx__item:hover img{transform: scale(1.05);}
.ixServiceImgBx__item:hover .ixServiceImg::before{opacity: 0.3;}
.ixServiceImg{position: relative;;width: 100%;padding-bottom: 133.33%;margin-bottom: 0;overflow: hidden;}
.ixServiceImg::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background:#fff;opacity: 0;transition: 0.8s all ease-in-out;z-index: 2;}
.ixServiceImg img{width: 100%; height: 100%; object-fit: cover;transition: 0.8s all ease-in-out;position: absolute;left: 0;top:0}
.ixServiceTxt{--bs-gutter-x: clamp(3rem, 6vw, 5.5rem);padding-left:calc(var(--bs-gutter-x) * .5) ;width: clamp(24rem,28vw,26.5rem);flex: 0 0 auto;}
.ixServiceTxt .titSy01 {margin: clamp(0.8rem,1.2vw,1rem) 0;}
.serviceTit{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: flex-start;;margin-top: calc(-1* clamp(2.5rem,4vw,3rem));z-index: 3;}
.serviceTit__sub{background: #fff;padding:0.2rem 0.3rem;font-size: clamp(0.875rem,1.3vw,1rem);}
.serviceTit__mj{background: var(--black);padding:0.5rem;padding-right: clamp(1rem,2vw,2rem);color:#fff;font-size: clamp(0.93rem,1.3vw,1.25rem);}
.blockHeight--ixService .--mb{display: none;}
/* swiper 箭頭切換*/
body .swiper-button-next.swiper-button-disabled,body .swiper-button-prev.swiper-button-disabled{opacity: 0;}
body .ixSerswiper-button-next,body .ixSerswiper-button-prev{width: 40px;height: 40px;border-radius: 50%;}
body .ixSerswiper-button-next{right: 0;}
body .ixSerswiper-button-prev{left: 0;}
body  .swiper-button-next,body  .swiper-button-prev{color:transparent}
body  .swiper-button-next:after{content:"";width:1.25rem;height:1.25rem;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)translate(-50%,-50%);position:absolute;left:0%;top:55%;
filter: drop-shadow(2px 2px 6px  rgba(0,0,0,0.8))}
body  .swiper-button-prev:after{content:"";width:1.25rem;height:1.25rem;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)translate(-50%,-50%)scale(-1) ;position:absolute;right:0%;top:55%;filter: drop-shadow(2px 2px 6px  rgba(0,0,0,0.8))}

/* !====footer */
/* 功能選單 */
.ftFunLink{display: flex;}
.ftFunLink__item{position: relative;;width: 100%;aspect-ratio: 80/53;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.ftFunLink__item:nth-child(1){background-image: url(../images/all/ftFunImg01.jpg);}
.ftFunLink__item:nth-child(2){background-image: url(../images/all/ftFunImg02.jpg);}
.ftFunLink__item:nth-child(3){background-image: url(../images/all/ftFunImg03.jpg);}
.ftFunLink__item:hover::before{opacity: 0;}
.ftFunLink__item::before{content:"";width: 100%;height: 100%;position: absolute;left: 0;top:0;opacity: 1;transition: 0.5s ease-in-out opacity;background:linear-gradient(180deg, rgba(141, 148, 138, 0.50) 0%, rgba(141, 148, 138, 0.75) 100%) ;}
.ftFunTxt{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;width: 100%;padding:0 clamp(1.25rem,2vw,2rem);display: flex;justify-content: space-between;align-items: center;}
.ftFunTxt .moreBtn{color:#fff;border-color: #fff;}
.ftFunTit{color:#fff;}
.ftFunTit__sub{font-size: clamp(0.93rem,1.5vw,1.25rem);line-height: 1.2;display: block;margin-bottom: 0.5rem;}
.ftFunTit__mj{font-size: clamp(1.125rem,2vw,1.75rem);line-height: 1.2;display: block;}
/* ft資訊 */
footer{position: relative;background:var(--black);color:#fff;padding:clamp(2.5rem,5vw,4rem) 0}
.ftLink{display: flex;justify-content: space-between;align-items: center;}
.ftNav{list-style: none;padding-left: 0;display: flex;gap:clamp(2.5rem,4vw,3.75rem);margin-bottom: 0;}
.ftNav a{font-weight: 500;font-size: 1rem;color:#fff}
.ftNav a:hover{opacity: .6;}
.socialIcon{display: flex;gap:clamp(1rem,1.5vw,1.5rem);}
.socialIcon__item{position: relative;;width:clamp(1.8rem,2.5vw,2.25rem);aspect-ratio: 1/1;background: #fff;border-radius: 50%;}
.socialIcon__item:hover{opacity: .6;}
.socialIcon__item::before{content:"";position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background-repeat: no-repeat;background-size: 90% auto;background-position: center center;}
.socialIcon__item.--fb::before{background-image: url(../images/all/ft_fb.svg);}
.socialIcon__item.--line::before{background-image: url(../images/all/ft_line.svg);}
.socialIcon__item.--yt::before{background-image: url(../images/all/ft_yt.svg);}
.ftAddr{display: flex;;padding:clamp(3rem,6vw,6rem) 0 clamp(2rem,4vw,3.75rem) 0;}
.ftAddr__item{padding: 0 clamp(1rem,4vw,2.5rem);border-right: 1px solid #999;}
.ftAddr__item:first-child{padding-left: 0;}
.ftAddr__item:last-child{border-right: none;}
.ftAddrArea{letter-spacing: 0.4375rem;font-size: 0.875rem;font-weight: 500;color:var(--gray-l);margin-bottom: clamp(0.2rem,1vw,0.7rem);}
.ftAddrInfo{font-size: 0.875rem;;line-height: 1.6;color:var(--gray-lx2);display: block;}
.ftAddrInfo:hover{opacity: .6;}
.ftLgInfo{display: flex;justify-content: space-between;align-items: center;}
.ftLgInfo .navbarBrand{filter: brightness(0) invert(1);width: clamp(7rem, 10vw, 8.75rem);}
.copyright{display: flex;align-items: flex-start;}
.copyright__p{letter-spacing: clamp(0.4rem,1vw,0.875rem);font-size: 0.875rem; font-weight: 300;}
.copyright__mj{font-size: 0.75rem;display: block;}
.copyright__cmp{display: flex;font-size: 0.93rem;color:var(--gray-lx2);margin-bottom: 0;white-space: nowrap;}
.copyright__cmp br{display: none;}
.copyright__cmp::before{content:"";width: clamp(4rem,7vw,6rem);height: 1px;background: var(--gray);;margin:0.8rem clamp(1rem,2vw,1.5rem);display: block;}

/* !==== 麵包屑*/
.breadCrumbsWrap{padding:clamp(1rem,2vw,1.5rem) 0}
.breadCrumbs{list-style: none;padding-left: 0;display: flex;justify-content: flex-end;--gap: 1.125rem; display: flex;gap: 0.5rem var(--gap); flex-wrap: wrap;}
.breadCrumbs__item{position: relative;}
.breadCrumbs__item a{color:#777777;opacity: 0.75;;font-size: clamp(0.875rem, 1.2vw, 1rem);}
.breadCrumbs__item a:hover{opacity: 1;}
.breadCrumbs__item:last-of-type a{opacity: 1;cursor: default;}
.breadCrumbs__item:last-of-type:hover a{opacity: 1;}
.breadCrumbs__item +.breadCrumbs__item::before{ content: ''; position: absolute; width: 0.25rem; height: 0.25rem;border-radius: 50%;background: #3E7283;  left: calc(var(--gap) * -0.5); top: 53%; transform: translate(-50%, -50%);}

/* !====頁碼*/
.pagination{display:flex;justify-content:center;gap: 1.5rem;flex-wrap: wrap;margin: 0;padding: 5rem 0 0;font-size: 1rem;list-style-type: none;}
.pagination li:not(.show){display:none}
.pagination a{display: flex;align-items: center;justify-content: center;width: clamp(1.9rem,3vw,2.5rem);aspect-ratio: 1;}
.pagination .on a{color: #fff;background: var(--black);}
.pagination .arrow{display:flex!important;}
.pagination .arrow .no{opacity:.5;pointer-events:none}
.pagination .arrow a{display: flex;align-items: center;gap: 1rem;font-size: 80%;}
.pagination  .bi-chevron-left::before,  .bi-chevron-right::before{font-weight: bold !important;color: #000;;}

/* !====編輯器 */
ol,ul{padding-left: 2rem;}
.articleMain{display: flex;flex-direction: column;--gap:clamp(2.5rem,4.5vw,4rem);gap:var(--gap)}
.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;line-height: 1.8;font-weight: 500;}
.tx01 figure{border-radius: var(--radius);overflow: hidden;}
.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)}
.tx01:last-of-type figure,.tx01:first-of-type figure{overflow: hidden;margin-bottom: 0;}
.tx01:last-of-type img,.tx01:first-of-type img{width: 100%;height: 100%;object-fit: cover;}
.tx01:last-of-type,.tx01:first-of-type{display: flex;flex-direction: column-reverse;gap:var(--gap)}
.tx01:first-of-type{flex-direction: column;}
.tx01 .tit01{font-size: clamp(1.25rem,1.8vw,1.5rem);font-weight: 500;line-height: 1.3;margin-bottom: clamp(0.5rem,1vw,1rem);position: relative;padding-left: 1.2rem;}
.tx01 .tit01::before{content:"";width:clamp(0.25rem,0.5vw,0.375rem);height: 90%;position: absolute;left: 0;top:43%;transform: translateY(-40%);background: var(--mjColor);}

/* !==== 服務項目*/
.inMain{padding-bottom: clamp(2.5rem,4vw,4rem);}
.pgTit{position: relative;display: flex;justify-content: center;align-items: center;padding:clamp(2rem,7vw,6rem) 0}
.pgTit::before{content:"";position: absolute;left: 50%;bottom:0;transform: translate(-50%,0%);width: calc(100% - clamp(1.5rem,4vw,2.5rem));height: 1rem;background: #777;box-shadow: -1px 11px 20px 4px rgba(112, 112, 112, 0.1)}
.pgTit::after{content:"";position: absolute;left: 50%;bottom:0;transform: translate(-50%,0%);width: 100%;height: 2rem;background: #fff;}
.pgTit.--sbetw{justify-content: space-between;}
.pgTit .searchBx{width:min(100%,clamp(23rem,35vw,28rem));margin-bottom: 0;}
.pgTit__tit{font-size: clamp(2rem,3.5vw,4rem);font-weight: 400;line-height: 1.1;}
.inServiceWrap .ixServiceImgBx{--num: 4;--gap:clamp(1.5rem,2.5vw,2rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;width: 100%;}
.inServiceWrap .ixServiceImgBx .ixServiceImgBx__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
/* 服務底層 */
.serDt{display: flex;gap:clamp(1.5rem,4vw,3.75rem);margin-bottom: clamp(3rem,4.5vw,4.5rem);}
.serDt figure{margin-bottom: 0;}
.serDtGroup{position: relative;;width: 50%; color:var(--gray)}
.serDtGroup.--img{display:flex;flex-direction:column;justify-content:space-between;}
.serDtGroup.--txt{display: flex;flex-direction: column; padding-top: clamp(1rem,1.5vw,1.5rem);border-top: 1px solid;}
.serDtGroup__tit {margin-bottom: clamp(1.2rem,4vw,3rem);}
.serDtGroup__tit span{line-height: 1.1;}
.serDtGroup__tit__sub{background: var(--black);padding:0.25rem 0.5rem;color:#fff;font-size: 1rem;font-weight: 500;}
.serDtGroup__tit__mj{font-size: clamp(1.7rem,3vw,2.5rem);font-weight: 350;display: block;margin-top: 1rem;color:var(--black)}
.serDtGroup__imgbx{--gap:clamp(1rem,2.5vw,2rem);display: flex;gap:var(--gap);align-items: flex-end;}
.serImgMain{width:clamp(20rem,24vw,29.5rem);aspect-ratio: 3/4;}
.serImgOther{flex:1;display: flex;gap:calc(var(--gap) * 0.4)}
.serImgOther__item{width: 100%;max-width: 120px;aspect-ratio: 1/1;cursor: pointer;}
.serDtGroup_p,.serDtGroupList{margin-bottom: clamp(1.5rem,1.5vw,3rem);font-size: clamp(0.875rem,1vw,1rem);}
.serDtGroupList__item{margin-bottom: 0.2rem;}
.serDtGroupList__item__tit{width: clamp(6rem,8vw,7rem);display: inline-block;}
.serDtGroup__section{--w:clamp(18rem,24vw,28.125rem);flex:1;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;}
.serSectionImg{width: var(--w);aspect-ratio: 3/2;}
.serSectionTxt{width: var(--w);font-size: 0.93rem;margin:0.3rem 0 0 0}
.dtCTA{display: flex;justify-content: space-between;align-items: center;margin:clamp(3rem,6vw,4.5rem) 0 clamp(1.5rem,3vw,2.5rem) 0;overflow: hidden;}
.dtCTA__tit{font-size: clamp(1.8rem,2.3vw,3rem);font-weight: 500;line-height: 1.1;}
.dtCTA__tit span{font-weight: 350;color:var(--gray);display: block;margin-bottom: 0.8rem;font-size: 0.8em;}
.dtCTA__btnGroup{border-top: 1px solid var(--black);width: clamp(20rem,30vw,26rem);display: flex;gap:0.5rem}
.dtCTABtn{position: relative;;font-size: clamp(1.375rem,2vw,1.75rem);font-weight: 500;line-height: 1.2;width: 50%;transition: 0.3s all ease-in-out;overflow: hidden;padding:1rem;padding-left: 0;}
.dtCTABtn::before{content:"";position: absolute;right: 0;top:50%;transform: translate(0,-50%);width: 0;height: 100%;background: var(--black);transition:  0.8s all ease-in-out;z-index: -1;}
.dtCTABtn span{font-size: clamp(0.875rem,1vw,1rem);color:var(--gray);font-weight: 350;display: block;margin-bottom: 0.5rem;}
.dtCTABtn:hover{padding: 1rem;}
.dtCTABtn:hover,.dtCTABtn:hover > span{color:#fff;;}
.dtCTABtn:hover::before{transform: translate(0,-50%);width: 100%;left: 0;}

/* 精選產品 */
.inProductList{--num: 4;--gap:clamp(1.5rem,2vw,2rem);display:flex;gap: calc(var(--gap) * 1.5) var(--gap) ;flex-wrap: wrap;}
.inProductList__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.inProductListImg{position: relative;;width: 100%;aspect-ratio: 4/3;margin-bottom: 0;}
.inProductListTit{position: relative;;padding:clamp(0.6em,1vw,1rem) 0;border-bottom: 1px solid;display: flex;justify-content: space-between;font-size: clamp(1rem,1.3vw,1.2rem);overflow: hidden;transition: 0.8s all ease-in-out;}
.inProductListTit::before{content:"";position: absolute;right: 0;top:0;width: 0;height: 100%;background: var(--black);transition: 0.8s all ease-in-out;}
.inProductList__item:hover .inProductListTit::before{left:0;width:100%}
.inProductList__item:hover .inProductListTit{padding-left: 1.25rem;padding-right: 1.25rem;color:#fff}
.inProductListTit__mj{font-weight: 600;}
.inProductListTit__sub{font-weight: 350;}
.inProductListTit__sub::before{content:"#";padding-right: 0.2rem;}
.inProductListTit__sub,.inProductListTit__mj{position: relative;z-index: 1;}
/* 產品底層 */
.pdDtWrapper{position: relative;padding-bottom: clamp(4rem,8vw,8rem);}
.pdDtTit{display: flex;align-items: center;;font-size: clamp(1.5rem,2.5vw,2.5rem);font-weight: 700;margin-bottom: clamp(1rem,2vw,1.5rem);}
.pdDtTit::before{content:"";display: inline-block;width: clamp(2.5rem,4.5vw,4rem);height: 1px;background: var(--black);margin-right: 1rem;opacity: .4;}
.pdDtGroup{--gap:clamp(2.5rem,3vw,4rem);--miniW: clamp(12rem,20vw,25rem);display: flex;gap:var(--gap);}
.pdDtGroup__imgBx{position: relative;}
.pdImgMain{display: block;;width:clamp(28rem,40vw,45rem);aspect-ratio: 4/3;}
.pdImgOther{position: absolute;right:calc(-1 * var(--gap));bottom:0;transform: translateX(100%);width: var(--miniW);display: flex;gap:clamp(0.5rem,1vw,0.8rem)}
.pdDtGroup__txtBx{flex:1;display: flex;flex-direction: column;justify-content: space-between;}
.pdSlogan__ch{display: block;font-size: clamp(1.5rem,2.5vw,2rem);font-weight: 600;margin-bottom: clamp(0.3rem,0.5vw,0.8rem);}
.pdSlogan__en{font-size: clamp(0.875rem,1vw,1rem);font-weight: 350;text-transform: uppercase;color:var(--gray)}
.pdDtInfoList{list-style: none;padding-left:calc(var(--miniW) + clamp(1.5rem,2.8vw,3rem));display: flex;justify-content: flex-end;flex-direction: column;margin-bottom: 0;color: var(--gray);}
.pdDtInfoList__item{width: clamp(18rem,28vw,25rem);display: flex;justify-content: space-between;border-top: 1px solid;padding:clamp(0.4em,1vw,1rem) 0;margin-left: auto;gap:clamp(0.8rem,3vw,2rem)}
.pdDtInfoList__item:last-of-type{padding-bottom: 0;}
.pdDtInfoListTit,.pdDtColor{margin-bottom: 0;white-space: nowrap;}
.pdDtInfoListcon{display: flex;flex-wrap: wrap;justify-content: flex-end;gap:clamp(0.2rem,1vw,0.5rem);margin-bottom: 0;}
.pdDtColor{display: flex;gap:0.3rem;align-items: center;}
.pdDtColor__color{width: 1.5rem;height: 1rem;background: #707070;display: inline-block;}
.pdTitBar{background:url(../images/product/pdBar.jpg)no-repeat center center / cover ;}
.pdTitBarTxt{text-align: center;padding:clamp(1.25rem,2vw,2rem) 1.125rem ;color:var(--mjColor-l);}
.pdTitBarTxt__ch{font-size: clamp(1.25rem,1.8vw,2rem);font-weight: 600;display: block;margin-top: 0.5rem;}
.pdTitBarTxt__en{font-size: clamp(0.875rem,1vw,1rem);font-weight: 300;opacity: .6;}
.dtPdList{padding:clamp(2.5rem,5.5vw,5rem) 0}
.dtPdList{--num: 2;--gap:clamp(1.8rem,3.5vw,3rem);;display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.dtPdList__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );display: flex;gap: var(--gap) ;align-items: center;}
.dtPdListImg{ width:clamp(6rem,20vw,15rem);/*background: var(--gray-lx2);padding:clamp(0.8rem,1.3vw,1.25rem)*/}
.dtPdListImg__img{width: 100%; ;aspect-ratio: 1/1}
/* 系列產品燈箱 */
.lightbox-preview{position:relative;display:inline-block;width:100%;aspect-ratio:1/1;}
.lightbox-preview img{width:100%;height:100%;object-fit:contain;}
.lightbox-preview .counter{position:absolute;bottom:0;left:0%;background:rgba(0,0,0,0.5);color:#fff;padding:2px 6px;border-radius:4px;font-size:0.9rem;}
.dtPdListTxt{flex:1;display: flex;flex-direction: column;justify-content: space-between;}
.dtPdListTxt__tit{font-size: clamp(1.125rem,1.5vw,1.375rem);font-weight: 600;margin-bottom: 1rem;padding:0.8rem 0;}
.dtPdListTxt__tit span{font-weight: 300;font-size: 0.85em;position: relative;top: -0.15rem;}
.dtPdListTxt__tit span::before{content:"｜";padding:0 0.1rem}
.dtPdListTxt__info{list-style: none;padding-left: 0;margin-bottom: 0;}
.dtPdListTxt__info::before{content:"訂製範圍";display: block;font-size: 0.875rem;margin-bottom: 0.5rem;color:var(--gray);letter-spacing: 1px;}
.dtPdListTxt__info li::before{width: clamp(1.8rem,2.8vw,2.8rem);display: inline-block;}
.dtPdListTxt__info li{font-size: clamp(0.875rem,1vw,1rem);}
.dtPdListTxt__info li.--L::before{content:"L"}
.dtPdListTxt__info li.--W::before{content:"W"}
.dtPdListTxt__info li.--H::before{content:"H"}
.dtPdListTxt__info li.--D::before{content:"D"}
.dtPdListTxt__info li + li{margin-top: 0.4rem;}
.pdDtVideo{background: var(--gray-lx2);padding:clamp(1.8rem,6.5vw,6rem) 0}
.pdDtVideo + .backBtn{margin-top: clamp(3.5rem,6.5vw,6rem)}
/* 形象區塊 */
.pdDtVision{--txtW:clamp(12rem,18vw,15rem);--smPd:clamp(3rem,4vw,6rem);position: relative;background: var(--gray-lx2);}
.pdVisionGroup__txt{display: flex;flex-direction: column;justify-content: flex-end;font-size: clamp(1rem,1.4vw,1.125rem);line-height: 1.5;color:var(--gray);overflow: hidden;}
.pdVisionGroup__txt__en{display: block;opacity: .7;font-size: 0.9em;margin-top: 0.5rem;}
.pdDtVisionList{display: flex;justify-content: space-between;}
.pdDtVisionList:not(:has(.--lg)) .pdDtVisionList__left{width: 100%;justify-content: space-between;flex-direction: row;}
.pdDtVisionList:not(:has(.--lg)) .pdVisionGroup.--sm .pdVisionGroup__img {max-width: 200px;}
.pdDtVisionList:not(:has(.--lg)) .pdVisionGroup.--sm:only-child .pdVisionGroup__img{max-width:100%;width:100%}
.pdDtVisionList:not(:has(.--lg)) .pdVisionGroup__txt{text-align: right;max-width: 50%;}
.pdDtVisionList__left{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(2rem,4vw,4rem);padding:clamp(1.5rem,2vw,3.5rem)clamp(1.25rem,5vw,4rem);}
.pdVisionGroup.--sm .pdVisionGroup__img{max-width:clamp(7rem,12vw,12.5rem);}

.pdVisionGroup__img img{width: 100%;height: 100%;object-fit: cover;}
.pdVisionGroup.--lg{color:white;width: clamp(30rem,55vw,67.25rem);}
.pdVisionGroup.--lg .pdVisionGroup__img{width: 100%;height: 100%;}

.pdDtVisionList:not(:has(.--sm)):not(:has(.--txt)) .pdDtVisionList__left{display:none;}
.pdDtVisionList:not(:has(.--sm)):not(:has(.--txt)) .--lg{width:100%;}

.pdDtVisionList:not(:has(.--lg)):not(:has(.--txt)) .pdDtVisionList__left{padding:0}
.pdDtVisionList:not(:has(.--lg)):not(:has(.--txt)) .--sm{width: 100%;}


/* !====聯絡我們 */
.contactGroup{display: flex;align-items: flex-start;gap:clamp(4rem,6vw,6rem);padding-top: clamp(3rem,5vw,5rem);}
.contactGroup__txt{position: sticky;top:calc(var(--headerH) + 2rem);width: clamp(20rem,30vw,35rem);}
.formGroupWrap{flex:1;width: 100%;}
.formGroup{display: flex; flex-wrap: wrap;gap:0 var(--gap);--gap: clamp(1rem, 2vw, 2rem);margin-bottom: clamp(2rem,4vw,3.5rem);}
.formGroup__item{width: 100%;display: flex;padding:clamp(0.8rem,2vw,2rem)0;border-top: 1px solid #7f7f7f ;}
.formGroup__item label{width:clamp(7.5rem,8vw,8.5rem);font-size: clamp(0.93rem,1.2vw,1rem);}
.formGroup__item--half{width: calc(50% - (var(--gap)/2));}
.formGroup__item  label{margin-bottom: 0.5rem;font-weight: 500;white-space: nowrap;}
.formGroup__item  input,.formGroup__item  textarea{width: 100%;background: var(--gray-lx2);border:none;padding:0.6rem 0.8rem}
.contactTit{font-size: clamp(1.8rem,4vw,3rem);font-weight: 600;margin-bottom: clamp(0.5rem,1vw,1rem);}
.contactTit__en{display: block;margin-top: 0.8rem;margin-bottom: clamp(1.5rem,2vw,2rem);font-size: 0.6em;font-weight: 400;text-transform:uppercase;color:var(--gray-l)}
.contactCon{font-size: clamp(0.93rem,1.3vw,1rem);; width: min(100%, 30rem);color:var(--gray)}
.contactGroup .socialIcon{margin-top: clamp(1rem,4vw,6rem);}
.contactGroup .socialIcon__item{background: var(--black);width: clamp(1.8rem,3vw,2.5rem);}
.contactGroup .socialIcon__item::before{filter:  brightness(0) invert(1);}
.contactGroup .socialIcon__item:hover{background: var(--mjColor-dx2);opacity: 1;}
/* map */
.blockHeight--contactMap{background: var(--gray-lx2);padding:clamp(3rem,6vw,6rem) 0}
.mapGroup{--iframeH:clamp(24rem,24vw,40rem);display: flex;justify-content: center;position: relative;}
.mapGroup__txt {position: relative;z-index: 2;;padding: clamp(1.2rem,3vw,3.5rem) clamp(1rem,2.5vw,2.5rem);background: #fff;cursor: pointer;border-right: 1px solid #dfdfdf;}
.mapGroup__item:last-of-type .mapGroup__txt{border-right: none;}
.mapGroup__txt::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: url(../images/index/scrollDown-logo.svg) no-repeat right 10% center / 40% auto;filter: brightness(0) invert(1);opacity: .2;}
.mapGroup__txt .ftAddrArea{color:var(--black)}
.mapGroup__txt .ftAddrInfo{color:var(--gray)}
.mapGroup__map{height: calc(var(--iframeH) - clamp(2rem,4vw,4rem));}
.mapGroupIframe{position: absolute;left: 0;top:0;width: 100%;height: var(--iframeH);opacity: 0;transition: 0.3s all ease-in-out;}
.mapGroupIframe iframe{width: 100%;height: 100%;object-fit: cover;}
.mapGroup__item .ftAddrArea,.mapGroup__item .ftAddrInfo{font-size: clamp(0.875rem,1.1vw,1rem);}
.mapGroup__item.active .mapGroup__txt{background: var(--mjColor-dx2);}
.mapGroup__item.active .ftAddrInfo,.mapGroup__item.active .ftAddrArea{color:#fff}
.mapGroup__item.active .mapGroupIframe{opacity: 1;}

/* !==== 關於我們*/
.abScTit{display: flex;align-items: flex-end;justify-content: space-between;padding-bottom:clamp(1rem,2vw,1.25rem);border-bottom: 1px solid ;margin-bottom: clamp(2rem,4vw,3.75rem);overflow: hidden;}
.abScTit__mj{font-size: clamp(2rem,6vw,5rem);font-weight: 400;}
.abScTit__mj::before{content:"SINCE";font-size: clamp(1rem,1.2vw,1.125rem);padding-right: clamp(0.5rem,1vw,0.8rem);opacity: .6;}
.abScTit__sub{font-size: clamp(1rem,1.2vw,1.125rem);opacity: .6;}
.abScCon{display: flex;justify-content: space-between;margin-bottom: clamp(2rem, 4vw, 4rem);gap:clamp(3rem,4vw,4rem)}
.abScCon__txt{width:min(100%,28rem);display:flex;flex-direction:column;justify-content:center;padding: 2rem 0;}
.abScCont__txt__tit{color:var(--mjColor-dx2);font-weight: 500;margin-bottom:  clamp(1rem, 3vw, 2rem);font-size: clamp(1.375rem,2vw,2rem);display: flex;flex-direction: column;align-items: flex-start;gap:clamp(0.5rem,1vw,0.8rem)}
.abScCont__txt__tit__mj{display: block}
.abScCont__txt__tit__sub{background: var(--mjColor);color:#fff;padding:0.6rem 1.2rem;font-size: 0.8em;}
.abScCon__img{display: flex;gap:1rem}
.abScCon__img::before{content:"";display: inline-block;height: 100%;;aspect-ratio:98/ 562;background: url(../images/all/logo_rl.svg) no-repeat center center / contain;filter: brightness(0.5); opacity: .1;}
.abScCont__txt__p{line-height: 2;color:var(--gray);}
.abScCon__img__img{width: clamp(25rem,50vw,45rem);aspect-ratio: 5/3;}
/* History */
.blockHeight--aboutHistory{padding-bottom: clamp(4rem,8vw,8rem);}
.abHsList__item{--tagW:clamp(3.5rem,3vw,4rem);position: relative;;padding:clamp(1.8rem,3.5vw,3rem) 0;border-bottom: 1px solid;display: flex;align-items: center;;gap:clamp(3rem,15vw,10rem);padding-right: calc(var(--tagW) + 2rem);}
.abHsList__tit{font-size:clamp(2rem,5.5vw,4rem);font-weight: 400;white-space: nowrap;width: clamp(10rem,20vw,15rem);}
.abHsList__tit span{font-size: clamp(1rem,1.3vw,1.125rem);padding-left: 0.5rem; opacity: .5;}
.abHsList__p{width:40%;margin-bottom:0;color:var(--gray);font-size:1rem;mix-blend-mode: difference}
.abHsList__tag{position: absolute;right:0;top:50%;transform: translateY(-50%);background: var(--black);padding:0.2rem 0.6rem;color:#fff;display: block;text-align: center;width: 4.375rem;line-height: 1.8;}
.enNum{font-family: 'Outfit';}
/* History 移入產生圖片效果 */
.cursor-img{position:fixed;width:clamp(16rem,23vw,21.875rem);aspect-ratio:3/2;pointer-events:none;transform:translate(-50%,-50%);transition:opacity 0.3s ease;opacity:0;z-index:-1;filter:grayscale(100%);}
.cursor-img.show{opacity:0.8;}
.cursor-img img{width:100%;height:100%;object-fit:cover;}

/* !====搜尋結果頁 */
.pgBanner.--searchRs{padding:clamp(4rem,8vw,7rem) 0;background: var(--mjColor-l);height: auto;text-align: center;}
.pgBanner.--searchRs + .container{padding-top: clamp(3rem,5vw,4.5rem);}
.--searchRs .searchBx.--inpg{width:min(100%,40rem);margin:0 auto;}
.--searchRs .searchBx.--inpg .searchInput{border:none;background: #fff;}
.sechRsTit{position: relative;;color:var(--mjColor-dx2);max-width: 50rem;margin:0 auto;margin-bottom: clamp(2rem,3.5vw,3rem);display: flex;flex-direction: column;gap:clamp(0.5rem,1vw,1rem)}
.sechRsTit__en{color:#fff;font-size: clamp(2rem,5vw,5rem);color:#dadfd1;opacity: .8;}
.sechRsTit__ch{position: relative;z-index: 2;font-weight: 500;display: flex;align-items: center;gap:clamp(0.8rem,2vw,2rem);white-space: nowrap;}
.sechRsTit__ch::before,.sechRsTit__ch::after{content:"";width: 100%;height: 1px;background: #c9cdc3;}


/* !====動畫效果 */
@media screen and (min-width: 768px) {
    /* 動畫class */
    .titani01{opacity: 0;}
    .titani01.animated span{animation: slide-in 1000ms calc(75ms*var(--char-index)) cubic-bezier(0.5, 0, 0.5, 1) both;}
    .titani02{opacity: 0;}
    .titani02.animated {animation: slide-in 1000ms cubic-bezier(0.5, 0, 0.5, 1) both;}
    .heroTxt{opacity:0;filter:blur(10px);transform:translateX(-20%);animation:heroIn 1.8s ease-out forwards;}
    .imgani{opacity: 0;}
    .imgani.animated{opacity:0;filter:blur(10px);animation:imgIn 0.8s ease-out forwards;}

    /* banner Swiper ani*/
    .swiper-slide-active .titani01Bn span{animation:slide-in 1000ms calc(75ms*var(--char-index)) cubic-bezier(0.5,0,0.5,1) both;}
    .swiper-slide-active .titani01Bn{opacity:1;}
    .swiper-slide-active .fadeInBn{animation:fadeIn 1.8s ease-out forwards;}
    .swiper-slide-active .heroTxtBn{animation:heroIn 1.8s ease-out forwards;}
    .swiper-slide-active .heroImgIn{animation:heroImgIn 1.5s cubic-bezier(0.5,0,0.1,1) forwards;}
    .fadeInBn{opacity:0;filter:blur(10px);}
    .fadeInBn02{opacity:0;filter:blur(80px);}
    .heroTxtBn{opacity:0;filter:blur(10px);transform:translateX(-20%);}
    .heroImgIn{opacity:0;filter:blur(60px);}
    .titani01Bn{opacity:0;}
    .heroImgIn{opacity:0;filter:blur(60px);transform:translateY(20px) scale(1.05);}

}


@keyframes slide-in{0%{transform:translateY(100%) scale(1);opacity:0;filter:blur(10px);}
100%{transform:translateY(0) scale(1);opacity:1;filter:blur(0px);}
}
@keyframes heroIn{0%{opacity:0;filter:blur(10px);transform:translateX(-20%);}
100%{opacity:1;filter:blur(0);transform:translateX(0);}
}
@keyframes bannerImgIn{0%{opacity:0;filter:blur(180px);transform:translateY(20px);}
100%{opacity:1;filter:blur(0);transform:translateY(0);}
}

@keyframes imgIn{0%{opacity:0;filter:blur(10px);}
100%{opacity:1;filter:blur(0);}
}
@keyframes ixTabImg{0%{opacity: 0.6;}
100%{opacity: 0;}
}

@keyframes heroImgIn{0%{opacity:0;filter:blur(60px);transform:translateY(20px) scale(1.05);}
100%{opacity:1;filter:blur(0);transform:translateY(0) scale(1);}
}


/*====== MAX WITH ======*/
@media screen and (max-width: 1300px) {

    /* !====精選產品 */
    .inProductList{--num:3;}
    .pdImgOther{flex-direction: column;width: clamp(3rem,4.5vw,4rem);}
    .pdDtInfoList{padding-left: 6rem;}


    /* !====聯絡我們 */
    .mapGroup__map{height: var(--iframeH);}
}
@media screen and (max-width: 1150px) {

    /* !====服務項目 */
    .serImgOther{flex-direction:column;width:clamp(4rem,6vw,5rem);flex:initial;}
    .serDtGroup__section{--w:100%;}
}
@media screen and (max-width: 992px) {

    /* !====首頁 服務項目*/
    .blockHeight--ixService{flex-direction: column;;margin: clamp(1.5rem,2vw,2rem) 0;padding:2rem 1.25rem 4rem }
    .ixProductImg::before{background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 80.84%)}
    .ixServiceTxt{width: 100%;padding-left: 0;}
    .ixServiceTxt .searchBx.--inpg{width: min(100%,31.25rem);margin:0 auto;margin-bottom: 1rem;}
    .ixServiceTxt{text-align: center;}
    .ixServiceTxt .moreBtn{margin:0 auto}
    .ixServiceTxt .titSy01{justify-content: center;}
    .ixServiceTxt .ixCon{width: 100%;text-align: center;}
    .ixCon br{display: none;}
    .ixServiceImgBx{width: 100%}
    .blockHeight--ixService .--mb{position:absolute;display:block;left:50%;transform:translate(-50%,160%);bottom:0;}
    .blockHeight--ixService .--desk{display: none;}

    /* !====首頁 關於我們*/
    .ixAboutTxt{width: 75%;}
    .blockHeight--ixAbout::before{width: 35%;}

    /* !====banner */
    .bannerImg{width:clamp(28rem,40vw,55rem) ;}
    .scrollLine::before{top:1rem}

    /* !====footer */
    .ftAddr{flex-wrap: wrap;gap:2rem 0}
    .ftAddr__item{width: 50%;}
    .ftAddr__item:nth-child(2){border-right: none;}
    .ftAddr__item:nth-child(3){padding-left: 0;}
    .ftLgInfo{flex-direction: column;gap:1rem;margin-top: 2rem;}
    .copyright{width: 100%;justify-content: space-between;}
    .ftLink{flex-direction: column;align-items: flex-start;gap:2rem}

    /* !==== 關於我們*/
    .abScCon__img__img{width: 100%;}
    .abScCon__txt{min-width: 21.8rem;}
    .abHsList__item{flex-direction:column;align-items:flex-start;gap:0rem;}
    .abHsList__p{width: 100%;}
    .blockHeight--aboutHistory{padding-top: 0;}
    .blockHeight--aboutSince{padding-bottom: 0;}

    /* !====聯絡我們 */
    .formGroup__item--half{width: 100%;}
    .mapGroupIframe{position: relative;opacity: 1;}
    .mapGroup{flex-direction: column;gap:3rem}
    .mapGroup__txt{background: var(--mjColor-dx2);}
    .mapGroup__item .ftAddrInfo, .mapGroup__item .ftAddrArea{color:#fff;}
    .mapGroup__map,.mapGroupIframe{height: 12.5rem;}
    .mapGroup__txt::before{background: url(../images/index/scrollDown-logo.svg) no-repeat right 10% center / 30% auto;}

    /* !====精選產品 */
    .pdDtGroup{flex-direction:column;}
    .pdDtGroup__imgBx{display:flex;gap:1rem}
    .pdImgOther{position:relative;right:auto;bottom:auto;transform:translateX(0);width:clamp(3.5rem,4vw,4rem);}
    .pdImgMain{width:100%;}
    .pdDtGroup__txtBx{gap:1.5rem}
    .pdDtInfoList{padding-left:0;}
    .pdDtInfoList__item{width:100%;}
    .dtPdListTxt__info li + li{margin-top: 0.2rem;}

    /* !====服務項目 */
    .inServiceWrap .ixServiceImgBx{--num:3;}

}

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

    /* !====banner */
    .bannerBx{margin-bottom: 1rem;}
    .bannerImg{width:70%;/*bottom:7rem;*/bottom:0.8rem}
    .banner__con{flex-direction:column;align-items:flex-start;gap:2rem;}
    .scrollDown{left: -1.2rem;top:1rem}
    .bannerTxt{/*min-height: 40rem;*/}
    .bannerTxt__tit__slogan{left: 30%;top: 20%;}
    .bannerTxt__tit__mj{top:-8rem;width: 100vw;}
    .scrollLine::before{height: 80%;left: 55%;}


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

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

    /* !====首頁 關於我們*/
    .-ixAbout{flex-direction: column;gap:2rem}
    .ixAboutImg{width: 100%;}
    .ixAboutImg__img{aspect-ratio: initial;width: 100%;}
    .blockHeight--ixAbout::before{width:20%;top:0;right:0;transform:translateY(-15%);left:auto;height:50%;}
    .blockHeight--ixAbout::after{display: none;}
    .ixAboutTxt{width: 100%;padding:0}

    /* !====首頁 精選產品*/
    .ixPdTabBody{flex-direction: column;}
    .ixProductImg{width: 100%;}
    .ixProductImg{aspect-ratio: 5/4;}
    .ixProductTxt{width: 100%;margin:0 auto;position: relative;z-index: 2;}
    .tabsGpWrapper{width: 100%;}

    /* !==== 關於我們*/
    .abScCon{flex-direction: column;}
    .abScCon__img::before{width: 10%;}
    .abScCon__txt{padding:0;min-width: auto;width: 100%;}

    /* !====聯絡我們 */
    .contactGroup{flex-direction: column;padding-top: 0;}
    .contactGroup__txt{position: relative;top:0}
    .formGroup__item.formGroup__item--recaptcha{flex-direction: column;}

    /* !====精選產品 */
    .inProductList{--num:2;}
    .pdDtVisionList{flex-direction: column;}
    .pdVisionGroup.--lg{width: 100%;}
    .pdVisionGroup__txt{width: 100%;}
    .dtPdList{--num:1;}
    .dtPdList__item{justify-content: center;}
    .dtPdListImg{width: clamp(8rem,30vw,26rem);}

    /* !====服務項目 */
    .pgTit{flex-direction: column;gap:1rem;padding:2rem 0}
    .dtPdListTxt{flex:inherit}
}

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

    /* !====footer */
    .ftFunLink{flex-direction: column;}
    .ftFunLink__item{max-height:12rem ;}
    .ftNav{flex-wrap: wrap;gap:0.5rem 0;width: 100%;}
    .ftNav li{width: 50%;}

    /* !====服務項目 */
    .inServiceWrap .ixServiceImgBx{--num:1;}
    .serDt{flex-direction: column;}
    .serDtGroup{width: 100%;}
    .serImgMain{width: 100%;}
    .dtCTA{flex-direction:column;align-items:flex-start;gap:0.5rem;}
    .dtCTA__btnGroup{width: 100%;}
    /* .dtCTABtn{padding-top: 1.5rem;} */

    /* !====精選產品 */
    .inProductList{--num:1;}
    .pdDtVisionList:not(:has(.--lg)) .pdDtVisionList__left{flex-direction: column;}
    .pdDtVisionList:not(:has(.--lg)) .pdVisionGroup__txt{text-align: left;max-width: 100%;}

      /* !====footer */
    .copyright__cmp br{display: block;}
}