@charset "utf-8";
/* @import url('fonts.css'); */

/* CSS Document */
html,body{overflow-x: clip;}
body{font-family:'Noto Sans TC','微軟正黑體',sans-serif;font-size:18px;line-height:1.7;color:var(--bodyColor);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);letter-spacing: 0.7px;}
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);}
.overlay {display: none; position: fixed;inset: 0;
background: rgba(0,0,0,0.5); z-index: 999;}
.overlay.show { display: block;}
body.page-fade::after {opacity: 1;}
a{color:#000;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
/* a:hover{color:#777;} */
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    image-rendering: crisp-edges;
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}

/* 回頂端 */
#goTop{display:none;cursor:pointer;position:fixed;bottom:1rem;right:1rem;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;background:var(--mainColor);;border-radius:100%;z-index: 999;}
#goTop:hover{background:var(--mainColor02);color:#FFF}

/*按鈕*/
.btnWrap { margin:clamp(1em,2vw,2em) 0; text-align:center; }

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

/*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: #F29D20;
    --mainColor02: #F4B933;
    --brand-B:#285093;
    --brand-G:#38BFB7;
    --bodyColor:#333;
    --Gray-600:#666;
    --Gray-300:#999;
    --Gray-100:#F4F4F4;
    --transition:all .3s ease-in-out;
    --container: 100%;
    --radius:clamp(0.5rem,1vw,0.75rem);
    --radius-lg:4rem;
    --borderColor:#d2d2d2;
}

/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
.wrapper { padding:2rem 0;}
.blockHeight{padding:clamp(3rem,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;}
.container{max-width: var(--container); padding: 0 2.5rem;}
.container.--gray{background: var(--Gray-100);}
.container--sm{width: min(100%, 80rem);}

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

/* 標題 */
.mainTitle{overflow: hidden;}
.mainTitle.--center{text-align: center;}
.mainTitle__sub{position: relative;display: block;margin-bottom: clamp(0.5rem,1.5vw,1rem);font-size: clamp(1.25rem,2vw,1.5rem);color: var(--mainColor);}
.mainTitle__sub.animated{animation: fade-in 1000ms cubic-bezier(0.5, 0, 0.5, 1) both;}
.mainTitle__sub::before{content:"";display: inline-block;;width: 0.5rem;margin-left: 0.25rem;height: 0.5rem;background: var(--mainColor);border-radius: 50%;margin-right: clamp(0.5rem,1vw,0.8rem);vertical-align: 12%;}
.mainTitle__mj{font-size: clamp(2rem,4vw,3.5rem);font-weight: 800;display: block;}
.mainTitle__mj.animated{animation: slide-up 1000ms cubic-bezier(0.5, 0, 0.5, 1) both;}
.mainTitle.--white{color:#fff;}
.mainTitle.--white .mainTitle__sub{color:#fff;}
.mainTitle.--white .mainTitle__sub::before{content:"";display: inline-block;;width: 0.5rem;margin-left: 0.25rem;height: 0.5rem;background: #fff;border-radius: 50%;margin-right: clamp(0.5rem,1vw,0.8rem);vertical-align: 12%;}
.mainTitle.--white .mainTitle__mj{font-weight: 600;}
.innerTit{margin-bottom: clamp(1.25rem,2vw,2rem);}
.innerTit__sub{display: inline-block;margin-bottom: clamp(0.5rem,1vw,1rem);background: var(--mainColor02);color:#fff;padding:clamp(0.25rem,1vw,0.8rem) clamp(1.125rem,1.5vw,1.5rem);border-radius: var(--radius);font-size: clamp(1rem, 1.5vw, 1.25rem);}
.innerTit__mj{display: block;font-size: clamp(1.75rem,3vw,2.5rem);color:var(--mainColor);font-weight: 600;line-height: 1.5;}
.innerTit.--white .innerTit__sub{background: #fff;color:var(--mainColor)}
.innerTit.--white .innerTit__mj{color:#fff}
.titleBox.--row{position: relative;z-index: 5;;display: flex;justify-content: space-between;align-items: flex-end;gap:clamp(1rem,2vw,2rem)}
.titleBox.--row .titleBox__p{width:40%}
.titleBox__p{margin-bottom: 0;font-size: clamp(1rem,1.5vw,1.25rem);font-weight: 500;color:#fff;font-weight: 400;}
/* 標題動畫 */
.titAni{overflow: hidden;}
.titAni.animated span{ animation: slide-up 1000ms cubic-bezier(0.5, 0, 0.5, 1) both;display: block;}
.subTitAni{transition-delay: 0.2s;}
.subTitAni.animated{animation: fade-in 1000ms cubic-bezier(0.5, 0, 0.5, 1) both;}

/* 按鈕 */
.btnStyle{position: relative;display: inline-block;padding:0.2rem 1rem clamp(0.5rem,1vw,0.75rem) clamp(1.5rem,2.5vw,2rem);background: var(--mainColor02);font-size: clamp(1.125rem,1.5vw,1.25rem);font-weight: 600;color:#fff;border-radius: var(--radius-lg);overflow: hidden;}
.btnStyle span{position: relative;z-index: 3;}
.btnStyle::before{content:"";width: 100%;height: 100%; position: absolute;left: 0;top:0;transform: translateX(-100%);border-radius: var(--radius-lg);background:var(--mainColor);transition: var(--transition);}
.btnStyle::after{content:"\F135";position: relative;;font-family: 'bootstrap-icons'; margin-left: 0.5rem;font-weight: 400;/*vertical-align: -8%;*/top:0.25rem;font-size: 1.2em;z-index: 3;}
.btnStyle:hover::before{transform: translateX(0);}
.btnStyle.--yellow{background: var(--mainColor);}
.btnStyle.--yellow::before{background: var(--mainColor02);}
.btnStyle.back::after{display: none;}
.btnStyle.back{padding:clamp(0.2rem,1vw,0.5rem) clamp(1.5rem,2.5vw,2rem) }


/* 共用 */
img{width: 100%;}
.cover{ overflow: hidden;}
.cover img{width: 100%;height: 100%;object-fit: cover;}
.centerall{position: absolute;left: 50%;height: 50%;transform: translate(-50%,-50%);}

/*header*/
.navbar{max-width: 100vw;padding:0;align-items: stretch;background: #fff;border-bottom: 1px solid /*#d3d3d3*/var(--borderColor);}
.navbar-brand{background: var(--mainColor);padding:0;z-index: 2;}
.navbar__logo{position: relative;display: flex;align-items: center;margin-bottom: 0;padding:0.8rem clamp(1.25rem,2vw,3.75rem);height: 100%;}
.navbar__logo img{width:clamp(8rem,15vw,11.25rem);display: block;}
.navbar-collapse{justify-content: flex-start;}
.navbar-collapse .funNav__lang{display: none;}
.dropdown-toggle::after{display: none;}
.navbar-expand-lg .navbar-nav .nav-link{position: relative;padding:clamp(1.25rem,2.6vw,2rem) clamp(0.4rem,1.5vw,1.2rem);text-align: center;color:var(--bodyColor);font-size: clamp(1.125rem,1.5vw,1.125rem);white-space: nowrap;}
.navbar-expand-lg .navbar-nav .nav-link::before,.contactNav::before{content:"";position: absolute;left: 50%;transform: translateX(-50%);bottom:-0.1rem;width: 0;height: 0.2rem;background: var(--mainColor);transition: var(--transition);}
.contactNav::before{background: #57C585;}
.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .nav-item.show .nav-link,.navbar-expand-lg .navbar-nav .nav-item.active .nav-link{color:var(--mainColor)}
.navbar-expand-lg .navbar-nav .nav-link:hover::before,.contactNav:hover::before,.navbar-expand-lg .navbar-nav .nav-item.show .nav-link::before,.navbar-expand-lg .navbar-nav .nav-item.active .nav-link::before{width: 100%;}
.funNav{display: flex;--pd:clamp(0.5rem,1.2vw,1.25rem)}
.searchNav {position: relative;;display: flex;align-items: center;padding:var(--pd);width:3.6rem;}
.searchNav::before{content:"\F52A";font-family: 'bootstrap-icons';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);transition: var(--transition);}
.searchNav.active::before{content:"\F659"}
.searchNav:hover:before{color:var(--mainColor);font-size: 1.2em;}
.onlyMobile{display: none;}
/* 搜尋框 */
.searchBox{width: 100%;background: var(--Gray-100);color:#fff;transition: var(--transition)}
header .searchBox{position: absolute;left: 0;top:var(--headerH);;z-index: 1001;height: 0;overflow: hidden;}
.searchBox.show{height: auto;}
.searchBox .container{display: flex;padding:clamp(1.2rem,2vw,2rem);gap:1.5rem}
.keyWord{flex:1}
.keyWord__inner{position: relative;}
.keyWord__inner input{width: 100%;;padding:0.8rem 0.8rem;background:#fff;border: none;color:var(--bodyColor);border-radius: 0.3rem;}
.keyWord__inner input:focus-visible{outline: none;}
.keyWord__inner input::placeholder{color:var(--Gray-300);}
.keyWord button[type=reset]{width: 2.5rem;height: 2rem; position: absolute; -webkit-box-shadow: none;box-shadow: none;border: none; border-left: 1px solid var(--borderColor); background-color: transparent; right: 0.3rem;top: 50%;padding-left: 0.625rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--bodyColor);}
.keyWord button::before{content:"\F659";font-family: 'bootstrap-icons';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);transition: var(--transition);}
.toolBtn{border:none;background: var(--mainColor);color:#fff;border-radius: 0.3rem;padding: 0.2rem 1.5rem;transition: var(--transition);}
.toolBtn:hover{background:var(--mainColor02);}
.funNav__lang{display: flex;align-items: center;gap:0.25rem;padding:var(--pd);background: var(--Gray-100);}
.langNavItem{padding: 0.5rem clamp(0.5rem,1vw,0.75rem);border-radius: 0.5rem;font-weight: 300;white-space: nowrap;}
.langNavItem:hover{opacity: .8;}
.langNavItem.active{background-color: var(--bodyColor);color: #fff;font-size: clamp(1rem,1vw,1.125rem);}
.contactNav{position: relative;;display: flex;align-items: center;justify-content: center;flex-direction: column;width:clamp(4rem,9vw,6.75rem);background: #F4F4F4;color:#57C585;padding:0 1rem;white-space: nowrap;}
/* .contactNav span{font-size: clamp(1rem,1.8vw,1.125rem);} */
.contactNav span{font-size: clamp(1rem,1.5vw,1rem);}
.contactNav i{font-size: 1.8em;margin-bottom: -0.5rem;}
/* 下拉選單 */
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center{position: static;}
.dropdown-menu.show{display: flex;flex-wrap: wrap;justify-content: flex-start;width: 80vw;}
.navbar-expand-lg .navbar-nav .dropdown-menu{left: 50%;transform: translateX(-50%);color:#fff;border-radius: var(--radius);border:none;padding:clamp(0.6rem,1.3vw,1.25rem) clamp(1rem,1.3vw,1.25rem);gap:clamp(0.5rem,1vw,1rem) 0.2rem}
.navbar-expand-lg .navbar-nav .dropdown-menu::before{content:"";width: 200vw;height: 100%;background:/* #AB721F */ #A2A2A2;position: absolute;left: 50%;transform: translateX(-50%);top:0;}
.dropdown-item{position: relative;z-index: 2;width: fit-content;;text-align: center;color:#fff;display: inline-block;border:none;border-radius: var(--radius-lg);font-size: clamp(1rem,1.5vw,1.125rem)}
.dropdown-item:hover{background: var(--mainColor);color:#fff}


/*banner*/
.banner{position: sticky;top:var(--headerH);overflow-x: clip;}
.banner .banner__box{position: relative;;width:100%;height: calc(100vh - var(--headerH) );overflow: hidden;}
.banner02 .banner__box{height:  calc(100vh - var(--headerH) - clamp(3rem, 7vw,7rem) );}
.banner .banner__box::before{content:"";position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.banner__box__img{width: 100%;height: 100%;object-fit: cover;transition: 10s all linear;position: relative;z-index: -1;}
.bannerTxt{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 2;width: 100%;padding:0 clamp(5rem,8vw,7rem);text-align: center;color:#fff}
.bannerTxt__tit{width: min(100%, 60rem);margin-left: auto;margin-right: auto;font-size: clamp(2rem,8vw,6rem);font-weight: bold;margin-bottom: clamp(1rem,2.3vw,1.875rem);overflow: hidden;line-height: 1.1;}
.bannerTxt__tit span{transform: translateY(100%) scale(1); opacity: 0;transition: 0.8s all ease-in-out;display: block;}
.slide-active.animated .bannerTxt__tit span{transform: translateY(0%) scale(1); opacity: 1}
.bannerTxt__sub{width: min(100%, 60rem);margin-left: auto;margin-right: auto;;font-size: clamp(1.25rem,2vw,1.875rem);font-weight: 400;margin-bottom: clamp(2rem,5vw,4rem);opacity: 0;transition: 0.6s all ease-in-out;transition-delay: 0.5s;line-height: 1.5; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;box-sizing:border-box; }
.slide-active.animated  .bannerTxt__sub,.banner  .slide-active.animated .btnStyle{opacity: 1;}
.banner .btnStyle{opacity: 0;transition: 0.6s all ease-in-out;transition-delay: 0.3s;}
.slide-active.animated .banner__box__img{transform: scale(1.1);}
.slick-slide{opacity: 0;z-index: 1;}
.slide-active.animated{z-index: 3;opacity: 1;}
.banner__fun{position: absolute;right:0;top:0;width:clamp(4rem,9vw,6.75rem);height: 100%;background: rgba(255,255,255,0.15);z-index: 3;}
.bnContorl{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);display: flex;gap:clamp(0.2rem,1vw,1rem)}
.bnContorl::before{content:"";display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 1px;height: 90%;background: #fff;}
.bnContorl .slider-prev,.bnContorl .slider-next{color:#fff;}
.bnSocial{position: absolute;left: 50%;transform: translateX(-50%);bottom:clamp(1rem,3.5vw,3rem);}
.socialItem{display: block;width: clamp(2.5rem,5vw,3rem);aspect-ratio: 1/1;border-radius: 50%;border:1px solid #fff;}
.bnSocial .socialItem+.socialItem{margin-top: clamp(0.5rem,1vw,1rem);}
.socialItem::before{content:"";width:100%;height: 100%;display: block;background-repeat: no-repeat;background-size: contain;background-position: center center;filter: brightness(0) invert(1)}
.socialItem.--fb:before{background-image: url(../images/all/social-fb.png);}
.socialItem.--line:before{background-image: url(../images/all/social-line.png);}
.socialItem.--service:before{background-image: url(../images/all/social-service.png);}
.socialItem.--yt:before{background-image: url(../images/all/social-yt.png);}
.socialItem:hover{background: rgba(255,255,255,0.1);}
.banner__scroll{position: absolute;left: clamp(1.25rem,3vw,2.5rem);bottom:clamp(1rem,3.5vw,3rem)}
.banner__scroll::after{content:"";display: block;width:clamp(0.5rem,1vw,0.8rem);aspect-ratio: 4/19;background: url(../images/index/SCROLL.svg)no-repeat center center / contain;margin-top: clamp(0.5rem,1vw,1rem);}
.scrollLine{position: relative;display: block;width: 1px;height: clamp(3rem,6vw,5rem);margin:0 auto;background:rgba(255,255,255,0.3);}
.scrollLine::before{content:"";display: block;width: 4px;height: 8px;position: absolute;left: 50%;transform: translateX(-50%);animation: bnscroll 2s ease-in-out infinite ;border-radius:4px;background: #fff;}
.banner .slick-dots{position: absolute;bottom:clamp(1rem,3.5vw,3rem)}
.banner .slick-dotted.slick-slider{margin-bottom: 0;}

/* 輪播樣式 (箭頭、點點)*/
.slider-prev,.slider-next{position: relative;;width: clamp(1.875rem,2.5vw,2.5rem);aspect-ratio: 1/1;border:none;background: transparent;}
.slider-prev::before,.slider-next::before{content:"\F285";font-family: 'bootstrap-icons';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);font-size: clamp(1.5rem,2vw,2rem);}
.slider-prev::before{transform: translate(-50%,-50%) scaleX(-1); }
body .slick-dots li button:before{content: "";width:0.75rem;height: 0.75rem;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background: #fff;border-radius: 50%;color:transparent;opacity: 1;}
body .slick-dots li.slick-active button:before{opacity: 1 }
.slick-dots li.slick-active button{border-radius: 50%;border:1px solid #fff}

/* 內頁banner */
.pgBanner{position: relative;width: 100%;aspect-ratio: 192/55;min-height: 10rem;}
.pgBanner::before{content:"";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(0,0,0,0.4);z-index: 2;}
.pgBanner__img{width: 100%;height: 100%;object-fit: cover;}
.pgBanner__txt{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;z-index: 3;}
.pgBannerTit{text-align: center;font-size: clamp(2rem,6vw,5rem);}
.pgBannerCon{font-size: clamp(1.25rem,2vw,1.5rem);margin-top: clamp(1.25rem,2.5vw,2rem);}

/* 麵包屑 */
.breadCrumbBx{background: var(--Gray-100);}
.breadCrumb{--gap: 2rem; display: flex;gap: 0.5rem var(--gap); flex-wrap: wrap;padding: clamp(0.6rem,1.5vw,1.25rem) 0 clamp(1rem,1.5vw,1.25rem) clamp(0.6rem,1.5vw,1.25rem);margin-bottom: 0;padding-left: 0;list-style: none;}
.breadCrumb__item{position: relative;}
.breadCrumb__item a{color:var(--Gray-600);opacity: .8;font-size: clamp(1rem, 1.2vw, 1.125rem);}
.breadCrumb__item a:hover{color: var(--bodyColor);opacity: 1;}
.breadCrumb__item .noLink{opacity: 0.8;cursor: default;color: var(--bodyColor);pointer-events: none;}
.breadCrumb__item:last-of-type a{color:var(--mainColor);cursor: default;}
.noLink{cursor: default;}
.breadCrumb__item:last-of-type:hover a{opacity: 1;}
.breadCrumb__item +.breadCrumb__item::before{  content: ''; position: absolute; width: calc(var(--gap) / 2); height: 1px;;background: #cfcfcf;  left: calc(var(--gap) * -0.5); top: 53%; transform: translate(-50%, -50%);}


/* 首頁 - 關於康聯 */
.blockHeight--ixAbout{position: relative;z-index: 2;background: #fff;}
.blockHeight--ixAbout::before{content:"";display: block;position: absolute;top:5%;left: 20%;width: clamp(20rem,50vw,45rem);aspect-ratio: 1/1;background: url(../images/all/logoIcon.svg)no-repeat center center / contain;opacity:0.08 ;}
.bg_solid{position: absolute;z-index: -1;left: 0;top:0;width: 100%;height: 60%;background: var(--mainColor);transition: 0.5s all ease-in-out;}
.bg_solid.class01{background:var(--mainColor) ;}
.bg_solid.class02{background:var(--brand-B) ;}
.bg_solid.class03{background:var(--brand-G) ;}
.bg_solid.class04{background:#007f90;}
.ixAboutList{display: flex;gap:clamp(1.25rem,2.5vw,2.5rem);margin-top: clamp(2rem,6.5vw,5rem);}
.ixAboutList__item.--healthconn{--color:#F29D20}
.ixAboutList__item.--coning{--color:#285093}
.ixAboutList__item.--genconn{--color:#38BFB7}
.ixAboutList__item.--genconn .ixAboutLogo__img{aspect-ratio: 2.7/1;}
.ixAboutList__item.--reference{--color:#007f90}
.ixAboutDetail__slogan br,.ixAboutLogo__slogan br{display: none;}

/* 四間子公司樣式 */
.ixAboutList.--item4{gap:clamp(1rem,2vw,1.8rem)}
.--item4 .ixAboutLogo__slogan,.--item4 .ixAboutDetail__slogan{font-size: clamp(1.125rem,2vw,1.25rem);line-height: 1.5;}
.--item4 .ixAboutDetail__slogan br,.--item4 .ixAboutLogo__slogan br{display: none;}
.--item4 .ixAboutLogo__img{height:clamp(3rem,4.5vw,4rem)}

@media screen and (max-width: 1680px) {
    .--item4 .ixAboutDetail__slogan br,.--item4 .ixAboutLogo__slogan br{display: block;}
    .--item4 .ixAboutDetail__slogan span,.--item4 .ixAboutLogo__slogan span{display: none;}
    .--item4 .ixAboutLogo__slogan {text-align: center;}
    .--item4 .ixAboutDetail__slogan{white-space:initial}

}
@media screen and (max-width: 992px) {
    .--item4 .ixAboutDetail__slogan br,.--item4 .ixAboutLogo__slogan br{display: none;}
    .--item4 .ixAboutDetail__slogan span,.--item4 .ixAboutLogo__slogan span{display: inline-block;}
    .--item4 .ixAboutLogo__slogan {text-align: left;}
    .--item4 .bg_solid{height: 30%;}
}

.ixAboutList__item{display: flex;position: relative;z-index: 4;background: var(--Gray-100);border-radius: var(--radius);min-height: 24rem;}
.ixAboutList__item.active::before{content:"MORE";position: absolute;right:0;bottom:0;padding:clamp(0.25rem,1vw,0.5rem) clamp(0.8rem,1.2vw,1.5rem);border-radius: var(--radius) 0 var(--radius) 0;background: var(--color);color:#fff; font-size: clamp(0.875rem, 1.2vw, 1.125rem);}
.ixAboutList__item.active{width: 50%;}
.ixAboutList__item{transition: 0.5s all ease-in-out;width: 25%;overflow: hidden;}
.ixAboutList__item.active .ixAboutDetail{display: flex;flex-direction: column;justify-content: center;padding:1.25rem 1.5rem;}
.ixAboutList__item.active .ixAboutLogo{width: fit-content;}
.ixAboutList__item.active .ixAboutLogo__slogan{display: none;}
.ixAboutDetail{position: relative;;display: none;transition: 0.5s all ease-in-out;width: 100%;}
.ixAboutDetail::before{content:"";position: absolute;left: 0;top:50%;transform: translateY(-50%);width: 1px;height: 75%;border-right: 1px dashed #999; }
.ixAboutDetail__slogan{color: var(--color);margin-bottom: clamp(0.8rem,1.5vw,1rem);font-size: clamp(1.25rem,1.5vw,1.375rem);white-space: nowrap;}
.ixAboutDetail__list{list-style: none;padding-left: 0;}
.ixAboutDetail__list__item{position: relative;padding-left: clamp(1.25rem,1.5vw,1.5rem);color: var(--Gray-600);font-size: clamp(1rem,1.5vw,1.125rem);}
.ixAboutDetail__list__item+.ixAboutDetail__list__item{margin-top: 0.25rem;}
.ixAboutDetail__list__item::before{ content: ""; position: absolute; top: 0.6em; left: 0; width: 0.75rem; height: 0.75rem; background-color: #fff;   border: 3.6px solid var(--color);border-radius: 50%;box-sizing: border-box;}
.ixAboutLogo{width: 100%;;padding:clamp(1.25rem,6vw,4.5rem) clamp(1.25rem,2vw,2rem);display: flex;align-items: center;flex-direction: column;justify-content: center;}
.ixAboutLogo__img{ height: clamp(4rem,6vw,5rem); aspect-ratio: 3/1;margin-bottom: 0;}
.ixAboutLogo__img img{width: 100%;height: 100%;object-fit: contain;}
.ixAboutLogo__slogan{margin-top:clamp(1.125rem,2vw,1.5rem);font-size: clamp(1.25rem,2vw,1.275rem);color:var(--color);white-space: nowrap;}

/* 首頁 - 服務項目 */
.serviceIcon{position: relative;z-index: 2;background:var(--mainColor02);padding:clamp(0.1rem,1vw,1rem)}
.serviceIcon::before{content:"";position: absolute;left: 0;top:0;width: 2px;height: 100%;background: var(--mainColor02);z-index: 4;}
.blockHeight--ixService{position: relative;z-index: 2;;background: #EAEAEA;padding:0;}
.ixSerIntro{display: flex;flex-wrap: wrap;}
.ixSerIntro__img,.ixSerIntro__txt{width: 50%;}
.ixSerIntro__img{margin-bottom: 0;}
.ixSerIntro__img img{width: 100%;height: 100%; object-fit: cover;}
.ixSerIntro__txt{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;background: var(--Gray-100);padding:clamp(4rem,8vw,8rem)clamp(1.125rem,4vw,8rem)}
.ixSerTintroCon{color: var(--Gray-600);margin: clamp(1rem, 2.5vw, 2rem) 0 clamp(2rem, 2.5vw, 2rem)  0;font-size: clamp(1.125rem,1.5vw,1.375rem);}
.ixSerList{position: relative;display: flex;--h:clamp(1rem,1vw,3.75rem);}
.ixSerList__item{position: relative;z-index: 2;width: 100%;text-align: center;padding:clamp(1.5rem,2vw,3.5rem) 1.125rem;color:#fff;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:clamp(0.5rem,0.8vw,1.5rem);color:#fff;transition: var(--transition);}
.ixSerList__item +.ixSerList__item::before{content:"";position: absolute;width: 1px;height: min(60%, 4.5rem);;background: #fff;position: absolute;left: 0;top:50%;transform: translateY(-50%);opacity: 0.7;}
.ixSerList__item:hover .ixSerListIcon{transform: scale(0.9);}
.ixSerListIcon{width: clamp(3.5rem,5vw,5rem);margin-bottom: 0;transition: var(--transition);}
.ixSerListTit{font-size: clamp(1rem,1.3vw,1.25rem);white-space: nowrap;}

/* footer */
footer{position: relative;margin-top: -1px;z-index: 2;background: #EAEAEA;}
.ftTop{display: flex;gap: clamp(1.5rem, 4vw, 3rem);padding:clamp(3rem,4.5vw,4rem)0 }
.ftLb{display: flex;flex-direction: column;flex:1;}
.ftInfo{display: flex;;gap:clamp(1.5rem,2vw,2rem);align-items: center;}
.ftLogo{display: inline-block;width: clamp(12rem,15vw,15rem);aspect-ratio: 8/3;background: url(../images/all/logo-mainColor.png)no-repeat center center / contain;}
.ftInfoList__item{display: flex;font-size: 1rem;color:#444;}
.ftInfoList__item:hover{color:var(--mainColor)}
.ftInfoList__item+.ftInfoList__item{margin-right: 0.5rem;}
.ftInfoList__item::before{content:"";position: relative;top:0.25rem;font-family: 'bootstrap-icons';color:#868686;margin-right: 0.8rem;font-size: 0.8em;}
.ftInfoList__item.--addr::before{content:"\F3E7"}
.ftInfoList__item.--tel::before{content:"\F5B4"}
.ftNav{--sph:clamp(1rem,2vw,1.875rem);padding-top: var(--sph);margin-top: var(--sph);border-top: 1px solid #c1c1c1;}
.ftNav__item{font-size: clamp(1rem,1.5vw,1.125rem);}
.ftNav__item:hover{color:var(--mainColor)}
.ftNav__item +.ftNav__item{margin-left: clamp(0.5rem,1vw,1rem);}
.ftSocial{display: flex;justify-content: flex-end; align-items: flex-end;gap:clamp(0.6rem,1vw,0.875rem);margin-bottom: clamp(1.5rem,2vw,2rem);}
.ftSocial .socialItem{border-color: #999;height: clamp(2.5rem, 5vw, 3rem);}
.ftSocial .socialItem:hover{border-color: var(--bodyColor);}
.ftSocial .socialItem:hover::before{filter: brightness(50%);}
.ftSocial  .socialItem::before{filter: initial;}
.relateCompany{display: flex;gap:clamp(0.8rem,1vw,1rem)}
.relateCompany_item{display: block;height: clamp(3.5rem, 5vw, 4.5rem);;background-color: #fff;border-radius:var(--radius) ;background-repeat: no-repeat;background-position: center center;background-size:auto 70%;transition: var(--transition);}
.relateCompany_item:hover{background-size: auto 75%;}
.relateCompany_item.--coning{background-image: url(../images/all/logo-coning.png);aspect-ratio: 2.8/1;}
.relateCompany_item.--genconn{background-image: url(../images/all/logo-genconn.png);aspect-ratio: 114.5/43;}
.ftBt{padding: clamp(1rem,1.3vw,1.25rem) 0 ;background: var(--bodyColor);color:#fff}
.ftBt .container{display: flex;justify-content: space-between;align-items: center;}
.fbBtNav{display: flex;list-style: none;padding-left: 0;margin-bottom: 0;}
.fbBtNav__item{display: inline-block;padding: 0 clamp(0.5rem,1vw,1rem);color:#fff;font-size: clamp(0.875rem,1vw,1rem);border-left:1px solid #fff;line-height: 1;font-weight: 300;text-align: center;line-height: 1.4}
.fbBtNav__item:hover{opacity: .8;}
.fbBtNav li:first-of-type .fbBtNav__item{padding-left: 0;border-left: none;}
.copyright{font-size: clamp(0.875rem,1vw,1rem);font-weight: 300;}
.copyright a{color:#fff}

/* 關於我們 */
.blockHeight--about01{position: relative;}
.about01{display: flex;gap:clamp(2rem,4vw,8rem);}
.about01__txt,.about01__img{width: 50%;}
.about01__img{background: url(../images/about/about01img.jpg)no-repeat center center / cover;border-radius: var(--radius);}
.about01__con{margin-top: clamp(2rem,4vw,4rem);}
.about01__con__p{color:var(--Gray-600);margin-bottom: clamp(1rem,1.5vw,1.5rem);}
.about01Icon{width: clamp(20rem,25vw,25rem);}
.about02{background: var(--mainColor);text-align: center;padding-left:1.125rem;padding-right: 1.125rem;}
.about02__p{color:#fff;width: min(100%,60rem);margin:0 auto;text-align: center;}
.historyFm{position: relative;}
.historyFm::before{content:"";position: absolute;left: 0;top:0;transform: translate(-28%,-120%);display: block;width: 2rem;aspect-ratio: 1/1;background:url(../images/about/arrow-up.svg)no-repeat center center / contain ;opacity: .8;}
.historyList{margin-top: clamp(3rem, 4vw, 4rem);padding-left: 0.3rem;overflow: hidden;}
.historyList__item{position: relative;;display: flex;gap:clamp(1rem,2vw,2rem);padding:clamp(1.25rem,3vw,3rem);border-left: 4px solid var(--Gray-100)}
.historyList__item::after{content: ""; position: absolute;top: 50%; left: 0; transform: translate(-65%,-50%); width: 0.75rem; height: 0.75rem; background-color: #fff;border: 3.6px solid  #c7c7c7; border-radius: 50%;box-sizing: border-box;}
.historyList__item::before{content:"";width: 100%;height: 100%;z-index: -1;background-color: var(--Gray-100);position: absolute;left: 0;top:0;transform: translateX(-100%);transition:var(--transition);opacity: 0;}
.historyList__item:hover{border-color: var(--mainColor02);}
.historyList__item:hover::before{transform: translateX(0);opacity: 1;}
.historyList__item:hover::after{border-color: var(--mainColor02);}
.historyList__item:hover .historyYear{background: var(--mainColor02);color:#fff}
.historyYear{padding:0 clamp(2rem,4vw,4rem);display: flex;align-items: center;font-size: clamp(2rem,3vw,3rem);background: var(--Gray-100);font-family: 'Roboto';border-radius: var(--radius);transition: var(--transition);}
.historyCon{flex:1;display: flex;flex-direction: column;justify-content: center;}
.historyCon__item{display: flex;gap: clamp(1rem, 2vw, 2rem);padding:clamp(0.5rem,1.5vw,1.25rem)0}
.historyCon__item+.historyCon__item{border-top: 1px dashed var(--Gray-600);}
.historyMonth{position: relative;top:-0.15rem;font-size: clamp(1.125rem, 13vw, 1.25rem); color: var(--mainColor); font-weight: bold;white-space: nowrap;}
.historyThing{margin-bottom: 0;}
.teamList{display: flex;gap:clamp(1rem,5vw,6rem);margin-top: clamp(2rem,4vw,4rem);}
.teamList__item{position: relative;;width: 100%;}
.teamList__item::before{content:"";position: absolute;z-index: -1;width:70%;height: 90%;position: absolute;left: 50%;transform: translateX(-50%);bottom:0;background: var(--Gray-100);transition: var(--transition);opacity: 0;border-radius: var(--radius);}
.teamList__item:hover::before{width: 120%;height: 90%;opacity: 1;}
.teamList__item:hover .teamListName{color:var(--mainColor)}
.teamList__item:hover .teamListPost{background: var(--mainColor02);}
.teamList__item:hover .teamListImg img{transform: scale(1.1);}
.teamListImg{position: relative;;width: 100%;aspect-ratio: 3/4;overflow: hidden;margin-bottom: clamp(1rem,2vw,1.5rem);border-radius: var(--radius);}
.teamListImg::before{content:"";z-index: -1;display: block;position: absolute;left: 0;bottom:0;width: 100%;height: 70%;background: var(--Gray-100);border-radius: var(--radius);}
.teamListImg img{position: relative;z-index: 3;;width: 100%;height: 100%;object-fit: contain;transition: var(--transition);}
.teamListPost{display: block;position: absolute;z-index: 4;;padding:0.3rem clamp(1rem,2vw,1.5rem);right:0;bottom:0;;background: var(--bodyColor);color:#fff;font-size: clamp(1.125rem, 1.5vw, 1.375rem);border-radius: var(--radius) 0;transition: var(--transition);}
.teamListName{margin-bottom: clamp(0.8rem,1.2vw,1rem);font-size: clamp(1.5rem,2vw,1.875rem);font-weight: bold;/*color: var(--mainColor)*/;transition: var(--transition);}
.teamListDetail{padding:clamp(0.875rem, 1.5vw,1.25rem) 0;border-top: 1px solid var(--borderColor) ;}
.teamListBs,.teamListJb{margin-bottom: clamp(0.5rem,1vw,1rem);padding-left: 0;list-style: none;}
.teamListTit{display: flex;gap:0.5rem;align-items: center;font-weight: bold;font-size: clamp(1rem,1.2vw,1.125rem);}
.teamListTit:empty{display: none;}
.teamListTit::before{content:"";display: block;width: 0.4rem;height: 0.4rem;background: var(--mainColor);border-radius: 50%;}

/* 聯絡我們 */
.formGroup{display: flex; flex-wrap: wrap;gap: var(--gap);--gap: clamp(1rem, 2vw, 2rem);margin-bottom: clamp(2rem,4vw,3.5rem);}
.formGroup__item{width: 100%;}
.formGroup__item--half{width: calc(50% - (var(--gap)/2));}
.formGroup__item  label{margin-bottom: 0.5rem;font-weight: 500;}
.form-select,.form-control{padding:0.8rem 1.125rem;border:none}
.contactBx{position: relative;;display: flex;gap:clamp(2rem,4vw,2rem)}
.contactBx::before{content:"";display: block;width: 80%;height: calc(100% + 3rem);position: absolute;z-index: -1;right: 0;top:50%;transform: translateY(-50%);background: var(--Gray-100);border-radius: var(--radius);}
.formGroupWrap{flex:1;padding: clamp(1.25rem, 3vw, 2.5rem)}
.contactInfo{width:clamp(18rem,30vw,26rem);margin:clamp(2rem,5vw,5rem) 0;padding:clamp(1.5rem,4vw,4rem)clamp(1.25rem,3vw,2.5rem);background: var(--mainColor);color:#fff;border-radius: var(--radius);}
.contactSocial{display: flex;gap:clamp(0.5rem,1vw,1rem)}
.contactInfo hr{margin:clamp(1.5rem,3vw,2rem) 0 }
.contactInfo__p{margin: clamp(1.5rem,3vw,3rem) 0;}
.contactItem {position: relative;padding-left: clamp(4rem,6vw,5.5rem);}
.contactItem +.contactItem {margin-top: clamp(1.5rem,2vw,2rem);}
.contactItem::before{content:"";display: block;position: absolute;left: 0;top:0;width:clamp(3.5rem,5vw,4rem);aspect-ratio: 1/1 ;display: flex;align-items: center;justify-content: center;font-family: 'bootstrap-icons';background: var(--mainColor02);border-radius: var(--radius);font-size: clamp(1.25rem,3vw,1.5rem);}
.contactItem.--time::before{content:"\F291"}
.contactItem.--tel::before{content:"\F5B4"}
.contactItem__tit{display: block;font-weight: bold;}
.contactItem__con{color:#fff}
a.contactItem__con:hover{opacity: .8;}
.formTit{font-size: clamp(1.5rem,2.5vw,2rem);font-weight: bold;}
.formTit:empty{display: none;}
.formSub{margin-bottom: clamp(1.25rem,2vw,2rem);}
.mapSection{width: 100%;aspect-ratio: 3/1;margin-top: clamp(3rem,5vw,5rem);margin-bottom: -0.5rem;}
.mapSection iframe{width: 100%;height: 100%;object-fit: cover;}

/* 側選單 */
.SidebarWrap{display: flex;gap:clamp(2rem,7vw,5.5rem);align-items: flex-start;}
.mainCont{--gap:clamp(2rem,4vw,3.5rem);position: relative;;width: 100%;}
.mainCont__tit{position: relative;padding-left:clamp(1rem,1.5vw,1.2rem);font-size: clamp(1.75rem,3vw,2.5rem);margin-bottom: clamp(2rem,3vw,3rem);font-weight: 600;}
.mainCont__tit::before{content:"";position: absolute;left: 0;top:55%;transform: translateY(-50%);width: 0.3rem;height: 80%;background: var(--mainColor);}
.navbar-toggle{display: none; background: var(--Gray-100); border: none;width: 100%;;font-size: clamp(1rem,1.3vw,1.125rem);padding: 0.8rem 1.25rem; width: 100%;text-align: left;border-radius: var(--radius);margin-bottom: 1.125rem;justify-content: space-between;color:var(--bodyColor)}
.blockHeight--service .navbar-toggle{background: #fff;}
.sideNav{list-style: none;padding-left: 0;}
.sidebar{width:clamp(16rem,17vw,17rem);flex:0 0 auto;/*position: sticky;top: calc(var(--headerH) + 2rem);*/}
.sideNav__item +.sideNav__item {margin-top: clamp(0.5rem,1vw,0.8rem)}
.sideNav__item a{display:flex;align-items: center;justify-content: space-between;border-radius: var(--radius);padding:clamp(0.5rem,0.8vw,0.8rem)clamp(1rem,2vw,1.5rem);font-size: clamp(1rem,1.5vw,1.25rem);color:var(--Gray-600);background: var(--Gray-100);}
.sideDropList{position: relative;;display: none;}
.sideDropList::before{content:"";display: block;position: absolute;left: 0;top:0.8rem;width: 2px;height: calc(100% - 1.5rem);background: var(--mainColor02);}
.sideDropList .sideDropList__item{background: #fff; font-size: 0.95em;}
.open .sideDropList{display: block;}
.sideDropList .sideDropList__item:hover,.sideDropList__item.--active{color:var(--mainColor)}
.sideNav__item >a::after{content:"\F285";font-family: 'bootstrap-icons';transition: var(--transition);opacity: 0;}
.sideNav__item.dropdown > a::after{content:"\F64D";font-family: 'bootstrap-icons';transition: var(--transition);opacity: 1;}
.sideNav__item.dropdown.sideNav__item--active > a::after,.sideNav__item.dropdown.open > a::after{content:"\F63B"}
.sideNav__item:hover> a{color:#fff;border-color: var(--mainColor);background-color: var(--mainColor02);}
.sideNav__item:hover> a::after{opacity: 1;}
.sideNav__item.dropdown:hover> a::after{transform: rotate(90deg);}
.sideNav__item.dropdown.sideNav__item--active:hover> a::after,.sideNav__item.dropdown.open:hover> a::after{transform: rotate(0deg);}
.sideNav__item--active> a,.sideNav__item--active:hover> a,.open> a{background: var(--mainColor02); color:#fff}
.sideNav__item--active a::after{opacity: 1;}
.sideNav__item.open >a:hover{background: var(--mainColor02);color:#fff;}
.sideNav__item--active .sideDropList{display: block;}
/* .blockHeight--service .sideNav__item--active:hover a{background-color: var(--mainColor02);} */
.blockHeight--service .sideDropList .sideDropList__item{background: var(--Gray-100);}
.blockHeight--service .sideNav__item:not(.sideNav__item--active) a{background: #ebebeb;}
.blockHeight--service .sideNav__item:hover> a{background-color: var(--mainColor02);}
/* 上方的側選單 */
.SidebarWrap.--col{display: flex;flex-direction: column;gap: clamp(1rem, 4vw, 4rem);}
.SidebarWrap.--col .sidebar{width: 100%;position: relative;top:0}
.SidebarWrap.--col .sideNav{width: 100%;;display: flex;justify-content: center;gap: clamp(0.5rem, 1vw, 1rem);flex-wrap: wrap;}
.SidebarWrap.--col  .sideNav__item a{border-radius: var(--radius-lg);border:1px solid ;color:var(--Gray-600);background: #fff; }
.SidebarWrap.--col  .sideNav__item a:hover{color:var(--mainColor)}
.SidebarWrap.--col .sideNav__item.sideNav__item--active a {background: var(--mainColor);color:#fff;border: none;}
.SidebarWrap.--col  .sideNav__item a::after{display: none;}
.SidebarWrap.--col .sideNav__item +.sideNav__item{margin-top:0}

/* 側選單-子選單控制 */
@media (max-width: 991.98px) {
    #sideNavZone.collapse { display: none !important;}
    .SidebarWrap.--col #sideNavZone.collapse{display: block!important;;}
    .SidebarWrap.--col .navbar-toggle{display: none !important;}
    #sideNavZone.collapse.show { display: block !important; }
    .navbar-toggle {display: flex;}
    .sidebar{width: 100%;position: relative; top:0}
    .SidebarWrap{flex-direction: column;gap:1rem}

}
@media (min-width: 992px) {
    #sideNavZone { display: block !important; }
    .navbar-toggle {display: none !important;}
}

/* 分頁 */
.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: 0.375rem; transition: 0.3s all;display: flex;font-size: clamp(1.125rem,1.8vw,1.25rem);align-items: center; justify-content: center;}
.pageNumber a:hover, .pageNumber a.on{background: var(--mainColor);color: #fff;}

/* 服務項目 */
.blockHeight--service{background: var(--Gray-100);border-top: 1px solid var(--borderColor);}
.serviceList{--num: 3;--gap:clamp(2rem,2.5vw,2rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.serviceList__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.serviceListImg{width: 100%;aspect-ratio: 5/3;overflow: hidden;margin-bottom: 0;border-radius: 0.4rem;overflow: hidden;}
.serviceListImg img{width: 100%;height: 100%;object-fit: cover;transition: 0.6s all ease-in-out;}
.serviceListTxt{position: relative;;width: calc(100% - 2rem); margin: clamp(-1.5rem,-2vw,-2rem) auto 0 auto;padding:clamp(1rem, 2.5vw, 1.2rem);background: #fff;text-align: center;border-radius: 0.4rem;overflow: hidden;color:var(--Gray-600)}
.serviceListTxt::before{content:"";display: block;width: 100%;height: 0.2rem;;position: absolute;left: 0;bottom:0;transform: translateX(-100%);background: var(--mainColor);transition: 0.5s all ease-in-out;}
.serviceTit{font-size: clamp(1.125rem, 1.5vw, 1.375rem);overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;box-sizing:border-box;margin-bottom: 0}
.serviceList__item:hover img{transform: scale(1.1);}
.serviceList__item:hover .serviceListTxt{color:var(--mainColor)}
.serviceList__item:hover .serviceListTxt::before{transform: translateX(0);}
.newsDetail.--left{display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;padding-bottom: clamp(0.2rem,0.5vw,0.5rem);border-bottom: 1px solid var(--borderColor);text-align: left;}
.newsDetail.--left .newsTit{position: relative;;margin-left: 0;}
.newsDetail.--left .newsTit::before{content:"";display: inline-block;width: clamp(1.5rem,3vw,3rem);aspect-ratio: 1/1;  background-color: #F29D20;-webkit-mask-image: url(../images/all/logoIcon.svg); -webkit-mask-repeat: no-repeat;-webkit-mask-size: contain; mask-image: url(../images/all/logoIcon.svg); mask-repeat: no-repeat; mask-size: contain;vertical-align: -20%;margin-right: clamp(0.5rem,1vw,1rem);}
.serTypeList{margin-bottom: clamp(2rem,4vw,4rem);}
.serTypeList__item{display: flex;gap:clamp(2rem,4vw,4rem);align-items: center;padding:clamp(1.25rem,4vw,4rem);background: var(--Gray-100);border-radius: var(--radius);}
.serTypeList__item:has(.serTypeListImg) .serTypeListTxt{width: 50%;}
.serTypeList__item+.serTypeList__item{margin-top: clamp(2vw,4vw,4rem);}
.serTypeList__item:nth-of-type(even){flex-direction: row-reverse;}
.serTypeListImg{width: 50%;}
.serTypeTit{margin-bottom: clamp(1.5rem,2vw,2rem);font-size: clamp(1.375rem,2.5vw,2rem);font-weight: 600;color:var(--mainColor)}
.serTypeTit__sub{display: block;margin-top: clamp(0.2rem,1vw,0.5rem);font-size: 0.7em;color:var(--Gray-600);line-height: 1.5;}
.serTypeCon{padding-left: clamp(0.875rem,2vw,1.5rem);border-left: 2px solid var(--mainColor);color:var(--Gray-600);margin-bottom: clamp(1.5rem,3vw,2.5rem);}
.serTypeListImg{border-radius: var(--radius);aspect-ratio: 5 / 3;overflow: hidden;}
.serTypeListImg img{width: 100%;height: 100%;object-fit: contain;}

/* 醫學檢驗中心 */
.mainCont__tit:has(.mainCont__tit__sub){display: flex;flex-wrap: wrap;gap:0.8rem;justify-content: space-between;align-items: flex-end;}
.mainCont__tit__sub{font-size: clamp(0.8rem,1vw,1rem);color:var(--Gray-600);font-weight: 400;}
.labTab{display: flex;flex-wrap: wrap;gap:clamp(0.75rem,1vw,1rem);margin-bottom: clamp(2rem,2.5vw,2.5rem);margin-top: clamp(1rem,2rem,2rem);list-style: none;padding-left: 0;}
.labTab__item{display: block;padding:0.8rem clamp(1rem,1.25vw,1.125rem);border-radius: clamp(0.5rem,1vw,0.5rem);background: #fff; color:var(--Gray-600);line-height: 1;transition: var(--transition);}
.labTab__item.--active,.labTab__item:hover{background: var(--mainColor);color:#fff}
.labResult{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: clamp(0.5rem,1.5vw,1.5rem);}
.labResult__txt::before{content:"【";padding-right: 0.5rem;margin-left: calc(-1 * clamp(0.5rem,1vw,0.8rem));}
.labResult__txt::after{content:"】";padding-left: 0.5rem;}
.labResult__txt{font-size: clamp(1.75rem,2.5vw,2.5rem);color:var(--mainColor)}
.labResult__num{font-size: clamp(1rem,1.25vw,1.125rem);}
.labResult__num__num{padding:0 0.2rem;color:var(--mainColor)}
.labList__item{position: relative;;display: block;padding:clamp(0.8rem,1.5vw,1.25rem) clamp(0.8rem,1vw,1rem);display: flex;align-items: center;gap:clamp(0.8rem,1.2vw,1.125rem);color: var(--Gray-600);border-bottom: 1px dashed #b7b7b7;transition: var(--transition);font-size: clamp(1rem,1.25vw,1.125rem);}
.labList__item::before{content:"";width: 0.375rem;height: 0.375rem;background: var(--mainColor);border-radius: 50%;}
.labList__item::after{content:"\F285";font-family:'bootstrap-icons';transition:var(--transition);position:absolute;right:2rem;top:50%;transform:translateY(-50%);color:var(--mainColor);opacity: 0;}
.labList__item:hover{gap:1.5rem;color:var(--mainColor)}
.labList__item:hover::after{right:0.5rem;opacity: 1;}


/*最新消息 & 健康寶典 */
.blockHeight--newsOther{background: var(--Gray-100);}
.newsList{border-top: 2px solid}
.newsList__item{display: flex;gap:clamp(1.2rem,4vw,4rem);position: relative;padding:clamp(2rem,4vw,3rem);overflow: hidden;border-top: 1px solid var(--Gray-300) }
.newsList__item::before{content:"";display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: -1;;background: #f9f9f9;transform: translateX(-100%);transition: var(--transition);}
.newsList__item:hover::before{transform: translateX(0);}
.newsList__item:hover .newsListTxt::after{ right: 0;opacity: 1;}
.newsList__item:hover .newsListImg img{transform: scale(1.1);}
.newsList__item:hover .newsTit{color:var(--mainColor);}
.newsList__item:hover  .newsInfo__type{background: var(--mainColor02);}
.newsListImg{margin-bottom: 0;width: clamp(18rem,32vw,35rem);aspect-ratio: 5/3;min-height: 12rem;overflow: hidden;}
.newsListImg img{width: 100%;height: 100%; object-fit: cover;transition: 0.8s all ease-in-out;}
.newsListTxt{position: relative;;flex:1;display: flex;flex-direction: column;justify-content: center;}
.newsListTxt::after{content: "\F135"; font-family: 'bootstrap-icons';height: clamp(2rem, 3.5vw, 3rem); aspect-ratio: 1 / 1; border: 1px dashed var(--bodyColor);;display: flex; align-items: center; justify-content: center; position: absolute;top: 0; right: 6rem; border-radius: 50%;color: var(--bodyColor);font-size: clamp(1.375rem, 2vw, 1.7rem);transition: var(--transition); opacity: 0;}
.newsListInfo{margin-bottom: clamp(0.8rem,1.5vw,1.5rem);}
.newsListInfo .newsInfo__date{margin-right: clamp(0.5rem,1vw,1rem);}
.newsInfo__date{color:var(--Gray-600);font-size: clamp(1rem,1.3vw,1.125rem);font-family: 'Roboto';transition: var(--transition);}
.newsInfo__date::before{content:"\F1E9";font-family: 'bootstrap-icons';padding-right: 0.5rem;vertical-align: -7%;opacity: .6;}
.newsInfo__type{padding:clamp(0.2rem,1vw,0.5rem) clamp(0.8rem,1.5vw,1rem);background: var(--mainColor);color:#fff;border-radius: var(--radius-lg);font-size: 1rem;transition: var(--transition);white-space: nowrap;}
.newsTit{font-size: clamp(1.25rem,2.5vw,2rem);font-weight: 700;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;box-sizing:border-box;margin-bottom: clamp(1rem,2vw,1.5rem);line-height: 1.4;transition: var(--transition);}
.newsSub{font-size: clamp(1.125rem,1.5vw,1.25rem);color:var(--Gray-600);line-height: 1.7;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;box-sizing:border-box;}
.newsDetail{text-align: center;margin-bottom: clamp(1.5rem,3vw,3rem);}
.newsDetail .newsInfo__type{display: inline-block;font-size: clamp(1rem,1.3vw,1.125rem);white-space: nowrap;}
.newsDetail .newsTit{max-width: 60rem;padding:  clamp(0.5rem,1vw,1rem) ;margin-left: auto;margin-right: auto;margin-bottom: 0;font-size: clamp(1.5rem, 2.5vw, 2.5rem);-webkit-line-clamp: initial;line-height: 1.5;}
.--otherNews ,.--healthy{--num: 3;display: flex;gap: var(--gap) ;flex-wrap: wrap;--gap:clamp(2rem,3vw,3rem);border:none;}
.--otherNews{margin-top: clamp(2rem,4vw,4rem);}
.--healthy{ counter-reset:num;}
.--otherNews .newsList__item,.--healthy .newsList__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );flex-direction: column;gap:clamp(1.25rem,2vw,2rem); padding: clamp(1.5rem, 2vw,2rem) 0;border-bottom: 1px solid var(--Gray-300);}
.--healthy .newsList__item{border:none;padding:0;border-radius: var(--radius);}
.--healthy .newsList__item::before{content:"";display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background: rgba(255,255,255,0);width: 100%;height: 100%;z-index: 2;transition: var(--transition);}
.--healthy .newsListTxt{position: absolute;z-index: 2;width: 90%;left: 50%;bottom:clamp(0.8rem,1.5vw,1.2rem);border-radius: var(--radius);background: #fff;transform: translateX(-50%);padding:clamp(0.5rem,1vw,0.8rem) clamp(1rem,1.5vw,1.25rem);transition: var(--transition);}
.--healthy .newsList__item:hover{background: #fff4db;}
.--healthy .newsList__item:hover::before{background: rgba(255,255,255,0);}
.--healthy .newsList__item:hover .newsListInfo .newsInfo__date{color:#fff;}
.--healthy .newsList__item:hover .newsListInfo .newsInfo__date::before{opacity: 1;}
.--healthy .newsList__item:hover .newsListTxt{background: var(--mainColor);}
.--healthy .newsList__item:hover .newsListTxt .newsTit{color:#fff;border-color: rgba(255,255,255,0.5);}
.--healthy .newsTit{font-size: clamp(1.125rem, 1.7vw, 1.5rem);margin-bottom: 0.5rem;-webkit-line-clamp: 1;text-align: center;padding-top:clamp(0.5rem,1vw,0.8rem);border-top: 1px solid var(--borderColor);}
.--healthy .newsListInfo{margin-bottom:clamp(0.2rem,0.5vw,0.4rem);text-align: center;}
.--healthy .newsListImg{aspect-ratio: 5/4;border-radius: var(--radius);min-height:clamp(16rem,24vw,20rem);}
.--otherNews .newsListImg,.--healthy .newsListImg{width: 100%;}
.--otherNews .newsTit{font-size: clamp(1.125rem, 1.5vw, 1.5rem);margin-bottom: 0;}
.--otherNews .newsSub,.--healthy .newsSub{display: none;}
.--otherNews .newsListTxt::after,.--healthy .newsListTxt::after{display: none;}


/* 投資人專區 */
.yeaBar{display: flex;align-items: center;margin-bottom: clamp(1rem,1.3vw,1.25rem);gap:clamp(0.5rem,1vw,1rem)}
.yeaBar__tit{white-space:nowrap;font-size: clamp(1rem,1.125vw,1.125rem);}
.yearBarSelect{width: clamp(8rem,12vw,12.5rem);border: 1px solid var(--Gray-600);}
.listBox__head{display: flex;position: sticky;top:calc(var(--headerH));left: 0;background: var(--mainColor);color:#fff;border-radius:var(--radius) var(--radius) 0 0;letter-spacing: 0.15rem;border-bottom:2px solid var(--mainColor);z-index: 1;padding-right: clamp(3rem, 5vw, 5rem);}
.listBox__head + .listBox__body{padding-top: 0.5rem;}
.listBox__body{padding-bottom: 0.5rem;overflow: hidden;border-radius: var(--radius);background:var(--Gray-100);}
.listBox__body__item{ display: flex; padding: 0.25rem 0; position: relative; z-index: 0;color:var(--Gray-600);padding-right: clamp(3rem,5vw,5rem);transition: var(--transition);}
.listBox__body__item::before{content:"";display: block;position: absolute;left: 0;top:0;transform: translateX(-100%);width: 100%;height: 100%;background: #fff;transition: var(--transition);}
.listBox__body__item:hover{color:var(--mainColor);background: #fff;}
.listBox__body__item:hover::after{}
.listBox__body__item::after{content: "\F285";font-family: 'bootstrap-icons';position: absolute;width: clamp(3rem,5vw,5rem);aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;right:0;top:50%;transform: translateY(-50%);}
.listBox__body__item.--link::after{content: "\F1C5";font-family: 'bootstrap-icons';position: absolute;width: clamp(3rem,5vw,5rem);aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;right:0;top:50%;transform: translateY(-50%);}
.listBox__body__item.--download::after{content: "\F30A";font-family: 'bootstrap-icons';position: absolute;width: clamp(3rem,5vw,5rem);aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;right:0;top:50%;transform: translateY(-50%);}
.listBox__body__item+.listBox__body__item{border-top: 1px dashed #999;}
.listBox__head .listItem{font-weight: 500;}
.listItem.--num,.listItem.--func{max-width: 5rem;text-align: center;}
.listItem{flex:1;padding: 0.75rem 1rem;font-size: clamp(1rem,1.25rem,1.125rem);z-index: 1;}
.listItem.--date{max-width: 8rem;text-align: center;}
.listBox__body .listItem.--date{font-size: 1rem;}

/* 搜尋頁 */
.blockHeight--other{padding:0;}
.blockHeight--searchResult{position: relative;z-index: 2;;padding-top: 0;margin-top: clamp(-4rem,-4vw,-3rem);}
.otherTitBx{position: relative;;display: flex;gap:clamp(1.5rem,3vw,3rem);flex-direction: column;align-items: center;justify-content: center;background: var(--Gray-100);padding:clamp(2rem,5vw,3.5rem)  0 clamp(4rem,8vw,6rem) }
.otherTitBx .searchBox{width: min(calc(100% - 2.25rem),60rem);margin-bottom: clamp(1.5rem,3vw,3rem);display: flex;gap: 1.5rem;}
.otherTitBx_tit{position: relative;padding-bottom: clamp(1.5rem,2vw,2rem);font-size: clamp(1.5rem,3.5vw,3.5rem);font-weight: 600;text-align: center;}
.otherTitBx_tit::before{content:"";position: absolute;left: 50%;bottom:0;transform: translateX(-50%);width: clamp(2rem,4vw,4rem);height: 0.2rem;background-color: var(--mainColor);}
.otherTitBx_tit::after{content: "HEALTHCONN"; position: absolute;left: 50%; top: 12%;transform: translate(-50%, -50%); font-size: clamp(4rem, 8vw, 7rem);opacity: 0.05; letter-spacing: 0; font-family: 'Roboto';font-weight: bold;}
.sortList{display: flex;justify-content: center;}
.sortList__item{display: flex;align-items: center;padding:0 clamp(1rem,2vw,1.875rem);height:clamp(3rem,4vw,4rem);font-size: clamp(1.125rem,1.5vw,1.25rem);color:var(--Gray-600);white-space: nowrap;}
.sortList__item:hover{color: var(--bodyColor);}
.sortList__item.active{background: #fff;border-radius: 0.2rem 0.2rem 0 0; color:var(--mainColor);border-top: 4px solid var(--mainColor);}
.searchNum{font-family: 'Roboto';}
.searchNum::before{content:"(";padding-left: 0.2rem;}
.searchNum::after{content:")"}
.resultCont{padding-top: clamp(2rem,8vw,6rem);}

/* 隱私權等樣式 */
.contGray{padding:clamp(0.8rem,1.5vw,1.5rem);background: var(--Gray-100);border-radius: var(--radius);}
.contGray + p {margin-top: 1rem;}
.contGray .contBlockListsy01 li{font-weight: 400;color:var(--Gray-600)}
.contBlock+.contBlock{margin-top: clamp(2rem,3vw,3rem);}
.contBlock + hr{margin:clamp(2rem,3vw,3rem) 0}
.contBlock ol + p,.contBlock ul + p{margin-top: 1rem;}
.contBlock__titsy01{margin-bottom: clamp(0.5rem,1vw,1rem);font-size: clamp(1.375rem,2vw,1.5rem);color: var(--mainColor);}
.contBlock__titsy02{font-weight: 500;font-size: clamp(1.125rem,1.8vw,1.375rem);color:var(--mainColor);margin-bottom: clamp(0.5rem,1vw,1rem);}
.contBlock__titsy02.--black{color:var(--bodyColor);font-weight: 600;}
.contBlockListsy01,.contBlockListsy02,.contBlockListsy03{margin-bottom: 0;padding-left: 0;counter-reset:num;list-style: none;}
.contBlockListsy01 li{position: relative;padding-left: clamp(1rem,1.5vw,1.5rem);color:var(--bodyColor)}
.contBlockListsy01 li p{font-weight: 400;color:var(--Gray-600)}
.contBlockListsy01 li::before{content:"";display: block;width: 0.4rem;height: 0.4rem;;position: absolute;left: 0;top:0.9rem;background: var(--mainColor);border-radius: 50%;}
.contBlockListsy02> li{position: relative;padding-left:2rem;}
.contBlock li+li{margin-top: clamp(0.2rem,0.8vw,0.4rem);}
.contBlockListsy02 >li::before{ counter-increment:num; content:''counter(num) ;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top:0.2rem;background: var(--mainColor02);width: 1.5rem;aspect-ratio: 1/1;border-radius: 50%;color:#fff;font-size: 70%;}
.contBlock a{text-decoration: underline;transition: var(--transition);color:var(--bodyColor)}
.contBlock a:hover{color: var(--mainColor);}
.contBlockTips{position: relative;padding:clamp(0.2rem,0.8vw,0.5rem);margin:clamp(2rem,4vw,4rem)0 ;font-size: clamp(1.125rem,1.3vw,1.375rem);text-align: center;color:var(--mainColor);overflow: hidden;}
.contBlockTips span{display: inline-block;position: relative;padding:0.2rem 1rem;background: #fff;z-index: 2;}
.contBlockTips::before{content:"";display: block;position: absolute;left: 0;top:50%;transform: translateY(-50%);width: 100%;height: 1px;background: var(--mainColor);opacity: .5;}


/*編輯器*/
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.tx01{margin-bottom:1rem;}
.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: 2rem;}
.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 figure{border-radius: var(--radius);overflow: hidden;}
.tx01 img{max-width:100%;max-height:100%;height:auto!important;}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;}
.tx01 a{padding:0.2rem 0.5rem;transition: var(--transition);color:var(--bodyColor)}
.tx01 a:hover{color: var(--mainColor);;}
.tx01--link{margin:clamp(2rem,4vw,4rem) 0}
.tx01 .linkItem{position: relative;;display: flex;align-items: center;padding:clamp(0.5rem,1vw,1rem) clamp(0.8rem,2vw,1.875rem);border-radius: 0.4rem;color:var(--bodyColor);background: var(--Gray-100);text-decoration: none;font-size: clamp(1.125rem,1.5vw,1.25rem);font-weight: 600;}
.tx01 .linkItem+.linkItem{margin-top: clamp(0.8rem,1.5vw,1.5rem);}
.tx01 .linkItem::before{content:"";;display: inline-block;width: 0.4rem;height: 0.4rem;border-radius: 50%;background: var(--bodyColor);margin-right: 0.8rem;font-size: clamp(1.125rem,1.5vw,1.25rem);}
.tx01 .linkItem::after{content:"\F471";font-family: 'bootstrap-icons';display: inline-block;;margin-right: 0.5rem;position: absolute;right:clamp(0.8rem,2vw,1.5rem);font-size: 1.5em;font-weight: 400;}
.tx01 .linkItem:hover{color:var(--mainColor);background: #faefd5;}
.tx01 .linkItem:hover::before{background: var(--mainColor);}

/* 編輯器 -層級樣式 */
.tx01 .Tit-sy01{--sph: clamp(1rem,1.5vw,1.25rem);position: relative;;margin-bottom: var(--sph);padding-bottom: var(--sph);margin-top: 1rem;font-weight: 800;border-bottom: 1px solid var(--borderColor);font-size: clamp(1.375rem,2vw,1.875rem);}
.tx01 .Tit-sy01::before{content:"";display: block;width: clamp(3rem,4vw,4rem);height: 2px;position: absolute;left: 0;bottom:0;background: var(--mainColor);}
.tx01 .Tit-sy02{margin:clamp(0.8rem,1vw,1rem)0;font-size: clamp(1.25rem,1.8vw,1.5rem);color:var(--mainColor);font-weight: 500;line-height: 1.5;}
.tx01 .Tit-sy03{font-size: clamp(1.125rem,1.5vw,1.25rem);font-weight: 700;color:var(--bodyColor);line-height: 1.4;}
.tx01 p{color:var(--Gray-600)}
.tx01 .btn-sy01{position: relative;display: flex;align-items: center;width: fit-content;;gap:0.5rem;padding:0.5rem 0;font-weight: 600;/*margin-bottom:clamp(0.5rem,1vw,1rem);*/text-decoration: none;font-size: clamp(1.125rem,1.5vw,1.25rem);;overflow: hidden;}
.tx01 .btn-sy01 strong{color:#333}
.tx01 .btn-sy01 a{text-decoration: none;padding:0}
.tx01 .btn-sy01::after{content:"\F285";font-family: "bootstrap-icons";width: clamp(1rem,1.8vw,1.5rem);aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;font-size: 50%;font-weight: bold;;background-color: var(--mainColor);border-radius: 50%;color: #fff;}
.tx01 .btn-sy01::before{content:"";display: block;position: absolute;left: 0;bottom:0;width: 100%;height: 1px;background: var(--mainColor);transform: translateX(-100%);transition: var(--transition);}
.tx01 .btn-sy01:hover::before{transform: translateX(0);}
.tx01 .btn-sy01:hover strong{color:var(--mainColor)}
.tx01 .btn-sy01:hover{opacity: 1;}
.tx01 p.fmsy{padding:clamp(1.25rem,2vw,2rem);background: var(--Gray-100);border-radius: var(--radius);}
.tx01 ul,.tx01 ol{list-style: none;padding-left: 0;counter-reset:num;}
/* .tx01 ol strong{display: block;} */
.tx01 ul li{position: relative;padding-left: clamp(0.5rem,1vw,1rem);}
.tx01 li + li{margin-top: 0.3rem;}
.tx01 ul li p{font-weight: 400;}
.tx01 ul li::before{content:"";display: block;width: 0.25rem;height: 1rem;;position: absolute;left: 0;top:0.5rem;background: var(--mainColor);}
.tx01 ol> li{position: relative;padding-left:2rem;}
.tx01 ol >li::before{  counter-increment:num; content:''counter(num) ;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top:0.2rem;background: var(--mainColor02);width: 1.5rem;aspect-ratio: 1/1;border-radius: 50%;color:#fff;font-size: 70%;}
.tx01 ol p{font-weight: 400;margin-bottom: 0;}
.tx01 ol ul,.tx01 ol ol{list-style: none;padding-left: 0;}
.tx01 ol li  li{font-weight: 400;position: relative;padding-left: 1.25rem;}
.tx01 ol li li::before{content:"";display: inline-block;position: absolute;left: 0;top:0.8rem;background: var(--bodyColor);width: 0.5rem;height: 0.5rem;border-radius: 50%;}



/* 動畫 */
@keyframes  bnscroll{
    0%{top:0;opacity: 0;}
    10%{top:0%;opacity: 1;}
    90%{top:100%;opacity: 1;}
    100%{top:100%;opacity: 0;}
}

/* slide-in */
@keyframes slide-up {
    0% { transform: translateY(100%) scale(1); opacity: 0}
    100% { transform: translateY(0) scale(1);opacity: 1}
}
@keyframes fade-in {
    0% {  opacity: 0}
    100% {opacity: 1}
}

/*======= RWD Set=======*/
@media screen and (min-width:576px){
	:root{--container:100%;}
}
@media screen and (min-width:768px){
	:root{--container:100%;}
}
@media screen and (min-width:992px){
	:root{--container:100%;}
}
@media screen and (min-width:1200px){
	:root{--container:100%;}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;}
}
@media screen and (min-width:1680px) {
    .container{--container:1600px;}
}

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

    /* !1280==首頁 - 關於康聯 */
    .ixAboutList__item.active{flex-direction: column; justify-content: center;align-items: center;}
    .ixAboutList__item.active .ixAboutDetail__slogan{display: none;}
    .ixAboutList__item.active .ixAboutLogo{padding:clamp(1.25rem,2vw,1.5rem) clamp(1.25rem,2vw,2rem)}
    .ixAboutList__item.active .ixAboutLogo .ixAboutLogo__img{width: 12rem;}
    .ixAboutList__item.active .ixAboutDetail{width: 100%;flex:1;justify-content: flex-start;}
    .ixAboutDetail::before{width: calc(100% - 2rem);height: 1px;border-top: 1px dashed #999;border-right: none;;top:0;left: 50%;transform: translate(-50%,0);}
    .ixAboutDetail{padding:clamp(1.125rem,2vw,2rem);}

    /* !1280==服務項目 */
    .serviceList{--num:2;}

    /* !1280==footer */
    .fbBtNav{margin-bottom: 0.5rem;}
    .ftBt .container{flex-direction: column;}

}

@media screen and (max-width: 1024px) {
    /* !1024==首頁 - 關於康聯 */
    .ixAboutLogo__slogan{display: none;}
    .ixAboutList__item.active .ixAboutDetail__slogan{display: block;}
}

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

    .container{padding:0 1.125rem}

    /*!992==header*/
    /* 漢堡列樣式 */
    .navbar-toggler:focus{-webkit-box-shadow: none;box-shadow: none;}
    .navbar-toggler{position: absolute;width: 4rem;height: 100%;;top:50%;right:0;transform: translateY(-50%);display: flex;justify-content: center;flex-direction: column;align-items: center;gap:0.35rem;padding:0.5rem 0.4rem;border-radius: 0;border:none;background: var(--mainColor02);z-index: 4;}
    .navbar-toggler .line{width: 1.8rem;height: 2px;background: var(--mainColor-700);display: inline-block;border-radius: 100rem;transition: 0.3s all;background: #fff;}
    .navbar-toggler.open .line:nth-child(1){transform:translateY(0.45rem) rotate(45deg);}
    .navbar-toggler.open .line:nth-child(2){transform:translateX(0.75rem);opacity:0;}
    .navbar-toggler.open .line:nth-child(3){transform:translateY(-0.5rem) rotate(-45deg);}
    .onlyMobile{display: block;}

    /* 選單樣式 */
    .navbar-collapse { display: none; opacity: 0;transition: 0.2s opacity  ease-in-out;}
    .navbar-collapse.show {display: block; opacity: 1;}
    .navbar::before{content:"";display: block;width: 100vw;height: calc(100vh - var(--headerH));position: absolute;left: 0;top:var(--headerH);background: var(--Gray-100);display: none;}
    .navbar.open{background: #fff;}
    .navbar.open::before{display: block;}
    .navbar-collapse{position: absolute;top:var(--headerH);width: 100%;left: 0;max-height: calc(100vh - var(--headerH));overflow-y: scroll;}
    .navbar-collapse .funNav__lang{display: flex;justify-content: center;background: #fff;width:min(calc(100% - 2.25rem),25rem);margin:0 auto;border-radius: 0.5rem;}
    .langNavItem{width: 100%;text-align: center;}
    .navbar-expand-lg .navbar-nav .nav-link:hover .dropdown-menu{display: none;}
    .navbar-expand-lg .navbar-nav .nav-link{color:var(--BodyColr);padding:clamp(1rem,2vw,1.5rem)  0; text-align: left;}
    .navbar-expand-lg .navbar-nav .nav-link.show{color: var(--mainColor);}
    .navbar-expand-lg .navbar-nav .dropdown-menu{ position: relative;top:0;align-items: flex-start;;background:#e8e8e8;width: 100%;margin-bottom: 1rem;border-radius: 0.2rem;}
    .navbar-expand-lg .navbar-nav{align-items: flex-start;padding:clamp(1rem,2.5vw,2rem) 1.125rem;gap: 0;}
    .nav-item{width: 100%;}
    .dropdown-menu.show { display: flex !important; flex-direction: column; }
    .dropdown-item{color:var(--bodyColor)}
    .dropdown-item::before{content:"";position: absolute;left: 0;top:1rem;width: 0.4rem;aspect-ratio: 1/1;background: var(--mainColor);border-radius: 50%;}
    .dropdown-item:hover{background: transparent;color:initial}
    .nav-item+.nav-item{border-top: 1px dashed #afafaf;}
    .nav-item:hover .dropdown-menu{display: none;}
    .navbar .dropdown-menu::before,.navbar .dropdown-menu::after{display: none;}
    .funNav .contactNav, .funNav .funNav__lang{display: none;}
    .funNav{padding-right: 4rem;}
    .navbar-expand-lg .navbar-nav .nav-link:hover::before, .contactNav:hover::before, .navbar-expand-lg .navbar-nav .nav-item.show .nav-link::before, .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::before{display: none;}

    /* !992==banner */
    .banner .banner__box{ height: auto;aspect-ratio: 5/4;}
    .banner__fun{width: 4rem;}

    /* !992==首頁 - 關於康聯 */
    .ixAboutList{flex-direction: column;}
    .ixAboutList__item.active{width: 100%; flex-direction: row;}
    .ixAboutDetail::before{width: 1px;height: 75%;border-right: 1px dashed #999;left: 0; top: 50%;transform: translateY(-50%);}
    .ixAboutDetail{display:block;padding: 1.25rem 1.5rem;}
    .ixAboutList__item{flex-direction: column; justify-content: center; align-items: center; flex: 1;min-height: auto;}
    .ixAboutLogo{padding:clamp(1.25rem,3vw,3rem) clamp(1.25rem,2vw,2rem)}
    .ixAboutList__item.active .ixAboutLogo .ixAboutLogo__img{width: clamp(9rem, 20vw,20rem);}
    .ixAboutList__item.active .ixAboutLogo{padding:clamp(1.25rem,2vw,1.5rem) clamp(1.25rem,2vw,2rem)}
    .ixAboutList__item::before{content:"MORE";position: absolute;right:0;bottom:0;padding:clamp(0.25rem,1vw,0.5rem) clamp(1rem,1.5rem,1.5rem);border-radius: var(--radius) 0 var(--radius) 0;background: var(--color);color:#fff;}
    .bg_solid{height: 40%;}

    /* !992==首頁 - 服務項目 */
    .ixSerList{position: relative;flex-wrap: wrap;padding:0;border-radius: var(--radius);overflow: hidden;}
    .ixSerList__item{width:33.3%;background: var(--mainColor02);}
    .ixSerList::before{display: none;}
    .serviceIcon{padding:0}
    .ixSerList__item:nth-child(4)::after,.ixSerList__item:nth-child(5)::after,.ixSerList__item:nth-child(6)::after{content:"";width: 80%;height: 1px;background: #fff;top:0;position: absolute;left: 50%;transform: translateX(-50%);opacity: .7;}
    .serTypeList__item{flex-direction: column;}
    .serTypeListTxt, .serTypeListImg{width: 100%;}
    .serTypeList__item:has(.serTypeListImg) .serTypeListTxt{width: 100%;}

    /*!992==最新消息 & 健康寶典 */
    .--otherNews, .--healthy{--num:2}

    /* !992==關於我們 */
    .about01__txt, .about01__img{width: 100%;}
    .about01__txt .mainTitle{text-align: center;}
    .about01{flex-direction: column;}
    .about01__img{aspect-ratio: 2/1;overflow: hidden;}
    .about01__con{text-align: center;}
    .about02__p br{display: none;}

    /* !992==footer */
    .ftTop{flex-direction: column;}
    .ftRb{display: flex; flex-direction: row-reverse;justify-content: space-between;align-items: center;}
    .ftSocial{margin-bottom: 0;}
    .copyright{padding:0 3.2rem}
    .copyright{text-align: center;}
}

@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{width:100%}
    .img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width:100%;padding:1rem 0 0 0}


    /*!768==最新消息 & 健康寶典 */
    .newsList__item{flex-direction: column;padding-left: 0;padding-right: 0;}
    .newsListImg{width: 100%;}
    .newsSub{display: none;}

    /* !768=聯絡我們 */
    .blockHeight--contact{padding-bottom: 0;}
    .contactBx{flex-direction: column;}
    .contactBx::before{width: 100%;height: 80%;bottom:0;top:auto;transform: translateY(0%);}
    .contactInfo{width: 100%;margin: 0;}
    .mapSection{margin-top: 0;aspect-ratio: 1 / 0.8;}
    .formGroupWrap{padding-left: 0;padding-right: 0;}


    /* !768==關於我們 */
    .teamList{flex-direction: column;max-width: 22.5rem;margin:0 auto;width: calc(100% - 2.2rem);}
    .teamListName{color:var(--mainColor)}
    .teamList__item::before{width: calc(100% + 2rem);height: 90%;opacity: 1;}
}
@media screen and (max-width: 640px) {

    /* !640==回頂端*/

    /* !640==banner */
    .banner .banner__box{ min-height:28rem ;}
    .bannerTxt{padding-left: 1.25rem;text-align: left;top:45%}

    /* !640==首頁 - 關於康聯 */
    .titleBox.--row{flex-direction: column; align-items: flex-start;}
    .titleBox.--row .titleBox__p{width: 100%;}
    .ixAboutDetail::before{width: calc(100% - 2rem); height: 1px; border-top: 1px dashed #999;border-right: none;  top: 0; left: 50%; transform: translate(-50%, 0);}
    .ixAboutList__item.active{flex-direction: column;}

    /* !640==首頁 - 服務項目 */
    .ixSerIntro{ flex-direction: column;}
    .ixSerIntro__img, .ixSerIntro__txt{width: 100%;align-items: center;text-align: center;}
    .ixSerIntro__img{aspect-ratio: 2/1;overflow: hidden;}
    .ixSerList__item{width: 50%;}
    .ixSerList__item:nth-child(even){background: var(--mainColor02);}
    .ixSerList__item:nth-child(3)::after{content:"";width: 80%;height: 1px;background: #fff;top:0;position: absolute;left: 50%;transform: translateX(-50%);opacity: .7;}

    /* !640==footer */
    .ftInfo{flex-direction: column;}
    .ftRb{flex-direction: column;gap:1.25rem;}
    .ftNav{display: flex;flex-wrap: wrap;justify-content: center;}

    /* !640==服務項目 */
    .serviceList{--num:1;}
    .mainCont__tit::before{height: 100%;}

    /* 醫學檢驗中心 */
    .labList__item::after{display: none;}

    /*!640==最新消息 & 健康寶典 */
    .--otherNews, .--healthy{--num:1}
    .--otherNews{gap:0}
    .--otherNews .newsList__item + .newsList__item{border-top: none;}

    /* !640==關於我們 */
    .historyList__item{flex-direction: column;justify-content: center;}
    .historyList__item::after{top:2.5rem;transform: translate(-65%,-0%);}
    .historyYear{background: var(--mainColor02);color:#fff;justify-content: center;}

    /* !640==搜尋結果 */
    .sortList{justify-content: flex-start;overflow-x: scroll;}

    /* !640==投資人專區 */
    .yearBarSelect{width: 100%;}

}