@charset "utf-8";

/* CSS Document */
body{font-family:'Open Sans','Noto Sans TC','微軟正黑體',sans-serif;font-size:16px;line-height: 1.7;color:var(--black);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
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;}
a{color:#000;text-decoration:none;-o-transition:var(--transition);-webkit-transition:var(--transition);-moz-transition:var(--transition); transition:var(--transition);}
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;color: var(--mainColor);background:#fff;border: solid 1px var(--mainColor);border-radius:100%;box-shadow: rgba(15, 107, 153, 0.5) 0 0 5px;transition: all .5s;z-index: 99;}
#goTop:hover{background: rgba(15, 107, 153, 0.1);color: var(--mainColor);}


/*按鈕*/
.btnWrap {position: relative;padding: 2rem 0;text-align: center;}
.btnStyle{background:var(--mainColor);color:#fff;min-width:clamp(1.75rem,2vw,2.75rem);padding:.625rem 1.25rem;letter-spacing:.05em;position:relative;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;border-radius:.5rem}
.btnStyle--noIcon .btnTxt{display:block}
.bntTxt{display:inline-flex;align-items:center;gap:2rem}
.btnStyle .btnTxt:after{content:'';font-family:bootstrap-icons!important;display:inline-block;font-style:normal;aspect-ratio:1;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased}
.btnStyle--white{background-color:#fff;color:var(--mainColor)}
.btnStyle--trn{background-color:transparent;color:var(--mainColor);border:1px solid var(--mainColor)}
.btnStyle--trn:hover{background-color:var(--mainColor);color:#fff}
.btnStyle--arrow .btnTxt::after{content:'\F138'}
.btnStyle-rightCircle{min-width:8rem;background:transparent;color:var(--mainColor);transform:translateX(0);transition:transform .5s ease-in;letter-spacing:.05em;position:relative;display:inline-block;white-space:nowrap;border-radius:.5rem}
.btnStyle-rightCircle .btnTxt{display:block;position:relative}
.btnStyle-rightCircle:hover{transform:translateX(2rem);color:var(--mainColor)}
.btnTxt{display:inline-flex;gap:2rem;align-items:center}
.btnStyle-rightCircle .btnTxt::after{content:'\F138';font-family:bootstrap-icons!important;display:inline-block;font-style:normal;aspect-ratio:1;vertical-align:-.125em;border:1px solid var(--mainColor);width:3rem;border-radius:100rem;transition:width .3s ease-in-out;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.btnStyle-rightCircle .btnTxt:hover:after{background-color:rgba(15,107,153,0.1);width:calc(3rem + 10px)}
.btnStyle-rightCircle--small{min-width:clamp(5.5rem,6vw,6.3rem);padding:0;background:transparent;color:var(--mainColor);transform:translateX(0);transition:transform .5s ease-in;letter-spacing:.05em;position:relative;display:inline-block;white-space:nowrap;border-radius:.5rem}
.btnStyle-rightCircle--small .btnTxt::after{content:'\F138';font-family:bootstrap-icons!important;flex:1;display:inline-flex;align-items:center;justify-content:center;width:1.625rem;aspect-ratio:1;border:1px solid var(--mainColor);border-radius:100%;line-height:1}
.btnStyle-rightCircle--small:hover .btnTxt,a:hover .btnStyle-rightCircle--small .btnTxt{gap:1rem;color:var(--mainColor);transition:gap .3s ease-in-out}
.btnStyle-rightCircle--small:hover .btnTxt::after,a:hover .btnStyle-rightCircle--small .btnTxt::after{background-color:rgba(15,107,153,0.1)}
.btnStyle-rightCircle--small .btnTxt{gap:.5rem;transition:.3s ease-in-out}
.btnStyle-rightCircle--small:hover .btnTxt,a:hover .btnStyle-rightCircle--small .btnTxt{transition:gap .3s ease-in-out}

/*RWD編輯器表格(X捲軸)*/
.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin:0 0 1rem}
.table-container::-webkit-scrollbar{height:10px}
.table-container::-webkit-scrollbar-track{background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,#ddd));background:linear-gradient(to bottom,transparent 50%,#ddd 50%)}
.table-container::-webkit-scrollbar-thumb{background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,#531385),to(var(--mainColor)));background:linear-gradient(to bottom,transparent 50%,#531385 50%,var(--mainColor) 100%)}
.table-container th,.table-container td{padding:.25rem}
.table-container th{background:#f0f3f8;border:1px solid #231815}
.table-container td{padding:5px;border:1px solid #231815}
@media screen and (max-width: 768px) {
    /*RWD編輯器表格(X捲軸)*/
	.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:#0F6B99;
	--subColor:#FFB34D;
	--black: #333333;
	--lightGray: #D9D9D9;
	--gray-1:#525252;
	--container:calc(100% - 2rem);
	--gradient0:linear-gradient(180deg, rgba(15,107,153,0) 0%, rgba(15,107,153,1) 65%);
	--fs-s:0.875rem;    /*14*/
	--fs-m:1rem;    /*16*/
	--fs-l:1.125rem;  /*18*/
	--fs-xl:1.5rem; /*24*/
	--transition: all .3s linear;
	--transition-ease: all 0.3s ease;
	--transition-ease-l: all 0.5s ease;

	--icon_angleR_black: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 28.004c0 .203-.032.392-.096.567a1.4 1.4 0 0 1-.329.499l-7.464 7.572c-.23.233-.519.352-.867.358a1.165 1.165 0 0 1-.883-.358c-.24-.244-.361-.54-.361-.888s.12-.644.36-.888l6.766-6.862-6.765-6.862a1.23 1.23 0 0 1-.353-.88 1.2 1.2 0 0 1 .353-.896c.24-.244.532-.366.875-.366.343 0 .634.122.875.366l7.464 7.572a1.4 1.4 0 0 1 .33.499c.063.175.095.364.095.567z' fill='%232B2B2B'/%3E%3C/svg%3E");
	--icon_angleR_white: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 28.004c0 .203-.032.392-.096.567a1.4 1.4 0 0 1-.329.499l-7.464 7.572c-.23.233-.519.352-.867.358a1.165 1.165 0 0 1-.883-.358c-.24-.244-.361-.54-.361-.888s.12-.644.36-.888l6.766-6.862-6.765-6.862a1.23 1.23 0 0 1-.353-.88 1.2 1.2 0 0 1 .353-.896c.24-.244.532-.366.875-.366.343 0 .634.122.875.366l7.464 7.572a1.4 1.4 0 0 1 .33.499c.063.175.095.364.095.567z' fill='%23ffffff'/%3E%3C/svg%3E");
}

/*全頁佈局*/
.wrapper { padding:2rem 0;}
.blockHeight{padding: clamp(2rem, 5vw ,6rem) 0;}
.container{max-width:var(--container);}


/* 架構布局：側選單+主內容 */
.blockHeight--amContainer:has(.amContainer__aside){padding-top: 0;padding-bottom: 0;overflow: hidden;}
.blockHeight--amContainer:has(.amContainer__aside) .amContainer__main{padding-top: clamp(2rem,8vw,3rem);}
.amContainer{--asideW: 250px;position: relative;}
.amContainer:has(.amContainer__aside)::before{content: '';position: absolute;left: var(--asideW);top: 0;bottom: 0;width: 1px;background: var(--lightGray);}
.amContainer::after{content:'';overflow:hidden;clear:both;display:block}
.amContainer__aside{padding-top: 3rem;}
.amContainer__main__title{position: relative;margin: 0 0 2rem 0;padding: 0 0 0 1rem;}
.amContainer__main__title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width: .5rem;height: 1em;background: var(--mainColor);border-radius: .25rem 1rem .25rem 1rem;}

.descripBox{display: grid;grid-template-columns: 1fr;margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: solid 1px var(--lightGray);justify-content: center;align-items: center;}
.desPic{border-radius: .5rem;overflow: hidden;margin-bottom: 1rem;}
.desPic img{width: 100%;object-fit: cover;}

/* 全站卷軸 */
/* 捲軸寬度及高度 */
::-webkit-scrollbar {
    width: .25rem; /*右側捲軸寬度*/
    height: .25rem; /*下方捲軸高度*/
  }
  /* 軌道背景底色 */
  ::-webkit-scrollbar-track {background: #F3F3F3;}
   
  /* 滑桿樣式 */
  ::-webkit-scrollbar-thumb {background:#347799; border-radius: .5rem;}
  ::-webkit-scrollbar-thumb:hover {background: var(--mainColor); transition: all .5s;}

  /* 捲軸兩側頂端的按鈕 */
  ::-webkit-scrollbar-button {display: none;/* background-color: var(--mainColor); */}
  ::-webkit-scrollbar-button:hover {/* background-color: var(--mainColor); */}



/* 側選單 */
.sideNav{list-style-type:none;margin: 0 0 2rem;padding:0;display: flex;flex-direction: column;/* gap: .5rem; *//* align-items: flex-start; */}
.sideNav__item+.sideNav__item .sideNavLink{border-top: solid 1px var(--lightGray);}
.sideNavLink{display: flex;align-items: center;justify-content: space-between;padding: .5rem 0 .5rem .5rem;padding: 0 .25rem 0 .5rem;min-height: 53px;}
.sideNav__item--open .sideNavLink{color:var(--mainColor);font-weight:700}
.sideNav__item--active{}
.sideNav__item--active .sideNavLink{color:var(--mainColor);font-weight: 700;}
.sideNav__item:has(.sideNavSub) .sideNavLink::after{content: '';display: block;margin-left: auto;margin-right: 0;width: 1.75rem;/* height: 100%; */aspect-ratio: 1;background-image: var(--icon_angleR_black);background-repeat: no-repeat;background-size: 140%;background-position: center;transform: rotate(90deg);border-radius: 100%;}
.sideNav__item--open:has(.sideNavSub) .sideNavLink::after,
.sideNav__item--active:has(.sideNavSub) .sideNavLink::after{transform: rotate(-90deg);}
.sideNav__item--active:has(.sideNavSub) .sideNavLink::after{transform: rotate(0deg);background-color: var(--mainColor);background-image: var(--icon_angleR_white);}
.sideNav__itemName{position:relative;margin-top: 1rem;padding-left: .25rem;}
.sideNav__itemName::after{content:'';position:absolute;right:0;left: 2em;bottom: 0;height:1px;background:var(--mainColor);background: linear-gradient(to left, rgba(15,107,153,0) 0%, rgba(15,107,153,1) 65%);transform: translateY(-100%);}
.sideNav__itemName .txt{position: relative;z-index: 1;padding: .125rem 1rem .125rem .75rem;background: var(--mainColor);color:#fff;border-radius: 1rem 1rem 0 1rem;}

.sideNav__item:not(.sideNav__item--active) .sideNavSub{display: none;}
.sideNavSub{display:flex;flex-direction:column;padding-bottom: 1rem;background: #f5f5f5;}
.sideNavSub__link{position: relative;display: block;padding: .5rem 1rem;font-weight: 350;}
.sideNavSub__link--active,.sideNavSub__link:hover{background: #e9e9e9;}
.sideNavSub__link--active::before{opacity:1}



/* 圖文 */
.blockHeight--pageContent{padding-top: 1rem;}
.pageContent{margin-bottom:2rem}
.detailHead{margin-bottom: 3rem;padding-top: 3rem;}
.detailHead:has(.detailHead__tool){padding-top:1rem}
.detailHead__title{position: relative;font-size: clamp(1.25rem,2vw,2.25rem);font-weight: 650;color:var(--mainColor);margin-bottom: 0;padding-left: clamp(.75rem,1.5vw,1.5rem);}
.detailHead__title::before{content:'';position:absolute;left:0;bottom: -1rem;width: clamp(.75rem,1vw,1.5rem);aspect-ratio: 1;background: var(--mainColor);clip-path: polygon(0 0 ,100% 100%,0 100%);}
.detailHead__tool{display: flex;justify-content: space-between;align-items: center;gap: .5rem;margin-bottom: .5rem;}
.detailHead__tool .time{position: relative;font-size:1rem;color:var(--mainColor);font-weight: 650;line-height: 1;}
.detailHead__tool .time::after{content:'';position:absolute;z-index: -1;left:0;right:0;bottom:0;width:100%;height: .25rem;background:var(--subColor);border-radius: 3em;}
.sortName{background:var(--mainColor);color:#fff;border-radius:3rem;padding:.125rem .75rem;}
.tx01{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;}
.tx01+.tx01{margin-top: 2rem;}
.tx01 a{color:var(--mainColor);text-decoration:underline}
.tx01 a:hover{opacity:.8}
.tx01__pic{width:100%;border-radius: 1rem;overflow: hidden;}
.tx01 img{width:100%;height:100%;}
.tx01.img-bottom .tx01__pic{order:1}
.tx01.img-left,.tx01.img-right{}
.tx01.img-left .tx01__pic,.tx01.img-right .tx01__pic{width:calc(50% - .5rem)}
.tx01.img-left img,.tx01.img-right img{max-width:100%}
.tx01.img-left .tx01__pic:only-child,.tx01.img-right .tx01__pic:only-child{float:none;padding:0;margin:auto;max-width:inherit;text-align:center;width:auto}
.tx01.img-left .tx01__edit:only-child,.tx01.img-right .tx01__edit:only-child{width:100%!important}
.tx01.img-left.tx01 .tx01__pic+.tx01__edit,.tx01.img-right.tx01 .tx01__pic+.tx01__edit{width:calc(50% - .5rem)}
.tx01.img-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.tx01.img-center figure{width:33.3%;clear:both;overflow:hidden;margin-bottom:0}
.tx01.img-center .tx01__pic img{float:left;padding:1em;width:100%;text-align:center}
.videoIframe {margin-top:2rem}
.videoIframe iframe{aspect-ratio: 16/9;width: 100%;}

/* 社群 */
.shareGrid {display: flex;justify-content: flex-end;gap:.5rem}
.shareGrid .iconBtn{font-size:2rem;color:var(--mainColor)}
.shareGrid .iconBtn:hover{color:var(--subColor)}

/* 標題 */
.titleStyle{color:var(--mainColor);letter-spacing:.05em;margin-bottom:clamp(1rem,2vw,2rem);position:relative}
.titleStyle__zh::before{content:'';height:2.25rem;width:.6rem;background-color:var(--subColor);border-radius:.5rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.titleStyle__zh{position:relative;font-size: clamp(1.5rem, 2vw,2.25rem);font-weight:700;padding-left:1rem}
.titleStyle__en{font-size:var(--fs-m);padding-left:1rem}
.subTitle{font-size: clamp(1.5rem, 2vw,2.25rem);font-weight:700;padding-left:1rem}

/* pageNum */
.pageNumber{ display: flex; gap: .25rem; font-size: 1.1rem; align-items: center; justify-content: center; }
.pageNumber a {display: inline-block;color: var(--mainColor);padding: .25rem .5rem;aspect-ratio: 1;width: 2.25rem;text-align: center;}
.pageNumber a:hover {color: var(--mainColor); background-color:rgba(15, 107, 153, 0.1);}
.pageNumber .prev , .pageNumber .next{ color: var(--mainColor); border-radius: 100%; width: 1.5rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; }
.pageNumber .prev:hover , .pageNumber .next:hover{background-color:rgba(15, 107, 153, 0.1);}
.on{border-bottom:1px solid var(--mainColor); background-color:rgba(15, 107, 153, 0.1);}

/* 選單按鈕 */
.navbar .navbar-toggler-icon{border:none;}
.navbar .navbar-toggler, .navbar .navbar-toggler:focus{box-shadow: none;border: 0; padding: 0;}

/* 選單 */
.dropdown .dropdown-menu--flex{display:flex;}
.dropdown-menu .dropdown-item {min-width: clamp(200px,20vw,240px);color:#282828;letter-spacing:1px;padding: 0.75rem 1rem;border-left:5px solid transparent;}
.dropdown-menu .dropdown-item.hover{background-color:rgba(15, 107, 153, 0.1);border-left:5px solid var(--mainColor);padding-left: 1.75rem;}
.dropdown-menu .dropdown-item--par.hover{pointer-events: none;background-color:rgba(15, 107, 153, 0.1);border-left:5px solid var(--mainColor);padding-left: 1.75rem;}
.dropdown-childGroup{width: 240px;overflow-x: auto;position: absolute;right: 0;top: 0;opacity: 0;color: white;background: var(--mainColor);height: 100%;border-radius: 0 .5rem .5rem 0;}
.dropdown-childGroup .dropdown-item{color:white;background: var(--mainColor);}
.dropdown-childGroup{transition: all;}
.frist.dropdown-childGroup{opacity: 1;pointer-events: auto;z-index: 5;}
.open.dropdown-childGroup{opacity: 1;pointer-events: none;z-index: 5;}


.dropdown-menu--pd{display: flex;flex-direction: column;min-height: 500px;}
.dropdown-menu--pd .dropdown-menu__box{/*display: flex;align-items: start;*/}
.dropdown-menu--pd .dropdown-menu__box .dropdown-item{position:relative;transition: all .5s;}
.dropdown-menu--pd .dropdown-item:after{transition: all .5s;}
/* .dropdown-menu--pd .dropdown-item:hover:after {content: '';display: block;width: 1rem;height: 1rem;background: var(--mainColor);clip-path:polygon(40% 50%,100% 0%,100% 100%,40% 50% );position: absolute;right:0;top:1rem;z-index: 5;} */
.dropdown-menu .dropdown-childGroup .dropdown-item:hover:after{content:none;}

     /* 選單第二層 滑鼠懸停樣式 */
	 /* .dropdown-menu--pd .dropdown-item.hover:after {content: '';display: block;width: 1rem;height: 1rem;background: var(--mainColor);clip-path:polygon(40% 50%,100% 0%,100% 100%,40% 50% );position: absolute;right:0;top:1rem;z-index: 5;} */
	 .dropdown-menu__box .dropdown-item.hover{background-color:rgba(15, 107, 153, 0.1);border-left:5px solid var(--mainColor);padding-left: 1.75rem;}
	 .dropdown-menu__box .dropdown-item--child:hover{background-color:#044768;border-left:5px solid #044768;}

.pointer.dropdown-childGroup{pointer-events:auto;}


.navbar {padding:0;background-color:#fff;}
.navbar--fixed{box-shadow:0 0.25rem 0.5rem rgba(0,0,0,0.15);}
.navbar .container{max-width:100%;margin: 0 clamp(2rem, 5vw ,5rem);padding: 0;display: flex;justify-content: space-between;}
.nav_logo{display:inline-block;margin: .75rem 0;line-height:0;}
.nav_logo_txt{visibility: hidden;position: absolute;}
.navbar-brand{padding:0;margin: 0;}
.nav_logo_pic{width: clamp(8.5rem,10vw,12rem);height: 1.825rem;}
.navItem--left{/* padding-right: 0.625rem; */color: #333333;}
.navItem--lef .nav-link{color:#333333;}
.nav-link{position: relative;z-index: 1001;padding: clamp(1rem,1.2vw,1.25rem) 0;font-size: clamp(1rem,1.1vw,1.125rem);letter-spacing: 0.05em;}
.navbar-nav .nav-link::before{content:'';position:absolute;z-index:1;left:50%;bottom:0;width:0;height:.375rem;background:var(--mainColor);border-radius:3em;transform:translate(-50%,50%);transition:var(--transition)}
.navbar-nav .nav-link:hover::before,.navbar-nav .nav-link.active::before{width:3rem}
.navbar-nav .nav-link.active{color:var(--mainColor);font-weight: 600;}
.nav-link--hasIcon::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }
.nav-item--gap{padding: 0 clamp(.5rem,1.2vw,1.25rem);position:relative;}
.nav-item--gap:nth-child(-n+5):after{content:'';height:1.5rem;width:1px;background-color:rgba(51, 51, 51, 0.15);position:absolute; top:50%;right:0;transform:translate(0,-50%)}
.nav-blue {background: var(--mainColor);color: #fff; padding-right: 1.5rem; padding-left:1.5rem;}
.nav-drop{color:var(--mainColor)}
figure{margin: 0;}
.navbarSearch{position:relative}
.navbarSearch__toggle{}
.navbarSearch__input{position:absolute;right:0;top:100%;background: #fff;border-top: solid 1px #eee;border-radius: 0 0 .5rem .5rem;box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);overflow: hidden;display: none;}
.navbarSearch__input__box{display: flex;position: relative;z-index: 1000;}
.navbarSearch__input__box input{ border: none; padding: .5rem; }
.navbarSearch__input .btnGo{color: var(--mainColor);background: transparent;border: none;padding: .5rem 1rem;border-left: solid 1px #eee;transition: var(--transition);}
.navbarSearch__input .btnGo:hover{background: rgba(15, 107, 153, 0.1);}

/*banner*/
.banner__pic{width: 100%;height: 100%;object-fit: cover;}
.banner__box{position:relative}
.banner__box__img {aspect-ratio: 1920 / 800;}
.banner__box__img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: var(--gradient0);opacity: 0.3;mix-blend-mode: multiply;  }
.banner__box__txtWrap{max-width: 50%;margin:0;position:absolute;left: clamp(3rem,10vw,11.25rem);top: 40%;transform:translateY(-50%);color:#fff;}
.bannerTitle{font-size: clamp(1.75rem ,4vw ,4rem);display:flex;flex-direction:column;line-height:1.4em;letter-spacing:0.15em;text-shadow: 0 0 .5rem rgba(0, 0, 0, .5);}
.bannerSub{font-size: clamp(1rem,1.1vw,1.125rem);line-height: clamp(1.5rem,1.5vw,1.875rem);letter-spacing:0.05em;text-shadow: 0 0 .5rem rgba(0, 0, 0, .5);}
.banner__box__down { max-height: 5.125; font-size: clamp(.8rem,1vw,1rem); position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%); color: #fff; display:flex; flex-direction:column; align-items: center; }
.banner__box__down::after { content: ''; width: clamp(.01rem,.1vw,.125rem); height: clamp(2rem,3vw,3rem); background-color: #fff; }

/* 首頁 index */
.blockTitlBg{position: relative;}
.blockTitlBg::after{content: 'ADVANTAGE';position: absolute;top: 0;left:-10%;font-size: clamp(3rem,5vw,5rem);line-height: 1;letter-spacing: 0.05em;color: rgba(221, 221, 221, 0.8);font-weight: 800;margin-top: -4.85rem;opacity: 50%;}
/* 首頁 S1-since */
.blockHeight--since{padding-bottom: clamp(12rem,15vw,15.5rem);position:relative;z-index:0;}
.blockHeight--since::before{content: '';content:'';position:absolute;bottom:0;left:0;width:100%;height: 29.5rem;background: rgba(15, 107, 153, 0.5);mix-blend-mode: multiply;}
.blockHeight--since::after{content:'';background: url(../images/all/logo.svg);position: absolute;top: 20%;right: 8%;width: 50%;height: clamp(4rem,8vw,10rem);background-size: cover;z-index: -1;filter: brightness(0%) invert(95%);}
.blockHeight--since .container{max-width: 100%;padding: 0 calc((100% - var(--container))/2);}
.ixSiceBg::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 29.5rem; background:url(../images/index/index-05.png); background-size: cover; background-position: center; z-index: -2; }
.ixSiceBg::before{content:'';position:absolute;bottom:0;left:0;width:100%;height: 29.5rem;background: linear-gradient(180deg, rgba(15, 107, 153, 0.5) 5%, rgba(15, 107, 153, 1) 45%);opacity: 0.7;z-index:-1;}
.ix_siceTxtWrap{margin-bottom:5.625rem;margin-left: -4.5rem;}
.siceTxt__til{font-size: clamp(1.75rem ,4vw ,4rem);font-weight:bold;color:var(--mainColor);}
.siceTxt__sub{font-size:var(--fs-l);color: var(--gray-1);}
.container--siceCard{padding:0; margin: 0 3.75rem;}
.ix_siceCardWrap{display: grid;grid-template-columns: repeat(4,1fr);justify-content: space-between;gap: clamp(1rem,3vw,3rem);flex-wrap: wrap;}
.ix_siceCard{background-color:#fff;display: flex;justify-content: center;padding-top: clamp(1rem,3vw,3rem);padding-bottom: clamp(2rem, 7vw ,7.5rem);border-radius: 0.5rem;box-shadow: -0.625rem 0.625rem 1.875rem rgba(0, 0, 0, 0.2);position: relative;overflow: hidden;z-index: 0;aspect-ratio: 3/4;flex: 1;}
#num{display:none;}

/* 首頁 S1-since 卡片背景圖 */
.ix_siceCardWrap .ix_siceCard::after{content:"";width: 100%;aspect-ratio: 320 / 430;position: absolute;bottom: 0;left: 0;z-index: -1;background-size:cover;background-position:bottom cneter;}
.ix_siceCardWrap .ix_siceCard:nth-of-type(1)::after{background-image: url(../images/index/ix-since01.png);}
.ix_siceCardWrap .ix_siceCard:nth-of-type(2)::after{background-image: url(../images/index/ix-since02.png);}
.ix_siceCardWrap .ix_siceCard:nth-of-type(3)::after{background-image: url(../images/index/ix-since03.png);}
.ix_siceCardWrap .ix_siceCard:nth-of-type(4)::after{background-image: url(../images/index/ix-since04.png);}

.siceCard__TxtWrap{width: 75%;}
.siceCard__TxtWrap__top{font-size:1.25rem;line-height:1.5;font-weight:500;color:var(--gray-1);margin-bottom: clamp(1.5rem,2.25vw,2.25rem);}
.siceCdBtm__til{color:var(--mainColor);line-height:1;font-weight:bold;margin-bottom: 1.25rem;display: flex;align-items: center;}
.siceCdBtm__til--xl{font-size: clamp(2.5rem,5vw,5rem);display: flex;}
.iconIN{position:relative;}
.iconIN::after{content: "";height: 100%;aspect-ratio: 1;position:absolute;top: 0;left: 0;background:url("data:image/svg+xml,%3Csvg width='101' height='50' viewBox='0 0 101 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_548_788)'%3E%3Cpath d='M65.58 20.384c-3.268-3.225-6.596-6.51-10.142-10.012 1.318-1.017 2.651-2.108 4.055-3.113C63.907 4.096 68.462 1.117 73.97.351c12.387-1.724 24.644 7.561 26.595 20.006 2.338 14.916-8.101 27.967-23.2 28.569-2.984.117-6.366-.634-8.974-2.06-5.043-2.761-9.985-5.912-14.392-9.591C48.311 32.528 43.283 27 37.778 22.023a54.031 54.031 0 0 0-8.77-6.447c-3.515-2.073-7.542-1.248-10.595 1.571-3.077 2.843-4.082 7.425-2.471 11.296 1.54 3.71 5.4 6.466 9.117 6.232 1.31-.082 2.69-.59 3.844-1.251 2.537-1.451 4.946-3.116 7.139-4.524 3.339 3.233 6.725 6.514 10.243 9.919-5.555 4.406-11.15 8.88-18.434 9.958-12.37 1.846-24.663-7.503-26.633-19.94C-1.14 13.926 9.283.988 24.379.132c3.605-.203 7.112.579 10.115 2.447 4.617 2.878 9.242 5.857 13.383 9.368 5.305 4.5 10.024 9.685 15.209 14.337 2.838 2.546 5.99 4.81 9.234 6.827 3.934 2.443 7.273 2.037 10.616-.72a10.139 10.139 0 0 0 3.17-10.95c-1.954-5.963-8.128-8.528-13.578-5.514-2.44 1.35-4.704 3.007-6.948 4.457z' fill='%230F6B99'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_548_788'%3E%3Cpath fill='%23fff' transform='translate(.885 .1)' d='M0 0h100v48.919H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")center/contain no-repeat;opacity: 0;}
.iconIN{color: var(--mainColor);}
.animated .iconIN{animation: color-fade 1s forwards steps(1);animation-delay: 1s;transition: 0s;}
@keyframes color-fade{
	0%{color:var(--mainColor)}
	100%{color:transparent}
}
.animated .iconIN::after{opacity: 100%;transition-delay: 1.95s;}
.siceCdBtm__til--m{font-size:1.25rem;}
.siceCdBtm__sub{font-size:var(--fs-m);line-height: clamp(150%,2vw,200%);}

/* 首頁 S2-advan */
.blockHeight--advan {padding:0;padding-top:7.5rem;padding-bottom: 5.5rem; position: relative;}
.blockHeight--advan .blockTitlBg::after{content:'ADVANTAGE';left: auto;right: 3%;}
.blockHeight--advan::after{
    content: "";
    background-image: url(../images/index/ix-advan.png);
    position: absolute;
    bottom: -3rem;
    right: 0;
    width: 60%;
    height: 70%;
    background-size: cover;
    z-index: -1;
    background-position: top;
}
.blockHeight--advan .container{max-width:100%;padding:0;padding-right:calc((100% - var(--container))/2 );}
.ixAdvanWrap{display:flex;gap: 3.5rem;}
.ixAdvan_left{max-width: 60%;margin-top: -15rem;}
.ixAdvan_left__imgBox{
    border-radius: 0 1rem 1rem 0;
    overflow: hidden;
    box-shadow: -2rem 2rem 0rem 0px var(--mainColor);
}
.ixAdvan_right{
    max-width: 40%;
    position: relative;
}
.ixAdvan_right__txtWrap{
    padding-left: 1rem;
}
.advanRtTxt__sub{
    font-size: clamp(1.25rem,1.5vw,1.5rem);
    font-weight: 500;
    line-height: 1.6;
}
.advanRtTxt__txt{
    font-size: var(--fs-l);
    margin: 2rem 0;
}
/* 首頁 S3-product 產品服務 */
.blockHeight--ixProd{padding:6rem 0}
.blockHeight--ixProd .blockTitlBg::after{content:"PRODUCT"}
.ixpdList{display:grid;grid-template-columns:repeat(4,1fr);gap: clamp(1rem,2vw,2rem) clamp(1rem,3vw,3rem);}
.ixpdList__item{text-align:center;/* padding:0 .938rem; */}
.ixpdList__item .picBox{margin-bottom:1rem;background-color:#F3F3F3;max-width:20.625rem;aspect-ratio:330 / 235;border-radius:.5rem;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;transition: var(--transition-ease);}
.ixpdList__item .picBox:before{content:'';position:absolute;bottom:calc(-1.25rem / 2);left:70%;height:1.25rem;width:7.65rem;border-radius:.5rem;background-color:var(--mainColor);transform:translateX(0);transition: var(--transition-ease-l);}
.ixpdList__item .picBox__img{display:block;transition: var(--transition);width:100%;height: 100%;object-fit: cover;}
.ixpdList__item .infoBox__tt{font-size:1.125rem;color:var(--black);transition: var(--transition-ease);}
.ixpdList__item .infoBox__en{font-size:.75rem;color:var(--mainColor)}

.ixpdList__item:hover .picBox:before{left:0}
.ixpdList__item:hover .picBox__img{transform:scale(1.1)}
.ixpdList__item:hover .infoBox__tt{color:var(--mainColor)}

/* 首頁 4-classic 經典案例 */
.blockHeight--ixClas{padding-top:7.5rem;padding-bottom:5rem;background-color: #f5f5f5;}
.blockHeight--ixClas .blockTitlBg::after{content: 'CLASSIC PROJECT';}
.ixClas__txtWrap{max-width: 48rem;}

/* 首頁 4-classic 輪播組合 */
.ixClas__cards{
	--cardInfoBox: 320px;
	--cardPicBox: calc(100% - var(--cardInfoBox));
	--slickItem-current:360px;
	--slickItem: calc((var(--container) - var(--slickItem-current) - var(--cardInfoBox)) / 4);
	margin-top: -100px;
	}

/* 首頁 4-classic 輪播--圖 */
.ixClasPic{width: var(--cardPicBox);}
.ixClasPic .slick-list{/* padding-left: calc((var(--container) - var(--slickItem-current) - var(--cardInfoBox))); */}
.ixClasPic__item{width: var(--slickItem);padding: 0 0.5rem;transition: width 0s linear, height 0.5s linear ,transform 0.75s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);}
.clasCover{display: flex;align-items: flex-end;justify-content: flex-end;flex-direction: column;height: 680px;/*transition: width 1s ease, height 0.5s ease ,transform 0.75s ease;*/transition:var(--transition-ease);justify-content: flex-end;}
.clasCover__tt{font-size: 1.25rem;line-height: 2;}
.clasCover__img{border-radius: 0.5rem;overflow: hidden;}
.clasCover__img .mjPic{width:100%;aspect-ratio:180/450;object-fit:cover;transition: var(--transition);}

.ixClasPic__item.slick-current{width: var(--slickItem-current);clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%);animation: clip 0.75s ease .75s;animation-fill-mode:forwards;}
.ixClasPic__item.slick-current .clasCover__img{margin-right:.5rem}
.ixClasPic__item.slick-current .clasCover__img .mjPic{aspect-ratio:360/680;}
@keyframes clip{
    from{clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%);}
    to{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);}
}

/* 首頁 4-classic 輪播--文 */
.ixClasInfo{width: var(--cardInfoBox);position: absolute!important;right: 0;bottom: 0;padding-left: 1rem;}
.ixClasInfo__item{text-align: left;}
.ixClasInfo__item{transform: translateX(2rem);transition: 1s all;transition-delay:0.125s;}
.ixClasInfo__item__tt{font-size:var(--fs-xl);line-height:1.6;margin-bottom:1.5rem;}
.ixClasInfo__item__txt{font-size:var(--fs-m);line-height:2;margin-bottom: 2rem;}

.ixClasInfo__item.slick-current{transform:translateX(0);}
.ixClasInfo__item.slick-current .btnStyle--trn .btnTxt{display:flex;flex-direction: row-reverse;}

/* 首頁 5-news 最新消息 */
.blockHeight--ixNew{padding-top: 7.5rem;padding-bottom: 10rem;}
.blockHeight--ixNew .blockTitlBg::after{content: 'NEWS'};
.blockHeight--ixNew .container{max-width: 100%;padding: 0 calc((100% - var(--container))/2);}
.blockHeight--ixNew .newsList{margin-bottom:0}
.newsList{display: grid;grid-template-columns: repeat(2, 1fr);gap: 2.25rem;margin-bottom: 3rem;}
.newsCard{display: grid;grid-template-columns: 2fr 3fr;gap: 1rem;padding: 0 0 clamp(1.5rem , 2vw,2.25rem);border-bottom: 1px solid var(--lightGray);}
.newsCard__img{margin-right: 1.25rem;border-radius: 0.5rem;overflow: hidden;width: 100%; /* 自適應寬度 */aspect-ratio: 3/2;}
.newsCard__img__pic{height: 100%;width: 100%;object-fit: cover;}
.newsCard__txtWrap{display:flex;flex-direction: column;align-items: flex-end;}
.newsCard__txtWrap__cont{margin-bottom:1.25rem;}
.newsCardTxt__date{font-size:.875rem;letter-spacing:.05em;margin-bottom:1rem}
.newsCardTxt__til{margin-bottom:.25rem;font-size:1.125rem;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}
.newsCardTxt__txt{font-size:1rem;letter-spacing:.1em;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;color:var(--black)}
.newsCard:hover{color:var(--mainColor)}



/* footer */
footer a{color:rgba(255,255,255,.8);}
footer a:hover{color:rgba(255,255,255,.5);}
footer .btnStyle{padding: .5rem 2rem;}
.ftWrap{background-color: #0C567A;color:#fff;padding: clamp(2rem, 5vw, 7.5rem) clamp(2rem,10vw,11.25rem) clamp(2rem, 3vw, 3.75rem);position: relative;z-index: 5;}
.ftWrap .container{margin:0;padding:0;max-width: 100%;}
.ftTop{display:flex;justify-content: space-between;}
.ftTop__info{display:flex;flex-direction: column;gap: clamp(2rem,3vw,5.625rem);}
.ftTop__setmap{display: flex;gap: clamp(2rem,3vw,3rem);flex-wrap: wrap;}
.ftTop__info__logoWrap{text-align:start;}
.ftTop__info__txt{font-size:var(--fs-m);letter-spacing:0.05em;}
.ftLogo{margin-bottom: 0.5rem;}
.ftLogo_pic{height: 1.75rem;}
.ftLogoTxt--zh{font-size:1.25rem;letter-spacing:0.08em;margin-bottom: 0.5rem;font-weight: 600;}
.ftLogoTxt--en{font-size:0.75rem;letter-spacing:0.0375em;line-height: 1;font-weight: 300;}
.ftTop__info__txt{text-align:start;}
.ftInfo__txtWrap{display:flex;flex-direction:column;gap:0.25rem;margin-bottom: 1.5rem;}
.ftInfo__txtWrap_adress i , .ftInfo__txtWrap__phone i {color:var(--subColor);font-size: 1rem;padding-right: .25rem;}
.ftSetmapItem{display:flex;flex-direction:column;align-items: flex-start;gap:1.25rem;}
.ftSetmapItem__txtBox{display:flex;flex-direction:column;align-items: flex-start;gap: 0.5rem;}
.ftSetmapItem__txtBox.pd{width: 100%;display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;}
.ftSetmapItem__til{font-size:var(--fs-l);position:relative;display: inline-block;padding-bottom: 0.5rem;color: #fff;}
.ftSetmapItem__til:after{content: '';position: absolute;bottom: 0;left: 0;width: 50%;border-bottom: 1px solid var(--subColor);}
.ftInfoItem__txt{font-weight:300}
.ftBtm{padding: 2.5rem 0;text-align: right;}
.ft-drop{position: relative;display: inline-block;text-align:end;font-size:var(--fs-l);letter-spacing:0.05em;}
.dropNav:focus~.dropDown{display:block}
.dropNav::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }
.dropDown{ display: none; position: absolute; z-index: 11; right: 0; top: 100%; width: 90px; margin-top: .5rem; padding: .5rem .5rem; background: rgb(11 77 110); border-radius: .25rem; text-align: center; font-size: .95rem; /* border-top: solid 1px #153f55; */ box-shadow: inset 0 .125rem .5rem #153f55; }
.dropDown__item{display:block;padding: .25rem;}
.dropDown__item+.dropDown__item{border-top:dotted 1px rgba(255,255,255,.25)}
.copyright{opacity:50%; border-top:1px solid white;padding-top:0.6rem;}


/* slick style */
.slickStyle .slick-list{}
.banner .slick-dots{display: flex;gap: 0.75rem;align-items: center;justify-content: center;bottom: 0;position: absolute;top: 50%;right: clamp(1rem , 3vw ,3.75rem);transform: translate(0, -50%);flex-direction: column;width: 1rem;}
.slickStyle .slick-dots li.slick-active button:before{opacity: 100;}
.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: #fff;font-size: 0;border-radius: 100rem;display: flex;transition: 0.3s all;}

.slickStyle .slick-prev,.slickStyle .slick-next{width: 3.75rem;height: 3.75rem;border:1px solid var(--mainColor);border-radius: 50%;}
.slickStyle[dir='rtl'] .slick-prev{right: calc(-18.5rem - 1.4rem - 3.75rem);}
.slickStyle[dir='rtl'] .slick-next{left: calc(-3.75rem - 1.4rem);}
.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: -0.125em;font-size: 1.5rem;}
.slickStyle[dir='rtl'] .slick-prev:before{content: '\F285';}
.slickStyle[dir='rtl'] .slick-next:before{content: '\F284';}
.slickStyle .slick-prev:hover , .slickStyle .slick-next:hover{background-color:rgba(15, 107, 153, 0.1);}


/* 內頁開始 */
.pgBanner{position:relative;position:relative;height:clamp(14rem,14.5vw,15rem);position:relative;z-index:0;display:flex;justify-content:center;color:#fff;flex-wrap:wrap;flex-direction:column}
.pgBanner::before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(15,107,153,0.5);z-index:-1;mix-blend-mode:multiply}
.pgBanner__inner{position:relative;z-index:1;margin-bottom:clamp(0.25rem,2vw,1rem)}
.bnTxt--wrapper .container{padding:0}
.bnTxt__mj{font-size: clamp(1.5rem,2.5vw,2.5rem);line-height:140%;letter-spacing:.15em;text-shadow:0 4px 20px rgba(0,0,0,0.25)}
.bnTxt__sub{max-width:50rem;font-size: clamp(.9rem,1.1vw,1.125rem);line-height: 1.5;letter-spacing:.05em;text-shadow:0 0 16px rgba(0,0,0,0.25)}
.breadCrumbs-block{padding:0;padding:1.875rem 0;border-bottom: 1px solid var(--lightGray);}
.breadCrumbs-block .container{display:flex;flex-wrap:wrap;row-gap: .25rem;}
.breadCrumbs-block a{display:block;color:var(--black);font-size:1rem;text-wrap: nowrap;}
.breadCrumbs-block .breadCrumb__item:last-child{color:var(--mainColor);font-weight:700;pointer-events: none;}
.breadCrumb__item::before{content:'/';padding:0 1.25rem}


/* 產品列表 */
.prdListBox{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 1.25rem;margin-bottom:2rem}
.pdList{display:grid;grid-template-columns:repeat(4,1fr);gap: clamp(1.5rem,3vw,3rem) clamp(1rem,3vw,3rem);}
.pdList__item{text-align:center;}
.pdList__item .picBox{margin-bottom:1rem;background-color:#F3F3F3;max-width:20.625rem;aspect-ratio: 400 / 300;border-radius:.5rem;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;transition: var(--transition-ease);}
.pdList__item .picBox::before,.pdList__item .picBox::after{content:'';position:absolute;z-index: 1;bottom:0;height: .25rem;transition:var(--transition-ease-l);}
.pdList__item .picBox::before{content:'';right:0;width:0;height:3px;background:var(--subColor);}
.pdList__item .picBox::after{right: -1rem;width: 15%;border-radius:.5rem 0 0 0;background: var(--mainColor);transform: skewX(-45deg);}
.pdList__item:hover .picBox::before{width: 100%;left:0;}
.pdList__item:hover .picBox::after{width: 30%;height:.375rem}

.pdList__item .picBox__img{display:block;transition: var(--transition);width: 100%;height: 100%;object-fit: cover;}
.pdList__item .infoBox__tt{font-size: clamp(1rem, 1vw, 1.125rem);color:var(--black);transition: var(--transition-ease);}
.pdList__item .infoBox__en{font-size:.75rem;color:var(--mainColor)}

.pdList__item:hover .picBox:before{left:0}
.pdList__item:hover .picBox__img{transform:scale(1.1)}
.pdList__item:hover .infoBox__tt{color:var(--mainColor)}

/* 產品內頁 */
.pdIntro--wrap{margin-left: 300px;}
.pdintro{display: grid;grid-template-columns: 2fr 3fr;gap: clamp(1rem,5vw,3rem);}
.pdintro--slick{width:clamp(35rem,36vw,36.25rem)}
.pdintro__left__cover{position:relative;z-index:1;display:flex;background-color:#F4F4F4;border-radius: .5rem;aspect-ratio: 1;justify-content: center;}
.pdintro__left__cover::before{content:'\F64D';position:absolute;bottom:5%;right:5%;font-size:1.25rem;color:var(--mainColor);font-family:bootstrap-icons!important;z-index:1;width:2.5rem;height:2.5rem;border:1px solid;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition)}
.pdintro__left__cover:hover::before{background:rgba(15,107,153,0.1)}
.pdintro__left__pic{aspect-ratio: 1;/* width: 80%; */object-fit: contain;/}
.pdintro__right{display:flex;flex-direction:column;justify-content:space-between}
.pdintro__right__imgBox{margin:0 .5rem;}
.pdIntroTxt{display:flex;max-width:100%;justify-content:space-between;font-size:var(--fs-m);letter-spacing:.05em;color:var(--black)}
.pdIntroTxt__item{line-height:1.8}
.pdIntroTxt .pdIntroTxt__itemWrap li::marker{color:var(--mainColor)}
.pdintroImgCover{cursor:pointer;width:100%;display:inline-block;background-color:#F4F4F4;/* padding:1.875rem 1.625rem; */border-radius: .25rem;margin: 0 .5rem;aspect-ratio: 1;}
.pdintroImg__pic{object-fit: cover;}
.pdTabs--wrap{padding-top: 6rem;padding-bottom: 2rem;margin-left: 300px;}


/*  產品底層 - Tabs */
.tabsGroup__tabs{display:flex;list-style:none;padding:0;margin:0;font-size: 1.125rem;border-bottom: 2px solid var(--mainColor);letter-spacing: 0.1em;gap: 2px;}
.tabItem{border-radius: 0.5rem 0.5rem 0 0;background-color: var(--lightGray);text-wrap: nowrap;}
.tabsGroup__tabs .active{background-color: var(--mainColor);}
.tabsGroup__tabs .active a{color:#fff;}
.tabsGroup__tabs .active span{position:relative;padding-left: 1rem;}
.tabsGroup__tabs .active span::before{content:'';position:absolute;height:90%;width:6px;top: 50%;left:0;transform: translateY(-50%);background-color:var(--subColor);border-radius: 100rem;}
.tabsGroup__tabs a{padding: clamp(.15rem , .25vw, .25rem) clamp(1.1rem,1vw,1.25rem);font-size: clamp(1rem,1vw,1.15rem);color: #7A7A7A;display: inline-block;}
.tabContent{padding-top:2.25rem;}
.tabContent img{width: 100%!important;height: 100%;object-fit: cover;}
.tabContent p{margin-bottom:1rem;}
.aboutVideoBox iframe {width:100%;}
.tabInfo{/*display:flex;*/gap: 3rem;}
.tabInfo__left{width: 100%;flex:1;}
.tabTitle{font-size:1.25rem;font-weight:500;line-height:1.2;letter-spacing:0.05em;margin-bottom: 1.5rem;}
.tabTxtWrap{display:flex;flex-direction: column;gap: 24px;}
.pdFormBox{padding: clamp(1rem,5vw,3rem);border: 1px solid rgba(15, 107, 153, 0.1);border-radius:1rem;background: #fff;}
.pdFormBox input,.pdFormBox textarea {border:1px solid rgba(15, 107, 153, 0.5);}
input::placeholder{color:#ccc}
input{color:#7A7A7A}
.pdFormBox__tt{margin-top: 2.25rem;margin-bottom: 1.25rem;font-size:1.25rem;color:var(--mainColor);font-weight:bold;letter-spacing:0.1em;}
.pdFromGroup{display:grid;grid-template-columns: 1fr 1fr;gap: clamp(1rem,3vw,2.25rem) clamp(1rem,3vw,3rem);}
.formGroup__item--full{grid-column:span 2;}
.formGroup__item--flex{display:flex;align-items: flex-end;justify-content: space-between;}
.tabInfo__right{width: 100%;flex: 1;border-radius: 1rem;overflow:hidden;aspect-ratio: 4/3;}
.tabInfo__pic{width: 100%; height: 100%;object-fit: cover;}
.tabContent:frist-child{display:none}
.pdSpecItemBox{margin-top:1.5rem;}
.pdSpecItem{--bg:rgba(15, 107, 153, 0.1);display: flex;gap: .125rem;width: 100%;margin-bottom: 0.5rem;padding-bottom: .5rem;/* align-items: center; */border-bottom: 1px dashed var(--lightGray);}
.pdSpecItem:nth-child(even){--bg:rgba(15, 107, 153, 0.05);}
.pdSpecItem__tt{letter-spacing: 0.05em;font-weight: 500;padding: .625rem 1rem;border-radius: 0.5rem;width: 30%;background: var(--bg);}
.pdSpecItem__txt{flex: 1;display: flex;flex-wrap: wrap;align-items: center;padding: .625rem 1rem;/* background: var(--bg); */}
.pdDownloadBox{display:flex;flex-direction:column;gap:2px;border-radius:.5rem;overflow:hidden}
.pdDownloadItem__right{display:flex;gap:1rem;align-items:center}
.pdDownloadItem{display:flex;padding:1rem;background-color:rgba(15,107,153,0.05);align-items:center;justify-content:space-between}
.pdDownloadItem__num{background-color:var(--mainColor);font-size:1.5rem;letter-spacing:.05em;font-weight:700;color:#fff;line-height:1;border-radius:4px;width:2.25rem;height:2.25rem;display:flex;justify-content:center;align-items:center}
.pdDownloadItem__txt{font-size: clamp(1rem,1vw,1.125rem);font-weight:500;letter-spacing:.05em}
.pdDownload__icon{display:inline-block;position:relative}
.pdDownload__icon::after{content:"";display:block;width:2rem;aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 22.077l4.872-4.872-1.405-1.405L17 18.2v-5.867h-2V18.2l-2.467-2.4-1.405 1.405L16 22.077zm-7.59 6.59a2.327 2.327 0 0 1-1.71-.7 2.327 2.327 0 0 1-.7-1.71V10.948l7.615-7.616h9.975c.673 0 1.243.234 1.71.7.467.467.7 1.037.7 1.71v20.513c0 .674-.233 1.244-.7 1.71-.467.467-1.037.7-1.71.7H8.41zm0-2h15.18a.392.392 0 0 0 .282-.129.392.392 0 0 0 .128-.282V5.744a.392.392 0 0 0-.128-.282.392.392 0 0 0-.282-.129h-9.123L8 11.8v14.456c0 .103.043.197.128.282.086.086.18.129.282.129zm0 0H8h16H8.41z' fill='%23333'/%3E%3C/svg%3E")center/contain no-repeat;padding:3px 6px}
.vedio16x9{aspect-ratio:16 / 9;border-radius:1rem}
.bottom--btn{display:flex;justify-content:center;align-content:center}
.blockHeight--form .container{padding:0}

/* pgNew */
.blockHeight--news .container{padding:0}
.newsBox{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 1.25rem;margin-bottom:2rem}
.newsBox__item{display:flex;flex-direction:column}
.newsCover{border-radius:1rem;overflow:hidden;width:100%;flex:1}
.newsCover__pic{object-fit:cover;width:100%}
.newsCover--outer{position:relative;overflow:hidden}
.newsCover--outer:hover .newsCover__pic{transform:scale(1.2);transition:transform .3s ease;filter:brightness(0.8)}
.newsTit{padding:.5rem 0;font-size:clamp(1.125rem,1.8vw,1.25rem);font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--black)}
.newsDate{display:inline-block;position:absolute;bottom:5%;right:0;background-color:var(--mainColor);color:#fff;padding:.5rem 1rem;box-shadow:-2px 5px 3px rgba(0,0,0,0.2)}.newsDate .txt{}

/* 經典案例 */
.classList{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 1.25rem;margin-bottom:2rem}
.classCard{position: relative;}
.classCard .picBox{position:relative;border-radius: .5rem;overflow: hidden;}
.classCard .picBox::before,.classCard .picBox::after{transition:var(--transition-ease-l)}
.classCard .picBox::before{content:'MORE';position:absolute;z-index: 3;right: 1rem;bottom:0;width: 35%;color:#fff;text-align:right;font-size: .9rem;letter-spacing: .25em;}
.classCard .picBox::after{content:'';position:absolute;z-index: 2;right: -1rem;bottom:0;width: 120px;height: 1.5rem;border-radius:.5rem 0 0 0;background: var(--mainColor);transform: skewX(-45deg);}
.classCard .picBox__bg{position:absolute;z-index: 1;left:0;top:0;width: 100%;height: 100%;background: linear-gradient(35deg, rgb(15 107 153 / 70%) 0%, rgb(15 107 153 / 0%) 60%);}
.classCard .picBox__img{object-fit:cover;width:100%;transition:var(--transition-ease-l)}
.classCard .infoBox{overflow: hidden;position: absolute;z-index: 1;left: 0;top: 100%;width: 100%;margin: 0;padding: 1.5rem 2rem 2rem;/* background: #fff; */background: linear-gradient(to top, rgba(255, 255, 255, 1) 40%, #f5f5f5 100%);border-radius: 0 0 .5rem .5rem;transform:translateY(-2rem);opacity:0;transition:var(--transition-ease-l);transition-delay: .25s;}
.classCard .infoBox::before,.classCard .infoBox::after{content:'';position:absolute;z-index: 1;bottom:0;height: .375rem;transition:var(--transition-ease-l);transition-delay:.2s}
.classCard .infoBox::before{content:'';right:0;width:0;background:var(--subColor);transition-duration:1s}
.classCard .infoBox::after{right: -1rem;width: 15%;border-radius:.5rem 0 0 0;background: var(--mainColor);transform: skewX(-45deg);}
.classCard .infoBox__tt{position: relative;padding-left: 1rem;font-size:1.125rem;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--black);margin-bottom: .25rem;}
.classCard .infoBox__tt::before{content:'';position: absolute;left: 0;top: .5em;width: .375rem;aspect-ratio:1;display:inline-block;border-radius:100%;background:var(--mainColor)}
.classCard .infoBox__txt{margin-bottom:0;font-size: clamp(.9rem,1vw,1rem);}
.classCard:hover{z-index:3;filter: drop-shadow(0 1rem 1rem rgba(0,0,0,.25));transform:translateY(-1rem)}
.classCard:hover .picBox{border-radius:.5rem .5rem 0 0 }
.classCard:hover .picBox::before,.classCard:hover .picBox::after{transform:translateY(100%)}
.classCard:hover .picBox__img{transform:scale(1.05)}
.classCard:hover .infoBox{transform:translateY(0);opacity:1;box-shadow: 0 -2rem 2rem -2rem rgba(0,0,0,0.25);}
.classCard:hover .infoBox::before{width: 100%;left:0}
.classCard:hover .infoBox::after{width: 35%;}
.classCard:hover .infoBox__tt{color:var(--mainColor)}

.pjdCover{display: flex;flex-wrap: wrap;/* align-items: center; *//* box-shadow: 4rem 2rem 3rem -3rem rgba(0,0,0,.3); */}
.pjdCover__picBox{width: 50%;border-radius: 0 1rem 1rem 0;overflow: hidden;}
.pjdCover__picBox img{width:100%;}
.pjdCover__infoBox{flex: 1;padding: 2rem;display: flex;align-items: center;box-shadow: 6rem 2rem 3rem -3rem rgba(0,0,0,.3);}
.coverBox__title{position:relative;display: flex;gap: 1rem;align-items: baseline;flex-wrap: wrap;margin-bottom: 2rem;padding-left: 1.5rem;font-size: 2rem;}
.coverBox__title::before{content:'';position:absolute;left:0;top: 0;width: 1rem;aspect-ratio: 1;background: var(--mainColor);clip-path: polygon(0 0 ,100% 0,0 100%);transform: translateY(-50%);}
.coverBox__title .txt{font-weight:100;/* font-size: 80%; */}
.coverBox .typeTag{display: inline-block;margin-bottom: 1rem;padding: .25rem .5rem;background:rgb(15 107 153 / 8%);font-size: .9rem;line-height: 1.2;}
.coverInfo{list-style-type:none;margin:0;padding: 0;}
.coverInfo__item{position:relative;padding-left: 2.5rem;}
.coverInfo__item::before{content:'■';position:absolute;left: 1rem;top: .8em;font-size:60%;color:var(--mainColor);line-height: 1;}

.blockHeight--classDtTx01{background: #f4fafd;background: linear-gradient(317deg, rgb(255 255 255 / 0%) 0%, #f3f3f3 100%);}
.blockHeight--classAlbum{background: linear-gradient(135deg, #0C567A 0%, var(--mainColor) 65%);}
.productImg{display: grid;grid-template-columns: 50% 1fr;gap: 1rem;align-items: flex-start;}
.productImg__focus{position:relative;z-index: 1;}
.productImg__focus::after{content:'';position:absolute;z-index: -1;left: 0;bottom: -.25rem;width: 20%;aspect-ratio:1;background:var(--subColor);border-radius: .5rem;transform: rotate(-6deg);}
.productImg__focus .picBox{border-radius:.5rem;overflow:hidden;margin-bottom:0}
.productImg__focus img{width: 100%;display: block!important;}
.productImg__thumb{display: grid;grid-template-columns: repeat(4,1fr);gap: 1rem;list-style-type: none;margin: 0;padding: 0;}
.productImg__thumb li{display:flex}
.productImg__thumb .picBox{display: block;width:100%;border: 1px solid var(--lightGray);border-radius: .25rem;overflow: hidden;}
.productImg__thumb .picBox img{width:100%;height:100%;object-fit:cover}
.fancybox__slide.has-image>.fancybox__content{border-radius:.5rem;overflow:hidden}

/* 聯絡我們 */
.blockHeight--contact{padding: 0;position:relative}
.contactBlock{--leftW: 410px;position: relative;display: grid;grid-template-columns: var(--leftW) 1fr;}
.contactBlock__left{position: relative;padding: clamp(2rem, 10vw ,6rem) 3rem clamp(2rem, 6vw ,6rem) 0;box-shadow: 1rem 0 2rem -2rem rgba(0,0,0,.5);}
.contactBlock::after{content:'';position:absolute;z-index: 1;right: calc(100% - var(--leftW));bottom: 0;width: 40%;aspect-ratio: 484/237;background: url(../images/contact/bg.png)no-repeat right bottom/cover;/* z-index: -1; */}
.contactBlock__right{position: relative;padding: 6rem 0 6rem 3rem;}
.contactBlock__right::before{content:'填寫表單';position:absolute;left:0;top:6rem;width: 2.25em;padding: .5rem .25rem .5rem .5rem;background:var(--mainColor);color:#fff;border-radius: 0 .625rem .625rem 0;font-size: .9rem;}
.contactTt{margin-bottom: 2rem;font-size: clamp(1.15rem,1.5vw,1.5rem);letter-spacing: clamp(.1em,5vw,1em);word-break: keep-all;}
.contactTt img{width: clamp(15rem,20vw,23rem);display:block;margin-bottom: .5rem;}
.contactInfo{list-style-type: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: .25rem;margin-bottom: 2rem;}
.contactInfo__item a{display: flex;align-items: center;gap: 1rem;}
.contactInfo__item i{display: inline-flex;margin-right: clamp(.25rem,.5vw,.5rem);align-items: center;justify-content: center;width: 2rem;aspect-ratio: 1;background: var(--mainColor);color: #fff;border-radius: 100%;}
.contactInfo__item .txt{}
.contactMap{}
.contactMap iframe{aspect-ratio: 6/4;width: 100%;max-width: var(--leftW);}


/* RWD min-width */
@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;}

	/* !992選單 */
	.dropdown .dropdown-menu{left:0;transform:translate(0,-2rem);transition:var(--transition);display:block;opacity:0;pointer-events:none;border: none;box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.2);padding: 0;overflow: hidden;}
	.dropdown:hover .navShow{display: block;margin-top: 0;margin-top: -1px;}
	.dropdown:hover .dropdown-menu--pd{display: flex;}
	.dropdown:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:translate(0,0);}
	.dropdown .dropdown-menu--flex{display:flex;}
	.dropdown-menu--flex .dropdown-menu__box{min-width: 560px;/* -webkit-columns: 2; *//* columns: 2; *//* -webkit-column-gap: 1rem; *//* column-gap: 1rem; */}

	
	/* !992===架構布局：側選單+主內容 */
	.blockHeight--amContainer:has(.amContainer__aside){}
	.amContainer__aside{float:left;width:var(--asideW);/* padding-right: 2rem; */}
	.blockHeight--amContainer:has(.amContainer__aside) .amContainer__main{float: right;width:calc(100% - var(--asideW));padding-left:2rem}
	/* !992===側選單 */
	.sidebar .navbar-toggle{display:none}
	.sidebar .collapse{display:block}
}
@media screen and (min-width:1200px){
	:root{--container:1140px;}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;}
}
@media screen and (min-width:1680px){
	:root{--container:1440px;}
	
}




/*  RWD  max-width */
@media screen and (max-width:1680px){
	/* 首頁 */
	.blockTitlBg::after {left:0;}
    .ix_siceTxtWrap{margin-left: 0rem;}

	/* footer */
	.ftTop{flex-direction:column-reverse;gap:4rem;}
}


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

    /* 首頁 S3-product 產品服務 */
    .ixpdList{grid-template-columns:repeat(3,1fr);}
    
	/* 首頁 4-classic 輪播--文 */
	.clasCover__tt{display:none;}

    /* 產品列表 */
	.pdList{display:grid;grid-template-columns:repeat(3,1fr);}

	/* 聯絡我們 */
	.pdFormBox{border-radius:0 1rem 1rem 1rem;}
    .contactBlock{display: flex;flex-direction: column-reverse;}
    .contactBlock__left{display: grid;grid-template-columns: 2fr 3fr;box-shadow:none;padding: clamp(2rem, 6vw, 6rem) 0;justify-content: space-between;}
	.contactBlock__right{padding:2rem 0 0 0;}
	.contactBlock__right::before {position: relative;top:0;border-radius: .625rem .625rem 0 0;letter-spacing:.25rem;padding:.5rem 2rem;}
	.contactMap{width:100%;}
	.contactMap iframe{width: 100%;max-width: none;aspect-ratio:2/1;}
}

@media screen and (max-width:991px){
    /* 選單 */
	/* .navbar-collapse{--top: clamp(3rem,4vw,4rem);position:absolute;top: var(--top);width: 100vw;height: calc(100vh - var(--top));right: 0;background:white;box-shadow: 0 0rem .5rem rgb(0,0,0,.3);border-radius: .5rem;overflow: hidden;} */
	.navbar-collapse{position:absolute;top: 4rem;width: 300px;/* height: 100vh; */right: 1rem;background:white;box-shadow: 0 0rem .5rem rgb(0,0,0,.3);border-radius: .5rem;overflow: hidden;}
    .nav-item--gap{padding: 0;}
    .nav-item--gap:nth-child(-n+5):after{content:none;}
	.navbar-nav .nav-link::before{content:none;}
    .nav-link {padding: clamp(1rem, 1.2vw, 1.25rem) clamp(1rem, 1.5vw, 1.5rem);}
	.dropdown-menu .dropdown-item{font-size:.9rem;padding: 0.75rem 2rem;border-bottom:solid 1px white;}
	.dropdown-menu{position:relative;display:none;border:none;border-radius:0;background: #e0eaef;padding: 0;}
	.open.dropdown-menu{display:block}
	.navbar-nav .active.nav-link :before{content:"";display:block; border-left:solid 1px var(--mainColor); width:3px;height:100px;}
	.navbar-nav {max-height: 80vh;overflow-y:auto;}
	.navbar .nav-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap: .5rem;}
	.navbar .nav-link:after{content:"";display:block;width:.5rem;height:.25rem;background:var(--gray-1);position:relative;clip-path: polygon(0% 0%, 50% 100%, 100% 0%)}
	.navbar .nav-item:nth-last-child(1) .nav-link:after,
    .navbar .nav-item:nth-last-child(3) .nav-link:after{content:none;}
	.navbar .nav-item:nth-last-child(2) span{margin-right:auto;}
    .navbar .nav-item.nav-blue .nav-link{justify-content:start;}
    .nav-blue{padding: 0;}

	.navbarSearch{display:flex;}
    .navbarSearch__input__box{height:100%;}
	.navbarSearch__input{display: block;position:relative;width: 100%;border-radius:0;}
	.navbarSearch__input .btnGo{ margin-left: auto;}
	.navbarSearch__input__box input{width: 100%;}

	/* .dropdown-menu--pd .dropdown-menu__box{display: grid; grid-template-columns:1fr 1fr;} */
	.dropdown-childGroup{display:none;}
	
	/* 測選單 */
	.amContainer{position: revert-layer;}
    .amContainer:has(.amContainer__aside)::before{content:none;}
	.open.sidebar{left: 0;}
	.sidebar {display:flex;flex-direction:row-reverse;width: 300px;height: 200vh;position: absolute;background: white;z-index: 5;padding: 0;left: -300px;/* top: 5rem; */transition: all .5s;box-shadow: 0 .5rem .5rem rgb(0,0,0,.3);}
	.sidebar .collapse{display:block;width: 100%;overflow: auto;}
	.sidebar .navbar-toggle {display:inline-flex;position:absolute;left:100%;border:none;background:var(--mainColor);color:white;border-radius:0 .5rem .5rem 0;letter-spacing:.5rem;padding: .5rem;}
    .sideNavLink{padding: 0 .25rem 0 1rem;}
	.sideNavSub__link{padding: .5rem 1.5rem;}
	

	/*banner*/
	.banner__box__img {aspect-ratio: 900 / 500;}
	
	/* 首頁 S2-advan */
	.blockHeight--advan .container{padding-right: 0;}
    .ixAdvanWrap{flex-direction:column;align-items: center;}
    .ixAdvan_right{max-width: var(--container);}
	.ixAdvan_left{position: relative;right: 20%;}
	
	/* 首頁 S3-product 產品服務 */
	.ix_siceCardWrap{display: grid;grid-template-columns: repeat(2,1fr);justify-content: space-between;gap: clamp(1rem,3vw,3rem);flex-wrap: wrap;}
	.ix_siceCard{width: 100%;}

	/* 首頁 4-classic 輪播--圖 */
	.ixClasPic__item.slick-current .clasCover__img .mjPic{aspect-ratio:auto;}
	
    /* 首頁 S5-news 最新消息 */
	.newsList{grid-template-columns: repeat(1, 1fr);gap: clamp(1.5rem , 2vw,2.25rem);margin-bottom: 3rem;}

    /* 經典案例 */
    .classList{grid-template-columns:repeat(2,1fr);}

	/* 產品內頁 */
	.pdIntro--wrap{margin-left: 0;}
	.pdTabs--wrap{margin-left: 0;}

	.pdIntroTxt{flex-direction:column;justify-content:space-between;font-size:var(--fs-m);letter-spacing:.05em;color:var(--black)}

    .pdintro__left {width: 40vw;}
    .pdintro__left__cover{width: 40vw;}

}

@media screen and (max-width:768px){
	/*banner*/
    .banner__box__txtWrap{max-width:80%;}

	/* 圖文 */
    .tx01.img-left,.tx01.img-right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    .tx01.img-left figure,.tx01.img-right figure{width:100%}
    .tx01.img-left figure img,.tx01.img-right figure img{width:100%}
    .tx01.img-left.tx01 figure+.text,.tx01.img-right.tx01 figure+.text{width:100%;padding:1rem 0 0}
    
	.tx01.img-left .tx01__pic,.tx01.img-right .tx01__pic{width:100%}
	.tx01.img-left.tx01 .tx01__pic+.tx01__edit,.tx01.img-right.tx01 .tx01__pic+.tx01__edit{width:100%}

    /* 首頁 S3-product 產品服務 */
    .ixpdList{grid-template-columns:repeat(2,1fr);}
    
	/* 首頁 4-classic 經典案例 */
	/* .slickStyle .slick-list{height: 600px;} */

	/* 首頁 4-classic 輪播--圖 */
	.ixClasPic{width: 100%;}
	/* .ixClasPic__item.slick-current{width: 100%;} */
		/* 首頁 4-classic 輪播--圖 */
	.ixClas__cards {
	--cardInfoBox: 320px;
	--cardPicBox: 100%;
	--slickItem-current: 536px;
	--slickItem: calc((var(--container) - var(--slickItem-current) - var(--cardInfoBox)) / 4);
	}
	.ixClasPic__item.slick-current .clasCover__img .mjPic{aspect-ratio:auto;width: 100%;height: 100%;object-fit: cover;}
	.mjPic img{height:100%;}
	.clasCover{padding-top: 6rem;width:var(--slickItem-current);height:600px;}
	.ixClasPic__item.slick-current .clasCover__img{width:var(--slickItem-current);}
	
	/* slick style */
	.slickStyle .slick-prev,.slickStyle .slick-next{width: 3rem;height: 3rem;z-index:5;}
	.slickStyle[dir='rtl'] .slick-prev{right: -1rem;}
	.slickStyle[dir='rtl'] .slick-next{left: -1rem;}
	.slickStyle .slick-prev:before,.slickStyle .slick-next:before{font-size: 1rem;}
	
	
	/* 首頁 4-classic 輪播--文 */
	.ixClasInfo{width: 100%;position: relative!important;padding: 0;}

	/* 麵包屑 */
	.breadCrumbs-block{padding:1.5rem 0;}
	.breadCrumbs-block .container{row-gap: 0rem;}
	.breadCrumbs-block a{font-size:.85rem;}
	.breadCrumbs-block .breadCrumb__item:last-child{color:var(--mainColor);font-weight:700}
	.breadCrumb__item::before{padding:0 1rem}
    
	/* 產品底層 - 規格 */
	.pdintro{display: flex;flex-direction: column;}
	.pdList{grid-template-columns:repeat(2,1fr);}
    .pdintro__left {width: 70vw;}
    .pdintro__left__cover{width: 70vw;}
	.pdintro__right{gap:2rem;}
	.pdintro__right__imgBox{order: -1;}

	/*  產品底層 - Tabs */
	.tabInfo{flex-direction:column-reverse;}
	.formGroup__item--flex{flex-direction:column;}
	

	
	/* 經典案例 */
    .classCard .picBox{border-radius: .5rem .5rem 0 0;}
	.classCard .infoBox{transform:translateY(0);opacity:1;box-shadow: 0 -2rem 2rem -2rem rgba(0,0,0,0.25);position: relative;background: linear-gradient(to top, rgba(255, 255, 255, 1) 40%, #f5f5f5 100%);top: 0;padding: clamp(.75rem,1vw,1rem) clamp(1rem,1.5vw,1.5rem)  clamp(1rem,1.5vw,1.5rem);}
	.classCard .infoBox::before{width:100%; left:0;}
	.classCard .infoBox::after{width:35%;}
	.classCard:hover .infoBox::after{width:120%;}
	.classCard .infoBox__tt{color:var(--mainColor);}
	.classCard{filter: drop-shadow(0 .5rem .5rem rgba(0, 0, 0, .25));transform: translateY(-1rem);}
	.pjdCover{flex-direction:column;}
	.pjdCover__picBox {width: 100%;aspect-ratio: 16 / 9;border-radius:0;}
	.productImg{grid-template-columns: 1fr;gap: 1rem;}
	.productImg__thumb{grid-template-columns:repeat(5,1fr);}

    /* 聯絡我們 */
    .pdFromGroup{display: flex;flex-direction: column;}
    .contactBlock__left{display: flex;flex-direction: column;align-items: center;}
 
     
 
     

	
}

@media screen and (max-width:640px){   
    /* 選單 */
	/* .navbar-collapse{top: 3.25rem;width: 100vw;height: 100vh;right: 0rem;background:white;box-shadow: none;border-radius: 0rem;overflow: hidden;} */
   
 	/*banner*/
	.banner__box__img {aspect-ratio: 640 / 800;}
	
	/* 首頁 S2-advan */
	.ixAdvan_left{right: 10%;max-width:100%;}
	.blockHeight--advan .blockTitlBg::after{content:none;}
	
	/* 首頁 4-classic 經典案例 */
	.ixClasPic__item{display:none;}
	.ixClasPic__item.slick-current .clasCover{height:600px;}
	.ixClasPic__item .clasCover{height:0;}

    /* 首頁 S5-news 最新消息 */
	.newsCard{grid-template-columns: 1fr 1fr;}

	/* 產品列表 */
	.pdintro{display: flex;flex-direction: column;}
	.pdList{grid-template-columns:repeat(2,1fr);}
    .pdintro__left {width: 90vw;}
    .pdintro__left__cover{width: 90vw;}
	.pdintro__right{gap:2rem;}
	.pdintro__right__imgBox{order: -1;}

	/* footer */
	.ftTop__info{flex-direction:column;}
	.ftTop__setmap{grid-template-columns:repeat(2,1fr);row-gap:2rem;}
}

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