@charset "utf-8";
/* CSS Document */
body{font-family:'Noto Sans TC','微軟正黑體',sans-serif;font-size:16px;line-height:1.7;color:var(--black);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);letter-spacing: 0.7px;font-weight: 400;}
#pd0{padding-top: 0;}
body:has(.MenuShow)::before{content:"";position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 999;}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 9999;pointer-events: none;opacity: 0;-webkit-transition: 1s cubic-bezier(0.42, 0, 0.58, 1);transition: 1s cubic-bezier(0.42, 0, 0.58, 1);}
body.page-fade::after {opacity: 1;}
.wow {visibility: hidden;}
/*--------------------------------------------------*/
/* !====無障礙功能==== */
/* 無障礙焦點樣式 */
/* a:focus,
button:focus{outline: 3px dotted #0066cc;outline-offset: 0px;} */
/* 跳過連結 - 無障礙功能 */
.accesskey {position: absolute;top:0;left: 6px;padding: .5rem;text-decoration: none;z-index: 10000;}
#C{position: relative;}
/*--------------------------------------------------*/
a{color:var(--black);text-decoration:none;-o-transition:var(--transition);-webkit-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}
a:hover{}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{
image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
image-rendering: crisp-edges;
}
:root{
--mjColor: #1D7957; /* 主色 */
--mjColor-d: #0B4B33;
--mjColor-l: #0A8755;
--subColor: ; /* 副色 */
--black: #11190E;
--gray: #6C6C6C;
--gray-d: #2E2E2E;
--gray-l: #BFBFBF;
--gray-lx2: #f4f4f4;
--white:#fff;
--red: #d40023;
--transition: all .3s linear;
--transition-ease: all .3s ease-out;
--solid:0.8s all cubic-bezier(.7,.8,.2,1);
--menuW:clamp(4rem,5.5vw,6rem);
--logoLpd:clamp(1rem,3.5vw,4.5rem);
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine,.red{--cl: var(--red);}
.alertLine{border-color: var(--cl);}
.red{color: var(--cl);}
/* !====連結底線 */
.aLink{text-decoration: underline;transition: var(--transition);}
.aLink:hover{opacity: .5;}
/* !====回頂端 */
#goTop{--size:3rem;display:none;cursor:pointer;z-index: 2;position:fixed;bottom:1rem;right:1rem;width:var(--size);aspect-ratio:1;line-height:var(--size);text-align: center;background: var(--mjColor);color: #fff;;transition:0.3s all;}
#goTop:hover{background:var(--mjColor-d);color:#fff;}
/* !====按鈕 */
.btnWrap { margin:2em 0; text-align:center; }
/* !====輪播樣式 */
/* !====submit-loading */
.load-wrapp{position:fixed;width:100%;height:100%;background: rgb(0 0 0 / 65%);top: 0;left: 0;z-index: 99999;}
.loading{position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.loading span{color:#fff;font-size: 25px;margin-top: 40px;display: table;}
.spinner {position: relative;width: 60px;height: 60px;margin: 0 auto;}
.bubble-1,.bubble-2 {position: absolute;top: 0;width: 30px;height: 30px;border-radius: 100%;background-color: #fff;}
.bubble-2 {top: auto;bottom: 0;}
.loading .spinner {animation: loadingI 2s linear infinite;}
.loading .bubble-1,.loading .bubble-2 {-webkit-animation: bubble 2s ease-in-out infinite;animation: bubble 2s ease-in-out infinite;-moz-animation:bubble 2s ease-in-out infinite;-o-animation:bubble 2s ease-in-out infinite;}
.loading .bubble-2 { animation-delay: -1s;}
/* animation:loadingI */
@-o-keyframes loadingI{100%{transform:rotate(360deg)}}
@-moz-keyframes loadingI{100%{transform:rotate(360deg)}}
@-webkit-keyframes loadingI{100%{transform:rotate(360deg)}}
@keyframes loadingI{100%{transform:rotate(360deg)}}
/* bubble */
@-o-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-moz-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-webkit-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
/* submit-loading END*/
/*---------------------- 頁面開始 ----------------------*/
/* !====全頁佈局 */
.wrapper { padding:2rem 0;}
.blockHeight{padding:clamp(3.5rem,6vw,6rem) 0;}
.sr-only{ position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
/* !====編輯器 */
.tx01 img{max-width: 100%;height: auto!important;}
/* !====RWD編輯器表格(X捲軸) */
.tableContainer table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
/* !====標題 */
.ixTitGroup{display: flex;justify-content: space-between;align-items: center;}
.ixTit{position: relative;;display: flex;flex-direction: column;margin-bottom: clamp(1.5rem,3vw,2.8rem);}
.ixTit__sub{font-family: 'Poppins';font-size: clamp(1rem,1.2vw,1.125rem);color:var(--mjColor);font-weight: 500;line-height: 1.5;}
.ixTit__mj{font-size: clamp(1.75rem,3.5vw,3rem);font-weight: 700;line-height: 1.4;}
.ixTit.--col{writing-mode:vertical-lr}
.ixTit.--col .ixTit__mj{letter-spacing: 6px;}
.ixTit.--col .ixTit__sub{position: relative;top:0.4rem}
.ixTit.--white .ixTit__mj{color:#fff;font-weight:600;}
.ixTit.--white .ixTit__sub{color:var(--mjColor-l);}
.ixTit.--center{ text-align: center;}
.inTit{font-size: clamp(2rem,4vw,4rem);color:var(--mjColor-d);font-weight: 700;margin-bottom: 0;flex: 0 0 auto;}
.inTitWrap{display: flex;flex-wrap: wrap;gap:clamp(1.25rem,2vw,2rem);justify-content: space-between;align-items: flex-end;width: 100%;margin-bottom: clamp(2rem,4vw,3.5rem);}
/* !====按鈕 */
.btnStyle{position: relative;;background: var(--black);padding:clamp(0.8rem,1vw,1.25rem) 1.25rem;display: flex;align-items:center;gap:clamp(1.25rem,2vw,1.5rem);color:#fff;width: fit-content;width: 11rem;justify-content: center;}
.btnStyle span,.btnStyle::after{position: relative;z-index: 1;white-space: nowrap;}
.btnStyle::after{content:"";width: 1.875rem;aspect-ratio: 31/6;background: url('data:image/svg+xml,');}
.btnStyle::before{content:"";width: 0;height: 100%;position: absolute;right:0;background: var(--mjColor);transition: 0.8s all cubic-bezier(.7,.8,.2,1);}
.btnStyle:hover::before{width: 100%;left: 0;}
.btnStyle:hover{gap:0.8rem}
.btnTxt{display: flex;align-items: center;gap:clamp(0.8rem,1vw,1rem);font-size: clamp(1.125rem,1.3vw,1.25rem);}
.btnTxt__icon{position: relative;width:clamp(1.8rem,2.3vw,2.5rem);aspect-ratio: 1/1;border-radius: 50%;background: var(--black);transition: var(--transition);}
.btnTxt__icon::before{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;font-size: 0.875rem;}
.btnTxt:hover{color:var(--mjColor)}
.btnTxt:hover .btnTxt__icon{background: var(--mjColor);}
.btnStyle.--pdDown{display:none;}
.btnStyle.--center{margin:0 auto}
.btnStyle.--back{flex-direction: row-reverse;margin-top: clamp(3rem,4vw,4rem);}
.btnStyle.--back::after{transform: scaleX(-1);}
/* !====圖片 */
.coverImg{overflow: hidden;}
.coverImg img{width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}
/* !====banner */
.banner{position: relative;overflow-x: clip;}
.bnSwiper{overflow: hidden;}
.banner__box{display: flex;max-height: 100vh;overflow: hidden;background: #fff;}
.bnTxt{position: relative;;width: 35%;min-width:28rem;padding-left: var(--logoLpd);padding-right: clamp(1.25rem,3vw,3rem);display: flex;flex-direction: column;justify-content: center;padding-top: 4.5rem;}
.bnTxt::after{content:"";position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);aspect-ratio: 124/159;width: clamp(16rem,25vw,28.75rem);background: url(../images/all/logo-shape.svg)no-repeat center center / contain;opacity: .9;z-index: -1;}
.bnTit{font-size: clamp(1.75rem,2vw,2.5rem);font-weight: 700;line-height: 1.4;margin-bottom: clamp(1rem,1.5vw,1.5rem);}
.bnTit+.btnStyle{margin-top: clamp(1.25rem,2vw,2rem);}
.bnTit__default{display:block;}
.bnTit__default.--green{color:var(--mjColor)}
.bnSubTit{font-size:clamp(1rem,1.2vw,1.25rem);color:var(--gray);margin-bottom: clamp(2rem,5vw,6.25rem);}
.bnImg{position: relative;;flex:1;width: 100%;}
.bnImg::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 68.04%, rgba(0, 0, 0, 0.60) 100%);}
.bnBar{position: absolute;right:0;top:0;width: var(--menuW);height: 100%;background: var(--black);z-index: 2;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;padding:clamp(1.5rem,2vw,2rem);}
.scrollDown{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0.8rem;}
.scrollDown__txt{writing-mode:vertical-rl;font-size: clamp(0.75rem,0.8vw,0.875rem);font-weight: 400;color:#fff;font-family: 'Poppins';opacity: .8;}
.scrollDown__line{position: relative;;width: 1px;height: clamp(4rem,4vw,7rem);background: rgba(255, 255, 255, 0.40);display: block;}
.scrollDown__line::before{content:"";position: absolute;left: 58%;top:0;transform: translateX(-50%);width: 2.8px;height: 0.8rem;background: #fff; opacity: 0;
animation: scrollDownAnim 2s ease-in-out infinite;}
.socialLink__item{display: block;width: clamp(1.8rem,2vw,2.5rem);aspect-ratio: 1/1;background-repeat: no-repeat;background-size: contain;background-position: center center;transition: var(--transition);}
.socialLink__item+.socialLink__item{margin-top: clamp(1.5rem,2vw,2rem);}
.socialLink__item.--fb{background-image: url(../images/all/social-fb.svg);}
.socialLink__item.--line{background-image: url(../images/all/social-line.svg);}
.socialLink__item:hover{background-size: 90% auto;opacity: .8;}
.swiperBtn{position: absolute;z-index: 2;;left: max(35%,28rem);bottom:0}
.swiperBtn__item{position: relative;;width: clamp(6.5rem,12vw,12.5rem);display: flex;justify-content: space-between;background: #fff;font-size:clamp(0.875rem,1vw,1rem);padding:clamp(0.8rem,1.5vw,1.5rem) clamp(1rem,1.3vw,1.375rem);border: none;transition: var(--transition);font-family: 'Poppins';}
.swiperBtn__item span,.swiperBtn__item::after{position: relative;z-index: 1;}
.swiperBtn__item::before{content:"";position: absolute;top:0;right:0;background: var(--black);width: 0;height: 100%;transition: 0.8s all cubic-bezier(.7,.8,.2,1)}
.swiperBtn__item:hover::before{width: 100%;left: 0;}
.swiperBtn__item:hover{color:#fff}
.swiperBtn__item:hover:after{filter: brightness(0) invert(1);;}
.swiperBtn__item::after{content:"";width: clamp(1.2rem,1.5vw,1.875rem);aspect-ratio: 31/6;background:url('data:image/svg+xml,')no-repeat center center / contain;}
.swiperBtn__item.--prev{position: absolute;left: 0;bottom:0;transform: translateX(-100%);background: var(--gray-lx2);flex-direction: row-reverse;}
.swiperBtn__item.--prev::after{transform: scaleX(-1);}
/* 輪播數字 */
.bnswiper-pagination{width: fit-content;position: absolute;left:var(--logoLpd);bottom:0;padding:clamp(1.125rem,1.5vw,1.5rem) 0 ;}
.swiper-pagination{display: flex;font-family: 'Poppins';}
.swiper-pagination-fraction .swiper-pagination-current::after{content:"";margin:0 0.5rem;width: clamp(2rem,4vw,4rem);height: 1px; background: var(--gray);}
.swiper-pagination-current{display: flex;align-items: center;}
.swiper-pagination-total{opacity: .8;}
/* !====內頁 banner & 麵包屑 & 共用設定*/
.blockHeight--inPg{padding:clamp(2em,6vw,6rem) 0 clamp(4em,6vw,6rem) 0}
.blockHeight--inPg .container{display: flex;gap:clamp(2rem,6vw,6rem)}
.blockHeight--inPg .--sm{display: block;}
.blockHeight--inPg .ixTit__sub{display: flex;align-items: center;}
.blockHeight--inPg .ixTit__sub::before{content:"";display: block;width: 0.45rem;height: 0.45rem;background: var(--mjColor);margin-bottom: 0.8rem;}
.pgBanner{position: relative;;width: 100%;height: clamp(12rem,30vw,28rem);}
.pgBanner picture{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.pgBanner.spc{background: var(--gray-lx2);height: auto;}
.pgBanner.spc::before{display: none;}
.breadCrumbsWrap{border-bottom: 1px solid var(--gray-l);}
.breadCrumbs{--gap: 1.5rem;gap: 0.2rem var(--gap);display: flex;justify-content: flex-start; flex-wrap: wrap;list-style: none;padding-left: 0;margin-bottom: 0;}
.breadCrumbs__item{position: relative;}
.breadCrumbs__item +.breadCrumbs__item::before{content:'';position:absolute;width:0.25rem;height: 0.25rem;;aspect-ratio:1;background:var(--mjColor-d);left:calc(var(--gap) * -0.5);top:53%;transform:translate(-50%,-50%);}
.breadCrumbs__item a{color:var(--gray);font-size: clamp(0.875rem,1.2vw,1rem);padding:clamp(0.5rem,1vw,0.8rem) 0;display: block;}
.breadCrumbs__item a:hover{color: var(--mjColor-d);}
.breadCrumbs__item:last-of-type a{color: var(--mjColor-d);}
.pgMain{width: 100%;}
.pgMain__cont.--gray{background: var(--gray-lx2);padding:clamp(3rem,5vw,4.5rem) clamp(1.25rem,4vw,4rem)}
.sideNav{list-style: none;display: flex;flex-wrap: wrap;padding-left: 0;gap:clamp(0.5rem,1vw,0.8rem);margin-bottom:0 ;}
.sideNav__item a{padding:clamp(0.3rem,0.5vw,0.6rem) clamp(0.8rem,1vw,1.3rem) clamp(0.4rem,0.7vw,0.8rem);border:1px solid;font-size: clamp(0.93rem,1.3vw,1.125rem);display: block;}
.sideNav__item.active a,.sideNav__item:hover a{color:#fff;background: var(--black);}
/* 標籤管理 */
.tagSearch{padding:clamp(2rem,5vw,4.5rem) 0}
.tagSearch__sub{display: flex;align-items: center;margin-bottom: clamp(0.5rem,1vw,0.8rem);color:var(--mjColor);font-size: clamp(1rem,1.3vw,1.125rem); font-family: 'Poppins';text-transform: uppercase;font-weight: 500;}
.tagSearch__sub::before{content:"";display: block;width: 0.375rem;height:0.375rem;background: var(--mjColor);margin-right: 0.5rem;}
.tagSearch__mj{font-size: clamp(2rem,4vw,3.5rem);font-weight: bold;}
.tagResult{text-align: right;}
.tagResult__num{ font-family: 'Poppins';color:var(--mjColor)}
/* !====首頁 關於我們 */
.blockHeight--ixabout{position: relative;;background: var(--gray-lx2);padding:clamp(3.5rem,7vw,8.75rem) 0}
.blockHeight--ixabout::before{content:"";position: absolute;right:0;top:50%;transform: translateY(-50%);background: url(../images/index/ixab-txt.svg)no-repeat center center / contain;width: clamp(8rem,11vw,11rem);aspect-ratio: 185/942;opacity: .8;}
.blockHeight--ixabout .container{display: flex;align-items: center;gap:clamp(3rem,5vw,6rem)}
.ixAbimg,.ixabTxt{width: 50%;}
.ixAbimg{position: relative;aspect-ratio: 1/1;overflow: hidden; }
.ixAbimg img{position:absolute;width:100%;height:100%;object-fit:cover;mask:url('../images/index/ixab-mask.svg') no-repeat center / contain;-webkit-mask:url('../images/index/ixab-mask.svg') no-repeat center / contain;}
.ixabCon{font-size: clamp(1rem,1.2vw,1.125rem);color:var(--gray);line-height: 1.8;}
.ixabList{position: relative;;display: flex;flex-wrap: wrap;background: var(--mjColor-d);color:#fff;padding-left: 0;list-style: none;margin:clamp(2rem,3vw,3rem) 0}
.ixabList__item.--full{width: 100%;justify-content: center}
.ixabList__item.--tit{padding-left: 0;padding:clamp(0.5rem,1vw,0.8rem);background: #0a3927;}
.ixabList__item.--tit::after{display: none;}
.ixabList__item{position: relative;padding:clamp(1.25rem,1.3vw,1.375rem) clamp(1.5rem,2vw,3rem);display: flex;gap:0.8rem;align-items: center;width: 50%;font-size: clamp(1rem,1.2vw,1.125rem);}
.ixabList__item::before{content:"";width: 2rem;height: 2rem;aspect-ratio: 1/1;background-repeat: no-repeat;background-position: center center;}
.ixabList__item:nth-child(3):after,.ixabList__item:nth-child(5):after{content:"";position: absolute;left: 0;top:50%;transform: translateY(-50%);width: 1px;height: 60%;border-left: 1px dashed rgba(255,255,255,0.5);}
.ixabList__item:nth-child(5) span{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.ixabList__item:nth-child(4):after,.ixabList__item:nth-child(5) span::after{content:"";position: absolute;left: 50%;top:0%;transform: translateX(-50%);width: 95%;height: 1px;border-top: 1px dashed rgba(255,255,255,0.5);}
.ixabList__item:nth-child(1)::before{display: none;}
.ixabList__item:nth-child(2)::before{background-image: url(../images/index/ixAbIcon02.svg);}
.ixabList__item:nth-child(3)::before,.ixabList__item:nth-child(5)::before{background-image: url(../images/index/ixAbIcon03.svg);}
.ixabList__item:nth-child(4)::before{background-image: url(../images/index/ixAbIcon01.svg);}
.ixabList__item:nth-child(5)::before{background-image: url(../images/index/ixAbIcon04.svg);}
/* !====首頁 最新消息 */
.ixNewsGroup{display: flex;gap:clamp(2rem,4vw,4rem)}
.ixNewMain,.ixNewsList{width: 50%;}
.newItem{position: relative;}
.newItem:hover img{transform: scale(1.05);}
.newItem:hover .newItemTxt__tit{color:var(--mjColor-d)}
.newItemDate{position: relative;z-index: 2;width: fit-content;text-align: center; font-family: 'Poppins';padding:clamp(0.5rem,1vw,0.75rem) clamp(0.4rem,0.5vw,0.75rem) }
.newItemDate__day{font-size: clamp(1.75rem,4vw,3.5rem);color:var(--mjColor-d);font-weight: 600;line-height: 1;margin-bottom: clamp(0.2rem,0.5vw,0.5rem);}
.newItemDate__other{display: flex;align-items: center;font-size: 0.875rem;padding-top: 0.2rem;border-top: 1px solid;margin-bottom: 0;}
.newItemDate__other span:last-of-type{display: flex;align-items: center;}
.newItemDate__other span:last-of-type::before{content:"";display: inline-block;width:0.25rem;height: 0.25rem;aspect-ratio: 1/1;background: var(--mjColor-d);border-radius: 50%;margin:0 0.5rem}
.newItemTxt{position: relative;z-index: 2;}
.newItemTxt__tit{font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight:700;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom: clamp(0.2rem,0.6vw,0.8rem);transition: var(--transition);}
.newItemTxt__con{font-size:clamp(0.93rem,1vw,1rem);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--gray);margin-bottom: 0;}
.newItemImg {aspect-ratio: 5/3;}
.--demo .newItemImg{aspect-ratio: initial;}
.ixNewsList{border-top: 1px solid var(--gray);}
.ixNewsList .newItem{position: relative;display: flex;gap:clamp(0.9rem,2vw,3rem);align-items: center;padding:clamp(1.2rem,2vw,2rem) 0 ;border-bottom: 1px solid var(--gray);}
.ixNewsList .newItem::before{content:"";position: absolute;width: 0;height: 100%;top:0;right: 0;background: var(--gray-lx2);transition: var(--solid);}
.ixNewsList .newItem:hover::before{width: 100%;left: 0;}
.ixNewsList .newItem:hover .newItemTxt__tit{color:var(--mjColor-d)}
.ixNewMain .newItemDate{position: absolute;left: clamp(0.5rem,1vw,1.25rem);top:0;background: var(--gray-lx2);}
.ixNewMain .newItemTxt__tit{font-size: clamp(1.25rem,2vw,2rem);font-weight: 700;}
.ixNewMain .newItemTxt__con{font-size: clamp(1rem,1.3vw,1.125rem);}
/* !====首頁 專業團隊 */
.blockHeight--ixTeam{background:var(--mjColor-d) ;}
.ixTmWrap{position: relative;--ut:calc( (var(--ixTmw) - 8rem) / 7 );display: flex;align-items: flex-end;justify-content: space-between;margin-top: clamp(1rem,5vw,4rem);overflow-x: clip;}
.ixTmCon{ width:100%}
.ixTmControl{display: flex; width: calc((100% / 4) * 2.8);justify-content: space-between;position: absolute;right:0;bottom:0;}
.ixTmControl .swiper-pagination{position: relative;z-index: 1;left: auto;color:#fff;align-items: center;top: clamp(0.1rem,0.5vw,0.5rem);}
.ixTmControl .swiper-pagination-fraction .swiper-pagination-current::after{background: #fff;}
.ixTmControl .swiperBtn{position: relative;left: auto;display: flex;}
.ixTmControl .swiperBtn__item.--prev{left: auto;transform: translateX(0);position: relative;}
.ixTmControl .swiperBtn__item{background: transparent;border:1px solid #fff;color:#fff}
.ixTmControl .swiperBtn__item.--next{border-left: none;}
.ixTmControl .swiperBtn__item::after{filter: brightness(0) invert(1);}
.ixTmControl .swiperBtn__item::before{background: #fff;}
.ixTmControl .swiperBtn__item:hover{color:var(--black)}
.ixTmControl .swiperBtn__item:hover::after{filter: initial;}
.ixTmItem{position: relative;}
.ixTmItem:hover img{transform: scale(1.05);}
.ixTmItem.swiper-slide {transform: scale(0.8);transform-origin: top right;}
.ixTmItem.swiper-slide.swiper-slide-active{transform: scale(1);}
.ixTmItem:not(.swiper-slide-active) .ixTmName{font-size: clamp(1.25rem,1.7vw,1.75rem);}
.ixTmItem:not(.swiper-slide-active) .ixTmImgBx::before{display: none;}
.ixTmItem:not(.swiper-slide-active) .ixTmIntro{opacity: 0;}
.ixTmImgBx{position: relative;}
.ixTmImgBx::before{content:"";position: absolute;z-index: 1;width: 100%;height: 100%;left: 0;top:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 42.36%, #000 100%);}
.ixTmImgBx__img{width: 100%;aspect-ratio: 3/4;}
.ixTmIntro{position: absolute;left: 0;bottom:0;width: 100%;padding:clamp(1.125rem,1.8vw,1.5rem) clamp(1.125rem,2vw,2rem);color:#fff;z-index: 2;transition: var(--solid);}
.ixTmIntro__tit{width: 100%;display: flex;align-items: center;gap:0.8rem;white-space: nowrap;margin-bottom: clamp(0.2rem,0.5vw,0.5rem);font-weight: 500;font-size: clamp(1.125rem,1.5vw,1.25rem);}
.ixTmIntro__tit::after{content:"";display: inline-block;width: 100%;height: 1px;background: rgba(255,255,255,0.4)}
.ixTmIntro__con{font-weight:300;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size: clamp(0.93rem,1vw,1rem);margin-bottom: 0;}
.ixTmName{display: flex;font-size: clamp(1.375rem,3vw,2.5rem);font-weight: 500;color:#fff;align-items: center;}
.ixTmName__name{flex:0 0 auto}
.ixTmName__ex{position: relative;;font-size: clamp(1rem,1.5vw,1.25rem);font-weight: 300;padding-left: 0.8rem;margin-left: 0.8rem;}
.ixTmName__ex::before{content:"";position: absolute;left: 0;top:50%;transform: translateY(-50%);width: 1px; height: 70%;background: rgba(255,255,255,0.6);}
.ixTmTag{background:var(--mjColor-l);color:#fff;writing-mode:vertical-rl;letter-spacing:6px;position:absolute;right:clamp(0.8rem,1vw,1.5rem);top:calc(-1 * clamp(0.5rem,1vw,1rem));z-index:2;padding:0.6rem 0.2rem;font-size:clamp(1rem,2vw,1.375rem);}
.ixTmSwiper{overflow: visible;}
/* !====首頁 成功案例 */
.blockHeight--ixCase{display: flex;padding:0}
.ixCaseMain,.ixCaseList{width: 50%;position: relative;}
.caseItem{position: relative;padding-right: 2.5rem;display: block;}
.caseItem .arrow{position: absolute;right:1rem;top:50%;transform: translateY(-50%);transition: var(--transition);}
.caseItem__num{color:var(--mjColor); font-family: 'Poppins';font-size: 1rem;font-weight: 500;display: flex;align-items: center;gap:0.4rem;letter-spacing: 0.2px;}
.caseItem__num::before{content:"";display: block;width:0.375rem ;aspect-ratio: 1/1;background: var(--mjColor);position: relative;top:0.1rem}
.caseItem__tit{font-size: clamp(1.125rem,1.3vw,1.25rem);line-height: 1.2;transition: var(--transition);margin-bottom: 0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-right: 2.5rem;}
.caseItem__con{margin-bottom:0;font-size:clamp(0.93rem,1vw,1rem);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ixCaseList__con{margin-bottom: clamp(2rem,3vw,3rem);}
.ixCaseList{background: var(--gray-lx2);padding:clamp(3rem,5vw,5rem)}
.ixCaseList .caseItem{display: flex;gap:clamp(0.8rem,1vw,1rem);align-items: center;padding:clamp(1.25rem,2vw,2rem) 0;border-bottom: 1px solid var(--gray-l);}
.ixCaseList .caseItem:last-of-type{border-bottom: none;}
.ixCaseList .caseItem:hover .caseItem__tit{color:var(--mjColor);padding-left: 1rem;}
.ixCaseList .caseItem:hover .arrow{right:0;color:var(--mjColor)}
.ixCaseMain{display: flex;flex-direction: column;justify-content: space-between;padding:clamp(3.5rem,3.5vw,3.5rem) clamp(1.25rem,4vw,4rem)}
.ixCaseMain__img{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 101%;height: 100%;}
.ixCaseMain__img::before{content:"";display: block;position: absolute;left: 0;top:0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 42.36%, #000 88.47%);z-index: 1;}
.ixCaseMain .caseItem{color:#fff}
.ixCaseMain .caseItem__num{color:#fff;margin-bottom: clamp(0.5rem,1vw,1rem);}
.ixCaseMain .caseItem__num::before{background: #fff;}
.ixCaseMain .caseItem__tit{font-size: clamp(1.375rem,2vw,1.75rem);font-weight: 700;margin-bottom: clamp(0.8rem,1.3vw,1rem);}
.ixCaseMain:hover img{transform: scale(1.05);}
/* !====首頁 文章專欄 */
.ixBlogGrid{display:grid;grid-template-columns:1fr 1.5fr 1fr;grid-template-rows:repeat(2,1fr);gap:clamp(1.5rem,2vw,2rem);margin-bottom: clamp(2rem,4vw,4rem);}
.ixBlogCard{position: relative;;padding:clamp(1rem,2vw,2rem)clamp(1rem,2vw,1.5rem) ;background-color:var(--gray-lx2);display:flex;flex-direction:column;justify-content:space-between;transition:var(--solid)}
.ixBlogCard:hover{background-color: var(--mjColor);}
.ixBlogCard:hover .blogItem__tit{color:#fff;}
.ixBlogCard:hover .blogItem__dt__type,.ixBlogCard:hover .blogItem__dt__date{color:#fff;}
.ixBlogCard:hover .blogItem__dt__type::after{background: #fff;}
.ixBlogCard:hover .blogItem__dt__date::after{background: #fff;}
.ixBlogCard.--main:hover{background:#155f43 ;}
/* 調整順序 */
.ixBlogCard:nth-child(1){order:1}
.ixBlogCard:nth-child(2){order:2}
.ixBlogCard:nth-child(3){order:4}
.ixBlogCard:nth-child(4){order:3}
.ixBlogCard:nth-child(5){order:5}
.ixBlogCard.--main{background:var(--mjColor-d);grid-column:2;grid-row:1 / 3;position:relative;overflow:hidden;}
.blogItem__dt{display: flex;align-items: center;font-size: clamp(0.875rem,1vw,1rem);margin-bottom: clamp(0.5rem,1vw,1rem);}
.blogItem__dt__type{color:var(--mjColor);display: flex;align-items: center;white-space: nowrap;flex:1;font-weight: 500;}
.blogItem__dt__type::after,.blogItem__dt__date::after{content:"";width: 100%;height: 1px;background: var(--gray);display: block;margin:0 0.5rem;opacity: .5;}
.blogItem__dt__date{ font-family: 'Poppins';color:var(--gray);letter-spacing: 0.2px;display:flex;align-items:center;white-space:nowrap;flex:1}
.blogItem__dt__type + .blogItem__dt__date{flex:initial}
.blogItem__dt__type + .blogItem__dt__date::after{content:none;}
.blogItem__tit{font-size:clamp(1.125rem,1.3vw,1.25rem);font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 1.5;transition: var(--transition);;flex:1;}
.blogItem__con{font-size: clamp(0.875rem,1.2vw,1rem);color:var(--gray);line-height: 1.8;}
.blogItem__tag{position: relative;z-index: 3;display: flex;flex-wrap: wrap;gap:0.5rem 0.8rem;align-items: flex-end;margin-top: clamp(1.5rem,2vw,2rem);}
.blogItem__tag__item{background: #fff;padding:0.2rem clamp(0.5rem,1vw,0.8rem);color:var(--gray);font-size: 0.875rem}
.blogItem__tag__item::before{content:"#"}
.blogItem__tag__item:hover{background: var(--black);color:#fff}
.blogLink{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 1;}
.--main{padding:clamp(1.25rem,3vw,3.2rem)}
.--main .blogItem__tit,.--main .blogItem__con,.--main .blogItem__dt__type,.--main .blogItem__dt__date{color:#fff;}
.--main .blogItem__dt__type::after{background: #fff;}
.--main .blogItem__tit{font-size: clamp(1.375rem,2vw,2rem);margin-bottom: clamp(1rem,1.5vw,1.5rem);}
.--main .blogItem__tag__item{background: #396C59;color:#fff}
.--main .blogItem__tag__item:hover{background: #fff;color:var(--mjColor-d)}
.--main::before{content:"";position: absolute;right:clamp(1rem,2vw,2rem);bottom:0;transform: translateY(10%);width:clamp(8rem,12vw,11rem);aspect-ratio: 124 / 159;background: url(../images/all/logo-shape.svg) no-repeat center center / contain;opacity: .1;}
/* !====footer */
footer{position: relative;background: var(--black);padding:clamp(4rem,5vw,4.5rem) 0}
footer a,footer p,footer div{color:#fff;transition: var(--transition);}
footer .container{max-width: 100%;display: flex;align-items: flex-end;}
.ftInfo{width: clamp(26rem,30vw,32rem);}
.ftNav{flex:1;}
.ftInfoLogo{display: block;width: clamp(14rem,18vw,18rem);aspect-ratio: 260/83;background: url(../images/all/logo-footer.svg)no-repeat center center / contain;margin-bottom: 2rem;}
.ftInfoDt__item{display: flex;align-items: flex-start;;gap:0.8rem;font-size: clamp(0.93rem,1.1vw,1.1rem);font-weight: 300;opacity: .8;text-decoration: none;}
.ftInfoDt__item+.ftInfoDt__item{margin-top: 0.5rem;}
.ftInfoDt__item::before{font-size: 0.8em;opacity: .8;top:0.5rem;position: relative;}
.ftInfoDt__item:last-of-type{margin-bottom: 0; }
a.ftInfoDt__item:hover{opacity: 1;}
.ftNav__list{list-style: none;padding-left: 0;display: flex;flex-wrap: wrap;gap:0.8rem 0;}
.ftNav__list li{width: 50%;display: flex;align-items: center;gap:0.8rem;font-size: clamp(1.125rem,1.3vw,1.125rem);transition: var(--transition);}
.ftNav__list li:hover a{padding-left: 0.5rem;}
.ftNav__list li::before{content:"";width:0.375rem;height: 0.375rem;background: var(--mjColor);}
.copyright{--pd:clamp(1.5rem,3vw,2.2rem);padding-top: var(--pd);margin-top: var(--pd);border-top: 1px solid rgba(255,255,255,0.2);font-weight: 300;font-size: clamp(0.875rem,1vw,1rem);opacity: .8;}
/* !====編輯器 */
ol,ul{padding-left: 2rem;}
.articleMain+.btnGroup{margin-top: clamp(2rem,3vw,3rem);}
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.articleTop{margin-bottom: clamp(1.5rem,3vw,3rem);}
.tx01{margin-bottom:1rem;line-height: 1.8;}
.tx01 strong{font-weight: 600;}
.tx01 figure{border-radius: var(--radius);overflow: hidden;}
.text{padding:1rem 0;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.pageContent table { max-width:100%;width: 100%;}
.img-left,.img-right{display: flex;align-items: center;gap: clamp(1rem, 3vw, 3rem)}
.img-left figure,.img-right figure{width: calc(50% - .5rem);}
.img-right{flex-direction: row-reverse}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width: calc(50% - .5rem);}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img_center img { float: left; padding: 1em; width: 100%; text-align: center;}
.img-left figure:only-child,.img-right figure:only-child{float:none;padding: 0;margin: auto;max-width: inherit;text-align: center;width: auto;}
.tx01 a{color: #242f8a;text-decoration: underline;}
.tx01 a:hover{opacity:.8}
.tx01 figcaption{position:relative;padding: 1rem 0;font-size: 1rem;}
.tx01 img{max-width:100%;width: 100%;;max-height:100%;height:auto!important;border-radius: var(--radius-m);}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;border-radius: var(--radius-m)}
/* 專業團隊 */
.ixTmItemGroup{--num: 3;--gap:clamp(1.2rem,3vw,2.5rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.ixTmItemGroup__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.ixTmItemGroup .ixTmName{color:var(--mjColor-d);font-weight: 700;}
.ixTmItemGroup .ixTmTag{font-size: clamp(1rem,1.3vw,1.125rem);}
.ixTmItemGroup .ixTmName__ex{color:var(--black);font-weight: 400;}
.ixTmItemGroup .ixTmName__ex::before{background-color: var(--gray);}
.ixTmItemGroup__item:hover .ixTmIntro{opacity: 1;}
.ixTmItemGroup__item:hover .ixTmImgBx::before{display: block;}
.teamCard{width: 100%;display: flex;gap:clamp(1rem,4vw,3.75rem);background: var(--gray-lx2);padding:clamp(1.5rem,4vw,4rem) clamp(1.25rem,4vw,4rem);margin-bottom: clamp(2rem,4vw,4rem);}
.teamCard::before{display:none ;}
.teamCard__img{width: min(100%,26rem);flex:0 0 auto}
.teamCard__txt{width: 100%;}
.teamCardName{padding-bottom: clamp(0.8rem,1.5vw,1rem);border-bottom: 1px solid var(--black);margin-bottom: clamp(1rem,2vw,1.5rem);}
.teamCardName__type{display:inline-block;font-size:clamp(1.125rem,1.3vw,1.25rem);margin-bottom:0.5rem;border:1px solid;padding:0.3rem 0.6rem;background:var(--black);color:#fff;}
.teamCardName__name{font-weight: 700;color:var(--mjColor);font-size: clamp(1.8rem,2.5vw,3rem);display: block;}
.teamCardName__name span{margin-left: 0.2rem;font-size: clamp(1.125rem,1.5vw,1.25rem);font-weight: 400;}
.teamCardListTit{font-size: 1.125rem;font-weight: 600;display: flex;align-items: center;gap:0.5rem;color:var(--mjColor)}
.teamCardListTit::before{content:"";display: inline-block;width: 0.375rem;height: 0.375rem;background: var(--mjColor);}
.container.--sm {max-width: 1400px;}
/* 最新消息 */
.newsList__item .newItem{display: flex;align-items: center;gap:clamp(1.5rem,2vw,2rem);padding:clamp(1.2rem,2vw,1.5rem) 1.25rem ;border-bottom: 1px solid var(--gray-l);;min-height: clamp(12rem,16vw,16.25rem);}
.newsList__item .newItem::before{content:"";position:absolute;width:0;height:100%;top:0;right:0;background:var(--gray-lx2);transition:var(--solid);z-index: -1;}
.newsList__item .newItem:hover::before{width:100%;left:0;}
.newsList__item .newItemImg{width: clamp(12rem,20vw,20rem);order:3}
.newsList__item .newItemDate{order:1;background: var(--gray-lx2);}
.newsList__item .newItemTxt{order:2;padding-right: clamp(2rem,4vw,4rem);flex:1;}
.newsList__item .newItemTxt__tit{font-size: clamp(1.125rem,1.5vw,1.5rem);line-height: 1.6;}
.newsDt{text-align: center;padding: clamp(1.5rem,2.2vw,1.8rem) clamp(1.25rem,2vw,1.5rem);margin-bottom: clamp(1.8rem,2.5vw,2.5rem);background: var(--gray-lx2);border-top: 3px solid var(--black);}
.newsDt__tit{margin-bottom: 0;font-weight: 700;font-size: clamp(1.375rem,2vw,2rem);line-height: 1.5;margin:0 auto}
.newsDt__date{font-family: 'Poppins';letter-spacing: 0.2px;color:var(--gray);margin-bottom: clamp(0.3rem,0.6vw,0.6rem);font-size: clamp(1rem,1.2vw,1.125rem);display: block;color:var(--mjColor)}
.newsDt__date::after{content:"";display: block;width: 0.4rem;height: 0.4rem;;background: var(--mjColor);margin:0.5rem auto }
/* 成功案例 */
.caseList{--num: 2;--gap:clamp(1.5rem,2.5vw,2rem);display:flex;gap: clamp(1.2rem,1.5vw,2rem) var(--gap) ;flex-wrap: wrap;}
.caseList__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );padding: clamp(1.125rem,1.8vw,1.5rem) ;background-color: var(--gray-lx2);transition: var(--solid);}
.caseList__item:hover{background-color: var(--mjColor);}
.caseList__item:hover >*{color:#fff;}
.caseList__item:hover .caseItem__num{color:#fff;font-weight: 400;}
.caseList__item:hover .caseItem__num::before{background: #fff;}
.caseList__item:hover .caseItem__info{border-color: #fff;}
.caseList__item:hover .caseItem__day{color:#fff}
.caseList__item:hover .bi-chevron-right::before{transform: translateX(0.5rem);color:#fff;}
.caseList .bi-chevron-right::before{transition: var(--solid);position: relative;color:var(--gray)}
.caseList .caseItem__tit{position: relative;;padding-right: 0rem;line-height: 1.5;font-weight: 600;padding-right: 1rem;flex:1;font-size: clamp(1.125rem,1.5vw,1.375rem);}
.caseList .caseItem__tit::after{content:"";position: absolute;right:0;top:50%;transform: translateY(-50%);background: var(--gray-l);width: 1px;height: 70%;}
.caseList .caseItem .arrow{position: relative;right:auto;top:auto;transform: translateY(0);padding-left: 1rem;}
.caseItem__fm{display: flex;align-items: center;}
.caseItem__info{display: flex;justify-content: space-between;margin-bottom: 0.8rem;padding-bottom:clamp(0.3rem,1vw,0.6rem) ;border-bottom: 1px dashed var(--gray-l);}
.caseItem__day{ font-family: 'Poppins';letter-spacing: 0.2px;color:var(--gray);font-size: 0.875rem;}
/* 文章專欄 */
.blogList{--num: 3;--gap:1.5rem;display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.blogList__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.blogList__item:not(.blogItem__tag){justify-content: flex-start;}
.newsDt .blogItem__tag{justify-content: center;}
.newsDt .blogItem__tag__item{font-size: clamp(0.875rem,1vw,1rem);}
/* 聯絡我們 */
.formGroup{display: flex; flex-wrap: wrap;gap:0 var(--gap);--gap: clamp(1rem, 2vw, 2rem);margin-bottom: clamp(2rem,4vw,3.5rem);}
.formGroup__item{width: 100%;display: flex;padding-bottom:clamp(0.8rem,2vw,1rem);flex-direction: column;}
.formGroup__item label{font-size: clamp(0.93rem,1.2vw,1rem);}
.formGroup__item--half{width: calc(50% - (var(--gap)/2));}
.formGroup__item label{margin-bottom: 0.5rem;font-weight: 500;white-space: nowrap;}
.formGroup__item input,.formGroup__item textarea{width: 100%;background: #fff;border:none}
.contactGroup{display: flex;gap:clamp(2rem,4vw,4rem);}
.contactTxt,.formGroupWrap{width: 50%;}
.contactTxt{padding-top: clamp(0.2rem,4vw,3.5rem);}
.formGroupWrap{background-color: var(--gray-lx2);padding:clamp(1.3rem,2.5vw,2.5rem) clamp(1.125rem,2.5vw,2rem)}
.contactTit{margin-bottom: clamp(0.8rem,2vw,1.5rem);}
.contactTit__sub{font-family: 'Poppins';font-size: clamp(2rem,4vw,4rem);font-weight: 600;text-transform: uppercase;display: block;color:var(--mjColor);margin-bottom: 0.5rem;}
.contactTit__mj{font-weight: 700;display: flex;align-items: center;gap:clamp(0.5rem,1vw,1rem)}
.contactTit__mj::before{content:"";display: block;width: 0.5rem;height: 0.5rem;background: var(--mjColor);}
.contactCon{color:var(--gray);font-size: clamp(1rem,1.3vw,1.125rem);margin-bottom: clamp(2rem,4vw,4rem);}
.contactList{padding-bottom: clamp(2rem,3vw,3rem);margin-bottom: clamp(2rem,3vw,3rem);border-bottom: 1px solid var(--gray-l);}
.contactList .ftInfoDt__item{display: flex;align-items: center;opacity: 1;font-weight: 500;}
.contactList a.ftInfoDt__item:hover{color:var(--mjColor)}
.contactList .ftInfoDt__item+.ftInfoDt__item{margin-top: clamp(0.8rem,1vw,1rem);}
.contactList .ftInfoDt__item::before{width: clamp(2rem,3vw,3rem);height: clamp(2rem,3vw,3rem);background: var(--mjColor);color:#fff;display: flex;align-items:center;justify-content: center;font-size: clamp(1rem,1.25vw,1.25rem);top:0;flex: 0 0 auto;}
.contactTxt .socialLink{display: flex;}
.contactTxt .socialLink__item+.socialLink__item{margin-top: 0;margin-left: clamp(0.5rem,1vw,1.25rem);}
.contactTxt .socialLink__item{width: clamp(1.8rem,2vw,2rem);filter: invert(1) sepia(1) saturate(10000%) hue-rotate(-10deg) brightness(0.9);}
.contactSocial{display: flex;align-items: center;gap:clamp(1rem,2vw,2rem)}
.contactSocial__tit{font-family: 'Poppins';color:var(--mjColor);font-weight: 500;margin-bottom: 0;font-size: clamp(1rem,1.25vw,1.125rem);}
/* !====分頁 */
.pageNumber{display: flex;justify-content: center;gap:clamp(0.5rem,1.5vw,1rem);margin-top: clamp(2rem,4vw,4rem);}
.pageNumber a{display: block; aspect-ratio: 1; height: clamp(2.5rem,2.8vw,2.5rem); text-align: center; padding: 0.25rem; border-radius:var(--radius-s); transition: 0.3s all;display: flex;font-size: clamp(1.125rem,1.8vw,1.25rem);align-items: center; justify-content: center;font-family: 'Poppins';}
.pageNumber a.prev{transform: scaleX(-1);}
.pageNumber a:hover, .pageNumber a.on{background: var(--black);color: #fff;}
/* !====動畫效果 */
@media screen and (min-width: 768px) {
}
@keyframes scrollDownAnim{0%{top:0;opacity:0;}
20%{top:0;opacity:1;}
80%{top:calc(100% - 0.8rem);opacity:1;}
100%{top:calc(100% - 0.8rem);opacity:0;}
}
@media screen and (max-width: 1200px) {
/* 聯絡我們 */
.formGroup__item--half{width: 100%;}
/* !====首頁 關於我們 */
.ixabList__item{width: 100%;justify-content: flex-start;}
.ixabList__item:nth-child(3):after{content:"";position:absolute;left:50%;top:0%;transform:translateX(-50%);width:95%;height:1px;border-top:1px dashed rgba(255,255,255,0.5);}
.ixabList__item:nth-child(4){justify-content: flex-start;}
.ixabList__item:nth-child(5):after{display: none;}
}
@media screen and (max-width: 992px) {
/* !====banner */
.banner__box{flex-direction: column;max-height: initial;}
.bnTxt{width: 100%;padding-top: calc(var(--headerH) + 0rem);/* padding-bottom: clamp(3rem,4vw,4rem)*/;padding-right: calc(var(--menuW) + 1.5rem);/*min-height: 25rem*/;min-width: auto;}
.banner .swiper-pagination{display: none;}
.banner .swiperBtn{left: 0;display: flex;}
.banner .swiperBtn__item.--prev{left: 0;transform: translateX(0);position: relative;}
/* !====內頁 banner & 麵包屑 & 共用設定*/
.inTitWrap{flex-direction: column; align-items: flex-start;}
/* !====首頁關於我們 */
.blockHeight--ixabout .container{flex-direction: column-reverse;}
.blockHeight--ixabout::before{top:2%;transform: translateY(0);}
.ixAbimg, .ixabTxt{width: 100%;}
.ixAbimg{aspect-ratio: 1029/701;}
.ixAbimg img{mask:url('../images/index/ixab-mask-mb.svg') no-repeat center / contain;-webkit-mask:url('../images/index/ixab-mask-mb.svg') no-repeat center / contain}
/* !====首頁最新消息 */
.ixNewsGroup{flex-direction: column;}
.ixNewMain, .ixNewsList{width: 100%;}
.newItemDate{background: var(--gray-lx2);}
/* !====首頁成功案例 */
.blockHeight--ixCase{flex-direction: column;}
.ixCaseMain, .ixCaseList{width: 100%;}
.ixCaseList{padding:2rem clamp(1.125rem,4vw,4rem) 3.5rem;}
/* !====首頁文章專欄 */
.ixBlogGrid{grid-template-columns: 1fr;grid-template-rows:repeat(1,1fr)}
.ixBlogCard.--main{grid-column:1;grid-row:auto;order:-1;}
/* !====首頁專業團隊 */
.ixTmWrap{flex-direction: column;}
.ixTmControl{width: 100%;right: auto; bottom: auto;position: relative;margin-top: 1.5rem;}
.ixTmItem.swiper-slide{transform: scale(0.9);}
/* !====footer */
footer .container{flex-direction: column;}
.ftInfo{width: 100%;}
.ftNav{width: 100%;padding-top: 2rem;}
.copyright{padding-right: 4rem;}
/* 專業團隊 */
.ixTmItemGroup{--num:2;}
.teamCard{flex-direction: column;}
/* 最新消息 */
.newsList__item .newItem{flex-wrap: wrap;gap: 0rem 1rem;}
.newsList__item .newItemImg{order: -1;width: 100%;}
.newsList__item .newItem{padding:clamp(1.5rem,2.5vw,4rem) 0;min-height: auto;}
.newsList__item:first-of-type .newItem{padding-top: 0;}
.newsList__item .newItem::before{display: none;}
.newsList__item .newItemTxt{padding-right: 0;}
/* 成功案例 */
.caseList{--num:1;}
/* 文章專欄 */
.blogList{--num:2;}
/* 聯絡我們 */
.blockHeight--contact .container{max-width: 100%;}
}
@media screen and (max-width: 768px) {
/*!768====RWD編輯器表格(X捲軸)*/
.tableContainer{width:100%;overflow-x: scroll;overflow-y:auto;_overflow:auto;margin:0 0 1em}
/* !====編輯器 */
.img-left, .img-right{flex-direction: column;gap:0;}
.img-left figure, .img-right figure,.img-left.tx01 figure + .text, .img-right.tx01 figure + .text{width: 100%;}
/* !====內頁 banner & 麵包屑 & 共用設定*/
.blockHeight--inPg .container{flex-direction: column;}
.blockHeight--inPg .ixTit.--col{ writing-mode: inherit;margin-bottom: 0;}
.blockHeight--inPg .ixTit__sub::before{margin-right: 0.5rem;margin-bottom: 0.2rem;width: 0.35rem;height: 0.4rem;}
.blockHeight--inPg .ixTit.--col .ixTit__mj{letter-spacing: 0.6px;}
.blockHeight--inPg .ixTit.--col .ixTit__sub{top:0}
/* 文章專欄 */
.blogList{--num:1;}
/* 聯絡我們 */
.contactGroup{flex-direction: column;}
.contactGroup .btnStyle{margin: 0 auto}
.contactTxt, .formGroupWrap{width: 100%;}
.contactTxt{padding-top: 0;}
}
@media screen and (max-width: 640px) {
/* !====首頁最新消息 */
.--pdUp{display: none}
.btnStyle.--pdDown{display: flex;margin:0 auto;margin-top: 1.5rem;}
.newItemDate__other{font-size: 0.7rem;}
.newItemDate__other span:last-of-type::before{margin:0 0.2rem}
.blockHeight--ixNews .ixTitGroup{justify-content: center;text-align: center;}
.newItemTxt__con{-webkit-line-clamp: 1;}
.ixNewMain .newItemTxt__tit{margin-bottom: 0.4rem;}
/* !====首頁專業團隊 */
.blockHeight--ixTeam{overflow-x: clip;}
/* .ixTmWrap{overflow-x: visible;} */
.ixTmItemGroup .ixTmName{margin-top: -0.5rem;flex-direction: column; align-items: flex-start;}
.ixTmItemGroup .ixTmName__ex{margin-top: 0.5rem;margin-left: 0;}
.blockHeight--inPg .ixTmIntro{display: none;}
.teamCard__img{margin-bottom: 0;}
/* !====成功案例 */
.ixCaseList .caseItem{flex-direction: column;align-items: flex-start;}
.blockHeight--ixCase .btnStyle{margin:0 auto}
.caseList .caseItem .arrow,.caseList .caseItem__tit::after{display: none;}
.caseList .caseItem__tit{padding-right: 0;}
}