@charset "utf-8";

/* CSS Document */
html, body {
    /* 防止橡皮筋特效導致頂部/底部露餡 */
    overscroll-behavior-y: none;
}
body{font-family:'Roboto','Noto Sans TC','微軟正黑體',sans-serif;font-size: 1.0625rem;line-height: 1.8;color: var(--dark);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;/* padding-top: var(--headerH); */letter-spacing: 0.015em;background: white;height: calc(100vh - var(--headerH));background-color: white;}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 9998;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::before{content:"";display:block;position: fixed;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);-webkit-backdrop-filter: blur(.15rem);backdrop-filter: blur(.15rem);z-index: 9998;opacity:0;pointer-events: none;transition: all .5s;}
body.page-fade::after {opacity: 1;}
@media (min-width:768px){.wow{visibility:hidden;}}
/*--------------------------------------------------*/
/* !====無障礙功能==== */
/* 無障礙焦點樣式 */
/* a:focus,
button:focus,
[role="button"]:focus,
.swiper-button-next:focus, .swiper-button-prev:focus,
.swiper-pagination-bullet:focus,
.promotionResult--active:focus,
input:focus,
select:focus,
textarea:focus,
.gsc-results-close-btn-visible:focus,
.goTop:focus{z-index:99998;outline: var(--outline);outline-offset: var(--outline-offset);opacity: 1;} */

/* 跳過連結 - 無障礙功能 */
/* .accesskey {position: absolute;top:0;left: 6px;padding: .5rem;text-decoration: none;z-index: 10000;}
#C{position: relative;min-height: 60vh;} */

/* 無障礙支援樣式 */
/* .sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
} */
/*--------------------------------------------------*/
a{color:var(--black);text-decoration:none;-o-transition:var(--trans);-webkit-transition:var(--trans);-moz-transition:var(--trans);transition:var(--trans)}
a:hover{}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;width: 100%;object-fit: cover;transition: var(--trans);}
:root{
    --mjColor: #7E4543; /* 主色 */
    --mjColor-l: #af7472; 
    --mjColor-d: #4e1e1d;
    --subColor: #FFBC14; /* 副色 */

    --dark: #2E2E2E;

    --gray: #999;
    --gray-d: #777;
    --gray-l: #ccc;
    --gray-lx2: #eee;

    --red: #d40023;

    --trans: all .5s ;
    --trans-ease: all .5s ease-out;

    --outline: 5px dotted var(--subColor);
    --outline-offset: 0;
}

:root{
    /* font-size */
    --titleBN-L: clamp(1.75rem,3.5vw,3.5rem);
    --titleBN-S: clamp(1.5rem,2.25vw,2.25rem);
    --titleL: clamp(2rem,3vw,3rem);
    --titleM: clamp(1.5rem,2vw,2rem);
    --titleS: clamp(1.15rem,1.25vw,1.25rem);
    --text: clamp(1rem,1.15vw,1.15rem);
    --textS: clamp(.9rem,1vw,1rem);
    /* font-weight */
    --light:400;
    --normal:500;
    --bold:600;
    --heavy:700;
    /* line-height */
    --lineHeight--title:1.2;
    --lineHeight--txt--inner:1.5;
}

/* space */
:root{
    --hd--space: clamp(1.25rem, 4vw, 4rem);
    --blockHeight:clamp(2rem,4vw,4rem);
    --container: clamp(8rem,15vw,12rem);
    --container: clamp(1rem, 2.5vw, 2.5rem);
    --container--hd: clamp(1rem,5vw,5rem);
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.errorLine,.errorTxt,.red{--cl: var(--red);}
.errorLine{border-color: var(--cl)!important;}
.errorTxt{font-size: .875em;color: var(--cl);}
.errorTxt:empty{display: none;}
.red{color: var(--cl);}

/* !====連結底線 */
.aLink{text-decoration: underline;transition: var(--trans);}
.aLink:hover{opacity: .5;}

/* !====回頂端 */
#goTop{display:none;cursor:pointer;position:fixed;bottom: 0;right: 0;text-align:center;z-index: 99;--goTopW: 4rem;--arrowSize: 1.25rem;}
.goTop__arrow {display: block;color: white;font-size: var(--arrowSize);font-weight: 200;line-height: 1;position: relative;top: calc((var(--goTopW) + var(--arrowSize))  / 2 );z-index: 1;}
.goTop__btn {display: block;width: var(--goTopW);height: var(--goTopW);aspect-ratio: 1;background-color:var(--mjColor);position: relative;}
#goTop .goTop__btn::after {content: '';display: block;opacity: 1;width: 0rem;height: 0rem;border-radius: 50%;background-color: #fff;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);transition: all 0.5s linear;}
#goTop:hover .goTop__arrow {animation: goTopArrow 1s ease-in infinite alternate;}
#goTop:hover .goTop__btn::after {opacity: 0;--bigGoTop:calc(var(--goTopW) + 2rem);width: var(--bigGoTop);height: var(--bigGoTop);}
@keyframes goTopArrow {
    0%{top: calc((var(--goTopW) + var(--arrowSize))  / 2 );}
    100%{top: calc((var(--goTopW) + var(--arrowSize))  / 2 + .5rem);}
}

/* !====按鈕 */
.btnWrap {margin:2em 0; text-align:center;}
.btnWrap--center {display: flex;justify-content: center;}
.btnStyle{--btnW: clamp(10rem,12vw,12rem);--btnP:clamp(.75rem,1.15vw,1.15rem);width:var(--btnW);background:var(--subColor);padding:var(--btnP);border: none;display:flex;align-items:center;justify-content:space-between;position:relative;z-index: 1;overflow:hidden;transition:all .5s;}
.btnStyle>*{position:relative;z-index:1;}
.btnStyle::before{content:"";display:block;width:100%;height:100%;background:black;position:absolute;top:0;left:-100%;transition:all .5s;}
.btnStyle::after{content: "";display: block; width: 2rem;height: 1.5rem;-webkit-mask-image: url(../images/all/btn-arrow-next.svg);mask-image: url(../images/all/btn-arrow-next.svg);-webkit-mask-size: contain;mask-size: contain;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;mask-position: center;background-color: black; transition:all .5s;}
.btnStyle .txt{letter-spacing:.05rem;font-size: var(--text);transition:all .5s;}
.btnStyle:hover{padding:var(--btnP) calc(var(--btnP) + .5rem);}
.btnStyle:hover::before{left:0;}
.btnStyle:hover::after{background-color:white;}
.btnStyle:hover .txt{color:white;font-weight:var(--normal);}

/* !====submit-loading */
.load-wrapp{position:fixed;width:100%;height:100%;background: rgb(0 0 0 / 65%);top: 0;left: 0;z-index: 99999;}
.loading{position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.loading span{color:#fff;font-size: 25px;margin-top: 40px;display: table;}
.spinner {position: relative;width: 60px;height: 60px;margin: 0 auto;}
.bubble-1,.bubble-2 {position: absolute;top: 0;width: 30px;height: 30px;border-radius: 100%;background-color: #fff;}
.bubble-2 {top: auto;bottom: 0;}
.loading .spinner {animation: loadingI 2s linear infinite;}
.loading .bubble-1,.loading .bubble-2 {-webkit-animation: bubble 2s ease-in-out infinite;animation: bubble 2s ease-in-out infinite;-moz-animation:bubble 2s ease-in-out infinite;-o-animation:bubble 2s ease-in-out infinite;}
.loading .bubble-2 { animation-delay: -1s;}
/* animation:loadingI */
@-o-keyframes loadingI{100%{transform:rotate(360deg)}}
@-moz-keyframes loadingI{100%{transform:rotate(360deg)}}
@-webkit-keyframes loadingI{100%{transform:rotate(360deg)}}
@keyframes loadingI{100%{transform:rotate(360deg)}}
/* bubble */
@-o-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-moz-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-webkit-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
/* submit-loading END*/
/*---------------------- 頁面開始 ----------------------*/

/* !====全頁佈局 */
.wrapper { padding:2rem 0;}
.blockHeight{padding: var(--blockHeight) 0;}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

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

/* !====顏色 */
.--mjColor{ color:var(--mjColor);} 
.--mjColor-l{ color:var(--mjColor-l);} 
.--mjColor-d{ color:var(--mjColor-d);} 
.--subColor{ color:var(--subColor);} 

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

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

/* !====編輯器 */
.article--wrapper{width: 100%;display:flex;flex-direction:column;gap: clamp(.5rem,2vw,2rem);}
.article--hasSidebar{margin-left: 2rem;}
.tx01{margin-bottom: 1rem;--picRadius:clamp(.5rem,1vw,1rem);}
.text{padding:clamp(.5rem,1vw,1rem) 0;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.tx01 img{max-width: 100%;height: auto!important;}
.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%;max-height:100%;height:auto!important;}
.tx01 iframe{overflow:hidden;border-radius:var(--picRadius) ;width: 100%; aspect-ratio: 16/9;}
.tx01 figure{overflow:hidden;border-radius:var(--picRadius) ;margin:0;}
.tx01 strong{font-weight: 800;}
/*項目符號*/
.tx01 ul{padding-left:1rem;}
.tx01 ul li{/* display: inline-flex; *//* align-items:center; *//* gap: .5rem; */padding-bottom:.5rem;/* flex-direction: column; */position: relative;list-style: none;}
.tx01 ul li::before{content:"";display: inline-flex;--w:.4rem;width:var(--w);height: var(--w);aspect-ratio:1;background:var(--mjColor);margin-top: calc(var(--text)/1.325);position: absolute;left: -1rem;top: 0;}
.tx01 ol{padding-left: 1rem;}
.tx01 ol li{padding-bottom:.5rem;}
.tx01 ol li{padding-bottom:.5rem;}
.tx01 ul ul{margin-top:.25rem;}
/*超連結樣式*/
.tx01 a{display: inline-block;line-height: 1.5;color: var(--mjColor);text-decoration: none;border-bottom: 1px solid var(--mjColor);}
.pageContent table { max-width:100%;width: 100%;}
.tx01.img-left:not:has(.text){display:flex;justify-content:center;}
.tx01.img-right:not:has(.text){display:flex;justify-content:center;}
.img-left{display: grid;grid-template-columns: 1fr 2fr;align-items: start;gap: 2rem;}
.img-right{display: grid;grid-template-columns: 2fr 1fr;align-items: start;gap: 2rem;}
.img-right figure{order:2;}
.img-left figure,
.img-right figure{width: 100%;}
.img-left.tx01 figure + .text,
.img-right.tx01 figure + .text{width: 100%;}
.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;}
.tx01:has(figure:only-child){display:flex;justify-content: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;}
@media screen and (max-width:991px){
    /* 圖文&編輯器  2階有側選單+底層 */ 
    .article--hasSidebar .img-left,
    .article--hasSidebar .img-right{display:flex;flex-direction: column;gap: 0;}
    .article--hasSidebar .img-left figure,
    .article--hasSidebar .img-right figure{width:100%}
    .article--hasSidebar .img-left.tx01 figure + .text,
	.article--hasSidebar .img-right.tx01 figure + .text{width:100%;padding:1rem 0 0 0}
    .article--hasSidebar .img-right figure{order:0;}
}   
@media screen and (max-width:768px){
    .article--hasSidebar{margin-left: 0;}
    /* 圖文&編輯器 */
    .img-left,.img-right{display:flex;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}
    .img-right figure{order:0;}
}  


/* !====RWD編輯器表格(X捲軸) */
/* table 表格  ============================================================ */
.tableContainer{width: 100%;}
thead{border:1px solid var(--subColor);}
th {background: var(--mjColor);color: white;}
th,td{padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,1rem);border: 1px solid var(--gray-l);}
td{background: white;}
td:nth-child(even){background: #f7f7f7cc;}

/* Banner 背景圖片 - 動態背景 */
.pgBanner--dynamic{background-size: cover;background-position: center;background-repeat: no-repeat;}
/* Body padding-top 移除 */
.body-no-padding{padding-top: 0;}
/* 隱藏元素 */
.hidden{display: none !important;}
/* 驗證碼錯誤訊息 */
.captcha-validation{display: none;}
.captcha-validation.show{display: block;}
/* 表單隱藏欄位（防機器人） */
.form-honeypot{position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0;tabindex: -1;}
/* 間距工具類 */
.mt-2rem{margin-top: 2rem;}
.mb-1rem{margin-bottom: 1rem;}
.mb-2rem{margin-bottom: 2rem;}
/* Demo 頁面樣式 */
.demo-section{margin: 2rem 0;}
.demo-text{margin-bottom: 1rem;}
/* 表格寬度 */
.table-width-25{width: 25%;}
.table-width-30{width: 30%;}
.table-width-20{width: 20%;}
/* Index 頁面樣式 */
.pdtLs .swiper-slide{max-width: 400px;padding: 0 1rem;}
/* 郵件樣式 */
.email-footer-note{color: red;}
/* GTM noscript iframe */
.gtm-noscript-iframe{display: none;visibility: hidden;}
/* Body overflow 控制 */
.body-overflow-hidden{overflow: hidden;}

/* 通行碼登入頁面樣式 */
.default-page body{margin: 0;}
.default-page .setting-box{position: relative;}
.default-page figure{margin: 0;}
.default-page figure img{width: 100%;}
.default-page .login-root{text-align: center;position: absolute;padding: 100px 50px;left: 50%;transform: translate(-50%,-50%);top: 50%;min-width: 400px;background-color: rgb(255 255 255 / 93%);backdrop-filter: blur(5px);border-radius: 20px;box-shadow: 0 0 20px rgb(51 51 51 / 25%);display: -ms-flexbox;-ms-flex-wrap:wrap;-ms-flex-align: center;}
.default-page .login-root p{font-size: 25px;display: block;margin-top: 0;color: #188a8d;font-weight: 600;}
.default-page .login-root input{height: 37px;padding-left: 10px;width: 100%;font-size: 16px;box-sizing: border-box;border-radius: 5px;border: 1px solid #188a8d;display: block;}
.default-page .login-root button{height: 40px;border: none;padding: 0 15px;font-size: 16px;display: block;margin: 20px auto 0;background: #cfe9ec;width: 100%;border-radius: 5px;color: #188a8d;font-weight: 600;}

/* !====js-下拉選單==== */
.dropdown{position:relative;}
.dropdownMenu{z-index: 999;position: absolute;top: 100%;left: 0;width: 100%;background: #ffffff;box-shadow: 0 .5rem .5rem -.5rem rgba(0, 0, 0, 0.2);transition: var(--trans-ease);}
.dropdownMenu__close{display: none;}
[data-toggle="dropdown"]{position: relative;cursor: pointer;display: block;}
@media screen and (max-width: 991px) {
[data-toggle="dropdown"].--isOpen::after{transform: rotate(-180deg);}
[data-toggle="dropdown"]::after{content: '\F282';font-family: bootstrap-icons;display: inline-flex;transition: var(--trans);font-size: .75rem;line-height: 1;align-items: center;justify-content: center;}
}

/* CSP 安全：下拉選單顯示/隱藏控制 */
.dropdownMenu--hide{display: block;pointer-events: none;opacity:0;}
.dropdownMenu--show{display: block;opacity:1;}
/* !====選單==== */
header{--logoH: clamp(2.75rem,3.5vw,3.5rem);--logoP: clamp(1rem,1.25vw,1.25rem);}
.navbar>.container{/*padding:0 var(--container--hd);*/display: flex;align-items: center;justify-content: space-between;gap:2rem;}
.navbar{position: fixed;top: 0;left: 0;right: 0;z-index: 9999;background-color: white;box-shadow: 0 0 .5rem rgba(0,0,0,0.25);;}
.navbarBrand{display: flex;align-items: center;gap: clamp(.5rem,1vw,1rem);padding: var(--logoP) 0;text-align: center;text-wrap: nowrap;font-size: var(--titleM);font-weight: var(--bold);color: var(--dark);line-height: 1;}
.navbarBrand .logo{width: 100%;height: var(--logoH);margin: 0;}
.navbarBrand .logo figure{margin:0;}
.navbarToggle{order:1;display: none;}
.navbarNav{display: flex;align-items: center;}
.navbarNav__item{display: block;position:relative;}
.navLink{--cl: var(--dark);cursor: pointer;--menuP: clamp(.75rem, 1.25vw, 1.25rem);display:block;padding: calc(var(--menuP)/2) var(--menuP);text-wrap: nowrap;position:relative;}
.navSub{min-width: 240px;background-color: #fff;padding: 1rem;border: 1px solid var(--gray-lx2);box-shadow: 0 0 10px rgba(0,0,0,0.1);list-style: none;margin: 0;padding: 0;}
.navSub__item{ --menuP: clamp(1.25rem, 1.5vw, 1.5rem);}
.navSubLink{display: block;padding:calc(var(--menuP) / 2) var(--menuP);}
.navSubLink:hover{background:var(--gray-lx2);}
@media screen and (min-width: 992px) {
    .navbarNav__item .navLink:after{content:"";display:block;width: 0;height:1px;background:var(--gray);border-top:1px solid var(--mjColor);transition:var(--trans);position: absolute;bottom: 0;left: 25%;}
    .navbarNav__item:hover .navLink:after{width:50%;}
    .navbarNav__item.active .navLink:after{width:50%;}
    .navbarNav__item:hover .navLink{color:var(--mjColor-d);}
    .navbarNav__item.active .navLink{color:var(--mjColor-d);}
}

/* !====側選單==== */
.sidebar {
    max-width: 300px;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: var(--headerH);             
    align-self: flex-start; 
    flex-shrink: 0;  
    z-index: 10;
}
.sideNavWrap {width: 100%; min-width: clamp(200px, 20vw, 240px);overflow:hidden;transition: all .75s ease-in-out;}
.sideToggle{display:none;}
/* .sidebar{border-bottom:solid 1px var(--gray-l);} */
.sideNav {list-style: none;margin: 0;padding: 0;display: flex;justify-content: center;flex-direction: column;gap:.15rem;}
.sideNav__item{background: var(--gray-lx2);border-bottom: 1px solid white;}
.sideNavLink a{display:block;padding: clamp(.5rem,1vw,1rem) clamp(1rem,1.5vw,1.5rem);}
.sideNavLink a:hover,
.sideNavLink.--hasSub{background: var(--subColor);color:var(--dark);font-weight: var(--normal);}
@media screen and (max-width: 991px) {
    .sideToggle{display:block;width: 100%;border: none;padding: .5rem; color: var(--mjColor);}
	.sidebar .sideNavWrap{max-height: 0;margin-bottom: 1rem;}
	.sidebar:has(.sideToggle.--isOpen) .sideNavWrap{max-height:100vh; min-height:1px;}
	/* .sideNav{justify-content: start;overflow-x: auto;flex-direction: row;flex-wrap: wrap;padding-bottom: 2rem;margin-bottom: 1rem;} */
}

/* !====標題 */
.mainTitle{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: .5rem; margin-bottom: clamp(1rem, 2vw, 2rem);/* padding-left: clamp(.25rem,.5vw,.5rem); */}
.mainTitle__mj{display:block;font-size: var(--titleL);font-weight: var(--heavy);line-height: var(--lineHeight--title);color:var(--dark);position:relative;}
.mainTitle__mj::first-letter{color: var(--mjColor);}
.mainTitle__mj:before{content:'';display:block;--w: clamp(2.5rem,4.25vw,4.25rem);width:var(--w);height:var(--w);aspect-ratio: 1;background:url(../images/all/title-icon.svg) no-repeat center center;background-size: cover;position:absolute;top: calc(50% - (var(--w) / 2));left: calc(-1 * var(--w) / 3);z-index:-1;margin-bottom: .15rem;}
.mainTitle__en{font-size:var(--titleS);font-weight: var(--light);line-height: var(--lineHeight--title);letter-spacing: .05rem;color:var(--mjColor);text-transform: uppercase;}
.mainTitle__sub{font-size: var(--titleM);font-weight: var(--bold);line-height: var(--lineHeight--title);color:var(--dark);margin-top: 1rem;}
.mainTitle__sub .bigTxt{font-size: calc(var(--titleM)*1.15);margin: 0 clamp(.15rem,.5vw,.5rem);font-weight: var(--heavy);}
.mainTitle .txt{font-size: var(--text);margin: clamp(.5rem,1.5vw,2rem) 0;}
.mainTitle.--left{align-items: start;}
.mainTitle.--left .mainTitle__en{padding-left:.25rem;}
.topBox{display: flex;justify-content: space-between;}
.pgContent .mainTitle{display: none;}
.pgContent .mainTitle{margin-bottom: clamp(1rem,1.5vw,1.5rem);}
.pgContent .mainTitle__mj{font-size: var(--titleM);}
.pgContent .mainTitle__mj::first-letter{color: var(--mjColor)!important;}
.pgContent .mainTitle__mj:before{--w: clamp(2rem,3vw,3rem);}
@media screen and (max-width: 768px) {
.pgContent .mainTitle{display: block;}
}

/* !====Banner */
.banner{}
.bannerWrap{position:relative;margin-top:var(--headerH);}
.bannerWrap::before{content:"co-mastery Financial. Tax. Legal";display: flex;justify-content: center;height: 100%;writing-mode: vertical-rl;text-orientation: mixed;text-transform: uppercase;font-size: clamp(.75rem, 1vw, .9rem);color: var(--dark);letter-spacing: .4em;text-wrap: nowrap;position: absolute;z-index: 5;left: clamp(.5rem,1vw,1rem);}
/* .banner__box{position:relative;height:calc(720px - var(--headerH));}*/
.banner__box{position:relative;height:calc(clamp(540px,60vw,720px) - var(--headerH));} 
.banner__box::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right, white 0%,  rgb(255, 255, 255, 0) 60%);z-index:3;}
.banner__box::after{content:"";display:block;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0,0,0,0) 50% , black 100%);position:absolute;bottom:0;left:0;z-index:2;opacity:.15;}
.banner__box .bnPic img{height:100%;transition:transform 5s ease;}
.bnTxt__box{width: 40%;height:100%;position:absolute;left: 0;bottom:0;color: var(--dark);text-shadow: 0 0 1rem white; display:flex;flex-direction:column;justify-content:center;padding-left: var(--container);z-index:10;}
.bnTxt__box>.container{padding:0;padding-left: calc( var(--container) + var(--container--hd));}
.bnTit{font-size: var(--titleBN-L);font-weight: var(--bold);line-height: 1.2;text-wrap:wrap;--lineSpace:clamp(1rem,2vw,2rem);margin-bottom: var(--lineSpace);padding-bottom: var(--lineSpace);position:relative;}
.bnTxt{font-size: var(--text);line-height: 1.8;text-wrap:wrap;margin-bottom: clamp(2rem,3.5vw,3.5rem);}
.bnTit::before,
.bnTit:after{content:'';display:block;width:100%;height:0.15rem;position:absolute;bottom:0;}
.bnTit::before{background:var(--mjColor-l);width:0;z-index:2;transition: width 5s linear;}
.bnTit:after{background:var(--gray-l);}
.swiper-slide-active .bnTit::before{width:20%;}
.swiper-slide-active .bnPic img{transform:scale(1.025);}

/* 上下則箭頭 */
.banner .swiper-button {display: flex;gap: 1px;font-size: var(--text);color: var(--dark);position: absolute;z-index: 15;right: 0;bottom: 0;}
.banner .swiper-button-prev,
.banner .swiper-button-next{right:0;left:0;font-size: var(--textS);text-transform: uppercase;color: var(--dark);--btnW: clamp(8rem,12vw,10rem);--btnP:clamp(.75rem,1.15vw,1.15rem);width:var(--btnW);height: fit-content;background: white;padding:var(--btnP);display:flex;align-items:center;justify-content:space-between;opacity: .9;position:relative;overflow:hidden;transition:all .5s;}
.banner .swiper-button-prev>*,
.banner .swiper-button-next>*{position:relative;}
.banner .swiper-button-prev::after,
.banner .swiper-button-next::before{display: none;}
.banner .swiper-button-prev::before,
.banner .swiper-button-next::after{content: "";display: block;width: 2rem;height: 1.5rem;-webkit-mask-size: contain;mask-size: contain;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;mask-position: center;background-color: black;position: relative;transition:all .5s;}
.banner .swiper-button-prev::before{-webkit-mask-image: url(../images/all/btn-arrow-prev.svg);mask-image: url(../images/all/btn-arrow-prev.svg);}
.banner .swiper-button-next::after{-webkit-mask-image: url(../images/all/btn-arrow-next.svg);mask-image: url(../images/all/btn-arrow-next.svg);}
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover{background: black;color:white;}
.banner .swiper-button-prev:hover::before,
.banner .swiper-button-next:hover::after{background-color: white;}
/* swiper點點 */
/* .banner .swiper-pagination {padding-left: var(--container);display:flex;margin-bottom:1rem;}
.banner .swiper-pagination-bullet {--w: clamp(.25rem,.5vw,.5rem);width:clamp(2rem,3vw,3rem);height: calc(var(--w) / 2);border-radius:99rem;background:var(--gray);opacity:.5;transition:all .5s;}
.banner .swiper-pagination-bullet-active{border-radius:99rem;background:var(--gray);opacity:.75} */
.banner .swiper-pagination{display:none;}
@media screen and (max-width: 1340px) {
    .bnTxt__box{width:50%;;}
}
@media screen and (max-width: 991px) {
    .banner__box::before {background: linear-gradient(to right, white 0%, rgb(255, 255, 255, 0) 20%);}
    .banner__box::after{background:linear-gradient(to top, white 0%, rgb(255, 255, 255, 0) 50%);}
    .bnTxt__box{width:100%;height:fit-content;padding: 0 var(--container);padding-bottom: 5rem;justify-content:end;text-shadow:none;}
    .bnTxt__box>*{position:relative;z-index:5;}
    .bnTit, .bnTxt{color:white;}
    .bnTxt__box:before{content:"";display:block;width:100%;height:100vh;background:black;position:absolute;bottom: 0;left:0;opacity:.3;}
}
@media screen and (max-width: 768px) {
    /* .bnTxt__box{padding-left: calc(var(--container) + clamp(1rem,3vw,3rem));} */
    .bnTxt__box .btnStyle{margin-left: auto;}
}
@media screen and (max-width: 640px) {
	.banner .swiper-button{width:100%;  margin-bottom: 1px;}
	.banner .swiper-button-prev, .banner .swiper-button-next{--btnW:100%;}
}


/* !====pgBanner */
.pgBanner{--bannerH:clamp(240px,30vw,360px);min-height:var(--bannerH);margin-top: var(--headerH);position:relative;}
.pgBanner{background-position: center;background-size: cover;line-height: 1;z-index: 3}
.pgBanner:before{content:'';display: block;width:100%;height:100%;background:var(--dark);position:absolute;top:0;left:0;opacity: .25;}
.pgBanner .bannerTitleWrap{height: var(--bannerH);transform:translateX(0);padding: var(--hd--space) var(--container);text-align: center;display: flex;flex-direction: column;justify-content: center;}
.pgBanner .bannerTitle{font-size: var(--titleBN-L);font-weight: var(--bold);color: white;}
.pgBanner .bannerTitle__en{font-size: calc(var(--text));text-transform: uppercase;color: white;}


/* !====breadCrumb 麵包屑 */
.breadCrumbsWrap {background: var(--gray-lx2);}
.breadCrumbs {display: flex;justify-content: end;flex-wrap: wrap;list-style: none;--breadC--space: clamp(.325rem, .75vw, .75rem);padding: var(--breadC--space) 0;}
.breadCrumbs__item {display: flex;align-items: center;margin: 0 var(--breadC--space);font-size: var(--textS);color:var(--gray-d);}
.breadCrumbs__item::after {content: "";display: block;width: clamp(1rem,2vw,2rem);height: 1px;border-bottom: solid 1px var(--gray);margin-left: var(--breadC--space);}
.breadCrumbs__item:last-child{color: var(--mjColor);font-weight: var(--normal);}
.breadCrumbs__item:last-child::after {display: none;}

/* !====共用排版 */
.container{padding:0 var(--container);}
.container--half{padding: 0 calc(var(--container)/2);}
.pgContent{min-height: calc(100vh - var(--headerH));background: linear-gradient(0deg, var(--gray-lx2) 5%, transparent);}
.pgContent .blockHeight{padding-bottom:calc(var(--blockHeight) * 2 );}
.contentBox{display: flex;gap: calc(var(--blockHeight) /2 );}
.--grid-1-1{display: grid;grid-template-columns: 1fr 1fr;}
.--grid-1-2{display: grid;grid-template-columns: 1fr 2fr;}
.--grid-3-2{display: grid;grid-template-columns: 3fr 2fr;}
.--grid-4-1{display: grid;grid-template-columns: 4fr 1fr;}
.--grid-5-4{display: grid;grid-template-columns: 5fr 4fr;}
.txtBox{display: flex;flex-direction: column;align-items: start;font-size: var(--text);}
.picBox{overflow: hidden;}
.videoBox{width: 100%;height:100%;object-fit: cover;transform: scale(1.01);}
.--pc{display: block;}
.--mb{display: none;}

/* !==== 項目符號列表 / 選單 */
.txtList{width: 100%;display: flex;flex-direction: column;gap: clamp(.25rem,.5vw,.5rem);}
.txtList__item{display:flex;/* align-items:center; */gap: clamp(.5rem,1vw,1rem);}
.txtList__item::before{content:"";display:flex;--w:.4rem;width:var(--w);height: var(--w);aspect-ratio:1;background:var(--mjColor);margin-top: calc(var(--text)/1.75);}
.txtList__item .txt{font-size: var(--text);font-weight: var(--normal);color: var(--dark);transition:var(--trans);}
.txtList__item .txt:after{content:"";display:block;width:0%;height:1px;border-bottom:1px solid var(--mjColor);transition:var(--trans);}
.txtList__item:hover .txt{color:var(--mjColor);}
.txtList__item:hover .txt:after{width:100%;}

/*page_number*/
.pageNumber{width: 100%;display:flex;justify-content: center;align-items: center;padding: var(--blockHeight) 0;gap:clamp(.5rem,1vw,1rem);}
.pageNumber .show{display: flex;flex-direction:column;aspect-ratio:1;height: 2rem;text-align: center;padding: 0.25rem;transition:0.5s all;display: flex;align-items: center;justify-content: center;transition:all .5s;}
.pageNumber .show:hover,.pageNumber .show.on{background: var(--mjColor);color: white;}
.pageNumber .show::after{content:"";display:block;width:1rem;height:1px;border-bottom:1px solid var(--mjColor);opacity:0;transition:all .5s;}
.pageNumber .show:hover::after,
.pageNumber .show.on::after{opacity:1;}
.pageNumber .prev, .pageNumber .next{}
.pageNumber .arrow{display:flex;align-items: center;}

/* !====首頁 */
.section--ixAbout{background:url(../images/index/ixAbout-bg.png) no-repeat center center;background-size: cover;background-color: var(--gray);position: relative;padding: var(--blockHeight) 0;overflow:hidden;}
.section--ixAbout::before{content:"";display:block;width:100%;height:100%;background: linear-gradient(180deg, white 0%, rgba(255,255,255,0) 85% , var(--gray-l));opacity: .75;position: absolute;top: 0;left: 0;z-index: 2;}
.section--ixAbout::after{content:"";display:block;width:100%;height:100%;background: white;opacity:.75;position: absolute;top: 0;left: 0;z-index: 0;}
.section--ixAbout>*{position:relative;z-index: 5;}
.section--ixAbout .txtBox{max-width:1200px;font-size: var(--text);margin:auto;line-height:1.8;}
.section--ixAbout .blockHeight::after{content:"";display:block;--w:clamp(180px,20vw,400px);width:var(--w);height:var(--w);aspect-ratio:1;background:url(../images/all/logo-icon.svg);position:absolute;--iconSpace:clamp(1rem,2vw,2rem);right:var(--iconSpace);bottom:calc(-2*var(--blockHeight) - var(--iconSpace));opacity:.3;}
.section--ixService{position: relative;padding: var(--blockHeight) 0;}
.section--ixService::before{content:"";display:block;width:100%;height:100%;background: #bababa;opacity:.75;position: absolute;top: 0;left: 0;z-index: -1;}
/* 首頁區塊圓角 */
.blockHeight.blockRadius{padding: var(--blockHeight) 0;}
.blockRadius{}
.blockRadius::before{content:"";display:block;width:100%;height:100%;position: absolute;top: 0;left: 0;border-radius: clamp(2rem, 10vw, 15rem) 0 0 0;}
.blockRadius>*{position:relative;z-index:1;}
.section--ixService .blockRadius::before{background:url(../images/index/grid-bg.png) no-repeat center center;background-size: cover;background-color: white;}
.ixSerList{display: flex;flex-wrap: wrap;--num:3;--gap: clamp(1rem,2vw,2rem);gap: var(--gap);}
.serList{display: flex;flex-wrap: wrap;--num:3;--gap: clamp(1rem,2vw,2rem);gap: var(--gap);}
.serList__item{width: calc(  (100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num)  );display: flex;flex-direction: column;gap:1rem;}
.serList__item .picBox{--picRadius:clamp(.75rem,1vw,1rem);border-radius:0 var(--picRadius) 0;transition: var(--trans);margin: 0;aspect-ratio: 16/9;}
.serList__item .tit{font-size: calc(var(--titleM)*.75);font-weight: var(--bold);line-height: var(--lineHeight--title);color: var(--mjColor);margin-bottom: 1rem;}
.serList__item:hover .picBox{border-radius:var(--picRadius) ;}
.serList__item:hover .picBox img{transform:scale(1.1);}
.section--ixEvent{position: relative;padding: var(--blockHeight) 0;}
.section--ixEvent::before{content:"";display:block;width:100%;height:100%;background: url(../images/index/grid-bg.png) no-repeat center center;background-size: cover;position: absolute;top: 0;left: 0;z-index: -1;}
.section--ixEvent .blockRadius::before{background-color: var(--gray-lx2);}
.ixEventWrap{display:grid;grid-template-columns: 3fr 2fr;gap: clamp(1.5rem,3vw,3rem);}
.ixEventWrap .cardList__item{height:100%;padding:0;flex-direction: column;}
.ixEventWrap .cardList__item .picBox{max-width: 100%;width:100%;--picRadius:clamp(.75rem,2.5vw,2.5rem);}
.ixEventWrap .cardList__item .infoBox__tit{-webkit-line-clamp: 2;}
.ixEventWrap .cardList__item .infoBox__txt{-webkit-line-clamp: 2;}

/* !====圖文列表 */
.cardList{display: flex;flex-direction: column;justify-content: space-between;gap: calc(var(--gap) / 2);}
.cardList__item{display:flex;align-items: start;position:relative;--cardSpace: clamp(1rem,2vw,2rem);padding: var(--cardSpace) 0;}
.cardList__item::before,
.cardList__item:after{content:'';display:block;width:100%;height:0.125rem;position:absolute;bottom:0;}
.cardList__item::before{background:var(--mjColor);width:20%;z-index:2;transition: var(--trans);}
.cardList__item:after{background:var(--gray-l);}
.cardList__item .picBox{max-width: 600px;width: 100%;--picRadius: clamp(.75rem,1.25vw,1.25rem);border-radius:0 var(--picRadius) 0;transition: var(--trans);margin-bottom: 0;aspect-ratio: 16/9;}
.cardList__item .infoBox{width: 100%;display:flex;gap: clamp(1rem,2vw,2rem);padding: clamp(1.25rem, 2vw, 2rem) clamp(.75rem, 1vw, 1rem);}
.cardList__item .infoBox__inner{display: flex;flex-direction: column;align-items: start;gap: clamp(.25rem,.5vw,.5rem);}
.cardList__item .dateBox{line-height: 1.2; font-size:clamp(.8rem,.85vw,.85rem);}
.cardList__item .dateBox__inner{display:flex;align-items:center;}
.cardList__item .dateBox .day{font-size: clamp(2.75rem,3.75vw,3.75rem);font-weight:var(--bold);color: var(--mjColor);}
.cardList__item .dateBox .month{display:inline-flex;align-items:center;}
.cardList__item .dateBox .month:before{content:"";display:inline-block;--w: clamp(.215rem,.275vw,.275rem);width:var(--w);height:var(--w);border-radius:99rem;background:var(--mjColor);margin: clamp(.25rem,.5vw,.5rem);}
.cardList__item .infoBox__tag{display: block;background:var(--mjColor);color: white;font-size: .9rem;line-height: 1;letter-spacing: .05rem;--p: clamp(.625rem,.75vw,.75rem);padding: calc(var(--p)/1.5) var(--p);margin-bottom: .25rem;border-radius: 99rem;}
.cardList__item .infoBox__tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;line-height: 1.5;font-size:var(--titleS);font-weight:var(--bold);transition: var(--trans);color:var(--dark);}
.cardList__item .infoBox__txt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;line-height: 1.5;font-size: var(--textS);font-weight: var(--normal);color: var(--gray-d);}
.cardList__item:hover .picBox{border-radius:var(--picRadius) ;}
.cardList__item:hover .picBox img{transform:scale(1.05);}
.cardList__item:hover .infoBox__tit{color:var(--mjColor);font-weight:var(--bold);}
.cardList__item:hover::before{width:80%;}
.cardList__item--big{flex-direction: column;}

@media screen and (min-width: 991px) {
.cardList__item--big .infoBox__tit{font-size:calc(var(--titleS) * 1.625);}
.cardList__item--big .infoBox__txt{font-size:calc(var(--text) * 1.125);}
.cardList__item--big .infoBox__tag{font-size:var(--text);position: absolute;top: 1rem;left: 1rem;}
}

.pgContent .cardList__item:first-child{padding-top:0;}
.pgContent .cardList__item .picBox{margin-left: .5rem;order:2;}
.pgContent .cardList__item .infoBox{padding: 0 clamp(.75rem, 1vw, 1rem);position:relative;}
.pgContent .cardList__item::after,
.pgContent .cardList__item::before{height: 0.125rem;position:absolute;bottom:0;}
.pgContent .cardList__item .more .infoBox__tit{padding-right:2.5rem;}
.pgContent .cardList__item .more::after{content: 'more';display: inline-flex;align-items: center;font-size:var(--textS);color:var(--mjColor);width: 2.5rem;height: 100%;opacity:0;position: absolute;top: 0;right: -1rem;transition:all .5s;}
.pgContent .cardList__item:hover .more::after{opacity:1;right: 0;}
@media screen and (max-width: 991px) {
    .pgContent .cardList__item .picBox{margin-left: 0;order:0;}
}
@media screen and (max-width: 768px) {
    .pgContent .cardList__item{flex-direction: column;}
}

/* !====文字列表 */
.list{display: flex;flex-direction: column;justify-content: space-between;gap: calc(var(--gap) / 2);}
.list__item{display:flex;position:relative;--listSpace: clamp(1.25rem,3vw,3rem);padding: var(--listSpace) 0;}
.list__item::before,
.list__item:after{content:'';display:block;width:100%;height:0.05rem;position:absolute;bottom:0;}
.list__item::before{background:var(--mjColor);width:20%;z-index:2;transition: var(--trans);}
.list__item:after{background:var(--gray-l);}
.list__item .infoBox{width: 100%;display:flex;gap: clamp(1rem,2vw,2rem); padding: 0 clamp(.75rem, 1vw, 1rem);}
.list__item .infoBox__inner{display: flex;flex-direction: column;align-items: start;gap: .5rem;}
.list__item .dateBox{line-height: 1.2; font-size:clamp(.8rem,.85vw,.85rem);}
.list__item .dateBox__inner{display:flex;align-items:center;}
.list__item .dateBox .day{font-size: clamp(2.75rem,3.75vw,3.75rem);font-weight:var(--bold);color: var(--mjColor);}
.list__item .dateBox .month{display:inline-flex;align-items:center;}
.list__item .dateBox .month:before{content:"";display:inline-block;--w:clamp(.25rem,.325vw,.325rem);width:var(--w);height:var(--w);border-radius:99rem;background:var(--mjColor);margin: clamp(.15rem,.5vw,.5rem);}
.list__item .infoBox__tag{display: block;background:var(--mjColor);color: white;font-size: .9rem;line-height: 1;letter-spacing: .05rem;--p: clamp(.625rem,.75vw,.75rem);padding: calc(var(--p)/1.5) var(--p);border-radius: 99rem;}
.list__item .infoBox__tit{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.25;font-size:var(--titleS);font-weight:var(--bold);transition: var(--trans);color:var(--dark);}
.list__item .infoBox__txt{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: var(--text);font-weight:var(--normal);color: var(--gray-d);}
.list__item:hover .infoBox__tit{color:var(--mjColor);font-weight:var(--bold);}
.list__item:hover::before{width:80%;}
.pgContent .list__item:first-child{padding-top:0;}
.pgContent .list__item .more .infoBox__tit,
.pgContent .list__item .link .infoBox__tit{padding-right:2.5rem;}
.pgContent .list__item .more::after{content: 'more';display: inline-flex;align-items: center;font-size:var(--textS);color:var(--mjColor);width: 2.5rem;height: 100%;opacity:0;position: absolute;top: 0;right: -1rem;transition:all .5s;}
.pgContent .list__item .link::after{content: '\F470';font-family: 'bootstrap-icons';display: inline-flex;justify-content:center;align-items: center;font-size:1.25rem;color:var(--mjColor);width: 2.5rem;height: 100%;opacity:0;position: absolute;top: 0;right: -1rem;transition:all .5s;}
.pgContent .list__item:hover .more::after,
.pgContent .list__item:hover .link::after{opacity:1;right: 0;}


/* !==== 關於誠明 */
.aboutWrap{width: 100%;}
.aboutWrap .cardList{display: grid;grid-template-columns:1fr 1fr 1fr;--gap: clamp(3rem,4vw,4rem);}
.aboutWrap .cardList__item{flex-direction: column;}
.aboutWrap .cardList__item{padding: 0 !important;}
.aboutWrap .cardList__item .picBox{order: 0 !important;margin: 0 !important;}
.aboutWrap .cardList__item .infoBox{padding: clamp(.5rem, .75vw, .75rem) 0;}

/* !====服務項目 */
/* .serWrap{width:100%;}
.serWrap .cardList{display: grid;grid-template-columns:1fr 1fr 1fr;--gap: 2rem;}
.serWrap .cardList__item{flex-direction: column;}
.serWrap .cardList__item{padding: 0 !important;}
.serWrap .cardList__item .picBox{ order: 0 !important;margin: 0 !important;}
.serWrap .cardList__item .infoBox{padding:clamp(.75rem, 1vw, 1rem) 0;} */

.serWrap{width:100%;}
.serWrap__inner{margin-bottom: calc(var(--blockHeight)*2);}
.serWrap .mainTitle{display: block;}
.serWrap .topBox{flex-direction:column;}
.serWrap .cardList{counter-reset: Num;display: grid;grid-template-columns:1fr 1fr;gap: 0 2rem;}
.serWrap .cardList__item {counter-increment: Num;gap: .5rem;padding: clamp(.5rem,1vw,1rem) 0!important;}
.serWrap .cardList__item .picBox{max-width:200px;width: 100%; --picRadius: clamp(.75rem, 1vw, 1rem);}
.serWrap .cardList__item .picBox{margin: 0 !important;display: none;}
.serWrap .cardList__item .infoBox{padding:clamp(.5rem, .75vw, .75rem) 0;}
.serWrap .cardList__item .infoBox__tit{text-wrap:wrap;-webkit-line-clamp: 3;display: flex;align-items: baseline;}
.serWrap .cardList__item .infoBox__tit::before {content: counter(Num, decimal-leading-zero) ". ";font-weight: bold;font-size: var(--titleM);font-style: italic;line-height: 1;color: var(--mjColor);margin-right: clamp(.25rem,.5vw,.5rem);}
.serWrap .cardList__item::before,
.serWrap .cardList__item::after {height:0.05rem;}

/* !====法令新知 */
.legalWrap{width: 100%;}
.legalWrap .infoBox__inner{flex-direction:row;align-items:center;gap: 1rem;}
.legalWrap .mainTitle{display: block;}
.legalWrap .topBox{flex-direction:column;}
.legalWrap .dateBox,
.legalWrap .dateBox .day{font-size:var(--textS);color:var(--gray);font-weight:var(--light);}
.legalWrap .dateBox{display:flex;align-items:center;display:none;}
.legalWrap .dateBox .day{order:1;display:flex;align-items:center;}
.legalWrap .dateBox .day:before,
.legalWrap .dateBox .month:before{content:'/';display: inline-block;background:none;margin: clamp(.15rem,.25vw,.25rem);width: 100%;height: 100%;}
.legalWrap .list__item{--listSpace: clamp(1.15rem, 2vw, 2rem);    padding: var(--listSpace) 0!important;}
.legalWrap .list__item .infoBox{gap: clamp(.35rem,1.25vw,1.25rem);}
.legalWrap .infoBox__tag{max-width: fit-content;width: fit-content;margin-right: auto;text-wrap:nowrap;}
.legalWrap .infoBox__tit{font-size:var(--text);font-weight: var(--normal);-webkit-line-clamp: 5;line-height: 1.8;}
.legalWrap .cardList__item::before,
.legalWrap .cardList__item::after {height:0.05rem;}

/* !====活動訊息 */
.eventWrap{width: 100%;}
.eventWrap .cardList__item{display: grid;grid-template-columns: 3fr 1fr;align-items:center;}
.eventWrap .cardList__item .picBox {max-width: 300px;}
.eventWrap .cardList__item::before,
.eventWrap .cardList__item::after {height:0.08rem;}

/* !====底層頁面 */
.detail__topBox .mainTitle{display: flex;flex-direction: column;justify-content: start;align-items: start;margin: 0;}
.detail__topBox .mainTitle__mj{font-size: calc(var(--titleL)*.85);}
.detail__topBox .mainTitle__mj:before{--w: calc(clamp(2.5rem,4.5vw,4.5rem)*.75);}
.detail__tag{display: block;background:var(--mjColor);color: white;font-size: .9rem;line-height: 1;letter-spacing: .05rem;--p: clamp(.625rem,.75vw,.75rem);padding: calc(var(--p)/1.5) var(--p);border-radius: 99rem;margin-bottom: clamp(.15rem,.25vw,.25rem);}
.detail__date{font-size: var(--textS);color: var(--gray);letter-spacing: .15rem;display:flex; align-items:center;gap:.5rem;}
.detail__date::before{content:'\F1E2';font-family:'bootstrap-icons';font-size:var(--text);}
.--none{display: none;}

/* !====員工文康活動 */
.albumWrap .cardList{display: grid;grid-template-columns:1fr 1fr 1fr;--gap: clamp(3rem,4vw,4rem);}
.albumWrap .cardList__item{flex-direction: column;}
.albumWrap .cardList__item{padding: 0 !important;}
.albumWrap .cardList__item .picBox{order: 0 !important;margin: 0 !important;}
.albumWrap .cardList__item .infoBox{padding: clamp(.5rem, .75vw, .75rem) 0;}

/* !====員工文康活動 - 底層相簿 */
.albumList{display: flex;flex-wrap: wrap;--num:4;--gap: clamp(.25rem,.5vw,.5rem);gap: var(--gap);}
.albumList__item{width: calc(  (100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num)  );display: flex;flex-direction: column;gap:1rem;position:relative;overflow:hidden;aspect-ratio: 1;}
.albumList__item img{width:auto;height:100%;}
.albumList__item::before{content:'';display:block;width:100%;height:100%;position:absolute;background:var(--dark);opacity:.25;transition:var(--trans);}
.albumList__item__name{width: 100%;position: absolute;bottom: -100%;left: 0;z-index:5;font-size: clamp(.85rem,.9vw,.9rem);color:white;padding: clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,1rem);transition: var(--trans);background:rgba(0,0,0,.5);}
.albumList__item:hover .albumList__item__name{bottom:0;}
.albumList__item:hover::before{opacity:0;}
.lb-outerContainer{width: clamp(360px,80vw,900px) !important;height: auto  !important;    min-height: clamp(120px,50vw,300px);}
.lb-dataContainer{width: clamp(360px,80vw,900px) !important;margin-top: 1rem!important;}
.lightbox .lb-image{width: 100% !important;height: auto !important;}
.lb-data .lb-caption{font-size: var(--text)!important;}
.lb-data .lb-number{margin-top: .5rem}

/* !===人才徵選 */
.formGroupWrap{width: 100%;overflow: hidden;background: white;padding: clamp(1rem, 1.5vw, 1.5rem) clamp(1rem, 3vw, 3rem);margin: auto;box-shadow: 0 0 1rem rgba(0, 0, 0, .15);}
.formGroup{display: flex;flex-wrap:wrap;gap: 0 var(--gap);--gap:clamp(1rem,2vw,2rem);}
.formGroup__item{display: flex;align-items: start;gap: .25rem clamp(.5rem,.75vw,.75rem);width:100%;padding: clamp(.25rem,.5vw,.5rem) 0;flex-direction: column;}
.formGroup__item label{font-size: var(--text);text-wrap: nowrap;color: var(--dark);}
.formGroup__item--half{width:calc(50% - (var(--gap)/2));}
.formGroup__item--bottom{display: flex;justify-content: space-between;align-items: end;gap:var(--gap);margin-bottom:clamp(1rem,2vw,2rem);}
.formGroup__item--bottom .btnWrap{margin:0;}
.formGroup__item--recaptcha{padding: 0;}
.formGroup__item .tit{display: flex;align-items: center;gap: .25rem clamp(.5rem,.75vw,.75rem);padding-top: .15rem;}
.formGroup__item .tit::before{content:'';display: block;--w: clamp(.5rem,.75vw,.75rem);width: var(--w);height: var(--w);aspect-ratio:1;background: var(--mjColor-l);}
.form-control{background: white;font-size: 1rem;width: 100%;display: inline-block;border-radius: 0;border: 1px solid var(--gray);padding: clamp(.25rem,.325vw,.325rem);color:var(--dark);}
.form-control:focus{box-shadow: 0 0 0 .25rem rgb(0 0 0 / 10%);outline: none;z-index: 1;}
textarea {resize: none;}
.form-check-group{width:100%;display: flex;flex-wrap: wrap;;gap: clamp(.25rem,.5vw,.5rem) clamp(1rem,2vw,2rem);}
.form-check{display:flex;gap: 0.5rem;margin: 0;align-items: center;}
.form-check label{margin:0;line-height:1;}
.form-check.form-check--wrap{align-items: start;text-wrap:wrap;}
.form-check.form-check--wrap input{margin-top: .25rem;}
.form-check.form-check--wrap a{text-wrap:nowrap;color:var(--subColor);border-bottom:solid 1px var(--subColor);}
.form-check.form-check--wrap a:hover{color:var(--subColor-d);}
.form-check-input{font-size:1.125em;--w: clamp(1.15rem,1.25vw,1.25rem);width: var(--w);height: var(--w);padding: .5rem;margin-bottom: .15em;}
input::placeholder{font-size: .9rem;color:var(--gray-l);letter-spacing:.05rem;}
.form-check-input[type="checkbox"] {appearance: none;border: 1px solid var(--dark);border-radius: .15rem;position: relative;cursor: pointer;background-color: transparent;}
.form-check-input[type="checkbox"]:checked {background-color: transparent;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23008089' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m5 10 4 4 6-9'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: center;border: 1px solid var(--subColor);}
.form-check-input:checked[type="radio"] {background-color: #fff;border-color: var(--mjColor-d);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.2' fill='%238D0009'/%3e%3c/svg%3e");outline: var(--mjColor-d);}
.form-check-input[type="checkbox"]:checked + label,.form-check-input:checked[type="radio"]:checked + label{color: var(--mainColor--dark);}
.checkBox{display: flex;flex-direction: row;align-items: start;gap:clamp(.5rem,1vw,1rem);}

.RecruitList{width: 100%;display: flex;justify-content: center;gap: clamp(.25rem,.5vw,.5vw);}
.RecruitList .btnStyle{/*--btnW: clamp(12rem, 14vw, 14rem);*/width: 100%;background: black;}
.RecruitList .btnStyle .txt{color:white;}
.RecruitList .btnStyle::before{background:var(--subColor);}
.RecruitList .btnStyle::after{background-color: white;}
.RecruitList .btnStyle:hover{--btnP:clamp(.25rem,1.15vw,1.15rem);color:block;}
.RecruitList .btnStyle:hover .txt{color:black;font-weight:400;}
.RecruitList .btnStyle:hover::after{background-color:black;}
.conWrap{padding: clamp(1rem,1.5vw,1.5rem) clamp(1rem,2vw,2rem);padding-top:0;margin-bottom: 1rem;}
.conWrap>*{position:relative;z-index:5;}
.conWrap:first-child {background: var(--gray-lx2);height:fit-content;}
.conWrap:first-child .mainTitle__mj:before{filter: contrast(0.9);}
.conWrap__inner{margin-bottom: var(--blockHeight);}
.conWrap .mainTitle{margin-bottom:clamp(1rem,1.5vw,1.5rem);}
.conWrap.formGroupWrap{padding: clamp(1rem,2vw,2rem) clamp(1rem,4vw,4rem);}
.conWrap.formGroupWrap .txtBox{font-weight:var(--bold);}


button, input[type="button"], input[type="submit"] {
    /* 清除手機系統預設樣式 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  
    /* 設定你想要的文字顏色（例如黑色） */
    color: var(--dark); 
    
    /* 確保背景與邊框也是受你控制 */
    /* background-color: transparent;
    border-radius: 0; */
  }

/* !====footer */
.footer{position: relative;background:white;}
.footer__box{display: grid;grid-template-columns: 1fr 1fr;}
.footer__box__left{display:flex;flex-direction:column;gap:clamp(1rem,1.75vw,1.75rem);}
.footer__box__right{display:flex;flex-direction:column;justify-content: space-between;}
.ftLogo{width: clamp(280px,20vw,320px);margin: 0;}
.ftSocialList{display: flex;gap: .5rem;}
.ftSocialList__item{--ftIconW: clamp(1.75rem,2.5vw,2.5rem);width: var(--ftIconW);height: var(--ftIconW);aspect-ratio:1;}
.ftSocialList__item img{width: 100%;height: 100%;object-fit: cover;}
.ftSocialList__item:hover{opacity:.8;}
.ftInfoList{display: flex;flex-direction: column;gap: .5rem;}
.ftInfoList__item{font-size: var(--text);color: var(--dark);display:flex;align-items:center;gap: clamp(.5rem,.75vw,.75rem);}
.ftInfoList__item::before{content:"";display:flex;justify-content: center;align-items: center;width: var(--text);height: var(--text);aspect-ratio:1;font-family: bootstrap-icons;font-size: var(--text);color: var(--mjColor);}
.ftInfoList__item.--location::before{content:"\F3E7";}
.ftInfoList__item.--phone::before{content: "\F5B4";}
.ftInfoList__item.--fax::before{content: "\F500";}
.ftMenu{flex-direction: row;flex-wrap: wrap;--num:3;--gap: clamp(.75rem,1.5vw,1.5rem);}
.ftMenu .txtList__item{width: calc(  (100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num)  );}
.copyright{padding-top: clamp(.75rem,1.5vw,1.5rem);border-top:1px solid var(--gray-l);}
.copyright .txt{font-size:var(--textS);font-weight: var(--light);letter-spacing: .05rem;text-transform: uppercase;color: var(--gray);}


/* !========================RWD======================== */
@media screen and (max-width: 1200px) {
	/* !====首頁 */
	.ixEventWrap{grid-template-columns:1fr;gap:0;}
    .ixEventWrap .cardList__item .infoBox__tit{-webkit-line-clamp: 5;}
    .ixEventWrap .cardList__item .infoBox__txt{-webkit-line-clamp: 5;}
	.ixEventWrap .cardList{gap:0;}
    .cardList__item--big .infoBox__tit { font-size: var(--titleS) ;}

    /* !====服務項目 */
    .serList{--num:2;}
    .serWrap .cardList{grid-template-columns:1fr;}

	/* !====活動訊息 */
	.eventWrap .cardList__item{display: grid;grid-template-columns: 3fr 2fr;}
}

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

    /* !991====選單==== */
    .navbarToggle{--w: clamp(2.5rem,4vw,4rem);--h: 1px;--mv: .75rem;--cl: var(--);--cl: var(--dark);display: flex;align-items: center;justify-content: center;width: var(--w);height: var(--w);padding: 0;border: none;background-color: transparent;position: relative;z-index: 10;}
    .navbarToggle span{display: block;width: var(--w);height: var(--h);background-color: var(--cl);transform-origin: center;transition: var(--trans);}
    .navbarToggle span:nth-child(1){position: absolute;top: 50%;left: 50%;transform: rotate(0) translate(-50%,calc(-1 * (var(--mv) + var(--h))));transition: var(--trans);}
    .navbarToggle span:nth-child(3){position: absolute;top: 50%;left: 50%;transform: rotate(-0) translate(-50%,var(--mv));}
    .navbarToggle.--isOpen span:nth-child(1){position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);}
    .navbarToggle.--isOpen span:nth-child(3){position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);}
    .navbarToggle.--isOpen span:nth-child(2){opacity: 0;}
    .navbarNav{width: 300px;display: block;position: fixed;top:var(--headerH);right: -100%;bottom:0;background-color: white;z-index:9999;flex-direction: column;align-items: center;transition: all 1s;}
    .navbarNav.--isOpen{display: block;}
	.navbar:has(.navbarToggle.--isOpen) .navbarNav{right:0;}
    body:has(.navbar .navbarToggle.--isOpen)::before{opacity: 1;pointer-events: auto;}
    .navbarNav__item{--navP: 1rem;}
	.navbarNav__item:first-child .navLink {border-top:1px solid var(--gray-lx2);}
    .navbarNav__item .navLink {padding: var(--navP);display: flex;justify-content: space-between;border-bottom:1px solid var(--gray-lx2);}
	.navbarNav__item .dropdownMenu{display: block!important;max-height: 0;min-height: 0;overflow:hidden;box-shadow: none;background: var(--gray-lx2);}
	.navbarNav__item .dropdownMenu.dropdownMenu--show{min-height: 1rem;  max-height: 100vh;}
	.navbarNav__item .navLink.--isOpen{background:var(--mjColor);color:white;}

    /* 側邊欄選單（手機版） */
    .sideNavWrap.--isOpen{display: block !important;}
    .navSub{position: static;margin: 0;}
	.navSub__item{border-bottom: 1px solid white;}
    .navSubLink{padding: var(--navP);padding-left: calc(var(--navP)*2);display: flex;justify-content: space-between;}
	.navSubLink:hover{background:var(--gray-l);}

    /* !====共用排版 */
    .--grid-1-1,
    .--grid-1-2,
    .--grid-3-2,
    .--grid-4-1,
    .--grid-5-4{grid-template-columns: 1fr;}
    .--pc{display: none;}
    .--mb{display: block;}

    /* !====圖文卡片 */
    .cardList__item{flex-direction: column;}
    .cardList__item .picBox{max-width: 100%;width: 100%;order: 0;}


	/* !====首頁 */
	.ixSerList{--num:2;}
    .ixSerList__item{padding:0;margin-bottom: clamp(1rem,2vw,2rem);}
	.section--ixService .blockRadius::before{background:url(../images/index/grid-bg.png) repeat center center;background-size: contain;background-color: white;}
    .ixEventWrap .cardList__item{flex-direction: column;}
    .ixEventWrap .cardList__item .picBox{max-width: 100%;order: 0;}

    /* !====關於我們 */
    .aboutWrap .cardList{grid-template-columns:1fr 1fr;}

    /* !====服務項目 */
    .serWrap .cardList__item .picBox{max-width: 100%;}

    /* !====法令新知 */
    .legalWrap .infoBox{flex-direction:column; gap: .5rem}
    .legalWrap .infoBox__tag{order: -1;margin: unset;}

    /* !====活動訊息 */
    .eventWrap .cardList__item{display: flex;flex-direction: column;align-items: start;gap: .75rem;}
    .eventWrap .cardList__item .picBox{max-width:100%;}

    /* !====員工文康活動 */
    .albumWrap .cardList{grid-template-columns:1fr 1fr;}
    /* !====底層相簿 */
    .albumList{--num:3;}

    /* !===人才徵選 */
    .blockHeight--contact .contentBox{flex-direction: column;}
    .RecruitList{ width: 100%;flex-direction: row;justify-content: center;}
    .detail__topBox .mainTitle{align-items: center;}
	.conWrap:last-child {border:none;}

    /* !====footer */
	.footer{--boxGap:2rem;}
	.footer__box{grid-template-columns: 1fr;gap: var(--boxGap);}
	.footer__box__right{gap: var(--boxGap);padding-top: var(--boxGap); border-top: 1px solid var(--gray-l);}
	    


}

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

    /* !====共用排版 */
    .contentBox{flex-direction: column;}
    .--pc{display: none;}
    .--mb{display: block;}

    /* !====按鈕 */
    .btnWrap .btnStyle{margin-left: auto;}

    /* !====標題 */
    .topBox{justify-content: center;}
    .mainTitle.--left{align-items: center;}
    .mainTitle.--left .mainTitle__en{padding-left:0;}
    
    /* !====Banner */
    .bannerWrap::before{height:calc(100% - 3rem);}

	/* !====首頁 */
    .section--ixService .blockRadius::before {background-size: 300%;}
	.ixSerList{--num: 1;}

    /* !====breadCrumbs 麵包屑 */
    .breadCrumbs {justify-content: start;}

    /* 側邊欄選單（手機版） */
    .sidebar { max-width: 100%;position: relative;top:0;}

    /* !====關於我們 */
    .aboutWrap .cardList{grid-template-columns:1fr;}

    /* !====服務項目 */
    .serWrap .cardList{grid-template-columns:1fr;}
    .serWrap .cardList__item .infoBox__tit{font-size: var(--text);}

    /* !====員工文康活動 */
    .albumWrap .cardList{grid-template-columns:1fr;}
    /* !====底層相簿 */
    .albumList{--num:2;}

    /* !===人才徵選 */
    .formGroup__item--bottom{flex-direction: column;align-items: center;gap: 2rem;}



}


@media screen and (max-width: 640px) {
    /* !====按鈕 */
    .btnWrap .btnStyle{margin: auto;}

    /* !====關於我們 */
    .conWrap{padding: 0;}
}

/* 無障礙功能-高對比度支援 */
@media (prefers-contrast: high) {
    :root{
        --outline: 3px solid #000 !important;
        --outline-offset: 2px !important;
    }
}