@charset "utf-8";

/*! CSS Document */
body{font-family:'DM Sans','Noto Sans TC',sans-serif;font-size:16px;line-height:1.5;color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);}
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);transition-delay: 0.125s;}
body.page-fade::after {opacity: 1;}
body:before{content:'';position: fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:99;-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);pointer-events: none;left: 0;top: 0;transition: 0.5s all;opacity: 0;}
body:has(.isOpen):before{opacity:1;pointer-events:all;}
a{color:#111;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#777;}
*{ 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;	
}
/*!---------------------- 基礎設定 ----------------------*/
/*!反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}

/*! 回頂端 */
#goTop{display:none;cursor:pointer;position:fixed;bottom:1rem;right:1rem;width:50px;height:50px;line-height:50px;text-align:center;background: var(--mainColorD);color: #fff;border-radius:100%;transition: 0.3s all;z-index: 999;}
#goTop:hover{background:#999;color:#FFF}
.fixGoTop #goTop{position:absolute;top:0;bottom:unset;border-radius:0 0 1rem 1rem;}


/*!按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
.btnWrap--mt{margin:0;margin-top:2em;}
.btnWrap--0{margin:0;}
.btnWrap--left{text-align:left;}
.btnStyle{display: inline-block;padding: 0.75rem 1.25rem;border-radius: 100rem;border:1px solid var(--mainColor);color: var(--mainColor);min-width: 10rem;text-align: center;/* background: #fff; */}
.btnStyle--full{background: var(--mainColor);color: #fff;}
.btnStyle--form{--sdW: clamp(12rem,50vw,46rem);width:100%;border-radius:0;background: var(--mainColor);color: #fff;}
.btnStyle .txt{display: block;padding-right:2rem;position:relative;transition: 0.3s all;}
.btnStyle .txt:after{content:'\F138';font-family:bootstrap-icons !important;position:absolute;right:0;top: 50%;transform: translateY(-58%);}
.btnStyle:hover{box-shadow: var(--sdW,12.5rem) 0 0 var(--bg,var(--mainColorD)) inset;color:#fff;border-color:var(--mainColorD);}
.btnStyle:hover .txt{padding:0}
.btnStyle:hover .txt:after{width:0;opacity:0}

/*!RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
	.table-container{width:100%;overflow-x: scroll;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}
/*!IE瀏覽器*/
.warning{width:100%;color:#fff;text-align: center;max-width: 1500px;padding: 60px 50px 50px;position:fixed;left:50%;transform: translate(-50%, -50%);top: 50%;background-color: #283d86;box-shadow:0 0 15px rgba(51,51,51,.5);border-radius:3px;z-index:9999999999;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.off{cursor: pointer;position:absolute;right: 10px;top: 10px;border: 1px solid #eee;padding: 3px 5px 3px 10px;}
.off:hover{background-color:#fff;color:#333;}

.useTool p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.useTool ul{padding-left:0;list-style:none}
.useTool li{display:inline-block;margin: 0 5px;}
.useTool a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.useTool b{margin-bottom: 10px;display: block;text-align: center;}
.useTool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.useTool span{float:right;margin-top: 2px;font-weight: 600;}
/*! 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*/
/*!---------------------- 頁面開始 ----------------------*/
:root{
    --mainColor:#466E54;
    --mainColorL:#43915E;
    --mainColorD:#1c3324;
    --subColor: #d5e167;
    --color-1:#FCF7E9;
    --dark:#1B2B21;
	--gray:rgba(189, 189, 189, 1);
	--grayD:rgb(115 115 115);
    /* --lightColor:#dee5ed; */
    --lightColor:#f4f4f4;
    --container:100%;
    --ctOffset:calc((100vw - var(--container)) / 2 );
    --imgBR:clamp(0.75rem,1.2vw,1.5rem);
	--shD:0 0.25rem 1rem rgba(0,0,0,0.15);

	--spaceS:clamp(1rem,1.5vw,2rem);
	--spaceM:clamp(3rem,4vw,5rem);
	--spaceL:clamp(5rem,6vw,7rem);
}

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

/*!提醒:編輯器插入的圖需做以下設定，圖才不會變形*/
.tx01 img{max-width: 100%;height: auto!important;}

/*!輪播-slickStyle*/
.slickStyle{--arrowPos:calc(clamp(0.5rem,2.2vw,2.5rem) * -1);}
.slickStyle .slick-list{padding-bottom: 2rem;}
.slickStyle .slick-dots{display: flex;align-items: center;justify-content: center;bottom: 0;}
.slickStyle .slick-dots li,.slickStyle .slick-dots li button,.slickStyle .slick-dots li button:before{width: 0.75rem;height: 0.75rem;}
.slickStyle .slick-dots li{margin:0 0.375rem;}
.slickStyle .slick-dots li button:before{font-family: none;background: var(--mainColor);font-size: 0;border-radius: 100rem;display: flex;transition: 0.3s all;}
.slickStyle .slick-prev,.slickStyle .slick-next{width:2rem;height:2rem;/* top: calc(50% - 1rem); */}
.slickStyle .slick-prev{left:var(--arrowPos);}
.slickStyle .slick-next{right: var(--arrowPos);}
.slickStyle .slick-prev:before,.slickStyle .slick-next:before{color: var(--mainColor);display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: -.125em;font-size: clamp(1.25rem,2vw,2rem);}
.slickStyle .slick-prev:before{content:'\F284';}
.slickStyle .slick-next:before{content:'\F285';}
.slickStyle .slick-arrow{transition:0.3s all;z-index: 1;}
.slickStyle .slick-arrow:after{content:'';position:absolute;background: var(--mainColor);border-radius:2rem;width: calc(100% + 0.5rem);aspect-ratio: 1;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;opacity: 0;transition: 0.3s all;}
.slickStyle .slick-arrow:hover:after{opacity:1;width: calc(100% + 1rem)}
.slickStyle .slick-arrow:hover:before{color:#fff;}

.pgBanner{--asR: 1;position:relative;z-index: 1;min-height: clamp(18rem,24vw,22rem);display: flex;align-items: center;overflow: hidden;}
.pgBanner:after{content:'';position:absolute;width:100%;height:100%;background: #000;left:0;top:0;pointer-events: none;z-index: -1;opacity: 0.48;}
.pgBanner:has(.sr-only):after{opacity:0;}
.pgTxt{/* padding: 6.25rem 0; */display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 0.625rem;text-shadow: 0 0.25rem 1rem rgba(0,0,0,0.5);}
.pgTxt__mj{margin:0;font-size: clamp(1.875rem,3vw,2.5rem);letter-spacing: 0.015em;color: #fff;font-weight: 700;text-align: center;}
.pgTxt__brief{font-size: clamp(1.025rem,1.2vw,1.25rem);letter-spacing: 0.025em;color: #fff;font-weight: 500;text-align: center;width: clamp(20rem,80vw,50rem);opacity: 0.85;}
.pgTxt__btn{margin-top: clamp(1rem,2vw,3rem);}
.breadCrumbWrap{padding:1rem 0;}
.breadCrumb{--gap: 1.5rem;display:flex;justify-content: flex-end;gap: 0 var(--gap);flex-wrap: wrap;}
.breadCrumb__item{color: rgba(0,0,0,0.85);position:relative;}
.breadCrumb__item:last-child{color: var(--mainColorL);pointer-events: none;}
.breadCrumb__item + .breadCrumb__item:before{content:'';position:absolute;width: 0.375rem;aspect-ratio:1;background: var(--subColor);opacity:0.5;border-radius:100rem;left: calc(var(--gap) * -0.5);top: 48%;transform: translate(-50%,-50%);}
.breadCrumb__item[href="javascript:;"]{cursor:default;}

/*!標題 */
.bigTitle{}
.mainTitle{}

/*!banner*/
.banner.slick-dotted.slick-slider{background:var(--mainColor);margin: 0;}
.banner__box{position:relative;overflow: hidden;}
.banner__box:after{content:'';position:absolute;width:100%;height:100%;background: linear-gradient(to right, var(--dark), rgb(27 43 33 / 24%));left:0;top:0;pointer-events: none;z-index: 1;}
.bnImg{margin:0}
.bnImg__pic{width:100%;aspect-ratio: 1920/830;object-fit: cover;max-height: 800px;animation: scaleImg 5s forwards infinite;}
@keyframes scaleImg{
	0%,100%{transform: scale(1.01);}
	48%,52%{transform:scale(1)}
}
.bnTxtWrap{display: flex;flex-direction: column;gap: 1.5rem;position:absolute;top: 50%;left: max(var(--ctOffset),1.5rem);transform: translateY(-50%);z-index: 2;align-items: flex-start;transition: 0.3s all,1s opacity,1s transform;width: calc(100% - max(var(--ctOffset),1.5rem) * 2);}
.bnTxt{color: #fff;display: flex;flex-direction: column;gap: 1rem;transition: 1s all;opacity: 0;transition-delay: 0.25s;}
.bnTxt__tt{display: flex;flex-direction: column;gap: 0.5rem;letter-spacing: 0.01em;}
.bnTxt__tt__sub{--dot: 0.5rem;font-weight: 500;line-height: 1.375;letter-spacing: 0.15em;padding-left: calc(var(--dot) * 2);position: relative;margin-left: calc(var(--dot) * 0.5);}
.bnTxt__tt__sub:before{content:'';position:absolute;width:var(--dot);aspect-ratio:1;background: var(--subColor);border-radius: 100rem;left: 0;top: 50%;transform: translateY(-55%);}
.bnTxt__tt__mj{font-weight: 700;font-size: clamp(1.75rem,3.5vw,3.75rem);letter-spacing: 0.08em;line-height: 1.25;}
.bnTxt__txt{line-height: 2;width: 25.5rem;letter-spacing: 0.01em;}
.banner__box .btnStyle:hover{--bg:var(--subColor);color:var(--mainColorD);}
.banner .slick-list{padding:0;}
.banner .slick-dots{bottom:2rem;}
.banner .slick-dots li button:before{background:#fff;}
.banner .btnStyle{transform:translateY(-1rem);opacity:0;}
.banner .btnStyle:not(:hover){transition-delay: 0.5s;}
.bnEffG{display:flex;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;transform: scale(1.05);transform-origin: left center;}
@keyframes bnEffG{
	0%{transform:scale(1.05)}
	100%{transform:scale(1)}
}
.bnEffG__item{flex:1;height:100%;background: var(--bg);background-position-x: calc(100% / var(--numEnd) * var(--num));background-position-y: center;opacity: 1;transition: 1s all;transform: translateX(-1rem);filter: brightness(0.5);pointer-events: none;}
.slick-current .bnTxt{opacity:1;}
.slick-current .btnStyle{transform:translateY(0);opacity:1;}
.slick-firstItem .bnTxt{opacity:0;transform:translateY(-1rem);}
.slick-firstItem .btnStyle{opacity: 0;transform:translateY(1rem);transition-delay: 0.25s;}
@keyframes bnEff{
	0%{opacity:1;transform:translateX(-1rem)}
	100%{opacity:0;transform:translateX(0)}
}
.slick-current .bnEffG{animation: bnEffG 1.5s forwards ease-out;animation-delay: 0.5s;}
.slick-current .bnEffG__item{animation: bnEff 0.5s forwards ease-out;animation-delay: calc(0.125s + 0.25s * var(--num));}

.bnMob{position:absolute;top:0;left:0;width: 100%;z-index: -1;transition: 0.3s all;opacity: 0;pointer-events: none;}
.bnMob__pic{width:100%;aspect-ratio: var(--asR);object-fit:cover;left: 0;top: 0;pointer-events: none;}

/*!header*/
.navbar.navbar-expand-lg{padding: 1rem 0;background: #fff;transition: 0.3s all;}
.navbar.navbar--fixed{box-shadow:0 0.25rem 1rem rgba(0,0,0,0.15);}
.navbar-brand{padding:0;display: inline-flex;}
.logo{margin:0;display: inline-flex;align-items: flex-end;gap: 0.5rem;}
.logo__txt{font-weight: 750;font-size: 1.625rem;color:var(--mainColorD);letter-spacing:0.15em;}
.logo__pic{height: 2.5rem;aspect-ratio: 492/325;}
.navWrap{display: flex;gap: 0.625rem;}
.nav-link{font-size:1.125rem;font-weight:500;letter-spacing:0.05em}
.nav-link:hover,.nav-link:focus{color:#fff;opacity:0.85}
.navbar-nav{align-items:center;gap:2rem;}
.funcBtn__item{position:relative;}
.funcBtn__item__tt{height: 3rem;aspect-ratio: 1;background:var(--mainColorD);color:#fff;line-height: 1;display: inline-flex;align-items: center;justify-content: center;border-radius: 100rem;font-size: 1.1375rem;cursor: pointer;transition: 0.3s all;}
.funcBtn__item:hover .funcBtn__item__tt{background:var(--subColor);color:var(--mainColorD);}
/*-header-手機按鈕*/
.navbar-toggler{border:none;display: grid;flex-direction: column;gap: 0.375rem;object-fit: cover;object-position: center;justify-content: center;padding: 0.5rem;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler__line{width: 1.5rem;height: 2px;background: var(--mainColor);display: inline-block;border-radius: 100rem;transition: 0.3s all;}
.navbar-toggler.isOpen .navbar-toggler__line:nth-child(1){transform:translateY(0.5rem) rotate(225deg);}
.navbar-toggler.isOpen .navbar-toggler__line:nth-child(2){transform:translateX(0.5rem);opacity:0;}
.navbar-toggler.isOpen .navbar-toggler__line:nth-child(3){transform:translateY(-0.5rem) rotate(-225deg);}

.dropdown-item{color:#fff;padding:0.75rem 1rem;}
.dropdown-item.active, .dropdown-item:active{background:var(--mainColor);background: rgba(0,0,0,0.15);}

/*!footer */
footer{background: #2d523a;padding: clamp(3rem,4.5vw,5rem) 0 2rem;display: flex;flex-direction: column;gap: 3rem;position: relative;}
.fTop{/* padding:4rem 0; */}
.fTop .container{display:flex;justify-content: space-between;}
.fSitemap{display:flex;gap: clamp(2.5rem,4vw,5rem);}
.fSitemap__item{min-width: 6.25rem;}
.fSitemap__item__tt{font-size:1.125rem;margin-bottom: 1rem;display: inline-block;font-weight: 650;letter-spacing: 0.15em;}
.fSitemap__item__list{display:flex;flex-direction:column;}
.fListLink{color:#ccc;font-size: 0.9375rem;padding: 0.375rem 0;}
footer a{color: #fff;}
footer a:hover{color:rgba(255,255,255,0.75);}
.copyright{color:#fff;text-align:center;display: flex;gap: 0 0.5rem;align-items: center;flex-wrap: wrap;}
.copyright a{opacity:0.5;font-size: 0.875em;}

.fInforWrap{display:flex;flex-direction:column;gap: 1.5rem 2.5rem;}
.fInfor__basic{display:flex;flex-direction:column;gap:0.625rem;}
.fInfor__basic__item{display:flex;gap:0.625rem;font-size: 1.025rem;}
.fInfor__basic__item .bi{color:var(--mainColorL);}
.fInfor__basic__item a{font-weight:500;letter-spacing:0.05em}
.fInfor{display:flex;flex-direction: column;gap: clamp(1.5rem,2vw,2rem);}
.fInfor__social{display:flex;gap: 1.5rem;}
.fInfor__social__link{display:inline-flex;color: #fff;border: 1px solid rgba(255,255,255,0.5);padding: 0.625rem 1.25rem;border-radius:100rem;align-items: center;gap: 0.5rem;min-width: 10rem;justify-content: center;}
.fInfor__social__link .bi{font-size: 1.125rem;line-height: 1;}
.fInfor__social__link:hover{box-shadow: var(--sdW,12.5rem) 0 0 var(--bg,var(--subColor)) inset;color:var(--mainColor);border-color:var(--mainColorD);}
.fLogo{margin:0;}
.fLogo__pic{height:3.75rem;}

/*!=====首頁*/
.cover{margin: 0;}
.cover__pic{width:100%;object-fit: cover;}
.titleBox{margin-bottom: 1rem;}
.titleBox:only-child{margin:0}
.titleBox--center{text-align: center;}
.titleBox__mj{--fontSize:clamp(1.5rem,2.4vw,2.5rem);font-size: var(--fontSize);font-weight: 700;color: var(--cl,inherit);letter-spacing: 0.08em;display: flex;flex-wrap: wrap;line-height: 1.25;}
.titleBox__mj.--medium{font-size:clamp(1.5rem,2.4vw,2.25rem);}
.titleBox__mj.--large{font-size:calc(var(--fontSize) + clamp(0.5rem,1vw,1.25rem));}
.titleBox__mj.--xl{font-size: calc(var(--fontSize) + clamp(1rem,1.75vw,2rem));}
.titleBox__mj .txt{display:inline-flex;}
.titleBox__sub{--lt:clamp(0.05em,0.05vw,0.12em);font-size: clamp(1.125rem,1.2vw,1.25rem);color:var(--mainColorL);font-weight:600;letter-spacing:var(--lt);margin-bottom: 0.5rem;}
.titleBox--center .titleBox__mj{justify-content:center;}
.titleBox__brief{color: var(--cl,var(--mainColor));font-size: clamp(1.025rem,1.2vw,1.25rem);letter-spacing: 0.025em;line-height: 1.6;padding: 1rem 0;max-width: 80%;font-weight: 450;}
.titleBox__brief.--pdT0{padding-top:0;}
.titleBox--center .titleBox__brief{margin:auto;}
.briefTxt{line-height: 1.75;letter-spacing: 0.035em;opacity: 0.8;}
.briefTxt--center{text-align:center;}
/*首頁-服務*/
.blockHeight--ixService{padding-top:clamp(3rem,4.5vw,5rem)}
.svBox{--num:4;--gap: clamp(1.25rem,2vw,2rem);display: flex;gap: 2rem var(--gap);justify-content: center;margin-top: 1.5rem;flex-wrap: wrap;}
.svBox__item{--bg: var(--mainColor);width:calc((100% - var(--gap) * (var(--num) - 1) ) / var(--num));display: flex;flex-direction: column;gap: clamp(1rem,1.4vw,1.5rem);max-width: 18rem;position: relative;transform: translateY(1rem);transition: 1s all;transition-delay: calc(0.25s * var(--itemNum));opacity: 0;z-index: 1;}
.animated.svBox__item{transform:translateY(0);opacity:1;}
.svBox__item:nth-child(even){--bg:var(--mainColorL);}
.svBox__item:after{content:'';position:absolute;width: calc(100% + 2rem);height:100%;background: var(--bg);border-radius:1.5rem;z-index:-1;left: -1rem;transition: 0.3s all;opacity: 0;}
.svBox__item .cover{border-radius: var(--imgBR);overflow:hidden;background:var(--mainColorD);position: relative;}
.svBox__item .cover__pic{aspect-ratio:260/270;transition: 0.3s all;}
.svTt{font-size:1.25rem;font-weight:700;color:var(--mainColor);letter-spacing: 0.08em;margin-bottom: clamp(0.5rem,1vw,1rem);}
.svText{letter-spacing: 0.05em;line-height:1.75;padding: 1rem;margin: -1rem;background: transparent;}
.svText .txt{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
/*首頁-關於*/
.blockHeight--ixAbout{padding: 0;}
.abTop{--pT: clamp(3rem,4.5vw,5rem);padding: var(--pT) 0;position: relative;}
.abTop:after{content:'';position:absolute;width:100%;height: 100%;left:0;bottom:0;background:var(--color-1);z-index:-1;}
.abBox{--imgW: 50%;--gapX: clamp(2rem,3vw,4rem);display:flex;gap:var(--gapX);align-items: flex-end;}
.abBox__text{width:calc(100% - var(--gapX) - var(--imgW));}
.abBox__media__pic{width:100%;aspect-ratio:760/390;object-fit:cover;clip-path: polygon(12% 0%, 100% 0, 100% 100%, 0% 100%);}
.abBox__media{width:var(--imgW);}
.--imgDecoL{position:relative;}
/* .--imgDecoL:before{content:'';position:absolute;height:100%;aspect-ratio: 3/8;background: #fff;left: -1px;top:0;clip-path: polygon(0 0, 0% 100%, 100% 0);} */
.abBtm{background:var(--mainColor);padding: 3rem 0;}
.abData{--num:4;--gapX: clamp(2rem,3.5vw,4rem);display:flex;gap:var(--gapX);flex-wrap: wrap;}
.abData #num{display: none;}
.abData__item{color:#fff;position: relative;display: flex;align-items: center;gap: 1rem;justify-content: center;width: calc((100% - var(--gapX) * (var(--num) - 1)) / var(--num) );}
.abData__item + .abData__item{position:relative}
.abData__item + .abData__item:before{content:'';position:absolute;width: 0.125rem;height: 50%;background:#fff;transform: translate(-50%,-50%) rotate(15deg);opacity: 0.5;border-radius: 100rem;left: calc(var(--gapX) * -0.5);top: 50%;}
.abData__item__text{--cl: rgb(70 110 84 / 80%);/* margin-left:-2rem; */background: linear-gradient(to right, transparent, var(--cl) 10%);position: relative;/* padding: 1rem 2rem; */}
.abData__item__icon {width:clamp(3rem,4.5vw,5rem);opacity:0.5;}
.abDataNum{display:flex;font-weight: 650;align-items: baseline;gap: 0.25rem;font-size: 1.25rem;margin-bottom: 0.25rem;}
.abDataNum__mj{font-size: clamp(2rem,2.5vw,2.5rem);line-height: 1;}
.abDataNum__sub{transform:translateY(-0.25rem);letter-spacing: 0.125em;}
.iconTxt{display:inline-block;font-size: 1.875rem;line-height: 1;transform: translateY(2px);}
.abDataText{font-size: 1.125rem;opacity:0.85;letter-spacing: 0.125em;}
/*首頁-黑田精工*/
.blockHeight--ixKurota{padding:0;overflow: hidden;}
.kuroBox{--imgW: 50%;--gapX: clamp(2rem,3vw,4rem);display:flex;gap:var(--gapX);align-items: center;justify-content: space-between;}
.kuroBox__media{width:var(--imgW);}
.kuroBox__text{width:calc(100% - var(--gapX) - var(--imgW));padding: 2rem 0;max-width: 42rem;}
.krBtm{padding: clamp(3rem,4.5vw,5rem) 0;background: var(--color-1);}
.proofsBox{display:flex;gap: clamp(1.25rem,2vw,2.5rem);}
.proofsBox .slick-list{padding:0;}
.proofsBox__item{--imgW:3rem;--gap:1rem;padding:1.5rem;display:flex!important;gap:var(--gap);/* border: 1px solid var(--lightColor); */border-radius: 0.5rem;background: #fff;margin: 0 calc(clamp(1.25rem,2vw,2.5rem) * 0.5);align-items: flex-start;}
.proofsBox__item img{width:var(--imgW);aspect-ratio:1;border-radius:100rem;}
.proofsBox__item__txt{width:calc(100% - var(--imgW) - var(--gap));display: flex;flex-direction: column;gap: 0.5rem;letter-spacing: 0.025em;}
.proofsTxt{font-size:1.25rem;line-height:1.25;color:var(--mainColor);}
.blockHeight--contactCta{padding: 4rem 0;--cl: rgb(13 30 18 / 72%);background: linear-gradient(0deg,var(--cl),var(--cl)),var(--ctaBg,url(../images/index/contact.jpg))center/cover fixed;}
.blockHeight--contactCta.--sv5{--ctaBg:url(../images/service/cta.jpg);}
.blockHeight--contactCta.--sv5 + .svBlock--case{padding-top: var(--spaceL);}

/*==========內頁*/
/*!表單*/
/* .form-control,.form-select{border:none;background-color:rgba(0,0,0,0.5);color:#fff;border-bottom:1px solid transparent;caret-color: #fff;border-radius: 0;} */
/* .form-control::placeholder,.form-select::placeholder{color:rgba(255,255,255,0.375);} */
/* .form-control:focus,.form-select:focus{background-color:rgba(0,0,0,0.75);outline:none;box-shadow:none;border-color:#fff;color: #fff;} */
/* .form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");} */
.formGroupWrap{display:flex;flex-direction:column;gap:2rem;}
.formGroup{display: flex;flex-wrap: wrap;gap: 1.5rem 1rem;}
.formGroup__item{--pdT: 0.5rem;position:relative;padding-top:var(--pdT);width:100%;}
.formGroup__item--half{width: calc(50% - 0.5rem);}
.formGroup__item--recaptcha{display:flex;gap:0.5rem;align-items: center;justify-content: center;padding-top: 0;}
.formGroup__item__brief{font-size:var(--fontR);letter-spacing:0.05em;font-weight:500;border-bottom:1px solid var(--color-1t);padding-bottom:1rem;}

/*內頁-核心服務*/
.svBox--overview{--num:3;}
.svBox--overview .svBox__item{max-width: 22rem;}
.svBox--overview .svText .txt{-webkit-line-clamp:3}
.svBox--overview .cover__pic{aspect-ratio:360/335;}
.cooperateBox{--num:4;--gap: clamp(1.25rem,2vw,2rem);display: flex;gap:var(--gap);padding-bottom: 2rem;flex-wrap: wrap;}
.cooperateBox__item{width: calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );display: flex;flex-direction: column;gap: 1rem;}
.cover.--cooperate{display: flex;justify-content: center;padding: 1rem;background: var(--color-1);border-radius: 0.5rem;}
.--cooperate .cover__pic{width:100%;aspect-ratio:1;max-width: 8rem;}
.cooperateBox__item__text{letter-spacing:0.5px}
.itemTt{font-size:1.25rem;margin-bottom: 0.5rem;color: var(--mainColor);font-weight: 500;}
.itemTxt{font-size:1rem;line-height:2;}
.itemTxt--sm{line-height:1.5;}
.svBlock2__media__pic{width:100%;aspect-ratio:780/500;object-fit:cover;}
.svBlock3__media__pic{width:100%;aspect-ratio: 844/366;object-fit:cover;}
.blockHeight--service2{position:relative;}
.blockHeight--service2:after{content:'';position:absolute;;width:100%;height:80%;left:0;bottom:0;background:var(--color-1);z-index:-1;}
.blockHeight--service3{padding-top: 0;}
/*內頁-核心服務(子項目)*/
.svWhy{--num:4;--gapX:1rem;--gapY: 2rem;display: flex;gap:var(--gapY) var(--gapX);margin: clamp(1.5rem,2.5vw,3rem) 0;flex-wrap: wrap;justify-content: center;}
.svWhy__item{transition:0.3s all;border-radius: 1rem;cursor: default;padding: 1rem 0;width:calc((100% - var(--gapX) * (var(--num) - 1)) / var(--num) );}
.cover.--svIcon{padding: 1rem;text-align: center;width: 6rem;margin: auto;background: #fff;border-radius: 100rem;}
.cover.--svIcon .cover__pic{transition:0.3s all;aspect-ratio: 1;}
.svWhy__item__tt{text-align:center;color: var(--mainColorD);}
.svWhyTt{font-size:1.25rem;font-weight: 500;margin-bottom: 0.75rem;}
.svWhyTxt{--sp:clamp(2rem,4vw,5rem);width:calc(100% - var(--sp));margin:auto;opacity: 0.85;font-size: 0.875rem;}
.svWhy__item:hover .cover__pic{transform:scale(0.85);}

/*!內頁-關於*/
.flexBox{--ctW:50%;--gapX: 0px;display: flex;gap:var(--gapX);}
/* .flexBox__ct{width:var(--ctW);}
.flexBox__media{width:calc(100% - var(--gapX) - var(--ctW));} */
.flexBox__ct,.flexBox__media{flex: 50%;height: auto;}
.flexBox__ct{--pd:2rem;padding: var(--pd) calc(var(--pd) + 1rem);background: #fff;display: flex;flex-direction: column;justify-content: center;}
.flexBox__media .cover__pic {height:100%;}
.blockHeight--about2{background: var(--lightColor);}
.abBlock2{background:#fff;}
.flexBox__media{padding:2rem;}
.abBlock3{flex-direction: row-reverse;background:#fff}
.itemBoxWrap{display: flex;flex-direction: column;gap: 1rem;}
.titleBox + .itemBoxWrap{padding-top: clamp(0.25rem,1vw,1rem);}
.itemBox__tt{font-size: 1.25rem;font-weight: 600;color: var(--mainColor);letter-spacing: 0.05em;margin-bottom: 0.25rem;}
.itemBox__txt{}
.noticeTxt{margin-top:1rem;}
/* .abBlock2 .flexBox__ct{padding-right:calc(var(--pd) + 1rem);}
.abBlock3 .flexBox__ct{padding-left:calc(var(--pd) + 1rem);} */
.blockHeight--about3{background: var(--mainColorD);position: relative;z-index: 0;}
.blockHeight--about3:after{content:'';position:absolute;width:100%;height:100%;background:url(../images/about/ab4.jpg)center/cover;left:0;top:0;opacity: 0.25;z-index: -1;}

/*!內頁-黑田刀柄*/
.kurodaBnWrap{position: relative;background: url(../images/banner/brand.jpg)center/cover;padding: var(--spaceM) 0;display: flex;align-items: center;}
.kurodaBnWrap:after{content:'';position: absolute;width: 100%;height: 100%;background: linear-gradient(to right,#000,transparent);left: 0;top: 0;}
.kurodaBn{position:relative;z-index:1;color:#fff;}
.kurodaBn__txt{max-width: 30rem;margin:2rem 0;font-size: 1.125rem;}
/**/
.brandList{display: flex;flex-direction: column;gap: 0.25rem;}
.brandList__item{position: relative;font-size: 1.125rem;}
.brandList__item:before{content:'\F633';font-family: bootstrap-icons !important;display: inline-block;vertical-align: -2px;font-size: 1.25em;line-height: 1;transform: translateY(6%);margin-right: 0.375rem;background: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='60' cy='60' r='60' fill='%23D5E167'/%3E%3C/svg%3E") left bottom no-repeat;background-size: 80%;background-position: -5% 60%;color: var(--mainColorL);}
.flexWrap{--gapY: var(--spaceL);display: flex;flex-direction:column;gap: var(--gapY);counter-reset: num;}
.flexBlock{--ctW:50%;--gap: clamp(1rem,4vw,6.25rem);display: flex;gap:var(--gap);/* align-items: center; */}
.--cross .flexBlock:nth-child(even){flex-direction:row-reverse;}
.brandBlock:has(.--brandImg){flex-direction:row-reverse;}
.flexBlock__ct{width:var(--ctW);}
.flexBlock__media{width:calc(100% - var(--gap) - var(--ctW));}
.flexBlock__media{/* background: var(--mainColorD); */border-radius: var(--imgBR);position: relative;}
.flexBlock__media img{width:100%;aspect-ratio: 5/3;object-fit: contain;border-radius: var(--imgBR);}

.flexBlock:nth-child(odd) .flexBlock__ct:has(.flexBlock__ct__box){display: flex;justify-content: flex-end;}
.flexBlock__ct__box{display:inline-block;}

/* .flexBlock:has(.flexBlock__ct__box):nth-child(odd) .flexBlock__ct{display:flex;justify-content: flex-end;} */
/* .flexBlock__ct__box{display:inline-block;} */

.brandBlock{align-items: center;}
.cover.--brandImg{background:transparent;aspect-ratio: 1;display: flex;justify-content: center;align-items: center;position: relative;}
.cover.--brandImg:before{content:'';position:absolute;width: 100%;aspect-ratio:1;background:url(../images/all/circle.png)center/cover;animation: spin 5s infinite linear;left: 50%;top: 50%;}
.cover.--brandImg:after{content:'';position: absolute;width: 100%;aspect-ratio: 1;background: url(../images/all/circle-bg.png)center/cover;border-radius: 100rem;z-index: -1;}
@keyframes spin {
    0% {
		-webkit-transform: translate(-50%,-50%) rotate(0deg);
				transform: translate(-50%,-50%) rotate(0deg);
    }
    100% {
		-webkit-transform: translate(-50%,-50%) rotate(300deg);
				transform: translate(-50%,-50%) rotate(360deg);
    }
}
.posSticky--on .blockHeight{position:sticky;left:0;top:var(--headerH);}
.posSticky .blockHeigh{background:#fff;}
.posSticky .blockHeight:after{content:'';position:absolute;width:100%;height: calc(100% + 10rem);left:0;bottom:0;z-index: -2;transition:0.3s all;pointer-events: none;}
.posSticky--on .blockHeight:not(:first-child):after{background: linear-gradient(to bottom,transparent ,#fff 10rem);}
.cover.--brandImg img{aspect-ratio:auto;position: relative;transition: 1s all;transform: scale(0.85);}
.animated.cover.--brandImg img{transform:scale(1);}
.blockHeight--brand5{padding-top: var(--spaceM);}
.blockHeight:has(.--brandImg){padding-bottom: var(--spaceM);}
/*===改*/
.blockHeight--brand{padding-bottom: 0;}
.bdSeries{--num:3;--gapX:clamp(0.5rem,1.5vw,1.5rem);display: flex;gap: 1rem var(--gapX);justify-content: center;}
.bdSeries__item{border-radius:var(--imgBR);overflow:hidden;width: calc((100% - var(--gapX) * (var(--num) - 1)) / var(--num) );border: 1px solid #ddd;}
.bdSeries__item .cover{border-radius:var(--imgBR);overflow:hidden;}
.bdSeries__item__txt{padding:1.5rem 1rem;}
.bdSerTt{display:flex;flex-wrap: wrap;gap: 0.375rem 1rem;align-items: baseline;justify-content: space-between;margin-bottom: clamp(0.75rem,1vw,1rem);}
.bdSerTt .itemTt{margin:0;}
.bdSerTt__item{display:flex;gap: 0.625rem;}
.bdSerTt__item .txt{display:inline-block;line-height: 1;font-size: 0.75rem;padding: 0.5rem 1rem;color:#fff;border-radius:100rem;font-weight:700;}
.bdSerTt__item .txt:nth-last-child(-n+3){background: var(--mainColorL);}
.bdSerTt__item .txt:nth-last-child(-n+2){background: var(--mainColor);}
.bdSerTt__item .txt:last-child{background: rgb(30,70,41);}

.bdSeries__item.--ttBox{background: url(../images/brand/bg.jpg);padding: 1rem 1.5rem;flex-direction: column;justify-content: center;display: none;position: relative;z-index: 1;}
.bdSeries__item.--ttBox:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:var(--mainColor);mix-blend-mode: multiply;z-index:-1;}
.bdSeries__item.--ttBox:after{content:'';position:absolute;width: 100%;aspect-ratio: 5/2;background:#fff;left: -20%;bottom: -0.125rem;transform: skewX(30deg);opacity: 0.08;z-index: -1;}
.bdSeries__item__tt{font-size: clamp(1.875rem,3vw,2.75rem);font-weight:700;line-height: 1.25;color:#fff;letter-spacing:0.05em}
.bdSeries__item__ttSub{color: var(--color-1);font-weight:500;}

.brandBlock--intro{--bg:#f2f2e8;padding: var(--spaceM) 0;background: var(--bg);margin-top: var(--spaceM);}
.bdIntro{position:relative;padding: 1rem clamp(1rem,1.25vw,2rem);z-index:0;overflow: hidden;}
.bdIntro:before{--size:calc(100% - 0.25rem);content:'';position:absolute;width:var(--size);height: calc(100% - 2.75rem);border-left:1rem solid var(--bg);border-right: 1rem solid var(--bg);left:0.125rem;bottom: 0.125rem;pointer-events: none;z-index: -2;}
.bdIntro:after{content:'';position:absolute;width:100%;height: calc(100% - 2.5rem);border: 0.125rem solid var(--mainColor);left:0;bottom:0;z-index: -1;transform: scale(0.85);opacity: 0;transition: 0.5s all;transition-delay: 0.5s;}
.animated .bdIntro:after{opacity:1;transform:scale(1);}
.bdIntro__txt{text-align:center;font-weight:450;font-size:clamp(1.025rem,1vw,1.125rem);padding-bottom: 1rem;}
.txtBg{background:var(--bg);padding: 0 1rem;display: -webkit-inline-box;}
.titleBox__sub.--medLine{margin-top: 0.75rem;position:relative;display: inline-block;}
.titleBox__sub.--medLine:after{content:'';position:absolute;width: calc(100% + clamp(2rem,40%,15rem));height:1px;background: var(--mainColor);left:50%;top:50%;transform: translate(-50%,-50%);z-index: -3;}
.bdSeries__item .cover__pic{transition:0.3s all;aspect-ratio: 4/3;object-fit: contain;background: #f5f5f5;}

/*!內頁-黑田刀柄(細項)*/
.bdBlock--box{padding-bottom: var(--spaceM);}
.brandFlex{/* --ctW:clamp(22.5rem,25vw,25rem); */align-items:center;}
.brandFlex:nth-child(even){flex-direction: row-reverse;}
.brandFlex + .brandFlex{padding-top: var(--spaceL);}
.bdOther{display: flex;gap: clamp(1rem,2vw,2rem);justify-content: center;padding: var(--spaceS) 0 2rem;}
.bdOther__item{flex: 1;max-width:26.25rem;border: 1px solid #ddd;border-radius: var(--imgBR);}
.cover.--bdOther{margin:auto;text-align:center;overflow: hidden;border-radius: var(--imgBR);transition: 0.3s all;background: url(../images/all/grayBg.png)center/cover;;}
.cover.--bdOther .cover__pic{padding: 2rem;transition: 0.3s all;aspect-ratio: 4/3;object-fit: cover;}
.bdOther__item__txt{padding:1rem;}
/* .bdOther__item:has(.moreBtn:hover) .cover.--bdOther{background:var(--mainColorD)} */
/* .bdOther__item:has(.moreBtn:hover) .cover__pic{transform:scale(1.05);} */
.bdOther__item:hover .cover__pic{transform:scale(1.05);}
.cover.--bdSerImg{position:relative;}
.cover.--bdSerImg:after{content:'';position:absolute;height:100%;aspect-ratio:1;background:var(--lightColor);left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;border-radius: 100rem;}
.bdBlock--other{padding-top:var(--spaceM);}

.caseAlbum .slick-list{margin: 0 -1rem;}
.caseAlbum__item{margin: 0 1rem;position: relative;}
.caseAlbum__item:after{content:'';position: absolute;width: 80%;aspect-ratio: 1;border-radius: 100rem;background: var(--lightColor);left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;}
.caseAlbum__item__pic{width:100%;aspect-ratio: 1;object-fit: contain;transition: 0.3s all;transform: scale(0.85);}

.caseAlbum__item:hover .caseAlbum__item__pic{transform:scale(1);}

/* .posSticky--on > *{position:sticky;left:0;top:var(--headerH);}
.posSticky > *{background:#fff;}
.posSticky > *:after{content:'';position:absolute;width:100%;height: calc(100% + 10rem);left:0;bottom:0;z-index: -2;transition:0.3s all;pointer-events: none;}
.posSticky--on > *:not(:first-child):after{background: linear-gradient(to bottom,transparent ,#fff 10rem);} */


/*!常見問題*/
.blockHeight--faq:last-of-type{padding-bottom: calc(clamp(2rem,3.5vw,4rem) + 2rem);}
.faqBox{--fqW: clamp(32rem,50vw,50rem);--gap:3rem;display: flex;gap: 1rem var(--gap);}
.faqBox__tt{width:calc(100% - var(--fqW) - var(--gap));display: flex;flex-direction: column;/* justify-content: space-between; */padding: 1rem 0;}
.faqBox__ct{width:var(--fqW);display: flex;flex-direction: column;gap: 1rem;}
.faqList{--pd: clamp(0.75rem,1vw,1rem);border: 1px solid #ddd;/* padding: 1rem; */}
.faqList.isDrop{background:var(--color-1);}
.faqList__q{--iconW: 1.25rem;font-size: clamp(1.125rem,1.2vw,1.25rem);font-weight:500;letter-spacing:0.05em;padding: var(--pd);padding-right: calc(var(--iconW) + 0.5rem + var(--pd));position:relative;transition: 0.3s all;cursor: pointer;}
.faqList__q:after{content:'\F64D';position:absolute;font-family:bootstrap-icons !important;line-height: 1;right: var(--pd);top: calc(0.25rem + var(--pd));width: var(--iconW);aspect-ratio: 1;display: inline-flex;align-items: center;justify-content: center;}
.faqList__a{height:0;opacity:0;pointer-events:none;transform:translateY(-1rem);transition: 0.3s all;padding: 0 var(--pd);}
.isDrop .faqList__q{color:var(--mainColor)}
.isDrop .faqList__q:after{content:'\F63B';}
.isDrop .faqList__a{--sp: 0.75rem;height:auto;transform:translateY(0);pointer-events:all;opacity:1;border-top: 0.125rem solid var(--subColor);padding: var(--pd);}
.faqList__a a{margin: 0.25rem;color:var(--mainColorL);text-decoration:underline;text-underline-offset:0.25rem;}

/*!內頁-聯絡我們*/
.contactMap{position: absolute;width:100%;height: 100%;left: 0;top: 0;}
.contactMap iframe{width:100%;height:100%;}
.contactBox{--inforW:30%;--gap:5rem;display: flex;gap:var(--gap)}
.contactBox__basic{width:var(--inforW);padding-top: 3rem;}
.contactBox__form{width:calc(100% - var(--gap) - var(--inforW));box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.15);border-radius: 0.5rem;padding: 3rem;border: 1px solid var(--gray);}
.form-control,.form-select{--bs-border-radius: 0;background: transparent;}
.form-control:focus{box-shadow:none;border-color:var(--mainColorL)}
.formGroup__item label{position:absolute;left:0.875rem;top:calc(var(--pdT) + 0.5rem);/* color: var(--grayD); */transition:0.3s all;}
.ctInfor{margin-top: 2rem;display: flex;flex-direction: column;gap: 0.5rem;}
.ctInfor__item{display:flex;gap: 0.625rem;font-size: 1.125rem;align-items: center;}
.ctInfor__item .bi{color: var(--mainColorL);font-size: 1.25rem;}
label:has(+.form-control:focus,+.form-control:valid){transform: translateY(-100%);top: 0.5rem;left: 0;font-size: 0.875rem;color: var(--mainColor);}
label:not(:has(+.form-control:focus,+.form-control:valid)) .red{color: var(--dark);}

.svBlock{padding:3rem 0;}
.svBlock:first-child{padding-top:0}
.svBlock:last-child{padding-bottom:0}
.svOther{--num:3;--gap:1rem;display: flex;gap: var(--gap);padding: 2rem 0;flex-wrap: wrap;}
.svOther__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num));border: 1px solid #ddd;border-radius: var(--imgBR);}
.svOther__item__txt{padding: 1.5rem 1rem;}
.cover.--svO{border-radius: var(--imgBR);overflow: hidden;background:var(--mainColorD)}
.cover.--svO .cover__pic{transition:0.3s all;aspect-ratio: 1280/904;}
.moreBtn{display: flex;color: var(--mainColorL);gap: 1rem;margin-top: 2rem;}
.moreBtn .bi{transition:0.3s all,opacity 0.3s;transition-delay:0s,0.125s;}
/* .cover.--svO:has(+ .svOther__item__txt .moreBtn:hover) .cover__pic{transform:scale(1.08);opacity:0.5} */
.svOther__item:hover .cover__pic{transform:scale(1.08);opacity:0.5}
.moreBtn:hover .bi{transform:translateX(250%);opacity:0;}
/*sv-金屬3D*/
.svBlock--intro{}
.svBlock--equip .svFlex{padding-top: 2rem;flex-direction: row-reverse;align-items: center;}
.svBlock--equip .flexBlock__media img{aspect-ratio:auto;}
/*sv-精密刀柄代工(獨立區塊)*/
.--sv5.flexBlock{--ctW:55%;--pdL: calc(clamp(2.5rem,3vw,4rem) + clamp(2em,3.25vw,3.5rem));--bD:1px solid var(--gray);}
.--sv5 .cover__pic{object-fit: cover;}
.--sv5 .flexBlock__ct{padding-left: var(--pdL);position: relative;}
.--sv5 .flexBlock__ct:before{content:'0'counter(num)'.';counter-increment:num;font-size: clamp(2.5rem,3vw,4rem);font-weight: 700;color: var(--mainColor);position: absolute;left: 0;top: 0;line-height: 0.85;background: #fff;z-index: 1;padding: 1rem 0;transform: translateY(-1rem);}
.--sv5.flexBlock .briefTxt{font-size:1.125rem;max-width:100%;}
.--sv5.flexBlock ul{margin:1rem 0;font-size:1.125rem;}

/*sv-生產設備*/
.svSort{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content: center;}
.svSort__item{display:inline-block;padding: 0.5rem clamp(0.625rem,1vw,1rem);font-size: clamp(1.125rem,1.35vw,1.375rem);position: relative;color: #c4c4c4;cursor: pointer;letter-spacing: 0.05em;}
.svSort__item.active{opacity:1;color:var(--mainColor);}
.svSort__item + .svSort__item{margin-left:0.5rem;}
.svSort__item + .svSort__item:before{content:'/';position: absolute;left: 0;top: 50%;transform: translate(-100%,-50%);width: 0.5rem;text-align: center;color: #ddd;}
.svEquiBox{--imgW: clamp(20rem,48vw,30rem);display: flex;align-items: center;height: 0;overflow: hidden;transition: 1s all;transform: translateY(1rem);opacity: 0;}
.active.svEquiBox{pointer-events:all;height:auto;overflow: unset;transform: translateY(0);opacity: 1;}
.svEquiBox__txt{width:calc(100% - var(--imgW));display: flex;flex-direction: column;gap: 1rem;}
.svEquiBox__media{width:var(--imgW);}
.thumbImgWrap{display:flex;list-style:none;margin:0;margin-top: 1.5rem;padding:0;justify-content: center;}
.thumbImgWrap li{padding:0 1rem;transition:0.3s all;}
.thumbImgWrap .slick-active{width:0;padding:0;}
.thumbImgWrap img{width: 5rem;aspect-ratio:1;object-fit:cover;}
.svEquiBox__txt__tt{--cl:var(--mainColor);font-size: clamp(1.5rem,1.8vw,1.875rem);letter-spacing:0.05em;font-weight: 550;padding-bottom: 0.5rem;margin-bottom: clamp(0.625rem,1vw,1rem);position: relative;color: var(--cl);}
.svEquiBox__txt__tt:after{content:'';position:absolute;width:2rem;height:0.25rem;background:var(--cl);left:0;bottom:0}
.svEquiBox__txt__text{font-size:1.125rem}
.svEquiArrow{display:flex;}
.svEquiArrow__item{display:inline-flex;font-size: 1.5rem;width: 2rem;aspect-ratio: 1;line-height: 1;align-items: center;justify-content: center;cursor: pointer;}
.svEquiArrow__item + .svEquiArrow__item:before{content:'|';transform: translateY(-1px);margin-right: 3px;opacity: 0.25;pointer-events: none;}
.cover.--bgDeco{position:relative;}
.cover.--bgDeco img{width:100%;aspect-ratio: 1;}
.cover.--bgDeco:after{content:'';position:absolute;height:100%;aspect-ratio:1;background: var(--lightColor);border-radius:100rem;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;}


/*====== RWD ======*/
@media screen and (min-width:576px){
	:root{--container:540px;}
}
@media screen and (min-width:768px){
	:root{--container:720px;}
}
@media screen and (min-width:992px){
	:root{--container:960px;}
	.navbar .navbar-nav .nav-link--bg:hover{box-shadow:var(--sdW,12.5rem) 0 0 var(--bg,var(--mainColorL)) inset;}

	/*!992 header*/
	.navbar .navbar-nav .nav-link--bg{--offY:1px;background: var(--mainColor);padding: calc(0.75rem + var(--offY)) 1.75rem calc(0.75rem - var(--offY));border-radius: 100rem;color: #fff;transition:0.3s all;}
	.funcBtn__item__list{--bR: 0.5rem;position: absolute;pointer-events: none;display: flex;flex-direction: column;left: 50%;top: 100%;transform: translate(-50%,-1rem);min-width: 6.25rem;text-align: center;padding-top: 0.5rem;opacity: 0;transition: 0.3s all;}
	.langBtn:nth-child(1){border-radius:var(--bR) var(--bR) 0 0;}
	.langBtn:last-child{border-radius:0 0 var(--bR) var(--bR);}
	.langBtn{padding: 0.5rem 1rem;color: #fff;background: var(--mainColor);}
	.funcBtn__item:hover .funcBtn__item__list{opacity:1;transform:translate(-50%,0);pointer-events:all;}
	.langBtn:hover,.langBtn.active{background:var(--mainColorD);color:#fff;}
	.nav-item{position:relative;}
	.nav-link:not(.nav-link--bg):after{--cl:var(--mainColor);content:'';position:absolute;width: 0.375rem;aspect-ratio:1;background:var(--cl);border-radius:100rem;left:50%;bottom:0;transform: translate(-50%,100%);transition: 0.3s all;opacity: 0;pointer-events: none;}
	.nav-link:hover:after{opacity:1;transform:translate(-50%,0);}
	.active .nav-link,.nav-item:hover .nav-link:not(.nav-link--bg){color:var(--mainColor);}

	.navbar-expand-lg .navbar-nav .dropdown-menu{position: absolute;display: flex;flex-direction: column;border: none;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.15);left: 50%;top: 50%;transform: translate(-50%,0);pointer-events: none;opacity: 0;transition: 0.3s all;background: var(--mainColorL);padding: 0;overflow: hidden;}
	.nav-item:hover .dropdown-menu{opacity:1;top:100%;pointer-events:all;} 

	.dropdown-item.mbOnly{display:none;}

	/*!992 首頁-服務*/
	.svBox__item:hover:after{opacity:1;}
	.svBox__item:hover .svTt{color:#fff;}
	.svBox__item:hover .svText{position:absolute;/* box-shadow:0 0.25rem 1rem rgba(0,0,0,0.15); */background: var(--bg);border-radius:1rem;z-index:99;left:0;color:#fff;transform: translateY(-0.5rem);/* margin-right: 0; */mask: linear-gradient(to top,#000 90%,transparent 0);transition:0.3s all,0.5s background;transition-delay:0s,0.1s;}
	.svBox__item:hover .svText .txt{display:block;}
	.svBox__item:hover .cover:after{opacity:1;transform:translate(-50%,-50%) scale(1);}
	.svBox__item:hover .cover{box-shadow: -0.25rem 0.25rem 0.25rem rgba(0,0,0,0.15);}
	.svBox__item:hover .cover__pic{opacity:0.5;transform:scale(1.05);}
	.krTop .container{max-width: 100%;padding: 0;padding-right: var(--ctOffset);}
	.abTop .container{max-width: 100%;padding: 0;padding-left: var(--ctOffset);}
	.svBox__item .cover:after{content:'\F64D';font-family:bootstrap-icons !important;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-25%) scale(0.5);font-size: 2rem;opacity: 0;transition: 0.3s all;color: #fff;}

    /*!992 內頁-服務*/
    .blockHeight--service2 .container{max-width: 100%;padding: 0;padding-right: var(--ctOffset);}
	.svBlock2{--imgW: 50%;--gap:clamp(2rem,3vw,4rem);display:flex;gap:var(--gap);align-items: center;}
	.svBlock2__media{clip-path:polygon(0% 0%, 88% 0, 100% 100%, 0% 100%);width: var(--imgW);}
	.svBlock2__text{width:calc(100% - var(--imgW) - var(--gap));padding-top: 5%;}
	.svWhy__item:hover{box-shadow:var(--shD);background: var(--color-1);}
    .blockHeight--service3 .container{max-width: 100%;padding: 0;padding-left: var(--ctOffset);}
	.svBlock3{--imgW: 50%;--gap:clamp(2rem,3vw,4rem);display:flex;gap:var(--gap);align-items: center;flex-direction: row-reverse;}
	.svBlock3__media{width: var(--imgW);}
	.svBlock3__text{width:calc(100% - var(--imgW) - var(--gap));padding-top: 5%;}

	/*!992 內頁-品牌*/
	.bdSeries__item .cover{background:var(--mainColorD);}
	.bdSeries__item:hover .cover__pic{transform:scale(1.08);opacity:0.5}

	.--sv5.flexBlock{--bR:1px solid var(--gray);position:relative;}
	.--sv5.flexBlock:after{content:'';position:absolute;width:var(--ctW);height: 100%;border:var(--bR);border-radius:var(--imgBR);left: 0;transform: translateX(calc(var(--pdL) * 0.25));}
	.--sv5.flexBlock:nth-child(1):after{border-top:none;border-right:0;border-bottom-right-radius:0;top: calc(var(--gapY) * 0.5);}
	.--sv5.flexBlock:nth-child(2):after{height: calc(100% + var(--gapY) + 2px);top: 50%;transform:translateY(-50%);clip-path: polygon(83% 0, 100% 0, 100% 100%, 83% 100%);width: calc(var(--ctW) - var(--gap));}
	.--sv5.flexBlock:nth-child(3):after{border-bottom:none;border-right:0;border-bottom-left-radius:0;top: calc(var(--gapY) * -0.5);height: calc(100% + var(--gapY));}
	.--sv5.flexBlock:nth-child(odd):after{clip-path: polygon(0 0, 80% 0, 80% 100%, 0 100%);}
	

}
@media screen and (min-width:1200px){
	:root{--container:1140px;}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;}
}
@media screen and (min-width:1680px){
	.container--big{max-width: 1540px;}
	
    /*!1680 首頁*/
	.briefTxt{max-width: max(80%,20rem);}
    .abBox{--imgW:62%}
	.abTop{padding-top:0;}
	.abTop:after{height: calc(100% - var(--pT));}
	.kuroBox{--imgW:42%;}	
	
	/*!1680 內頁-服務*/
	.svBlock2{--imgW: 62%;}
	.svBlock3{--imgW: 62%;}
	
}
/*===max===*/
@media screen and (max-width:991px){
    .btnWrap{text-align: center;}
	.titleBox__brief{max-width:100%;}
    /*!991 header*/
	.navbar .container{max-width:100%;}
	.navbar-brand{padding-left:0.5rem}
    .navWrap{position: absolute;width: clamp(20rem,75vw,24rem);right: 0;top: 100%;background: var(--mainColor);padding: 0;padding-bottom: 1rem;flex-direction: column;align-items: center;pointer-events: none;opacity: 0;transition: 0.5s all;transform: translateX(100%);height: calc(100dvh - var(--headerH));overflow-y: auto;}
	.isOpen + .navWrap{opacity:1;transform: translateX(0);pointer-events: all;}
	.menuBar{width:100%;}
	.navbar-nav{align-items: flex-start;gap: 0;}
	.nav-item{width:100%;}
	.nav-item.active{background:rgba(0,0,0,0.15)}
	.nav-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.15);}
	.nav-link{padding: 1rem;color: #fff;}
	.funcBtn__item__tt{display:none;}
	.funcBtn{width:100%;margin: auto;margin-bottom: 2rem;}
	.funcBtn__item{display:flex;align-items: center;gap: 1rem;padding: 0.75rem;justify-content: center;width: calc(100% - 2rem);margin: auto;background: var(--subColor);border-radius: 100rem;flex-wrap: wrap;}
	.funcBtn__item__list{display: flex;position: relative;pointer-events: auto;}
	.langBtn{padding: 0.25rem 0.75rem 0.125rem;font-size:1rem;opacity: 0.5;color: var(--mainColorD);border-radius: 100rem;}
	.langBtn.active{opacity: 1;background: #fff;}

	.nav-item:has(.dropdown-menu){position:relative;}
	.nav-item:has(.dropdown-menu):after{content:'\F282';font-family:'bootstrap-icons';position:absolute;right:1rem;top: 1rem;color:#fff;transition: 0.3s all;pointer-events: none;}
	.isDrop.nav-item:has(.dropdown-menu):after{transform:rotate(180deg)}
	.dropdown-menu{display:block;border: none;border-radius: 0;padding: 0;background: rgba(0,0,0,0.15);height: 0;overflow: hidden;transition: 0.3s all;transform: translateY(-2rem);}
	.isDrop .dropdown-menu{height:auto;transform: translateY(0);}
	.dropdown-item{padding-left:1.5rem;}
	.dropdown-item:hover{background:transparent;color: #fff;}


	/*!991 banner*/
	.bnTxt__txt{line-height:1.625;width: auto;}
	.bnTxt__txt br{display:none;}

	/*!991 首頁-服務*/
	.svBox{--num:2;}
	.svBox__item .cover__pic{aspect-ratio:5/3}
	.svText{line-height:1.5}
	.svBox__item{max-width:unset}
	.svBox__item .cover:after{content:'\F144';position:absolute;font-family: bootstrap-icons !important;right: 0;bottom: 0;background: var(--mainColorL);width: 2.5rem;aspect-ratio: 1;display: inline-flex;justify-content: center;align-items: center;border-radius: 0.5rem 0 0 0;color: #fff;}
	/*!991 首頁-關於*/
    .abTop{padding: 0;padding-bottom: 1rem;}
	.abTop:after{height:80%;}
	.abBox{flex-direction: column-reverse;gap: 1rem;}
	.abBox__text{width:100%;}
	.abBox__media{width: 100%;/* transform:translateX(calc(var(--ctOffset) + 0.75rem)); */border-radius: clamp(0.75rem,1.2vw,1.5rem);overflow: hidden;}
	.abBox__media__pic{clip-path:none;}
	.abData{--num:2;}
	.abData__item{justify-content:flex-start;}
	.abData__item:nth-child(n):before{opacity:0;}
	/*!991 首頁-黑田刀柄*/
	.krTop{padding: 4rem 0 2rem;position: relative;}
	.krTop:after{content:'';position:absolute;height:100%;aspect-ratio: 500/503;background:url(../images/index/kurota.png)center/cover;left: 0;top: 0;z-index: -1;mask: linear-gradient(to right,rgba(0,0,0,0.65),rgba(0,0,0,0.05));opacity: 0.85;}
	.kuroBox{flex-direction:column;}
	.kuroBox__media{width:100%;max-width: 25rem;display: none;}
	.kuroBox__text{width:100%;padding: 0;text-shadow: 1px 1px 0.375rem rgba(255,255,255,1),1px 1px 1rem rgba(255,255,255,0.85);}
	.svBlock2,.svBlock3{display:flex;flex-direction:column;gap:1rem}

	/*!991 footer*/
	.fTop .container{flex-direction:column;gap: 2rem;}
	.fInforWrap{margin:auto;text-align: center;}
	.fInfor__social{justify-content:center;}
	.fSitemap{justify-content:center;flex-wrap: wrap;margin: 0 1rem;gap: clamp(2.5rem,4vw,5rem) 1.5rem;}
	.fSitemap__item{flex:1;/* text-align: center; */}	 

	/*!991 常見問題*/
	.faqBox{flex-direction:column;}
	.faqBox__tt{width:100%;align-items: center;text-align: center;}
	.faqBox__ct{width:100%;margin-bottom: 2rem;}
	.faqBox .btnWrap{margin:0;}

	/*!991 品牌*/
	.bdBlock--other{padding-top: 1rem}
	.bdBlock--box{padding-bottom: 0;}
	.bdSeries{--num:2;flex-wrap:wrap;}
	.bdSeries__item.--ttBox{display:flex;}
	.txtBg:has(.brTxt){display:inline-flex;flex-direction:column;}
	.bdIntro__txt br{display:none;}

	/*!991 內頁-服務*/
	.svBlock--other{padding-top: 0;}
	.cooperateBox{--num:2}
	.itemTxt{line-height:1.5;}
	.svWhy{--num: 2;}
	.svOther{--num:2;padding-top: 1rem;}
	.svEquiBox{flex-direction: column;}
	.svEquiBox__txt{width:100%;}
	.svEquiBox__media{width:85%;max-width:600px;}

	/*!991 內頁-聯絡*/
	.contactBox{flex-direction:column;gap: 2rem;}
	.contactBox__basic{width:100%;padding-top: 0;}
	.contactBox__form{width:100%;padding: 2rem clamp(1.25rem,3vw,3rem);}
}

@media screen and (max-width:767px){
	.titleBox__mj.--large{font-size:clamp(1.5rem,2.4vw,2.5rem);}
	.titleBox__brief{max-width: 100%;}
	.formGroup__item--half{width:100%;}

    /*!767 banner*/
    .bnImg__pic{aspect-ratio: 8/7;min-height: 25rem;}

	.flexBlock:nth-child(n),.--cross .flexBlock:nth-child(even){flex-direction: column-reverse;}
	.flexBlock__ct{width:100%;}
	.flexBlock:nth-child(n) .flexBlock__ct:has(.flexBlock__ct__box){display: flex;justify-content:center;}
	.flexBlock__ct__box{margin:auto;}
	.flexBlock__media{width:100%;}
	.cover.--bdSerImg{max-width:25rem;}

	/*!767 內頁-關於*/
	.flexBox{flex-direction:column;border-bottom:0.25rem solid var(--mainColor);} 
	.flexBox + .flexBox{margin-top: 1.5rem;}
}

@media screen and (max-width:640px){
	.navbar.navbar-expand-lg{padding: 0.75rem 0;}
	/*!640 banner*/
	.bnEffG__item[style*="--num:5"]{display:none;}
	
	/*!640 首頁-關於*/
    .abData{--num:1;justify-content: center;}
	.abData__item{justify-content:center;display: inline-flex;width: auto;}
	.flexBox__ct,.flexBox__media{padding:2rem 1.5rem;}

	.svOther{--num:1}
}

@media screen and (max-width:480px){
	.titleBox__mj br{display: none;}
	.kurodaBnWrap:after{background: linear-gradient(345deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5));}
	.navbar-brand{padding-left: 0;}
	.navbar-toggler{margin-right: -0.5rem;}
	
	/*!480 banner*/
	.pgBanner{aspect-ratio: var(--asR);min-height: auto;}
	.bnMob{opacity: 1;}
	.kurodaBnWrap{aspect-ratio:1;}

	.navWrap{width:100%;}
	
	/*!480 首頁-服務*/
	.svBox__item{transition-delay:calc(0.25s * var(--itemNum) * 0.25)}
	.svBox{--num:1;}
	.svText .txt{-webkit-line-clamp:unset;}

    /*!480 首頁-客戶見證*/
    .proofsBox__item{flex-direction: column;text-align: center;align-items: center;}
	.proofsBox__item__txt{width:100%;}

    /*!480 footer*/
    .fSitemap{margin: 0;}
	.copyright{justify-content: center;}

	/*!480 品牌*/
	.bdSeries{--num:1;flex-direction: column;gap: 2rem;}
	.bdSeries__item.--ttBox{display:none;}

	/*!480 內頁-服務*/
	.cooperateBox{--num:1;gap: 2rem;}
	.svBox--overview .svBox__item{max-width: 100%;}
	.svWhy{--num: 1;}

	.--sv5 .flexBlock__ct{padding-left:0;}
	.--sv5 .flexBlock__ct:before{transform:translateY(-100%);top: calc(var(--gap) * -1);padding: 0.75rem;background: rgba(255,255,255,0.95);border-top-right-radius: var(--imgBR);}

	.flexWrap{--gapY:2rem;}
	.flexBox__media{padding:0;}

}

@media screen and (max-width:320px){
    /*!320 header*/
    .navWrap{width:100%}
}