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

/* CSS Document */
html{max-width: 100vw; overflow-x: clip;}
body{font-family:'Noto Sans TC','微軟正黑體',sans-serif;font-size:18px;line-height:1.7;color:var(--BodyColr);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;/*padding-top: var(--headerH);*/;overflow-x: clip;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);}
body.page-fade::after {opacity: 1;}
a{color:var(--BodyColr);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;
}
.en{font-family: 'Roboto';}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::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(--mainColorGT);;border-radius:100%;font-weight: bold; }
#goTop::before{content:"";display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 0;aspect-ratio: 1/1;border-radius: 50%;background: rgba(255,255,255,0.15);transition: var(--transition);}
#goTop:hover::before{width: 100%;}

/*按鈕*/
.btnWrap { margin: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{
    --mainColorG: #54ADAB/*#12b399*//*#07B397*/;
    --mainColorB: #0D77C3  /*#0D93C3*/;
    --mainColorGT:linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 100%), linear-gradient(270deg, #54ADAB 0%, #0080DC 100%)/*linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 100%), linear-gradient(270deg, #16CAAD 0%, #18A5D8 100%)*/;
    --Brand-B:#17274F;
    --BodyColr:#333;
    --Gray-600:#666;
    --Gray-300:#999;
    --Gray-100:#F3F3F3;
    --transition:all .3s ease-in-out;
    --container: 100%;
    --radius:clamp(0.5rem,1vw,0.75rem);
    --radius-lg:4rem;
}
/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
.wrapper { padding:2rem 0;}
.blockHeight{padding:clamp(2rem,6vw,5rem) 0;}
.blockHeight--gray{background: var(--Gray-100);}
.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 1.25rem;}
.container--sm{max-width: 82.5rem;}

/*提醒:編輯器插入的圖需做以下設定，圖才不會變形*/
.tx01 img{max-width: 100%;height: auto!important;}
.tx01 + .btnGroup{margin-top: clamp(2rem,4vw,3.5rem);}

/* 按鈕 */
.btnGroup{display: flex;gap:clamp(0.5rem,1vw,1rem);justify-content: center;}
.btnGroup.--left{justify-content: flex-start;}
.btnStyle{position: relative;width: max-content;;display: flex;gap:0.75rem;font-size: clamp(1.125rem,1.5vw,1.25rem);padding: clamp(0.5rem,1vw,0.75rem) 0.8rem clamp(0.5rem,1vw,0.75rem) 1.25rem;background: var(--mainColorB);border-radius: var(--radius-lg);color:#fff;overflow: hidden; }
.btnStyle::before{content:"";display: block;position: absolute;top:0;left: 0;transform: translateX(-100%);width: 100%;height: 100%;border-radius: var(--radius-lg);background: rgba(0,0,0,0.15);transition: var(--transition);}
.btnStyle__arrow,.btnStyle__txt{position: relative;z-index: 2;}
.btnStyle__arrow{position: relative;;width: 1.625rem;}
.btnStyle__arrow::before,.btnStyle__arrow::after{content:"";display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);transition: var(--transition);}
.btnStyle__arrow::before{width: 0.375rem;height: 0.375rem;border-radius: 50%;background: #fff;}
.btnStyle__arrow::after{font-family: 'bootstrap-icons';content:"\F285";font-size: 0.6rem;font-weight: 600;opacity: 0; color:var(--mainColorB)}
.btnStyle:hover::before{transform: translateX(0);}
.btnStyle:hover .btnStyle__arrow::before{width: 1.25rem;height: 1.25rem;}
.btnStyle:hover .btnStyle__arrow::after{opacity: 1;}
.btnStyle--GT{background: var(--mainColorGT);}
.btnStyle--GT::before{background: rgba(255,255,255,0.15);}
.btnStyle--GT .btnStyle__arrow::after{color: var(--mainColorG);}
.btnStyle--G{background: var(--mainColorG);}

/* 標題 */
.mainTit{margin-bottom: clamp(1.125rem,2.5vw,2rem);}
.mainTit::before{content:"MESHLINK";display: block;margin-bottom: clamp(0.2rem,1vw,0.5rem);font-size: clamp(1rem,1.5vw,1.25rem);font-family: 'Roboto';font-weight: 400;color: var(--Gray-300);}
.mainTit--col{position: relative;padding-top: clamp(0.8rem,1.5vw,1.25rem);text-align: center;}
.mainTit--col .mainTit__mj{position: static;justify-content: center;}
.mainTit--col .mainTitDeco{position: absolute;top:0;left: 50%;transform: translateX(-50%);margin-right: 0;}
.mainTit__mj{position: relative;display: flex;font-size: clamp(1.75rem,3.5vw,2.8rem);font-weight: 700;color: #000;color: var(--mainColorB );overflow: hidden;}
.mainTit__mj__tt.animated {animation: slide-up 1000ms cubic-bezier(0.5, 0, 0.5, 1) both;overflow: hidden; line-height: 1.5;}
.mainTit__mj__mark{color: var(--Brand-B);}
.mainTitDeco{position: relative;display: inline-block;width:clamp(0.4rem,1vw,0.625rem);margin-right: clamp(0.5rem,1.5vw,1.125rem);}
.mainTitDeco::before,.mainTitDeco::after{content:"";display: block;width: 100%;aspect-ratio: 1/1;border-radius: 50%;position: absolute;left: 50%;top:50%;;}
.mainTitDeco::before{background: var(--mainColorG);transform: translate(-50%,-10%)}
.mainTitDeco::after{background: var(--mainColorB);transform: translate(-50%,-90%)}

/* 輪播樣式 */
body .slick-dots li,body .slick-dots li button{width:0.75rem;height: 0.75rem;margin:0}
body .slick-dots li button:before{content:"";font-size: 12px;color:#fff;line-height: initial;;background: #fff;border-radius: 50%;width:0.5rem;height: 0.5rem;left: 50%;top:50%;transform: translate(-50%,-50%);}
body .slick-dots li.slick-active button:before{color:#fff;width:0.75rem;height: 0.75rem;opacity: 1;}
.slider-prev,.slider-next{position: relative;;width: clamp(1.25rem,3vw,2.25rem);height:clamp(2rem,6vw,3.75rem);background: #cbcbcb;border-radius: 0.2rem;border:none;transition: var(--transition);}
.slider-prev::before,.slider-next::before{content:"";width:clamp( 1.5rem,3vw,2rem);aspect-ratio: 1/1;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);display: block;background: url(../images/all/arrow.svg)no-repeat center center / contain; }
.slider-prev::before{transform: translate(-50%,-50%) scaleX(-1) ;}
.slider-prev:hover,.slider-next:hover{background: var(--mainColorB);}

/*header*/
.navbar{max-width: 100vw;;padding:0 clamp(1.125rem,2.8vw,2.5rem);}
.navbar__logo{position: relative;margin-bottom: 0;width: clamp(6rem,9vw,8rem);aspect-ratio: 34/21;}
.navbar__logo img{position: absolute;width: 100%;height: 100%;object-fit: contain;}
.logoWhite{display:block;}
.logoDefault{display: none;}
.navbar--white .logoWhite, .navbar--fixed .logoWhite,.open .logoWhite{display: none;}
.navbar--white .logoDefault, .navbar--fixed .logoDefault,.open .logoDefault{display: block;}
.navbar-expand-lg .navbar-nav{align-items: center;}
.navbar-expand-lg .navbar-nav .nav-link{position: relative;;padding:clamp(1rem,3vw,2.5rem) clamp(1rem,1.5vw,1.25rem);font-size: clamp(1.125rem,1.5vw,1.25rem);color:#fff;}
.nav-item:last-of-type{margin-left:clamp(1rem,2vw,1.5rem)}
.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .active .nav-link{color:var(--mainColorB)}
.navbar--white.navbar-expand-lg .navbar-nav .active .nav-link::before{background: var(--mainColorB);}
.navbar-expand-lg .navbar-nav .nav-link:hover .dropdown-menu{display: flex;}
.dropdown-toggle::after{display: none;}
.headerLang{position: relative;margin-left: clamp(1rem,1.3vw,1.25rem);}
.headerLang__nav{display: block;position: relative;width:clamp(2.8rem,4.5vw,3.2rem);aspect-ratio: 1/1;border-radius: 50%;background: var(--mainColorG);overflow: hidden;}
.headerLang__nav::before{content:"";display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 0%;aspect-ratio: 1/1;background:rgba(255,255,255,0.15);border-radius: 50%;transition: var(--transition);}
.headerLang__nav:hover::before{width: 100%;}
.headerLang__nav i {position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;font-size:clamp(1.25rem,1.8vw,1.5rem);}
.dropdown-lang{position: absolute;left: 50%;bottom:0;transform: translate(-50%,120%);background-color: #fff;border-radius: 0.3rem;overflow: hidden;display: none;transition: 0.3s all ease-in-out;}
.dropdown-lang__item{display: block;padding:0.5rem clamp(1rem,2vw,1.5rem);white-space:nowrap;color:#666;text-align: center;}
.dropdown-lang__item.active{color:var(--mainColorB);background: var(--Gray-100);}
.dropdown-lang__item:hover{color:var(--mainColorB)}
.headerLang.open .dropdown-lang{display: block;transform: translate(-50%,110%);}
.dropdown-menu.show{display: flex;}

/* header-改色 */
.navbar--white,.navbar--fixed{background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.25);border-radius: 0 0 0.5rem 0.5rem;}
.navbar--white .navbar-nav .nav-link,.navbar--fixed .navbar-nav .nav-link{color:var(--BodyColr)}
/* header-下拉選單樣式 */
.nav-item.dropdown {position: static;}
.navbar .dropdown-menu{position: absolute;width: 100%;left: 0;top:var(--headerH);transform: translateY(-3px);justify-content: center;align-items: center;flex-wrap: wrap;padding:clamp(1rem,1.5vw,1.25rem) clamp(1.2rem,3vw,2.5rem);border-radius:0 0 0.5rem 0.5rem;}
.navbar .dropdown-menu::before{content:"";position: absolute;left: -1px;top:-4px;width: 100%;height: 4px;background: #fff;z-index: -1;}
.navbar .dropdown-menu::after{content:"";position: absolute;left: 0px;top:0px;width: 100%;height:1px;background: #b9b9b9;z-index: 4;}
.dropdown-menu.--moreCon{--num: 4;--gap:0.5rem;gap: var(--gap) ;justify-content: flex-start;}
.dropdown-menu.--moreCon .dropdown-item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );padding:clamp(0.2rem,1vw,0.5rem) 0.8rem}
.dropdown-menu.--moreCon .dropdown-item::before{content:"";display: inline-block;position: absolute;left: 0;top:50%;transform: translate(-50%,-50%);opacity:1;width: 3px;height: 1rem;background: var(--mainColorB);border-radius: 1rem;}
.dropdown-item{position: relative;;width: auto;padding:clamp(0.2rem,1vw,1rem) clamp(0.8rem,2vw,1.8rem);font-size: clamp(1rem,1.3vw,1.25rem);color:#444}
.dropdown-item:hover{background: transparent;color:var(--mainColorB)}
.dropdown-item + .dropdown-item::before{content:"｜";display: inline-block;position: absolute;left: 0;top:50%;transform: translate(-50%,-50%);opacity: .5;}


/*banner*/
.banner{position: relative;overflow: hidden;}
.singleSlick{position: relative;}
.banner__box::before{content:"";display: block;width: 100%;aspect-ratio: 45/7;background: url(../images/banner/banner_mask.svg)no-repeat center center / 100% auto;position: absolute;left: 0;bottom:1px;z-index: 2;}
.banner::after{content:"";display: block;position: absolute;left: 0;bottom:2rem;width: 100%;height: 4rem;background: #fff;z-index: 1;transform: translateY(100%);}
.banner__box{position: relative;width: 100%;max-height:56.25rem;aspect-ratio: 16/9;overflow: hidden;}
.banner__box img{width: 100%;height: 100%;object-fit: cover;}
.bannerTxt{position: relative;;display: flex;flex-direction: column;align-items: flex-start;gap:clamp(1.25rem,4vw,3.5rem);position: absolute;left: 50%;top:50%;transform: translate(-50%,-58%);width: min(100%,100rem);color:#fff;z-index: 10;padding-left: clamp(3rem,6.5vw,5.5rem);z-index: 999;}
.bannerTxt::before{content:"";position: absolute;left:clamp(1.125rem,2.8vw,2.5rem);top:0;width: clamp(1rem,2vw,1.5rem);aspect-ratio: 5/70;background: url(../images/banner/bnDecoTxt.svg)no-repeat center top / contain;}
.bannerTit{display: flex;flex-direction: column;gap:clamp(0.5rem,1vw,1rem);align-items: flex-start;position: relative;top:2.5rem;opacity: 0;transition: 0.8s all ease-in-out;transition-delay: 0.1s;}
.slide-active.animated .bannerTit{opacity: 1;top:0}
.bannerTit__mj{display: block;font-size: clamp(2rem,5.5vw,5rem);font-weight: 700;background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -12.21%, #FFF 28.72%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.bannerTit__sub{display: inline-block;margin-top: 0.5rem;padding:clamp(0.5rem,1vw,0.75rem) clamp(0.8rem,1.5vw,1.25rem);font-size: clamp(1rem,2vw,1.5rem);border-radius: 4rem;border:1px solid #fff }
.singleSlick .slick-dots{ display: flex; justify-content: center;align-items: center;gap: 0.8rem; bottom: auto;top: 40%; transform: translate(0, -50%) rotate(90deg); z-index: 10;width: auto; right: clamp(1.125rem,2.8vw,2.5rem)}

/* bannerNews */
.ixNews{position: absolute;bottom:1rem;right: -4rem;width: clamp(14rem,26vw,20rem);padding:clamp(1rem,2.5vw,1.875rem);z-index: 10;background:  linear-gradient(0deg, #0D77C3 0%, #47ADE6 80%, #0D77C3 100%), #0D77C3;color:#fff;border-radius: var(--radius);transition: 0.6s all ease-in-out;transition-delay: 0.3s;opacity: 0;}
.ixNews a{color:#fff}
.ixNews.animated{right: clamp(1.125rem,2.8vw,2.5rem);opacity: 1;}
.ixNews::before{content:"";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/banner/logoIcon_white.png)no-repeat right -10px bottom -10px;background-size: 60% auto;}
.ixNewsSlick__item{border-radius: var(--radius);}
.ixNews .slick-dotted.slick-slider{margin-bottom: 0;}
.ixNewsContorl{display: flex;justify-content: space-between;border-top: 1px solid #fff;}
.ixNewsContorl .slider-prev,.ixNewsContorl .slider-next{background: none;height: clamp(2.5rem,8vw,4.5rem);}
.ixNewsContorl .slider-prev:hover,.ixNewsContorl .slider-next{background: transparent;opacity: .8;}
.ixNews_date{margin-bottom:0.2rem;font-size: clamp(0.875rem,1.2vw,1rem);font-family: 'Roboto';}
.ixNews_tit{margin-bottom: clamp(1.125rem,2.5vw,2rem);font-size: clamp(1rem,1.5vw,1.375rem);font-weight: 600; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;box-sizing:border-box;}
.ixNews .slick-dots{transform: translateY(100%); height: clamp(2.5rem,8vw,4.5rem);bottom:0;display: flex; justify-content: center; align-items: center;}
.ixNews .slick-dots li, .ixNews.slick-dots li button{margin:0 0.3rem}

/* 內頁banner */
.pgBanner{position: relative;width: 101%;height:clamp(16rem,30vw,28rem);;background: url(../images/banner/pg_banner.jpg)no-repeat left -1px top / cover;}
.pgBanner::before{content:"";width: 100%;aspect-ratio: 72/5;position: absolute;bottom:-1px;left: 0;background: url(../images/banner/banner_mask_inner.svg)no-repeat left bottom /cover;}
.pgBannerTxtBox{position: absolute;width: min(100%,100rem);left: 50%;top:55%;transform: translate(-50%,-50%);margin:0 clamp(1.25rem,4vw,3rem);margin-bottom: 0;}
.pgBannerTit{color:#fff;font-size: clamp(1.5rem,5vw,3.5rem);padding-left: clamp(1.5rem,3.5vw,2.5rem);}
.pgBannerTit::before{content:"";display: block;position: absolute;left: 0;top:10%;width:clamp(1rem,2vw,1.5rem);aspect-ratio: 1/5;background: url(../images/banner/pgDecoTxt.svg)no-repeat top center / contain;}
.pgBannerTit__sub{font-size: 1em;opacity: .2;display: block;font-weight: bold;font-family: 'Roboto';}
.pgBannerTit__tt{position: relative;background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -12.21%, #FFF 40.72%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;font-size: clamp(2.5rem,5.5vw,4.5rem);}

/* 麵包屑 */
.breadCrumb{--gap: 1.5rem; display: flex;justify-content: flex-end;gap: 0.2rem var(--gap); flex-wrap: wrap;margin-top: clamp(1rem,3.5vw,3rem);list-style: none;}
.breadCrumb__item{position: relative;}
.breadCrumb__item a{color:var(--BodyColr)}
.breadCrumb__item a:hover{opacity: .5;}
.breadCrumb__item .noLink:hover{opacity: 1;}
.breadCrumb__item:last-of-type a{color:var(--Brand-B);cursor: default;}
.noLink{cursor: default;pointer-events: none;}
.breadCrumb__item:last-of-type:hover a{opacity: 1;}
.breadCrumb__item +.breadCrumb__item::before{  content: ''; position: absolute; width: 0.375rem;  aspect-ratio: 1; background: #999;  opacity: 0.5;  border-radius: 100rem;  left: calc(var(--gap) * -0.5); top: 53%; transform: translate(-50%, -50%);}

/* 側選單 */
.container--hasSidebar{display: flex;gap:clamp(2rem,7vw,5.5rem)}
.mainCont{--gap:clamp(2rem,4vw,3.5rem);position: relative;;width: 100%;}
.navbar-toggle{display: none; background: none; border: none;font-size: 1rem;padding: 0.8rem 1.25rem; width: 100%;text-align: left;border-radius: var(--radius);margin-bottom: 1.125rem;}
.sideNav{list-style: none;padding-left: 0;}
.sidebar{width:clamp(16rem,20vw,20rem);flex:0 0 auto;}
.sideNav__item +.sideNav__item {margin-top: 0.5rem}
.sideNav__item a{display:flex;align-items: center;justify-content: space-between;border-radius: var(--radius);padding:clamp(0.5rem,1vw,1rem)clamp(1rem,2vw,1.5rem);font-size: clamp(1.125rem,1.5vw,1.25rem); }
.sideNav__item a::after{content:"\F285";font-family: 'bootstrap-icons';transition: var(--transition);}
.sideNav__item:hover a{background: var(--Gray-100);}
.sideNav__item:hover a::after{transform: translateX(0.5rem);}
.sideNav__item--active a,.sideNav__item--active:hover a{background: var(--mainColorB); color:#fff}
/* 側選單-子選單控制 */
@media (max-width: 991.98px) {
    #sideNavZone.collapse { display: none !important;}
    #sideNavZone.collapse.show { display: block !important; }
    .navbar-toggle {display: block;}
}
@media (min-width: 992px) {
    #sideNavZone { display: block !important; }
    .navbar-toggle {display: none !important;}
}

/* 內頁基本設定 */
.mainContTit{padding-bottom: clamp(1.25rem,1.5vw,1.5rem);margin-bottom: clamp(1.25rem,3vw,2rem);;color: var(--Brand-B);font-size: clamp(1.5rem,3.5vw,2.5rem);font-weight: bold;display: flex;align-items: center;/*white-space: nowrap;*/border-bottom: 1px solid #bababa;}

/* 首頁關於邁訊 */
.blockHeight--ixAbout{overflow: hidden;background: #fff;}
.blockHeight--ixAbout .container{position: relative;display: flex;align-items: center;gap:clamp(2rem,4vw,3.5rem);--sph:clamp(1.5rem,3.2vw,2.5rem);max-width: min(100%, 85rem); margin: 0 auto;}
.blockHeight--ixAbout .container::before{content:"";display: block;position: absolute;width: clamp(40rem,65vw,54.375rem);aspect-ratio: 87/44;background: url(../images/index/ixAbout_bg.svg)no-repeat center center / contain;right:0;bottom:0;transform: translate(20%,40%);z-index: 1;}
.ixAboutTxt{width: 55%;position: relative;z-index: 2;}
.ixAboutImg{width: 45%;margin-bottom: 0;position: relative;z-index: 2;}
.ixAboutTit{margin-bottom: clamp(1.5rem,3.2vw,2.5rem);padding-left: clamp(2rem,3.5vw,3rem);}
.ixAboutTit__sub{display: block;margin-bottom: clamp(0.5rem,1vw,0.75rem);font-size: clamp(1.125rem,2vw,1.25rem);color:var(--mainColorG)}
.ixAboutTit__mj{font-size: clamp(1.5rem,3.5vw,1.75rem);color: var(--Brand-B);font-weight: bold;line-height: 1.4;}
.ixAboutCon{display: flex;gap:var(--sph);align-items: flex-start;}
.ixAboutCon__img{position: relative;aspect-ratio: 1/1;border-radius: var(--radius);overflow: hidden;width:clamp(7rem,12vw,11.25rem);flex:0 0 auto;margin-bottom: 0;}
.ixAboutCon__img img{width: 100%;height: 100%;object-fit: cover;}
.pStyle{margin-bottom: clamp(1.25rem,3.2vw,2.5rem);font-size: clamp(1rem,2vw,1.25rem);color:var(--Gray-600)}
.pStyle__mark{margin-bottom: clamp(0.2rem,1vw,0.5rem);font-weight: bold;color: var(--BodyColr);display: block;}

/* 首頁應用介紹 */
.ixApply{ --arW:clamp(2.5rem,5.5vw,5rem); position: relative;width: min(100%,70rem);margin:0 auto;padding:0 var(--arW);margin-top: clamp(2.5rem,4.5vw,4rem);}
.ixApplyContorl{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 100%;}
.ixApply-slider{width: min(100%,60rem);margin:0 auto;;overflow: hidden;border-radius: var(--radius);}
.ixApply-slider__item{position: relative;;width: 100%;aspect-ratio: 16/9}
.ixApply-slider__item iframe,.ixApply-slider__item img,.ixApply-slider__item video{width: 100%;height: 100%;object-fit: cover;}
.ixApplyContorl{display: flex;justify-content: space-between;padding: 0 0.5rem;}
.ixApplyVoice{position: absolute; bottom: 20px; right: 20px; z-index: 10; background: rgba(0,0,0,0.5); border: none; border-radius: 50%; width: 44px; height: 44px; cursor: pointer; color: white;}

/* 品牌跑馬燈bar */
.marqueeBrand{padding:clamp(1rem,2vw,1.375rem) 0;background: linear-gradient(90deg, #04528b 0%, #5E9BCA 39.13%, #9DDAF7 52.32%, #206EA3 65.01%,  #04528b 101.35%)}
.marqueeBrand__item{ height: clamp(1rem,2.5vw,2rem);z-index: 1;position: relative; overflow-x: hidden;overflow-y: hidden; background-image: url(../images/index/marqueeBrandTxt.svg);background-size: contain; background-position: center center;background-repeat: repeat-x; background-attachment: scroll;animation: bg-slider 40s linear infinite;}

/*首頁解決方案 */
.ixSolution{display: flex;flex-direction: column;gap:clamp(4rem,10vw,8rem)}
.ixSolution__item{display: flex;justify-content: center;gap:clamp(2.5rem,6.5vw,5rem);align-items: center;}
.ixSolution__item:nth-child(even){flex-direction: row-reverse;}
.ixSolution__item figure{margin-bottom: 0;}
.ixSolutionTxt{width: min(100%,40rem);}
.ixSolutionImg{width: min(100%,37.5rem);}
.ixSolutionImg{border-radius: 50%;overflow: hidden;}
.ixSolutionImg img{width: 100%;height: 100%;object-fit: cover;}
.ixSolutionTxt{display: flex;flex-direction: column;gap:clamp(1.5rem,2vw,1.5rem)}
.ixSolutionTit{display: flex;gap:clamp(0.8rem,1.5vw,1.25rem);align-items: center;}
.ixSolutionTit.animated{animation: slide-up 1000ms cubic-bezier(0.5, 0, 0.5, 1) both;}
.ixSolutionTit__icon{width: clamp(2.5rem,6.5vw,5rem);background: var(--mainColorB);border-radius: var(--radius);overflow: hidden;}
.ixSolutionTit__icon img{width: 100%;height: 100%;object-fit: contain;}
.ixSolutionTit__mj{font-size: clamp(1.375rem,2.8vw,2.5rem);font-weight: 600;color:var(--mainColorB)}
.ixSolutionList__item{display: flex;justify-content: space-between;align-items: center;padding:clamp(0.75rem,1.5vw,1.375rem)clamp(1rem,1.6vw,1.375rem);border-radius: var(--radius);background: #fff;transition: var(--transition);font-weight: 500;font-size: clamp(1.125rem,1.5vw,1.25rem);}
.ixSolutionList__item+.ixSolutionList__item{margin-top: clamp(0.75rem,1.5vw,1.25rem);}
.ixSolutionList__item:hover{color: var(--mainColorB);background: #E4E4E4;}
.ixSolutionList__item:hover .arrowStyle{background: var(--mainColorGT);}
.ixSolutionList__item:hover .arrowStyle__fm::before{background:url(../images/all/arrow.svg) center right / contain }
.arrowStyle{position: relative;;width: clamp(1.5rem,2.5vw,2.25rem);aspect-ratio: 1/1;background: var(--mainColorB);border-radius: 50%;}
.arrowStyle__fm{display: flex;gap:0.5rem;align-items: center;justify-content: flex-end;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: clamp(0.75rem,2vw,1.25rem);height: clamp(0.75rem,2vw,1.25rem);overflow: hidden;}
.arrowStyle__fm::before{content:'';position: absolute;right:0;top:0;background:url(../images/all/arrow.svg) center left / contain ;height:100%;aspect-ratio: 2/1;transition: 0.3s all linear}
.ixSolutionP{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /*-webkit-line-clamp: 2 */; box-sizing:border-box;}

/*curve SVG */
.svg-curve { position: relative;width: 100%;height: auto;
margin-top: -2px; /* 防止細縫 */}
.svg-curve svg { width: 100%;height: auto;display: block;position: relative;top: 2px;/* 防止細縫 */}
.svg-curve rect{fill:var(--Gray-100)}
.svg-curve path{fill:#fff}
.svg-curve--gray  rect{fill:#fff}
.svg-curve--gray  path{fill:var(--Gray-100)}
.svg-curve +section{padding-top:clamp(2rem,3.5vw,3rem)}

/* 首頁合作夥伴 */
.ixPartners{margin-top: clamp(2rem,4vw,4rem);}
.ixPartners__item{display: inline-block;aspect-ratio: 5/2;border-radius: var(--radius);background: var(--Gray-100);width: clamp(9rem,22vw,18rem);align-items: center;}
.ixPartners__item +.ixPartners__item{margin-left: clamp(1rem,1.8vw,1.5rem);}
.ixPartners__item img{width: 100%;height: 100%;object-fit: cover; transition: var(--transition); display: block;width: 100%; height: auto;transform: scale(0.95);}
.ixPartners__item:hover img{transform: scale(1.05);}

/* 首頁聯絡我們 */
.blockHeight--ixContact{padding-top: 0;}
.ixContact{display: flex;}
.ixContact__iframe,.ixContact__txt{width: 100%;border-radius: var(--radius);overflow: hidden;}
.ixContact__txt{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding:2rem clamp(1.25rem,6vw,5rem)}
.ixContact__iframe{position: relative;width: 100%;aspect-ratio: 1/0.7;}
.ixContact__iframe iframe{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.ixContactP{width: min(100%,30rem);;margin-bottom: clamp(2rem,3vw,2.5rem);}

/* footer */
footer{display: flex;align-items: flex-end;}
.ftInfo{display: flex;flex-direction: column;justify-content: center;margin-top: 4rem;padding:clamp(2rem,4.5vw,4rem) clamp(1.25rem,3vw,3.75rem);background: var(--Gray-100);width:min(100%,40rem)}
.ftInfo__logo{display: block;width: clamp(9.5rem,15vw,13.5rem);aspect-ratio: 34/21;margin:0 auto;margin-bottom: clamp(1.25rem,3vw,2.5rem);background: url(../images/all/logo.svg)no-repeat center center / contain;}
.ftInfo p,.ftInfo a{color: var(--Gray-600);font-size: clamp(1rem,1.5vw,1.125rem);}
.ftInfo p{margin-bottom: clamp(0.2rem,1vw,0.5rem)}
.ftInfo a:hover{color: var(--Brand-B);}
.socialList{display: flex;gap:clamp(0.5rem,1vw,0.7rem);margin-top:clamp(0.8rem,2vw,1.5rem) ;}
.socialList__item{position: relative;width:clamp(2.5rem,3vw,3rem);aspect-ratio: 1/1;transition: 0.3s all ease-in-out;border-radius: 0.6rem;}
.socialList__item::before{content:"";display: block;width: 100%;height: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background-repeat: no-repeat;background-size: contain;background-position: center center;transition: 0.3s all ease-in-out;}
.socialList__item:hover{background: #fff;}
.socialList__item:hover::before{background-size: 90% auto;}
.socialList__item.disabled{ pointer-events: none; cursor: default;}
.socialList__item.disabled:hover{background: transparent;}
.socialList__item.disabled:hover::before{background-size: contain;}
.socialList__item.--linkedin::before{background-image: url(../images/all/social_linkedin.png);}
.socialList__item.--twitter::before{background-image: url(../images/all/social_twitter.png);}
.socialList__item.--youtube::before{background-image: url(../images/all/social_youtube.png);}
.socialList__item.--ig::before{background-image: url(../images/all/social_ig.png);}
.socialList__item.--fb::before{background-image: url(../images/all/social_fb.png);}
.ftNav__con{padding:0 clamp(1.125rem,4vw,3.75rem) ;background:linear-gradient(90deg,  #04528b 0%, #1069ab 78%, #3685c1 90% 10%,  #04528b 101.35%);color:#fff;border-radius: clamp(1.25rem,3.5vw,3rem) 0 0 0;}
.ftNav__Top{display: flex;gap:clamp(1rem,2vw,2.5rem);padding:clamp(2.5rem,4vw,3.75rem) 0 clamp(1.25rem,2.5vw,2rem) 0 ;}
.ftNavList{list-style: none;padding-left: 0;margin-bottom: 0;}
.ftNavList__tit{font-size: clamp(1.125rem,1.5vw,1.25rem);font-weight: 500;margin-bottom: 0.75rem;}
.ftNavList.--2{flex: 2;}
.ftNavList.--2 .ftNavList__list{--num: 2;--gap:0.1rem;display:flex;flex-wrap: wrap;}
.ftNavList.--2 .ftNavList__list__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.ftNavList.--1{flex: 1;}
.ftNavList__list__item{display: flex;align-items: flex-start; margin-top: 0.5rem;color:#fff;opacity: .7;font-weight: 300;font-size: clamp(0.875rem, 1.5vw, 1.125rem);}
.ftNavList__list__item::before{content:"";display: inline-block; width: 0; height: 1rem;background: var(--mainColorG);  position: relative;top: 0.5rem; margin-right: 0.5rem;border-radius: 0.4rem;transition: var(--transition);}
.ftNavList__list__item:hover{opacity: 1;}
.copyright{padding:clamp(1.25rem,2.5vw,2rem) 0;border-top: 1px solid rgba(255,255,255,0.5);font-size: clamp(0.875rem,1.2vw,1rem);font-weight: 300;}
.copyright a{color:#fff;}
.copyright a:hover{opacity: .5;}


/*編輯器*/
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.articleTop{margin-bottom: clamp(1.5rem,3vw,3rem);}
.tx01{margin-bottom:1rem;}
.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: 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 img{max-width:100%;width: 100%;;max-height:100%;height:auto!important;}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;}

/* 最新消息 */
.newsList{--num: 3;--gap:clamp(1.5rem,2.5vw,2rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.newsList__item{position: relative;;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );background: var(--Gray-100);padding:clamp(1.25rem,2vw,2.5rem);border-radius: var(--radius);}
.newsImg{width: 100%;aspect-ratio: 5/3;overflow: hidden;border-radius: 0.5rem;}
.newsImg img{width: 100%;height: 100%;object-fit: cover;transition: 0.6s all ease-in-out;}
.newsList__item::before{content:"";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/banner/logoIcon_white.png)no-repeat right 5% bottom -10px;background-size: 40% auto;}
.newsList__item::after{content:"";display: block;position: absolute;right:-1px;bottom:-1px;width: 0px;aspect-ratio: 1/1;background: url(../images/all/fm_more.svg)no-repeat center center / contain;transition: 0.6s all ease-in-out;}
.newsList__item:hover{background: linear-gradient(0deg, #0D77C3 0%, #47ADE6 80%, #0D77C3 100%), #0D77C3;;}
.newsList__item:hover::after{width: clamp(3.5rem,6vw,5rem);}
.newsList__item:hover .newItemTit,.newsList__item:hover .newItemCon,.newsList__item:hover .newItemDate{color: #fff;border-color: rgba(255,255,255,0.6);}
.newsList__item:hover .newsImg img{transform: scale(1.1);}
.newsList__item:hover .newItemDate::before{opacity: 1;width: clamp(1.875rem,3vw,2.8rem);}
.newItemTit{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;box-sizing:border-box;color: var(--Brand-B);font-weight: 600;line-height: 1.7;font-size: clamp(1.25rem,1.8vw,1.5rem);}
.newItemCon{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);border-top: 1px solid #bababa;--sph:clamp(0.6rem,1.5vw,1rem);margin-top: var(--sph);padding-top: var(--sph);}
.newItemDate{color: #999;}
.newsList__item .newItemDate::before{content:"\F138";display: block;position: absolute;right:0rem;bottom:0;width: 0px;aspect-ratio: 1;font-family: 'bootstrap-icons';color: #fff;z-index: 5;background-color: var(--mainColorB);border-radius:0.625rem;display: flex;align-items: center;justify-content: center;align-items: center;;opacity: 0;transition: 0.6s all ease-in-out;}
.articleTop .newItemTit{font-size: clamp(1.375rem,2.5vw,2rem);margin-top: clamp(0.5rem,1vw,1rem);padding-bottom: clamp(0.2rem,1.5vw,0.5rem);border-bottom:1px solid #bababa ;}
.articleTop .newItemDate{background-color: var(--mainColorB);padding:0.5rem 1rem;border-radius:10rem;color:#fff;}

/* 分頁 */
.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(2rem,2.8vw,2.5rem); text-align: center; padding: 0.25rem; border-radius: 0.375rem; transition: 0.3s all;display: flex;font-size: clamp(1rem,1.8vw,1.25rem);align-items: center; justify-content: center;}
.pageNumber a:hover, .pageNumber a.on{background: var(--Brand-B);color: #fff;}

/* 聯絡我們 */
.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));}
.contactInfo{--num: 5;--gap:1.5rem;display:flex;gap: var(--gap) ;flex-wrap: wrap;;list-style: none;padding-left: 0;margin-bottom: clamp(2rem,4vw,4rem);}
.contactInfo__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );;padding: 0 clamp(1.25rem,2vw,1.5rem) clamp(1.25rem,2.5vw,2rem);background: var(--Gray-100);border-radius: var(--radius);text-align: center;transition: var(--transition);}
.contactInfo__item:hover{background:#e0ecf4 ;}
.contactInfo__item:hover .conInfoTit{color:var(--mainColorB)}
.contactInfo__item a{word-break: break-all;font-size: clamp(0.875rem,1.2vw,1rem);}
.contactInfo__item a:hover{color:var(--mainColorB)}
.conInfoCon{margin-bottom: 0;line-height: 1.3;}
.conInfoIcon{display: flex;align-items: center;justify-content: center;width: clamp(3rem,5vw,4rem);aspect-ratio: 1/1;;margin:0 auto;margin-bottom: clamp(1rem,2vw,1.5rem);margin-top: -2rem;background: var(--mainColorB);border-radius: var(--radius);color:#fff;font-size: clamp(1.25rem,2vw,1.875rem);}
.conInfoTit{font-weight: bold;font-size: clamp(1.125rem,1.5vw,1.25rem);transition: var(--transition);}
.contactBt{display: flex;gap:clamp(2rem,4vw,4rem)}
.contactBt_map,.formGroupWrap{width: 50%;}
.contactBt_map{border-radius: var(--radius);overflow: hidden;}
.contactBt_map iframe{width: 100%;height: 100%;object-fit: cover;}
.formGroupWrap .btnStyle__txt{min-width:3.75rem;text-align: center;}
.contactTit{--sph:clamp(1rem,2.5vw,2rem);padding-bottom:var(--sph);padding-top: clamp(1rem,3vw,2rem);margin-bottom: var(--sph);border-bottom: 1px solid #d8d8d8;}
.contactTit__mj{display: block;margin-bottom: clamp(0.5rem,1.5vw,1rem);font-size:clamp(1.5rem,2.5vw,2.5rem);color:var(--mainColorB);font-weight: bold;}
.contactTit__sub{font-size: clamp(1.125rem,2vw,1.25rem);color: var(--Gray-600);font-weight: 400;}
.formGroup label{margin-bottom: 0.5rem;font-weight: 600;}
.form-control,.form-select{background-color: var(--Gray-100);border:none;padding:.75rem}

/* 解決方案 */
.solutionList{--num: 3;--gap:1.5rem;display:flex;gap: var(--gap) ;flex-wrap: wrap;counter-reset:num;}
.solutionList__item{position: relative;;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );background-color: var(--Gray-100);padding:clamp(1rem,1.5vw,1.5rem);border-radius: var(--radius);transition: 0.3s all ease-in-out;}
.solutionList__item::after{content:"";display: block;position: absolute;right:-1px;bottom:-1px;width: 0px;aspect-ratio: 1/1;background: url(../images/all/fm_more.svg)no-repeat center center / contain;transition: 0.6s all ease-in-out;}
.solutionList__item::before{content:"\F138";display: block;position: absolute;right:0rem;bottom:0;width: 0px;aspect-ratio: 1;font-family: 'bootstrap-icons';color: #fff;z-index: 5;background-color: var(--mainColorB);border-radius:0.625rem;display: flex;align-items: center;justify-content: center;align-items: center;;opacity: 0;transition: 0.6s all ease-in-out;}
.solutionList__item:hover{background: linear-gradient(0deg, #0D77C3 0%, #47ADE6 80%, #0D77C3 100%), #0D77C3;}
.solutionList__item:hover .solutionListTit{color:#fff;}
.solutionList__item:hover::after{width: clamp(3.5rem, 6vw, 5rem);}
.solutionList__item:hover::before{opacity: 1;width: clamp(1.875rem, 3vw, 2.8rem);}
.solutionList__item:hover .solutionListImg::before{opacity: 0;transition:0.5s opacity ease-in}
.solutionList__item:hover .solutionListImg img{transform: scale(1.1);}
.solutionListImg{position: relative;width: 100%;aspect-ratio: 5/3;border-radius:clamp(0.25rem,1vw,0.5rem);overflow: hidden;}
.solutionListImg::before{content:"";display: block;position: absolute;left: 0;top:0;width: 100%;height: 100%;background: #000;opacity: .2;transition:0.5s opacity ease-in}
.solutionListImg img{width: 100%;height: 100%;object-fit: cover;transition: 0.6s all ease-in-out}
.solutionListTit{text-align: left;padding-right: 4rem;font-size: clamp(1.125rem,1.5vw,1.375rem);transition: 0.2s all ease-in-out;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; box-sizing:border-box;}
.solutoinItemTit{font-size:clamp(1.5rem,3.5vw,2.5rem);color: var(--Brand-B);
font-weight: 700; line-height: 1.7;text-align: center;}

/* 合作夥伴 */
.partnerList{--num: 2;--gap:1.5rem;display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.partnerList__item{position: relative;display: flex;align-items: center;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );background-color: var(--Gray-100);padding:clamp(1rem,4vw,3rem) clamp(1rem,1.5vw,1.5rem);border-radius: var(--radius);overflow: hidden;}
.partnerList__item::before{content: "";display: block;position: absolute; right: -1px;bottom: -1px; width: 0px; aspect-ratio: 1 / 1; background: url(../images/all/fm_more.svg) no-repeat center center / contain; transition: 0.4s all ease-in-out;}
.partnerLogo{width:40%;aspect-ratio: 5 / 2;margin:0 auto;transition: 0.6s all cubic-bezier(0.075, 0.82, 0.165, 1);}
.partnerList__item::after{ content: "\F138"; display: block;position: absolute;right: 0rem; bottom: 0; width: 0px; aspect-ratio: 1; font-family: 'bootstrap-icons'; color: #FFF; z-index: 5;background-color: var(--mainColorB); border-radius: 0.625rem;display: flex;  align-items: center; justify-content: center; align-items: center; opacity: 0; transition: 0.4s all ease-in-out;}
.partnerList__item:hover{background-color:#e0ecf4 ;}
.partnerList__item:hover::before{width: clamp(3.5rem, 6vw, 5rem);}
.partnerList__item:hover::after{opacity: 1; width: clamp(1.875rem, 3vw, 2.8rem);}
.partnerList__item:hover img{transform: scale(0.9);}
.partnerList__item:hover .partnerTxt{border-color: #b0b8cc;}
.partnerList__item:hover .partnerDesc{color: var(--mainColorB);}
.partnerLogo img{width: 100%;height: 100%;aspect-ratio: 5/2;transition:var(--transition);}
.partnerTxt{width: 60%;padding:0 clamp(1rem,1.5vw,1.3rem);border-left: 1px solid #c6c6c6;transition: 0.3s all ease-in-out;}
.partnerName{font-size: clamp(1.25rem,2vw,1.875rem);font-weight: 600;color:var(--Brand-B);word-break: break-all;line-height: 1.3;}
.partnerDesc{margin-bottom: 0;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;box-sizing:border-box;font-size: clamp(1rem,1.25vw,1.125rem);color: var(--Gray-600);}
.partnerInfo{display: flex;gap:clamp(1rem,3.5vw,3rem);border-bottom: 1px solid #bababa; margin-bottom: clamp(1rem, 3.5vw, 2.5rem);padding-bottom: clamp(1.25rem,3vw,2rem);}
.partnerInfo__logo{width: clamp(16rem,30vw,24rem);aspect-ratio: 5/2;margin-bottom: 0;flex:0 0 auto;background: var(--Gray-100);border-radius: var(--radius);}
.partnerInfo__logo img{width: 100%;height: 100%;object-fit: contain;}
.partnerInfo__txt{padding:clamp(1rem,1.5vw,1.5rem) 0}
.partnerInfoTit{color:var(--Brand-B);font-size: clamp(1.5rem,3.5vw,2.5rem);font-weight: bold;transition: var(--transition);margin-bottom: clamp(0.2rem,1.5vw,1rem);}
.partnerInfoTit[href]:hover{color:var(--mainColorB)}
.partnerInfoTit[href]::before{content:"\F470";font-family: 'bootstrap-icons';margin-right: 0.5rem;vertical-align: -8%;}
.partnerInfoCon{margin-bottom: 0;font-weight: 400;font-size: clamp(1.125rem,1.5vw,1.25rem);color:var(--Gray-600)}

/* 關於我們 */
.aboutList{display: flex;flex-direction: column;gap:clamp(2rem,4vw,3.5rem);width: min(100%,90rem);margin:0 auto;counter-reset:num;}
.aboutList__item{display: flex;gap:clamp(2rem,6vw,4rem);align-items: center;}
.aboutList__item:nth-child(even){flex-direction: row-reverse;}
.aboutList__item__img{border-radius: clamp(1rem,1.5vw,1.25rem);overflow: hidden;aspect-ratio: 5/3;margin-bottom: 0;}
.aboutList__item__img img{width: 100%;height: 100%;object-fit: cover;}
.aboutList__item__img,.aboutList__item__txt{width: 50%;}
.aboutList__item__txt{position: relative;}
.aboutList__item__txt::before{ counter-increment: num;content: '0' counter(num); position: absolute;right: 0;top:5%; font-size: clamp(4rem, 8vw, 8rem); line-height: 0; font-family: 'Roboto'; font-style: italic; color: var(--Gray-100); font-weight: bold;}
.aboutList__item{display: flex;justify-content: space-between;align-items: center;border-radius: var(--radius);background: #fff;padding:clamp(0.75rem,1.5vw,1.375rem)clamp(1rem,1.6vw,1.375rem);    font-size: clamp(1.125rem, 1.5vw, 1.25rem);}
.aboutList__item +.aboutList__item{margin-top: clamp(1rem,2vw,1.25rem);}
.aboutList__item .arrowStyle{display: inline-block;}
.aboutList__item__list .ixSolutionList__item{background: var(--Gray-100);}
.aboutList__item__list .ixSolutionList__item:hover{background:#e7e7e7 ;}
.aboutListCon{margin-bottom: clamp(1.25rem,3vw,2.5rem);overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; box-sizing:border-box;}

/* 產品 */
.productMain{margin-bottom: -4rem;background: #e7e7e7;padding:clamp(3rem,6vw,5rem)  0 clamp(6rem,16vw,8rem)}
.productList{--num: 3;--gap:clamp(1rem,2.5vw,2.5rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;border-radius: var(--radius);}
.productList__item{position: relative;;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );background: #fff;text-align: center;border-radius: var(--radius);overflow: hidden;}
.productList__item::after{content:"\F135";font-family: 'bootstrap-icons';height: clamp(2rem,3.5vw,3rem);aspect-ratio: 1/1;background: var(--mainColorB);display:flex;align-items: center;justify-content: center;position: absolute;top:10%;right:10%;border-radius: 50%;color:#fff;transform: rotate(-45deg);font-size: clamp(1.375rem,2vw,1.7rem);transition: var(--transition);opacity: 0;}
.productList__item:hover img{transform: scale(1.1);}
.productList__item:hover .productItemName{color:var(--mainColorB)}
.productList__item:hover::after{top:5%;right:5%;opacity: 1;}
.productItemImg{position: relative;width: 100%;aspect-ratio: 5/3;overflow: hidden;}
.productItemImg img{width: 100%;height: 100%;object-fit: cover;transition: 0.3s all ease-in-out;}
.productItemName{font-size: clamp(1.25rem,1.5vw,1.5rem);font-weight: 600;transition: var(--transition);padding:0 2rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; box-sizing:border-box;}
.productItemDes{font-size: clamp(1rem,1.3vw,1.125rem);padding:0 1.125rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; box-sizing:border-box;}
.productInfo{display: flex;gap:clamp(1.25rem,4vw,3rem);background: var(--Gray-100);border-radius: var(--radius);padding:clamp(1.25rem,4vw,3.5rem) clamp(1.25rem,3vw,2.5rem);margin-bottom: clamp(2rem,3vw,2.5rem);}
.productInfo__pic{width: 40%;border-radius: var(--radius);overflow: hidden;background: #fff;display: flex;align-items: center;}
.productInfo__pic_img{margin-bottom: 0;aspect-ratio: 5/3;}
.prodcutInfo__txt{width: 60%;}
.prodcutInfo__txt__con{font-weight: 500;font-size: clamp(1.125rem,1.3vw,1.25rem);margin-bottom: clamp(1rem,3vw,2.5rem);}
.productInfoFile{display: flex;flex-wrap: wrap;gap:clamp(0.5rem,1.2vw,1rem);}
.productInfoFile__item{position: relative;;display: flex;align-items: center;width: fit-content;;padding:0.3rem clamp(1rem,2vw,1.25rem);background-color: #e6e6e6;border-radius: var(--radius);transition: var(--transition);}
.productInfoFile__item::after{content:"\F63E";font-family: 'bootstrap-icons';font-size: clamp(1.25rem,2vw,1.5rem);padding-left: 0.8rem;}
.productInfoFile__item:hover{background: var(--mainColorB);color:#fff}
.productInfo__txt__link{display: block;margin-bottom: clamp(0.5rem,1.5vw,1rem);color:var(--mainColorB);font-size: clamp(1.125rem,1.5vw,1.25rem);font-weight: 600;}
.productInfo__txt__link::before{content:"\F470";font-family: 'bootstrap-icons';margin-right: 0.5rem;vertical-align: middle;}
.productInfo__txt__link:hover{opacity: .8;}

/* 動畫 */
@keyframes  bg-slider{
    0%{background-position: 0 0;}
    100%{background-position: -80rem 0;;}
}

/* slide-in */
@keyframes slide-up {
    0% { transform: translateY(100%) scale(1); opacity: 0}
    100% { transform: translateY(0) scale(1);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:960px;}
}
@media screen and (min-width:1200px){
	:root{--container:1140px;}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;}
}
@media screen and (min-width:1680px) {
    .container{--container:1600px; padding: 0 1.5rem;}
}

@media screen and (max-width: 1200px) {
   /*!1200==聯絡我們 */
    .contactInfo{--num:3;justify-content: center;}
    .conInfoIcon{margin-top:clamp(1.25rem,2vw,1.5rem) ;}
    .contactBt{flex-direction: column-reverse;}
    .contactBt_map, .formGroupWrap{width: 100%;}
    .contactTit{text-align: center;}
    .contactBt_map{aspect-ratio: 2/1;}
    .formGroupWrap .btnGroup.--left{justify-content: center;}

    /* !1200==解決方案 */
    .solutionList{--num:2;}
}

@media screen and (max-width: 1024px) {
    /*!1024==footer*/
    footer{flex-direction: column;background: var(--Gray-100);border-radius: 0 clamp(1.25rem,3.5vw,3rem)  0 0 ;overflow: hidden;}
    .ftInfo{width: 100%; flex-direction: row;align-items: center;margin-top: 0;gap:clamp(0.5rem, 2.5vw,2rem);}
    .ftInfo__logo{margin:0 0 0.5rem 0}
    .ftInfo p{margin-bottom: 0.2rem;}
    .copyright{text-align: center;padding:clamp(1.25rem,2.5vw,2rem) 4rem }
}
@media screen and (max-width: 992px) {
    /*!992==header*/
    /* 漢堡列樣式 */
    .navbar-toggler:focus{-webkit-box-shadow: none;box-shadow: none;}
    .navbar-toggler{position: absolute;top:50%;right:5rem;transform: translateY(-50%);display: flex;flex-direction: column;gap:0.35rem;padding:0.6rem 0.4rem;border-radius: 0;border:none;}
    .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,.navbar--fixed .line{background: var(--mainColorB);}
    .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);}
    .navbar .dropdown-menu{position: relative;top:0;align-items: flex-start;background: var(--Gray-100);border: none;}
    .dropdown-menu { display: none; flex-direction: column; position: static; width: 100%;}
    .dropdown-menu.show { display: flex !important; }
    /* 選單樣式 */
    .navbar::before{content:"";display: block;width: 100vw;height: 100vh;position: absolute;left: 0;top:0;background: #fff;display: none;}
    .navbar.open{background: #fff;}
    .navbar.open::before{display: block;}
    .navbar-brand{margin:1rem 0}
    .navbar-collapse{position: absolute;top:var(--headerH);width: 100%;left: 0;max-height: calc(100vh - var(--headerH));overflow-y: scroll;}
    .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}
    .navbar-expand-lg .navbar-nav{align-items: flex-start;padding:clamp(1rem,2.5vw,2rem) 1.125rem;gap: 0;transition-delay: 0.2s;}
    .nav-item{width: 100%;}
    .nav-item:last-of-type{margin-left: 0;}
    .nav-item:hover .dropdown-menu{display: none;}
    .nav-item .btnStyle{ justify-content: space-between;margin-top: 1rem;}
    .headerLang__nav{background: var(--mainColorGT);}
    .nav-change.open .nav-link{color: var(--mainColorB);}
    .nav-change.open .dropdown-menu{position: relative;top:0;display:flex;flex-direction: column;align-items: flex-start;width: 100%; background: var(--Gray-100); border: none;padding: 0.5rem 1rem;border-radius: 0.4rem;}
    .dropdown-menu .dropdown-item::before{content:"";display: inline-block;position: absolute;left: 0;top:50%;transform: translate(-50%,-50%);opacity:1;width: 3px;height: 1rem;background: var(--mainColorB);border-radius: 1rem;}
    .nav-change.open .dropdown-menu{--num:1rem;gap: 0.5rem;}
    .navbar .dropdown-menu::before,.navbar .dropdown-menu::after{display: none;}
    .navbar-toggle{display: flex;background: var(--Gray-100);justify-content: space-between;font-size: 1.125rem;color:var(--Gray-600)}
    .dropdown-item{margin-bottom: 0.25rem;}

    /*!992==banner*/
    .bannerTxt{top:60%}

    /* !992==最新消息 */
    .newsList{--num:2;}
    .newsList__item::before{background-size: 20% auto;}

    /* !992==解決方案 */
    .container--hasSidebar{flex-direction: column;}
    .sidebar{width: 100%;}

    /* !992==產品 */
    .productList{--num:2}
}
@media screen and (max-width: 768px) {
    body{font-size: 16px;}

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

    /*!768==banner*/
    .banner__box{min-height: 28.75rem !important;}
    .ixNews{width: calc(100vw - 2rem);right:auto; bottom: 0rem;left: 50%;transform: translate(-50%,0);display: flex;align-items: center;padding: 1rem;}
    .ixNewsSlick{/*width: calc(100% - 6rem);width: auto;*/flex: 1 1 auto;    min-width: 0;}
    .ixNewsContorl{/*width: 2rem;*/width:4rem;flex:0 0 auto;border-left: 1px solid #fff;border-top: none;margin-left: 0.5rem;padding-left: 0.5rem;}
    .ixNews_tit{margin-bottom: 0;-webkit-line-clamp: 2;}
    .bannerTxt{padding-bottom: 2.5rem;}
    .ixNews::before{    background: url(../images/banner/logoIcon_white.png) no-repeat right -10px bottom -20px;
    background-size: 20% auto;}
    body .slick-dots li button:before{background: var(--mainColorB);}
    .singleSlick .slick-dots{right: -0.5rem;}

    /*!768==內頁banner */
    .pgBannerTxtBox {top:60%}

    /*!768==footer*/
    .ftNav__Top{flex-wrap: wrap;gap:clamp(1.25rem,2.5vw,2rem)}
    .ftNavList.--1{width: 45%;flex:auto}
    .ftNavList.--2{width: 100%;flex:auto}

    /*!768==首頁聯絡我們 */
    .ixContact{flex-direction: column-reverse;}
    .ixContact__txt{padding-left: 0;padding-right: 0;}

    /*!768==首頁解決方案 */
    .ixSolution__item,.ixSolution__item:nth-child(even){flex-direction: column;}

    /*!768==圖文&編輯器 */
    .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==產品 */
    .productInfo{flex-direction: column;}
    .productInfo__pic,.prodcutInfo__txt{width: 100%;}
    .productInfo__pic_img{margin:0 auto}
}
@media screen and (max-width: 640px) {
     /* !640==最新消息 */
    .newsList{--num:1;}

    /*!640==首頁關於邁訊 */
    .blockHeight--ixAbout .container{flex-direction: column;}
    .ixAboutCon{flex-direction: column-reverse;align-items: center;position: relative;}
    .ixAboutTit{padding-left: 0;}
    .ixAboutTxt{position: relative;z-index: 2;;width: 100%;}
    .ixAboutImg{width: 100%;}
    .ixAboutCon__img{display: none;}

    /*!640==footer*/
    .ftInfo{flex-direction: column;}
    .ftInfo p{text-align: center;}
    .ftInfo p, .ftInfo a{font-size: 0.875rem;}


    /*!640==最新消息 */
    .newsList__item::before{background-size: 40% auto;}


    /*!640==聯絡我們 */
    .contactInfo{--num:1;}
    .formGroup__item--half{width: 100%;}

    /* !640==合作夥伴 */
    .partnerList{--num:1}
    .partnerList__item,.partnerInfo{flex-direction: column;}
    .partnerLogo,.partnerTxt{width: 100%;}
    .partnerLogo{max-width: 25rem;}
    .partnerTxt{margin-top: 1rem;padding: 1rem 0 0 0;border-top: 1px solid #c6c6c6;border-left: none;}
    .partnerInfo__logo{margin:0 auto;width: min(100%,25rem);}

    /* !640==關於我們 */
    .aboutList__item,.aboutList__item:nth-child(even){flex-direction: column;padding:0}
    .aboutList__item__img, .aboutList__item__txt{width: 100%;}

    /* !640== 解決方案 */
    .solutionList{--num: 1;}
    .solutionListTit{text-align: center;padding-right: 0;}

    /* !640==產品 */
    .productList{--num:1}
}