@charset "utf-8";

/* CSS Document */
body{font-family:'Roboto','Noto Sans TC',sans-serif;font-size:var(--text);line-height:1.8;letter-spacing: .1em; color:var(--dark);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);}
body::before {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/all/texture.jpg);background-size: contain;background-position: fixed;z-index: -1;pointer-events: none;opacity: .35;-webkit-transition: 1s cubic-bezier(0.42, 0, 0.58, 1);transition: 1s cubic-bezier(0.42, 0, 0.58, 1);}
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;}
@media (min-width:768px){.wow{visibility:hidden;}}
.fadeInUp {
    -webkit-animation-name: none;
    animation-name:none!important;
    opacity: 1;
}
/*--------------------------------------------------*/
/* !====無障礙功能==== */
/* 無障礙焦點樣式 */
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(--transition);-webkit-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{
    width: 100%;object-fit: cover;
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    transition: all .5s;
}
figure{margin-bottom: 0;}

/* color */
:root{
    --mjColor: #E20C19; /* 主色 */
    --mjColor-d: #8D0009;
    --subColor: #008089; /* 副色 */
    --subColor-d: #005960; 
    --dark: #252525;
    --gray: #9F9F9F;
    --gray-d: #777;
    --gray-l: #E5E5E5;
    --gray-lx2: #F2F2F2;
    --mjLinear1:linear-gradient(to right, var(--mjColor-l) 5% ,var(--mjColor) 50% );
    --mjLinear2:linear-gradient(45deg, var(--mjColor-l)20%,var(--mjColor) 60%);
    --darkLinear:linear-gradient(45deg, var(--gray-d)20%,var(--dark) 60%);
    --red: #E20C19;
    --transition: all .3s linear;
    --transition-ease: all .3s ease-out;
}

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

/* space */
:root{
    --hd--space: clamp(1.25rem, 4vw, 4rem);
    --blockHeight:clamp(4rem,8vw,8rem);
    --container: clamp(2rem, 10vw, 10rem);
}

/* transition */
:root{
    --transition: all 1s;
    --transition-ease: all .5s ease-out;
}

/* header */
:root{
    --logoH: clamp(2rem,4vw,4rem);
    --logoP: clamp(1rem,1.5vw,1.5rem);
}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine,.red{--cl: var(--red);}
.alertLine{border-color: var(--cl);}
.red{color: var(--cl);}

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

/* !====回頂端 */
#goTop{--size: clamp(3.5rem,4vw,4rem);display:none;cursor:pointer;z-index: 100;position:fixed;bottom:1rem;right:1rem;width:var(--size);aspect-ratio:1;line-height:var(--size);text-align: center;background: var(--mjColor-d);color: #fff;transition:0.3s all;}
#goTop:hover{background:var(--subColor);color:#fff;}
.fixBtn{position:fixed;right: 1rem;bottom: 4rem;display: flex;flex-direction: column;gap: 0.5rem;transform: translateY(-25%) translateX(150%);align-items: flex-end;animation: fixBtnAni 1s forwards;animation-delay: 0.5s;transition: 1s all;z-index: 5;}
@keyframes fixBtnAni{
	0%{transform:translateY(-25%) translateX(150%);}
	100%{transform:translateY(-25%) translateX(0);}
}
.fixBtn__item{display:inline-flex;--size: clamp(3.5rem,4vw,4rem);height:var(--size);aspect-ratio:1;align-items: center;border-radius: 100%;border: 2px solid #b7b7b7;justify-content: center;transition:0.3s all;cursor:pointer;background: rgb(243 243 243 / 25%);}
.fixBtn__item:hover{opacity:.8;}
.fixBtn__item{display:flex;}
.fixBtn__item .txt{position: absolute;overflow: hidden;width: 0;margin-left:0.5rem;white-space: nowrap;}



/* !====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;}
.blockHeight--top{padding-top:0;}
.blockHeight--bottom{padding-bottom:0;}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}


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

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

/* !====編輯器 */
.tx01 img{max-width: 100%;height: auto!important;}
/* !====RWD編輯器表格(X捲軸) */
.tableContainer{width: 100%;}



/* table 表格  ============================================================ */
thead{border:1px solid var(--subColor);}
thead th{line-height:1.2;}
thead th .smallTxt{line-height:1;font-weight:var(--light);font-size:.85rem;}
th {background: var(--subColor);color: white;}
/* th:nth-child(even){background:var(--subColor-d);} */
th,td{padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,1rem);border: 1px solid var(--gray-l);}
td{background: white;}
tr:nth-child(even) td{background: #edf2f5;}




/* !====標題  ============================================================ */
.titleBox{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: .5rem;margin-bottom: clamp(1rem,2vw,2rem);}
.mainTitle{font-size: var(--titleL);font-weight: var(--heavy);line-height: var(--lineHeight--title);color:var(--dark);position:relative;}
.mainTitle:before{content:'';display:block;--w: clamp(.8rem,1.25vw,1.25rem);width:var(--w);height:var(--w);background:var(--subColor);--block:calc(-1*(var(--w)/4));bottom:var(--block);left:var(--block);position:absolute;z-index:-1;}
.mainTitle__en{font-size:var(--titleS);font-weight: var(--heavy);line-height: var(--lineHeight--title);color:var(--mjColor);text-transform: uppercase;}
.titleBox .txt{font-size: var(--text);margin: clamp(.5rem,1.5vw,2rem) 0;}
.titleBox .justify{text-align: justify;}
.titleBox--w .mainTitle{color:white;}
.titleBox--w .mainTitle__en{color:white;}




/* !====按鈕  ============================================================ */
.btnWrap{display:flex;justify-content: end;gap: clamp(.5rem,1vw,1rem);padding: calc(var(--blockHeight)/2) 0;}
.btnWrap--center{width: 100%;justify-content:center;}
.btnWrap--p{padding: 0;}
.btnWrap--half{padding: calc(var(--blockHeight)/4) 0;}
.btnStyle{display: flex;justify-content: center;width: clamp(120px,10vw,160px);padding: clamp(.15rem,.325vw,.325rem) clamp(.25rem,.5vw,.5rem);background: none;font-size: var(--text);border: 1px solid var(--mjColor-d);position: relative;overflow: hidden;transition: all .5s;}
.btnStyle .txt{color: var(--mjColor-d);position: relative;z-index: 1;transition: all .5s;}
.btnStyle::before{content:'';width:100%;height:100%;background:var(--mjColor-d);position: absolute;top:0;left:-100%;z-index: 1;transition: all .5s;}
.btnStyle:hover::before{left: 0;}
.btnStyle:hover .txt{color:white;}
.btnStyle:hover .txt{color:white;}
.btnStyle--w{border: 1px solid white;}
.btnStyle--w .txt{color:white;}
.btnStyle--w::before{background:white;opacity:.1;}
.btnStyle--more{margin-left: clamp(1rem,2vw,2rem);border:none;justify-content: start;gap: clamp(.5rem,.75vw,.75rem);}
.btnStyle--more .bi{display: flex;align-items: center;color:var(--subColor);font-size: clamp(.9rem,1vw,1.25rem);}
.btnStyle--more:hover::before{display:none;}
.btnStyle.btnStyle--more .txt{font-size: clamp(.9rem,1vw,1rem);color:var(--subColor);display: flex;align-items: center;}
.section-intro__List .btnStyle{width:100%;--infoP: clamp(.5rem,1vw,1rem);padding: var(--infoP);}


/* 麵包屑 breadCrumbs ============================================================ */
.breadCrumbsWrap{position: relative;}
.breadCrumbs{display: flex;flex-wrap: wrap;justify-content:end;position: relative;padding: clamp(.75rem,1vw,1rem) var(--container);/* border-bottom: 1px solid var(--gray); */margin: 0;}
.breadCrumbs__item{text-wrap: nowrap;list-style-type: none;font-size: clamp(.8rem,1vw,1rem);display:flex;align-items: center;color:var(--dark);}
.breadCrumbs__item:after{content: "";display:block;margin:0 clamp(.5rem,.75vw,.75rem);--w: clamp(.25rem,.5vw,.5rem);width: var(--w);height: var(--w);background: var(--gray);}
.breadCrumbs__item:last-child:after{display:none;}
.breadCrumbs__item:nth-last-child(2):after{background:var(--mjColor-d);}
.breadCrumbs__item:last-child a,
.breadCrumbs__item:last-child span{color: var(--mjColor-d);}
body:has(.container--sidebar) .breadCrumbs{padding-right: clamp(1.5rem,6vw,6rem);}



/* page_number ============================================================ */
.pageNumber{display:flex;justify-content: center;padding: clamp(.5rem,1vw,1rem) 0;gap:clamp(.5rem,1vw,1rem);margin-top: clamp(2rem,4vw,4rem);list-style: none;}
.pageNumber a{display: none;aspect-ratio:1;height: 2rem;text-align: center;padding: 0.25rem;display: flex;align-items: center;justify-content: center;transition:all .5s ;}
.pageNumber a:hover{color: var(--mjColor-d);}
.pageNumber .on, .pageNumber .on:hover{background: var(--mjColor-d);color:white;}
.pageNumber li{display: none;}
.pageNumber .show{display: block}





/* !====banner ============================================================ */
.bannerWrap{position: relative;--bnHeight:clamp(480px,50vw,540px);height: auto;--arrow:clamp(3rem,4vw,4rem);--rightBarW: clamp(1rem,5vw,5rem);}
.bannerWrap .deco-object{display: none;}
.bannerWrap__inner{position: relative;overflow: hidden;height:calc(var(--bnHeight) - var(--arrow));--rightBarW: clamp(1rem, 5vw, 5rem);padding-right: var(--rightBarW);}
.bannerWrap__inner:after{content:'';display:block;width:var(--rightBarW);height: 100%;background:var(--dark);position: absolute;right:0;top:0;}
.banner{width: 100%;height:480px;margin-left: unset;margin-right: var(--rightBarW);position: relative;}
.banner .banner__box{width:100%;}
.banner .banner__box .picBox{transition:all 1s;aspect-ratio:1200/600;height:100%;object-fit:cover;}
.banner .banner__box img{height: 100%;}
.banner .bannerTitleWrap{height:100%;width:55%;position:absolute;z-index:1;display: flex;flex-direction:column;justify-content:center;color: white;text-shadow: 0 0 clamp(.75rem, 1.25vw, 1.25rem) rgba(0 0 0 / 75%);font-size: var(--text);font-weight:var(--bold);}
.banner .bannerTitleWrap::before{content:'';display:block;width:120%;height:100%;position:absolute;top:0;left:0;z-index:-1;}
.bannerTitleWrap{padding:var(--container);transition:all 1s;}
.bannerTitle{color: white;font-size: var(--titleBN-L);font-weight: var(--heavy);}
.pgBanner{display: block!important;background-color:var(--gray-lx2);background-position: center;background-size: cover;line-height: 1;position:relative;z-index: 3;aspect-ratio: 1920 / 320;}
.pgBanner:before{content:'';display: block;width:100%;height:100%;background:var(--dark);position:absolute;top:0;left:0;opacity: .4;}
.pgBanner .bannerTitleWrap{height: 320px;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;}




@media screen and (max-width:1024px){
    .bannerWrap .deco-object--bn{left: 15%;}
}
@media screen and (max-width:991px){
	.bannerWrap__inner{height:100%;}
    .banner__box{position:relative;}
    .banner__box .bannerTitleWrap{width:100%;height:auto;padding: calc(var(--hd--space) + clamp(1rem,2vw,2rem));position: absolute;z-index: 1;bottom: 0;}
    .banner .bannerTitleWrap::before{background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);z-index:-1;}
    .bannerWrap .deco-object--bn{bottom: -15rem;left: calc(50% - (var(--w) /2 ));}
	
} 
@media screen and (max-width:768px){

    } 
@media screen and (max-width:640px){
	.banner .banner__box .picBox{aspect-ratio: 8/9;}
    } 


/* swiper ============================================================ */
/* swiper上下則箭頭 */
.swiper .swiper-button{display: flex;gap: clamp(.15rem,.25vw,.25rem);position: absolute;bottom: 0;right: 0;z-index: 20;}
.swiper .swiper-button-next,
.swiper .swiper-button-prev{--w:clamp(3rem,4vw,4rem);width:var(--w);height:var(--w); background:var(--dark);position: relative;right: auto;left: auto;}
.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after{display: none;}
.swiper .swiper-button .bi{width: 100%;height: 100%;aspect-ratio: 1;color:white;font-size: clamp(1.25rem,1.5vw,1.5rem);font-weight: bolder;display: flex;justify-content: center;align-items: center;}
/* swiper點點 */
.swiper .swiper-pagination {padding-left: var(--rightBarW);display:flex;justify-content:center;gap:.5rem; margin-bottom:1rem;}
.swiper .swiper-pagination-bullet {--w: clamp(.5rem,.75vw,.75rem);width: var(--w);height: var(--w);border-radius:99rem;background:var(--gray-d);opacity:.5;transition:all .5s;}
.swiper .swiper-pagination-bullet-active{width:clamp(2rem,3vw,3rem);border-radius:99rem;background:var(--subColor-d);opacity:.75}




/* !====deco object 首頁 Banner 及 About 的房子裝飾 ============================================================ */
.deco-object{position: absolute;--decoLineW: clamp(2rem,3vw,3rem);pointer-events: none;}
.deco-object:before, 
.deco-object::after,
.deco-object__inner::before{content:'';display: block;width:var(--decoLineW);height: 0;position: absolute;z-index:-1;opacity: 0;}
.deco-object--bn{--w: clamp(320px,40vw,480px);width: var(--w);height: auto;z-index: 3;left: clamp(10vw,10vw,15vw);bottom: -20%;}
.deco-object--bn::before{background:linear-gradient(to bottom, var(--mjColor) 0%, transparent 100%);top: 30%;left: 0%;}
.deco-object--bn::after{background:linear-gradient(to bottom, var(--subColor) 0%, transparent 100%);top: 10%;left: 30%;}
.deco-object--ab{width: clamp(200px,30vw,420px);height: auto;z-index: 3;right: -25%;bottom: 0;}
.deco-object--ab::before, .deco-object--ab::after{width:calc(var(--decoLineW)*1.25);}
.deco-object--ab::before{background:linear-gradient(to bottom, var(--mjColor) 0%, transparent 100%);top: -5%;left: 60%;}
.deco-object--ab::after{background:linear-gradient(to bottom, var(--subColor) 0%, transparent 100%);top: 25%;left: unset;right: -5%;}
.deco-object--ab .deco-object__inner::before{width:calc(var(--decoLineW)*1.25);background:linear-gradient(to bottom, white 0%, transparent 100%);top: 50%;left: -10%;}
.deco-object--mbMenu{width: clamp(280px,30vw,420px);height: auto;right: 0;bottom: -2px;}
/* 當 WOW.js 觸發動畫時 (.animated) */
.deco-object.animated:before,
.deco-object.animated:after,
.deco-object.animated .deco-object__inner::before {animation: decoGrow 3s ease-out forwards;}
/* 線條延遲 */
.deco-object.animated:before {animation-delay: 0.2s;}
.deco-object.animated:after {animation-delay: 0.5s;}
.deco-object.animated .deco-object__inner::before {animation-delay: 0.8s;}

@keyframes decoGrow {
0% {height: 0;opacity: 0;}
100% {height: clamp(10rem, 20vw, 20rem);opacity: 1;}
}

@media (max-width: 786px) {
.deco-object--bn{left:calc(50% - (var(--w)/2));bottom:0;}
}


/* !====共用排版 ============================================================ */
.container{padding:0 var(--container);}
.container--sidebar {padding-left: 0;--container:clamp(1.5rem, 6vw, 6rem);}
.container--sidebar .contentBox{gap: var(--container);}
.pgContent .blockHeight:first-child{padding-top:calc(var(--blockHeight)/2);}
.pgContent .blockHeight:has(.sidebar):first-child{padding-top:0;}
.contentBox{display: flex;gap: clamp(2rem,4vw,4rem);justify-content: center;position: relative;z-index: 1;}
.--grid-1-1{display: grid;grid-template-columns: 1fr 1fr;}
.--grid-1-2{display: grid;grid-template-columns: 1fr 2fr;}
.--grid-1-3{display: grid;grid-template-columns: 1fr 3fr;}
.--grid-1-4{display: grid;grid-template-columns: 1fr 4fr;}
.--grid-1-5{display: grid;grid-template-columns: 1fr 5fr;}
.--grid-2-3{display: grid;grid-template-columns: 2fr 3fr;}
.picBox{width:100%;height: auto;object-fit: cover;overflow: hidden;position: relative;transition: all .5s;border: 1px solid var(--gray-l);}
.picBox img{width:100%;height: auto;object-fit: cover;position: relative;transition: all .5s;}
.txtBox{display: flex;flex-direction: column;align-items: start;font-weight: var(--normal);}
.videoBox,.mapBox{width: 100%;height: auto;aspect-ratio: 16/9;object-fit: cover;transform: scale(1.01);}
.mapBox iframe{width: 100%!important;height:100%!important;}
.--pc{display: block;}
.--mb{display: none;}
.link{text-wrap:nowrap;color:var(--subColor);border-bottom:solid 1px var(--subColor);}
.link:hover{color:var(--subColor-d);}






/* 側選單 sidebar ============================================================ */
@media (min-width: 992px) {
.sidebar {position: sticky;top: calc(var(--logoH) + var(--logoP) + 3rem);z-index: 100;}
}
.sidebar::before{content:'';display: block;width:500px;height:100vh;background: linear-gradient(180deg, var(--mjColor-d),  transparent);opacity: .85;position: absolute;right: 0;top: calc(-1*var(--blockHeight) - .5rem);}
.sideToggle {display: none;background: var(--subColor);color: white;border: none;font-size: 1rem;padding: 0.5rem 1rem;width: fit-content;text-align: left;text-wrap: nowrap;transition:all .5s;position: relative;}
.sideNav {width: 100%;list-style: none;padding-left: 0;margin: 0;}
.sideNav__item {overflow: hidden;}
.sideNav__item .txt {background: none;display: flex;align-items: center;gap: clamp(.5rem,1vw,1rem);padding: clamp(.5rem,1vw,1rem);padding-left: clamp(.5rem, 2.5vw, 2.5rem);font-size: clamp(1rem,1.15vw,1.15rem);text-decoration: none;text-wrap: nowrap;color: white;border-bottom: 1px dashed white;overflow: hidden;position: relative;transition: background 0.3s, color 0.3s;}
.sideNav__item .sideNavLink .txt:last-child {border:none;}
.sideNav__item .txt::before{content:"";display:block;width:.5rem;height:.5rem;aspect-ratio: 1;position:relative;transition: all .5s;}
.sideNav__item .txt::after{content: "";display:block;width: calc(100% - 5rem);height: 1px;background:var(--gray-l);margin-left: auto;position: relative;right: -100%;transition:all .5s;}
.sideNav__item .txt:hover::before{background:white;}
.sideNav__item .txt:hover::after{right:0;}
.sideNav__item .txt:hover{background: #b2575d;}
.sideNav__item .active.txt{background: var(--mjColor-d);color: white;border: none;}
.sideNav__item .active.txt::before{background: white;}
.sideNav__item .active.txt::after{right:0;}

@media (max-width: 991px) {
    .sidebarWrap {position: sticky;top: 4rem;z-index: 100;}
    .sidebar {position: static;}

    .sideNav__item .txt {background: white;text-wrap: nowrap;color: var(--dark);border-bottom: 1px dashed var(--gray);}
    .sideNav__item .txt:hover::before{background:var(--mjColor-d);color: white;}
	.sideNav__item .txt:hover{background: var(--gray-l);}
    .sideNav__item .active.txt{font-weight: 600;background: var(--mjColor-d);border: none;}
	
    .sidebar::before{display:none;}

    .sideToggle {display: flex;align-items: center;}
	.sidebar:not(:has(.--isOpen)) .sideNavWrap{box-shadow: 0 0 0.5rem rgba(0,0,0,0.5);}
	.sidebar:not(:has(.--isOpen)) .sideToggle{background:var(--dark);}
	.sideNav__item .txt, .sideNav__item .sideNavLink .txt:last-child{width: 100%;padding: 0.5rem 1rem;}
	.sideNav__item .txt::before{display:none;}
    .sideNav__item .txt::after{display:none;}
	.sideToggle::before{content:'展開選單';}
	.sideToggle::after{content:'\F282';display:block;font-family:'bootstrap-icons';font-size:.75rem;margin-left: .5rem;position: relative;transition:all .5s;}
	.sidebar:not(:has(.--isOpen)) .sideToggle::after{transform: translate(0, -10%) rotate(-180deg)}
	.sidebar:not(:has(.--isOpen)) .sideToggle::before{content:'收合選單';}
}





/* !====首頁 ============================================================ */
/* 首頁 News 最新消息 影音專區 *//* 內頁新聞列表 *//* 內頁包租代管案例實績 */
.blockHeight--ixNews{position:relative;--rightBarW:clamp(1rem,5vw,5rem);}
.blockHeight--ixNews .btnWrap{padding-top:0;}
/* .blockHeight--ixNews:after{content:'';display:block;width:var(--rightBarW);height: 100%;background:linear-gradient(to bottom, var(--dark) 0%, transparent 75%);position: absolute;right:0;top:0;} */
.newsListWrap{display: grid;grid-template-columns: 1fr 1fr;gap:clamp(1rem,1.5vw,1.5rem);}
.newsVideo{ display: grid;grid-template-columns: 1fr 1fr;gap: clamp(.5rem, .75vw, .75rem);}
.newsVideo__item{display: flex;flex-direction: column;background: var(--gray-l);}
.newsVideo__item__video{width: 100%; margin-bottom: .25rem;}
.newsVideo__item__video iframe{margin:0;}
.newsVideo__item__txt{height: auto;padding: 0 clamp(.75rem,1vw,1rem);letter-spacing:0.05rem;line-height: 1.4;}
.newsVideo__item__txt p{font-size: 1rem;margin-bottom:.5rem;}
.newsVideo__item__txt .link{text-wrap: wrap;border: 0;font-size: var(--text);font-weight: var(--bold);color: var(--dark);}
.newsVideo__item__txt .link:hover{color: var(--subColor);}
.newsVideo__item .tx01--placeholder{width: 100%;height: 100%;aspect-ratio: 16/9;background:#eee;display:flex;align-items:center;justify-content:center;color:#999;}
@media (max-width: 1200px) {
    .newsListWrap{grid-template-columns: 2fr 3fr}
}
@media (max-width: 1024px) {
    .newsListWrap{grid-template-columns: 1fr}
	.newsList{order:0;}
	.newsListWrap > :nth-child(3){order:1;}
	.newsVideo{order:2;}
	.newsListWrap > :nth-child(4) { order: 3; }
}
.newsList{display: flex;flex-direction: column;}
.newsList__item{width: 100%;display: flex;/* grid-template-columns: 1fr 5fr 1fr; */background:white;margin-bottom: .25rem;gap: .5rem;position: relative;overflow: hidden;}
.newsList__item .picBox{width: clamp(200px,15vw,400px);aspect-ratio: 4/3;}
.newsList__item .picBox img{height:100%;}
.newsList__item .txtBox{width: 70%;display: flex;flex-direction: column;justify-content: center;gap: clamp(.1rem,.5vw,.5rem);padding-left: clamp(1rem,2vw,2rem);}
.newsList__item .date{color:var(--mjColor);font-weight: var(--bold);font-size: clamp(.9rem,1vw,1rem);}
.newsList__item .tit{font-size: var(--text);line-height: 1;transition: all .5s;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.newsList__item .txt{font-size:var(--text);color:var(--gray);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.newsList__item:before{content:'';display: block;width:100%;height:1px;background:var(--subColor);opacity: .8; position: absolute;bottom:0;left:-100%;transition: all .75s;}
.newsList__item:hover:before{left:0;}
.newsList__item:hover .picBox img{transform: scale(1.1);}
.newsList__item:hover .tit{color:var(--subColor);}
.newsList__item:hover .btnStyle--more{gap:clamp(1rem,1.5vw,1.5rem);}
    /* 首頁 News 最新消息 影音專區 改卡片樣式*/
	/* .newsList{display: grid;grid-template-columns: repeat(4,1fr);gap: .5rem;}
    .newsList__item {flex-direction: column;}
    .newsList__item .picBox{width:100%;}
    .newsList__item .txtBox{width:100%;padding: clamp(1rem,1.5vw,1.5rem);}
    .newsList__item .tit{-webkit-line-clamp: 2;line-height:1.5;min-height: 3rem;overflow:hidden;}
    .newsList__item .txt{-webkit-line-clamp: 3;line-height:1.5;font-size:calc(var(--text)*.9);} */
/* 首頁 Service 服務項目 */
.blockHeight--ixService{position:relative;--rightBarW:clamp(1rem,5vw,5rem);/*padding-top: var(--blockHeight);*//*margin-top: var(--blockHeight);*//*border-top: 1px solid var(--gray-l);*/}
.blockHeight--ixService:after{content:'';display:block;width:var(--rightBarW);height: 30%;background:linear-gradient(to bottom, var(--dark) 0%, transparent 75%);position: absolute;right:0;top:0;}
.blockHeight--ixService .container{padding: 0;}
.blockHeight--ixService .titleBox{padding: 0 var(--container);}
.ixServiceList{display: flex;flex-wrap: wrap;--gap: clamp(.25rem,.5vw,.5rem);--num: 5;gap: var(--gap);}
.ixServiceList__item{width: calc( ((100% - (var(--gap) * (var(--num) - 1))) / var(--num)));position: relative;}
.ixServiceList__item .txtBox{gap:clamp(1rem,2vw,2rem);color:white;--txtP: clamp(1.5rem,2.5vw,2.5rem);padding: var(--txtP);padding-top: calc(var(--txtP)*1.5);position: absolute;top:0;left:0;z-index:1;}
.ixServiceList__item .serTit{font-size:var(--titleL);font-weight:var(--bold);position: relative;}
.ixServiceList__item .serTit:after{content:'';display:block;height:.25rem;width: 2.5rem;background: var(--mjColor);margin-top: clamp(.5rem,1vw,1rem);position: relative;}
.ixServiceList__item .picBox{aspect-ratio: 480/640;}
.ixServiceList__item .picBox::before{content:'';display:block;width:100%;height:100%;background:black;opacity:.6;position:absolute;top:0;left:0;z-index: 1;}
.ixServiceList__item .picBox img{height:100%;}
/* 首頁 Hot Project 房地租售 熱門精選 */
.blockHeight--ixProject{ border-top: 1px solid var(--gray-l);}
.projectList .swiper-wrapper{height:auto;}
.projectTitle{font-size: var(--titleM);font-weight: var(--heavy);color: var(--dark);display: flex;align-items: center;gap: clamp(.5rem,1vw,1rem);}
.projectTitle:before{content:'';display:block;--w:clamp(1rem,1.25vw,1.25rem);width:var(--w);height:var(--w);background:var(--subColor);z-index:-1;}
.projectList{margin-bottom: 2rem;}
.projectList__item .picBox{aspect-ratio: 4/3;}
.projectList__item .proTit{font-size: var(--titleS);font-weight: var(--heavy);line-height: 1.2;color: var(--dark);margin: .75rem 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-clamp: 1;overflow: hidden;}
.projectList__item .proTag{padding: clamp(.15rem,.25vw,.25rem) clamp(.25rem,.5vw,.5rem);border:1px solid var(--subColor-d);color:var(--subColor);}
.projectList .swiper-button{display: flex;gap: clamp(.15rem,.25vw,.25rem);position: relative;margin: clamp(1.5rem,3vw,3rem) 0;}
.projectList__item:hover .picBox img{transform: scale(1.05);}
/* 首頁 About 關於台灣金聯 */
.blockHeight--ixAbout .container{padding: 0;}
.blockHeight--ixAbout{color:white;width: 75%;position: relative;}
.textWrapBg{display: flex;justify-content: center;background:var(--mjColor-d);padding:var(--blockHeight) calc(var(--blockHeight)/2);position: relative;overflow: hidden;}
.textWrapBg:before{content:'';display:block;width: 100%;height: 100%;opacity: .25;background:url(../images/all/logo-bg.svg);background-repeat:no-repeat;background-size: cover;position:absolute;bottom: 0;left: -10%;}
.blockHeight--ixAbout .txtBox{width: 60%;justify-content: center;align-items: center;position: relative;z-index: 2;}
.abTxt{font-size: var(--text);margin-bottom: clamp(1rem,2vw,2rem);}


/* !====共用區 */
/* 共用 - 卡片列表 ============================================================ */
.cardList{display: flex;flex-wrap: wrap;}
.cardList .list__item{width: 100%;display: grid;grid-template-columns: 1fr 2fr;gap: clamp(1rem,1vw,1rem);padding: clamp(1rem,2vw,2rem) clamp(.25rem,2vw,2rem);border-bottom: 1px solid var(--gray);overflow: hidden;position: relative;transition: all .5s;}
.cardList .picBox{height:auto;border-radius: var(--radiusS);position:relative;overflow: hidden;aspect-ratio: 4/3;}
.cardList .infoBox{display:flex;flex-direction:column;gap: clamp(.5rem,.75vw,.75rem);padding: 1rem;}
.cardList .tit{font-size: clamp(1.15rem,1.25vw,1.25rem);line-height: 1.5;font-weight: 600;display: -webkit-box;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.descBox{width: 100%;font-size: 1rem;display:flex;flex-direction:column;}
.descBox__item{display:flex;align-items: start;--gap: .5rem;gap:var(--gap);position:relative;padding:var(--gap) 0;}
.descBox__item::after{content:"";display:flex;width:100%;height:1px;border-bottom:1px dashed var(--gray);position:absolute;bottom:0;}
.descBox__item .descTit{text-wrap: nowrap;color:var(--subColor-d);display:flex;align-items: center;gap:var(--gap);}
.descBox__item .descTit::before{content:"";display:block;width:.5rem;height:.5rem;aspect-ratio: 1;background:var(--subColor);position:relative;transition: all .5s;}
.descBox__item .descTit::after{content:"";display:block;width:1px;height:1rem;border-right:1px solid var(--dark);}
.bottomBox{width:100%;display: flex;justify-content: space-between;margin: clamp(.25rem,.5vw,.5rem) 0;font-size: .9rem;}
@media screen and (min-width: 991px) {
.cardList .list__item:hover{box-shadow: 0 0 1rem rgba(0, 0, 0, .3);background:white;}
.cardList .list__item:hover .picBox{border-radius: 0;}
.cardList .list__item:hover .picBox img{position: relative;transform: scale(1.1);}
.cardList .list__item:hover .btnStyle{color:white;}
.cardList .list__item:hover .btnStyle::before {left:0;}
}


/* 共用 - 文字列表 / 連結、下載、底層 ============================================================ */
.linkBox {width: 100%;display: flex;gap: .5rem;--itemP: clamp(1rem,2vw,2rem);}
.linkBox__item {width: 100%;}
.linkTit {width: 100%;font-size: var(--titleS);font-weight: var(--bold);text-align: center;padding: calc(var(--itemP) /2 ) var(--itemP);background: var(--subColor);color: white;}
.linkBox__item:nth-child(2) .linkTit{background:var(--subColor-d);}
.linkBox__item:nth-child(3) .linkTit{background:var(--dark);}
.linkListTit{font-size: var(--titleS);color:var(--mjColor-d);font-weight: var(--bold);}
.linkList__item{display: flex;align-items: start;justify-content: space-between;gap: .5rem;padding: calc(var(--itemP) /2 );border-bottom: 1px dashed var(--gray);transition: all .5s;}
.linkList__item .txt{font-size: var(--text);display:flex;gap: clamp(.25rem,.5vw,.5rem);transition: all .5s;}
.linkList__item .txt::before{content:"";display:block;--w:clamp(.5rem,.75vw,.75rem);width:var(--w);height:var(--w);aspect-ratio: 1;margin:.5rem;background:var(--subColor);position:relative;transition: all .5s;}
.linkList__item .icon{position:relative;font-size: var(--titleS);--iconW: clamp(1.5rem,2.5vw,2.5rem);width: var(--iconW);height: var(--iconW);aspect-ratio: 1;display: flex;justify-content: center;align-items: center;}
.linkList__item .icon:before{content:'';width:var(--iconW);height:var(--iconW);font-family: 'bootstrap-icons';line-height: 1;color: var(--subColor-d);display:flex;justify-content:center;align-items:center;position: absolute;top: 0;right: 0;z-index:2;transition:all .5s;}
.linkList__item .icon:after{content:'';width:var(--iconW);height:var(--iconW);aspect-ratio:1;border-radius:99rem; background:var(--subColor);position:absolute;top:0;right:0;opacity:1;transform:scale(0);transition:all .5s}
.linkList__item .icon--download::before{content:'\F356';}
.linkList__item .icon--link::before{content:'\F470'}
.linkList__item .icon--article::before{content:'\F3B9'}
.linkList__item:hover{background:var(--gray-lx2);}
@media screen and (min-width: 991px) {
.linkList__item{align-items: center;}
.linkList__item:hover{padding-left:var(--itemP);color:var(--subColor);}
.linkList__item:hover .txt{font-weight:var(--bold);}
.linkList__item:hover .icon:before{color:white;}
.linkList__item:hover .icon:after{transform:scale(1);color:white;}
}

/* 共用 - 列表搜尋框 ============================================================ */
.searchWrap{--searchP: clamp(1rem,4vw,4rem);padding: calc(var(--searchP) /2)var(--searchP);background:white;margin-bottom: calc(var(--blockHeight) / 2);}
.searchBox .formGroup{display: flex;flex-wrap:wrap;gap: 0 var(--gap);--gap:clamp(1rem,2vw,2rem);}
.searchBox .titleBox{text-wrap:nowrap;margin-right:clamp(2rem,4vw,4rem);}
.searchBox .titleBox .mainTitle{font-size: var(--titleM);}
.searchBox .checkBox.formGroup__item {--p: clamp(.25rem,.5vw,.5rem);margin-bottom: var(--p);padding-bottom: var(--p);border: 0;border-bottom: 1px solid var(--gray-l);}
.searchBox .formGroup__item--half {flex-direction: row;}
.searchBox .formGroup__item::last-child{border:none;}
/* 內頁 - 搜尋頁 */
.pgContent .searchBox__input{position:relative;display: block;}
.pgContent .searchBox__input__box input{width: 100%;}
/* 內頁 - 表格 */
.conWrap{display: flex;border-radius:var(--radiusS);box-shadow: 0 0 1rem rgba(0 0 0 / 20%);overflow: hidden;}
.conWrap .conPic{width:40%;overflow: hidden;}
.conWrap .txtBox{margin-bottom: clamp(1rem,2vw,2rem);}
.formGroupWrap{width: 75%;overflow: hidden;background: white;padding: clamp(1rem, 3vw, 3rem) clamp(1rem, 4vw, 4rem);margin: auto;}
.formGroup{display: flex;flex-wrap:wrap;gap: 0 var(--gap);--gap:clamp(1rem,2vw,2rem);}
.formGroup__item{display: flex;align-items: center;gap: .25rem clamp(.5rem,.75vw,.75rem);width:100%;border-bottom:1px solid var(--gray-l);padding: clamp(1rem,1.5vw,1.5rem) 0;}
.formGroup__item label,
.formGroup__item legend{font-size: var(--text);text-wrap: nowrap;color: var(--dark);}
.formGroup__item--half{width:calc(50% - (var(--gap)/2));align-items: start;display: flex;flex-direction: column;}
.formGroup__item--bottom{display: flex;justify-content: space-between;align-items: end;gap:var(--gap);}
.formGroup__item--btn{padding:clamp(1rem,2vw,2rem) 0;border-bottom: none;}
.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(--subColor);}
.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: 1rem;}
.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);}
.selectBox{width: 100%;position:relative;}
.selectBox::after{content: '\F282';font-family: 'bootstrap-icons';display: flex;justify-content: center;align-items: center;--w: calc(100% - 2px);height: var(--w);width: auto;aspect-ratio: 1;background:white;position:absolute;z-index: 5;right: 1px;top: 1px;pointer-events: none;}
.form-control-select{padding: clamp(.25rem,.5vw,.5rem);}
.btnGroup{display: flex;justify-content: start;gap: clamp(.25rem,.5vw,.5rem);}
.form-control--btn{background: white;text-align: center;text-wrap: nowrap;border: 1px solid var(--subColor);color: var(--subColor-d);margin: .5rem 0;width: clamp(160px, 15vw, 180px);padding: clamp(.15rem, .325vw, .325rem) clamp(.25rem, .5vw, .5rem);transition:all .5s;}
.form-control--btn:hover{background:var(--subColor);color:white;}
.form-control--btn.--link{width:fit-content;background:none;border:none;border-bottom:1px solid var(--subColor);padding: .25rem;}
.form-control--btn:hover.--link{background:none;color:var(--subColor-d);}
.form-control--searchBtn{background: white;text-align: center;text-wrap: nowrap;border: 1px solid var(--subColor);color: var(--subColor-d);/* margin: .5rem 0; */width: clamp(80px, 15vw, 100px);padding: .25rem;transition:all .5s;display: flex;justify-content: center;align-items: center;}
.form-control--searchBtn:hover{background:var(--subColor);color:white;}
.form-control--searchTxt{border:none;color:var(--red);}
.form-control--searchTxtFinish{border:none;color:var(--subColor-d);}
.searchBtnWrap{width:100%;display: flex;justify-content: end;align-items: center;padding: 1rem 0;}
.searchBtnWrap.formGroup__item{border:0;width: fit-content;margin-left: auto;} 
.pgContent--form .formGroup__item,
.section-contact .formGroup__item{flex-wrap: wrap;}
small.red {font-size: clamp(.9rem,1vw,1rem);}
.verificationBox {display: flex;gap: .5rem;align-items: center;}
.verificationBox img,
.verificationBox input{min-width:120px;}
.bi-arrow-clockwise::before{ content: "\F116";}


/* 預約查詢系統首頁 ReservationSystem (要另外給客人) ============================================================ */
.system {padding:clamp(2rem,4vw,4rem) 0;}
.system .formGroupWrap{width: 60%;overflow: hidden;background: white;padding: clamp(1rem, 3vw, 3rem) clamp(1rem, 4vw, 4rem);margin: 2rem auto;--gap: clamp(1rem, 2vw, 2rem);}
.system .formwidth{background:white;margin:auto;}
.system .table th{background: var(--subColor-d);color: white;font-weight: var(--bold);padding: .5rem;}
.system .table td {padding: .5rem;border-bottom: 1px dashed var(--gray);}
.formGroupTopTit{font-size: var(--titleL);font-weight: 700;line-height:1.25;color: var(--subColor-d);margin-bottom: 2rem;}
.formGroupTit {width: 100%;font-weight:var(--bold);font-size: var(--titleS);color:var(--subColor-d);background: #d5e0e1;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,1rem);margin-top: clamp(1rem,2vw,2rem);}
.formGroupTit--result{margin-bottom: 1rem;}
.formGroup:first-child .formGroupTit{margin-top:0;}
.formGroupTit .note {font-size: var(--text);font-weight: var(--normal);color: var(--dark);margin-left: .5rem;}
.system .noticeWrap {border: 2px dashed var(--subColor);padding: clamp(.5rem,1vw,1.5rem);height: clamp(400px,50vw,600px);overflow-y: auto;line-height: 1.4;font-size: clamp(.9rem,1vw,1rem);color: var(--dark);}
.formGroup .formGroup__item--btn{margin:0;padding: 0;border:none;}
.system .alert-warning{color:var(--red);text-align: center;padding: clamp(.5rem,1vw,1rem) 0;}
@media screen and (max-width: 991px) {
.formGroupWrap{width: 100%;}
.system .formGroupWrap{width: 90%;}
}





/* 底層頁樣式 *//* 六圖文 + 編輯器 ============================================================ */
.detailWrap .date{font-size: clamp(.9rem,1vw,1rem);color:var(--gray);}
.detailWrap .date .bi{margin-right:.5rem;}
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.tx01{margin-bottom: clamp(1rem,2vw,2rem);}
.tx01 figure{margin-bottom: 1rem;}
.text{padding:1rem 0;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.pgContent table { max-width:100%;width: 100%;}
/* 編輯器表格的 RWD 外框：ResourceHelper.ProcessHtmlContent() 會為每個 table 包上 .table-container。
   窄螢幕要解除上面 width:100% 的箝制，表格才會依內容撐開並觸發水平捲動（否則永遠不溢出、捲軸不出現）。 */
.table-container{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media screen and (max-width:768px){
    .table-container > table{width:auto;max-width:none;min-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 figcaption{position:relative;padding: 1rem 0;font-size: 1rem;}
.tx01 figure{overflow: hidden;}
.tx01 figure img{max-width:100%;max-height:100%;width:100%;height:auto!important;}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;}
.tx01 a{line-height: 1.5;display: inline-block;transition: var(--transition);color: var(--subColor);border-bottom: 1px solid;}
.tx01 a:hover{color: var(--subColor-d);}
.tx01 a:has(.eventPic){border:none;}
.tx01 ul,.tx01 ol{padding-left: 1.5rem;margin: .5rem 0;}
.tx01 ol ol {list-style-type: lower-alpha;}
.tx01 .btnWrap{justify-content: center;}
.tx01 .btnStyleD{min-width: clamp(120px,16vw,160px);padding: clamp(.75rem,1vw,1rem);color:white;text-decoration:none;}
.tx01 .btnStyleD .txt{font-size: clamp(1rem, 1.15vw, 1.15rem);}
.img-left .btnWrap , .img-right .btnWrap { justify-content: start;}

.tx01 .tx01Title{color:var(--mjColor-d);font-weight: var(--bold);font-size:var(--titleS);}
@media screen and (max-width:768px){
    /* 圖文&編輯器 */
    .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}
	.img-left .btnWrap , .img-right .btnWrap { justify-content: center;}
    .text{width: 100%;}
} 



/* 底層頁樣式 ============================================================ */
.section{padding: calc(var(--blockHeight)/2) 0;}
.section .titleBox{align-items: start;display: flex;}
.section .titleBox::after{content:'';display: block;width:0;height:1px;border-bottom: 1px solid var(--gray);position: relative;}
.section .titleBox.wow::after{width:100%;}
.section .titleBox.--center{align-items:center;}
.section .mainTitle{font-size: var(--titleM);}
.section .mainTitle::before{ --w: clamp(.8rem, 1vw, 1rem);}
.section .section-intro__List .mainTitle{font-size: var(--titleL);}
.section .section-intro__List .mainTitle::before{display:none;}
.section-intro{width: 100%;display: flex;align-items: start;--introP: clamp(1rem,2vw,2rem);gap: var(--introP);padding-top: 0;}
.section-intro__gallery{width: 50%;display: flex;flex-direction: column;padding: 1rem;background:var(--gray-l);}
.section-intro__List{width: 50%;display: flex;flex-direction: column;justify-content: start;padding: var(--introP) 0;}
.largePic{width: 100%;height: 100%;aspect-ratio: 4/3;display: inline-block;position: relative;background: var(--gray);display: flex;justify-content: center;overflow: hidden;align-items: center;}
.largePic img {width: auto;height: 100%;display: block;transition: all .5s ease;}
.galleryBtn {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,0.35);color: white;font-size: clamp(1.5rem,2vw,2rem);padding: clamp(.5rem,1vw,1rem);z-index: 2;}
.galleryBtn--prev { left: 0; }
.galleryBtn--next { right: 0; }
.smallPicList{display: flex;gap:clamp(.25rem,.5vw,.5rem);margin-top:.5rem;overflow: auto;}
.smallPicList__item{display: inline-flex;min-width: clamp(80px,20vw,180px);  aspect-ratio: 4 / 3;--lineP: clamp(.15rem,.25vw,.25rem);padding: var(--lineP);}
.smallPicList__item.active{box-shadow: inset 0 0 0 .25rem var(--subColor);}
.section .descBox__item {--gap: clamp(.5rem,1vw,1rem);font-size: var(--text);}
.section-intro .descBox__item {font-size: var(--text);}
/* 底層頁樣式 *//* 平價住宅/房地租售/包租代管 */
.descBox__item:has(.price){align-items:center;}
.descBox__item .price{color: var(--mjColor-d);font-size: var(--titleM);font-weight: var(--heavy);line-height: 1;}
.descBox__item .price--list{color: var(--mjColor-d);}
.section-conBox .contactWrap{margin-top: 1rem;background:white;padding: clamp(1rem,1.5vw,1.5rem) clamp(1rem,3vw,3rem);} 
.section-conBox .contactWrap .tit{display: flex;flex-direction:column;--p:clamp(.25rem,.5vw,.5rem);margin-bottom:var(--p);} 
.section-conBox .contactWrap .tit::after{content:'';display:block;width:100%;height:1px;border-bottom:1px solid var(--gray-l);margin-top:var(--p);} 
.section-conBox .contactList{display: flex;flex-direction: column;margin-bottom: 1rem;} 
.section-conBox .contactList__item{color: var(--dark);padding: clamp(.5rem,.75vw,.75rem) 0;display: flex;font-size: var(--text);border-bottom: 1px dashed var(--gray);} 
.section-conBox .contactList__item .conTit{display: inline-block;line-height: 1;color: var(--mjColor-d);margin-right: clamp(.25rem,.5vw,.5rem);text-wrap: nowrap;display:flex;align-items: center;--gap: clamp(.5rem, 1vw, 1rem);gap:var(--gap);} 
.section-conBox .contactList__item .conTit::before{content:"";display:block;width:.5rem;height:.5rem;aspect-ratio: 1;background:var(--mjColor-d);position:relative;transition: all .5s;}
.infoList{display:flex;flex-wrap: wrap;--gap:1rem;gap:var(--gap);}
.infoList__item{width:calc(50% - var(--gap));display:flex;align-items: start;--gap: 1rem;gap:var(--gap);position:relative;--titP: clamp(.5rem, 1vw, 1rem);padding: var(--titP);background:white;}
.infoList__item::after{content:"";display:flex;width:100%;height:1px;border-bottom:1px dashed var(--gray);position:absolute;bottom:0;left: 0;}
.infoList__item .infoTit{min-width: 160px;line-height: 1.5;font-size:var(--text);display:flex;align-items:center;gap:var(--gap);padding:calc(var(--titP)/2) var(--titP);background:var(--subColor);color:white;}
.infoList__item .infoTxt{font-size: var(--text);color: var(--dark);margin-top: clamp(.15rem,.25vw,.25rem);}
.remark{padding:clamp(.5rem,1vw,1rem) 0;}
.casenote{padding-top: clamp(1rem,2vw,2rem);font-size: 1rem;}
/*  房地租售-擔保品查詢 */
.collatralBox{margin-bottom: 2rem;}
.collatralBox .infoTit{font-size: var(--text);color:var(--mjColor-d);font-weight: var(--bold);}
/* 包租代管-出租物件 */
.rentalWrap{background:white;padding: clamp(1rem,1.5vw,1.5rem) clamp(1rem,3vw,3rem);}
.rentalBox{padding-bottom: calc(var(--blockHeight)/2);}
.rentalBox:last-child{padding-bottom: 0;}
.rentalBox .titleBox{margin-bottom:clamp(.5rem,1vw,1rem);}
.rentalWrap .infoList__item{background:none;--titP: clamp(.25rem, .5vw, .5rem);}
.rentalWrap .rentalTit{font-size: var(--titleS);color:var(--subColor);font-weight: var(--bold);}
.rentalWrap .rentalTit .bi{font-weight: var(--bold);}
.infoList__item--full{width: 100%;}
.rentalWrap .infoBox{font-size: var(--text);color: var(--dark);}
.rentalBox .infoList__item .infoTit{min-width: clamp(120px, 10vw, 160px);/* background: none; *//* color: var(--dark); */display: flex;align-items:center;/*padding-left: 0*/;position:relative;}
.rentalBox .infoList__item .infoTxt{display: flex; margin-top:0;position:relative;}
/* .rentalBox .infoList__item .infoTit::before{content:"";display:block;width:.5rem;height:.5rem;aspect-ratio: 1;/* background:var(--subColor); position:relative;transition: all .5s;} */
/* .rentalBox .infoList__item .infoTit::after{content:'';display: block;width: 1px;height: clamp(1.25rem,1.5vw,1.5rem);border-left:1px solid var(--gray);margin-top: .25rem;margin-right: clamp(.5rem,1vw,1rem);position:absolute;right:0;top:0;} */
/* 底層頁樣式 *//* 共享辦公室 */
.descTxtList{display: flex;flex-direction: column;}
.descTxtList .descTxt{color:var(--dark);display: flex;}
.descTxtList .descTxt::before{content:'\F26A';font-family: 'bootstrap-icons';--w:clamp(1.5rem,2vw,2rem);width:var(--w);height:var(--w);margin-right: clamp(.15rem,.25vw,.25rem);color:var(--mjColor-d);display: flex;justify-content: center;}
.section-contact .formGroup__item{align-items: start;justify-content: start;flex-direction: column;}
.section-contact .formGroup__item--radio {justify-content: end;}
.section-contact .formGroup__item--radio .checkBox{border:none;}
.section-contact .formGroup__item--checkbox fieldset {border: none;padding-left: 0;padding-right: 0;}
.cardList--cowork .descTxtList{flex-wrap: wrap;flex-direction: row;gap: 0 clamp(.5rem,1vw,1rem);}
.cardList--cowork .descBox__item:last-child::after{border:none;}
.cardList--cowork .tit {font-size: clamp(1.15rem, 1.25vw, 1.5rem);}



/* 關於我們 ============================================================ */
/* 關於我們 - 企業架構 */
.org__inner{margin-bottom: clamp(2rem,4vw,4rem);padding-bottom: clamp(2rem, 4vw, 4rem);border-bottom: 1px solid var(--gray);}
.org__inner:last-child{padding-bottom:0;border:0;}
.orgTit{font-size: var(--titleS);color:var(--mjColor-d);font-weight: var(--bold);}
.orgList{display: flex;flex-wrap: wrap;}
.orgList__item{width:33.333%;padding: clamp(1rem,1.5vw,1.5rem);outline: 1px solid var(--gray-l);background: white;transition: all .5s;}
.orgList__item:hover{background: #f7f7f7cc;}
/* 關於我們 - 背景沿革 */
.titleBox.--tc{text-align: center;}
.titleBox.--left{align-items: flex-start;}
.inline.--hcenter{align-items: center;}
.abBlcok{max-width: 1440px;margin: auto;}
.abBlcok +.abBlcok{margin-top: clamp(3rem,7vw,8rem);}
.abBlcok .container.inline{display: flex;gap:clamp(2rem,6vw,6rem);justify-content: space-between;}
.foundTxt{width: 50%;padding:clamp(1rem,3vw,2rem) 0;}
.foundImg{width: 50%;max-width: 40rem;aspect-ratio: 4/5;}
.foundImg img{width: 100%;height: 100%;object-fit: contain;}
.foundNm{display: flex;margin-top: clamp(1.5rem,2.5vw,2rem);background: #fff;padding:clamp(0.8rem,1.5vw,1.5rem) 0}
.foundNm__item{text-align: center;width: 100%;position: relative;}
.foundNm__item+.foundNm__item::before{content:"";position: absolute;left: 0;top:50%;transform: translateY(-50%);width: 1px;height: 60%;background: var(--gray);opacity: .6;}
.foundNm_item__p{margin-bottom: 0;font-size: clamp(0.85rem,1.2vw,1.125rem);}
.foundNm_item__nm{font-size: clamp(1.5rem,2.5vw,2.5rem);color:var(--subColor);font-weight: bold; }
.foundNm_item__nm span{font-size: 1.125rem;margin-left: clamp(0.3rem,0.5vw,0.5rem);color:var(--dark);font-weight: 400;}

.abBlcok:has(.aboutList){border-bottom: 1px solid var(--gray-l);}
.aboutList{max-width: 900px;position: relative;display: flex;flex-wrap: wrap;--gap: clamp(0.5rem,1vw,1rem);--num: 2;gap: var(--gap);margin: auto;padding-bottom: calc(var(--blockHeight)/2);}
.aboutList__item{position: relative;z-index: 1;padding:clamp(.5rem,1.5vw,1.5rem);background: none;width: calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );transition: 0.3s all ease-in-out;}
.aboutListTit{margin-bottom: 0;}
.aboutListTit__mj{display: flex;align-items: center;justify-content: center;gap:clamp(.5rem,.75vw,.75rem);font-weight: 500;font-size: clamp(1rem,1.325vw,1.325rem);color:var(--dark)}
.aboutListTit__mj::before{content:'';display:block;--w:clamp(.325rem,.75vw,.75rem);width:var(--w);height:var(--w);background:var(--subColor);}

.abBlcok.--brand {position: relative;max-width: 100%;}
.abBlcok.--brand .container{display:flex;justify-content:center;align-items:center;padding: 0 1rem;padding-bottom: calc(var(--blockHeight) / 2);border-bottom: 1px solid var(--gray-l);}
/* .abBlcok.--brand .container.inline{justify-content: center;align-items: center;position: relative;z-index: 1;}
.abBlcok.--brand .container.inline::before{content:'';width:100%;height:clamp(360px,30vw,480px);display:block;background: var(--mjColor-d);position:absolute;left:0;top:30%;}
.abBlcok.--brand .container.inline::after{content:'';display:block;width:100%;height:clamp(360px,30vw,480px);opacity:.2;background:url(../images/all/logo-bg.svg);background-repeat:no-repeat;background-size:cover;position:absolute;top:30%;left:50%;transform:translate(-55%,0);background-position:center center;} */
.brandTxt{ width: clamp(25rem, 35vw, 40rem);}
.brandIntro{position: relative;color: var(--dark);font-size: clamp(1.125rem,1.5vw,1.25rem);overflow: hidden;}
.brandIntro__p{position: relative;z-index: 1;margin-bottom: 0;font-size: clamp(1rem, 1.25vw, 1.25rem);}
.brandImg{width: clamp(25rem,35vw,40rem);z-index: 2;}
.brandImg img{width: 100%;height: auto;object-fit: cover;}
.historyList{position: relative;}
.historyList::before{content:"";width: 1px;height:calc(100% - 3rem);position: absolute;left: 7.5px;border-left: 1px dashed #8f8f8f;top:50%;transform: translateY(-50%);}
.historyList__item{display: flex;align-items: center;position: relative;padding: clamp(1rem,1.25vw,1.25rem) clamp(2.5rem,4vw,4rem);}
.historyList__item::before{content:"";position: absolute;right:0;top:0;width:calc(100% - clamp(1.3rem,2vw,2rem));height: 100%;background: #fff;z-index: -1;}
.historyList__item+.historyList__item{margin-top: clamp(1.5rem,2vw,2rem);}
.historyDate{display: flex;align-items: center;margin-right: clamp(1rem,2vw,2rem);margin-bottom: 0;color:var(--mjColor-d)}
.historyDate span{width: 1rem;aspect-ratio: 1/1;position: absolute;left: 0;top:50%;display: block;background: var(--mjColor-d);border-radius: 50%;transform: translateY(-50%);}
.historyDate span::before{content:"";width: 0.3rem;height: 0.3rem;aspect-ratio: 1/1;border-radius: 50%;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.historyEvent{font-size: clamp(1rem,1.3vw,1.125rem);margin-bottom: 0;}
/* 關於我們 - 經營團隊 */
.teamBx{display: flex;align-items: start;gap:clamp(2rem,4vw,3.5rem);margin-bottom: clamp(2.5rem,6vw,6rem);}
.teamLeader{position: relative;width: clamp(20rem,30vw,25rem);height: clamp(25rem,35vw,30rem);}
.teamLeader::before{content:"";position: absolute;left: 0;top:0;width: 65%;height: 100%;background: linear-gradient(180deg, #008089 0%, rgba(0, 128, 137, 0.00) 100%), #D9D9D9;}
.teamLeader::after{content:"";position: absolute;left: 5%;top: 10%;width: 55%;aspect-ratio: 464/233;background: url(../images/all/logo-bg.svg)no-repeat center center / contain;opacity: .15;filter: brightness(0) invert(1);}
.leaderImg{position: absolute;z-index: 2;right:0;bottom:0;width: min(85%,20rem);}
.leaderImg img{width: 100%;height: 100%;object-fit: cover;}
.leaderName{position: relative;z-index: 2;color: var(--subColor-d);display: flex;align-items: end;gap:0.5rem;font-size: clamp(2rem, 3vw, 2.5rem);margin-bottom: 1rem;}
.leaderName__sub{display: flex;align-items: center;font-size: clamp(1rem,1.3vw,1.25rem);color: var(--dark);}
.leaderName__sub::before{content:"";width: 1px;height: 2rem;background: rgba(255,255,255,0.5);}
.leaderName__mj{font-weight: 500;}
.leaderInfo{flex:1;}
.leaderTit{display: flex;align-items: center;gap:clamp(0.5rem,1vw,0.8rem);color:var(--mjColor-d);font-size: clamp(1.125rem,1.3vw,1.25rem);font-weight: 600;white-space: nowrap;}
.leaderTit::after{content:"";display: block;width: 100%;height: 1px;background: var(--gray);}
.leaderList{list-style: none;padding-left: 0;}
.leaderList li{position: relative;padding-left: clamp(1.5rem,2vw,1.8rem);font-size: 1rem;}
.leaderList li::before{content:"";position: absolute;left: 0.3rem;top:0.6rem;width: 0.4rem;aspect-ratio: 1/1;background: var(--mjColor-d);}
.teamWrap {width: 100%;}
.teamWrap .linkList{width: 100%;}
.teamWrap .linkList__item{justify-content: start;}
.teamWrap .linkList__item .txt{color:var(--subColor-d);}
.teamWrap .linkList__item:hover{padding-left:calc(var(--itemP) /2 );color:var(--dark);background:none;}
.teamWrap .linkList__item:hover .txt{font-weight:var(--light);}
.teamWrap .linkList__item:hover .icon:before{display:none;}
.teamWrap .linkList__item:hover .icon:after{transform:scale(0);color:white;display:none;}
.teamWrap .linkList__item .name{display:flex;align-items:center;}
.teamWrap .linkList__item .name::before{content:'';display:block;width:2rem;height:1px;border-bottom:1px solid var(--gray);margin-right:.5rem;}


/* 平價住宅 ============================================================ */
/* 平價住宅 - 申購及預約查詢/公告須知 */
.eventWrap{margin-bottom: calc(var(--blockHeight)/2);}
.btnLink {width: 100%;display: grid;grid-template-columns:repeat(3, 1fr);gap: .5rem;}
.btnLink__item {width: 100%;--itemP: clamp(1rem,2vw,2rem);display: flex;justify-content: start;padding: calc(var(--itemP) /2 );background: var(--subColor);position: relative;overflow:hidden;}
.btnLink__item:nth-child(odd){background:var(--subColor-d);}
.btnLink__item .txt{width: 100%;font-size: var(--text);text-wrap: nowrap;color: white;display: flex;gap: 0.5rem;align-items: center;transition: all .5s;}
.btnLink__item .icon{position:relative;--iconW:2.5rem;}
.btnLink__item .icon:before{content:'';width:var(--iconW);height:var(--iconW);font-family: 'bootstrap-icons';font-size: var(--titleS);line-height: 1;color: white;--iconR: clamp(.25rem,.5vw,.5rem);margin-right: var(--iconR);display:flex;justify-content:center;align-items:center;position: relative;z-index:2;transition:all .5s;}
.btnLink__item .icon--house::before{content:'\F425';}
.btnLink__item .icon--cancel::before{content:'\F1F5';}
.btnLink__item .icon--search::before{content:'\F52A';}
.btnLink__item .icon--text::before{content:'\F3B9';}
.btnLink__item:hover .icon:before{margin-right: calc(var(--iconR) * 2 );}
.btnLink__item .txt::after{content: "";display:block;width: 100%;height: 1px;background:var(--gray-l);margin-left: auto;position: relative;right: -100%;transition:all .5s;z-index: 5;}
.btnLink__item:hover .txt::after{right:0;}
/* 平價住宅 ============================================================ */
/* 平價住宅 - 申購及預約查詢/公告須知 */
.eventWrap{margin-bottom: calc(var(--blockHeight)/2);}
.btnLink {width: 100%;display: grid;grid-template-columns:repeat(3, 1fr);gap: .5rem;}
.btnLink__item {width: 100%;--itemP: clamp(1rem,2vw,2rem);display: flex;justify-content: start;padding: calc(var(--itemP) /2 );background: var(--subColor);position: relative;overflow:hidden;}
.btnLink__item:nth-child(odd){background:var(--subColor-d);}
.btnLink__item .txt{width: 100%;font-size: var(--text);text-wrap: nowrap;color: white;display: flex;gap: 0.5rem;align-items: center;transition: all .5s;}
.btnLink__item .icon{position:relative;--iconW:2.5rem;}
.btnLink__item .icon:before{content:'';width:var(--iconW);height:var(--iconW);font-family: 'bootstrap-icons';font-size: var(--titleS);line-height: 1;color: white;--iconR: clamp(.25rem,.5vw,.5rem);margin-right: var(--iconR);display:flex;justify-content:center;align-items:center;position: relative;z-index:2;transition:all .5s;}
.btnLink__item .icon--house::before{content:'\F425';}
.btnLink__item .icon--cancel::before{content:'\F1F5';}
.btnLink__item .icon--search::before{content:'\F52A';}
.btnLink__item .icon--text::before{content:'\F3B9';}
.btnLink__item:hover .icon:before{margin-right: calc(var(--iconR) * 2 );}
.btnLink__item .txt::after{content: "";display:block;width: 100%;height: 1px;background:var(--gray-l);margin-left: auto;position: relative;right: -100%;transition:all .5s;z-index: 5;}
.btnLink__item:hover .txt::after{right:0;}


/* 都市更新 ============================================================ */
.urbanBlcok:nth-child(even){background:rgba(192, 192, 192, .2);}
.urbanBlcok .descBox__item .descTit{font-size: var(--text);}
.urbanBlcok .descBox__item .descTit::after{display: none;font-size: var(--text);}
/* 都市更新介紹 */
.pgServiceList{display: flex;flex-wrap: wrap;--gap: clamp(1rem,2vw,2rem);--num: 2;gap: var(--gap);}
.pgServiceList__item{width: calc( ((100% - (var(--gap) * (var(--num) - 1))) / var(--num)));position: relative;}
.pgServiceList__item .txtBox{gap:clamp(1rem,2vw,2rem);color:white; --txtP: clamp(1rem, 2.5vw, 2.5rem);padding: var(--txtP);padding-top: calc(var(--txtP)*2);position: absolute;top:0;left:0;z-index:1;}
.pgServiceList__item .serTit{font-size: var(--titleM);font-weight:var(--bold);position: relative;display: flex;align-items: center;}
.pgServiceList__item .linkList__item{padding:1rem 0;}
/* .pgServiceList__item .serIcon:after{content:'';display:block;height:.25rem;width: 2.5rem;background: var(--mjColor);bottom: 0;position: relative;} */
.pgServiceList__item .picBox{aspect-ratio: 2/1;}
.pgServiceList__item .picBox::before{content:'';display:block;width:100%;height:100%;background:black;opacity:.6;position:absolute;top:0;left:0;z-index: 1;transition: all .5s;}
.pgServiceList__item .picBox img{height:100%;}
.pgServiceList__item .serIcon{--w: clamp(2.7rem,4vw,3.5rem);width: var(--w);height: var(--w);aspect-ratio: 1/1;background: rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.5);margin-right: clamp(1.5rem,2vw,2rem);padding: clamp(.15rem,.5vw,.5rem);border-radius: 4px;display: flex;justify-content: center;align-items: center;}
.pgServiceList__item:hover .picBox::before{opacity:.5;}
/* 都市更新 - 實績與案例 */
.urbanBlcok .linkBox--case{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(2rem,4vw,4rem);margin: clamp(2rem,4vw,4rem) 0;}
.urbanBlcok .linkTag {font-size: clamp(.85rem,1vw,1rem);line-height: 1;text-wrap:nowrap;border:1px solid var(--subColor);color: var(--subColor);display: flex;align-items: center;--linTagP: clamp(.75rem,1vw,1rem);padding: calc(var(--linTagP)/2) var(--linTagP);border-radius: 99rem;transition: all .5s;}
.urbanBlcok .linkTag:empty{display: none;}
.urbanBlcok .linkList__item:hover .linkTag{background: var(--subColor);color: white;}

/* 資金貸與 ============================================================ */
.lendBlock:nth-child(even){background:rgba(192, 192, 192, .2);}
.lendBlock .linkBox--case{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(2rem,4vw,4rem);align-items: start; margin: clamp(2rem,4vw,4rem) 0;}


/* 債權協處 ============================================================ */
/* 協處流程說明 */
.debtBlcok:nth-child(even){background:rgba(192, 192, 192, .2);}
.debtBlcok .linkBox--case{display: grid;grid-template-columns: 1fr;align-items: start;margin: clamp(2rem,4vw,4rem) 0;}
.debtBlcok .linkTag {font-size: clamp(.85rem,1vw,1rem);line-height: 1;text-wrap:nowrap;border:1px solid var(--subColor);color: var(--subColor);display: flex;align-items: center;--linTagP: clamp(.75rem,1vw,1rem);padding: calc(var(--linTagP)/2) var(--linTagP);border-radius: 99rem;transition: all .5s;}
.debtBlcok .linkTag:empty{display: none;}
.debtBlcok .linkList__item:hover .linkTag{background: var(--subColor);color: white;}
.picBox--debt-process{display: block;padding:0 var(--container);}
.debtBlcok .conBox{display: inline-flex;flex-wrap: wrap;}
.debtBlcok .conBox .tel{display:flex;align-items:center;font-size: var(--text);text-wrap: nowrap;color:var(--subColor-d);}
.debtBlcok .conBox .tel::before{content:'\F5B4';font-family: 'bootstrap-icons';font-size: var(--text);color:var(--subColor);margin-left: clamp(.5rem,1vw,1rem);margin-right: .25rem;}
.debtBlcok .conBox .tel:hover{color:var(--subColor);}
.debtBlock__inner{margin-bottom: clamp(2rem,4vw,4rem);}
.debtBlcok .linkListTit{display:flex;align-items:center;text-wrap:nowrap;}
.debtBlcok .linkListTit::after{content:'';display: block;width:100%;height:1px;border-bottom:1px solid var(--gray);margin-left:clamp(.5rem,1vw,1rem);}
.debtProcessList{display: grid;grid-template-columns: repeat(3,1fr);gap:clamp(1rem,2vw,2rem)}
.debtProcessList__item{background: #fff;padding:clamp(1rem,2vw,2rem);text-align: start;width: 100%;display: flex;align-items: center;gap: 1rem;}
.debtProcessTit__mj{display: block;font-size: clamp(1.15rem,1.325vw,1.325rem);font-weight: bold;margin-bottom: 0.4rem;}
.debtProcessTit__sub{font-size: 1rem;}
.debtNum{display: block;color:var(--subColor);font-size: var(--titleM);font-weight: var(--heavy);margin-bottom: 0.4rem;}
.debtProcessIcon{--w: clamp(5rem,8vw,8rem);width:var(--w);height: var(--w);margin-right: clamp(0.8rem,1.5vw,1.5rem);}
.debtProcessIcon::before{content:"";display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;}
.debtProcessIcon.--01::before{background-image: url(../images/debt-mediation/debtProcess1.svg);}
.debtProcessIcon.--02::before{background-image: url(../images/debt-mediation/debtProcess2.svg);}
.debtProcessIcon.--03::before{background-image: url(../images/debt-mediation/debtProcess3.svg);}
/* 委外公司 */
.conpanyWrap {width: 100%;display: flex;gap: .5rem;--itemP: clamp(1.5rem,3vw,3rem);}
.conpany__row {width: 100%;}
.conpanyList__item{--iconW: 4rem;display: flex;align-items: center;gap: 1rem;padding: calc(var(--itemP) /2 );border-bottom: 1px dashed var(--gray);transition: all .5s;}
.conpanyList__item .txt{font-size: var(--text);color:var(--dark);font-weight: var(--bold);display:flex;gap: clamp(.25rem,.5vw,.5rem);transition: all .5s;}
.conpanyIcon{--iconBlock: calc(var(--iconW));width:var(--iconBlock);height:var(--iconBlock);aspect-ratio: 1;border:1px solid var(--mjColor-d);border-radius: .25rem;padding: clamp(.25rem,.5vw,.5rem);}
.conpanyList__item .conBox{display:flex;align-items:center;gap:.5rem;--w: clamp(.5rem, .75vw, .75rem);}
.conpanyList__item .conBox .name{font-size: var(--text);text-wrap: nowrap;}
.conpanyList__item .conBox .tel{display:flex;align-items:center;font-size: var(--text);text-wrap: nowrap;}
.conpanyList__item .conBox .tel::before{content:'\F5B4';font-family: 'bootstrap-icons';font-size: var(--text);color:var(--subColor);}
.conpanyList__item:hover .tel{color:var(--subColor);}


/* 聯絡我們 ============================================================ */
/* 聯絡我們 - 常見問題 Faq */
.faqListGroup{display: flex; flex-direction: column;padding:0 var(--container);}
.faqListGroup p {margin-bottom:0;}
.faqCategory{counter-reset: Num;margin-bottom: var(--blockHeight);position:relative;}
.faqList{--numSize--l: clamp(3rem,5vw,5rem);--numSize--s: clamp(2rem,3vw,3rem);--numTxt: clamp(1rem,1.5vw,1.5rem);--bodySpace: clamp(1rem, 1.5vw, 1.5rem)  clamp(1.5rem, 2.5vw, 2.5rem);--headerSpace: clamp(.75rem, 1vw, 1rem);}
.faqList{display: flex;flex-direction: column;}
.faqList__box{position:relative;border-bottom: solid 1px var(--gray);}
.faqList__box::before{content:'';position:absolute;z-index: -1;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.faqHeader{display: flex;cursor: pointer;transition:all .5s;}
.faqHeader::before{content: "Q";counter-increment: Num;content: counter(Num);color: white;display: flex;justify-content: center;align-items: center;font-size: var(--numTxt);font-weight: 400;letter-spacing: 0;background: var(--mjColor-d);min-width: var(--numSize--l);min-height: 100%;transition: var(--transition);}
.faqHeader::after{content: "\f64d";font-family: bootstrap-icons !important;font-size: clamp(1rem,1.5vw,1.5rem);display: flex;align-items: start;justify-content: center;width:clamp(2rem,4vw,4rem);padding-top: var(--headerSpace);transition:all .5s;}
.faqHeader .tit{display: flex;align-items: center;margin: 0 auto 0 0;font-size: clamp(1rem,1.2vw,1.2rem);font-weight: 500;padding: var(--headerSpace);transition: all .5s;}
.faqHeader:hover{background: var(--lightGray);}
.faqBody{position: relative;padding: var(--bodySpace);padding-left: var(--numSize--l);background: var(--lightGray);display: block;}
.faqBody__inner{display: flex;flex-direction: column;}
.faqBody__inner .picBox{gap: clamp(.5rem, 1vw, 1rem);}
.faqBody::before{content:'A';position: absolute;left: calc(var(--numSize--s) / 2);display: none;justify-content: center;align-items: center;font-size: var(--numTxt);font-weight: 500;width: var(--numSize--s);height: var(--numSize--s);color: var(--mjColor-d);}
.faqBody::after{content:'';position:absolute;right:0;top:0;width:100%;height: 2px;}
.faqBody {width: 100%;display: flex;align-items: start;font-size: var(--text);}
.open.faqList__box .faqHeader::before{background: var(--subColor);}
.open.faqList__box .faqHeader{position: relative;z-index: 1;/* background: var(--subColor); *//* color: white; */box-shadow: 0 .5rem 1.5rem -1rem rgba(0, 0, 0, 0.4);}
.open.faqList__box .faqHeader::after{transform:rotate(45deg);}
/* 聯絡我們 - 營業據點  */
.locationWrap .list__item:hover{box-shadow: none;background:none;}
.locationWrap .list__item:hover .picBox img{transform: scale(1);}
.locationWrap .cardList .picBox{aspect-ratio: unset;}
.locationWrap .list__item:first-child{padding-top:0;}
.locationWrap .list__item:last-child{border: none;}
.locationWrap .list__item{display: grid;grid-template-columns: 1fr 1fr;}
/* 聯絡我們 -  */
.blockHeight--contact .titleBox {margin-bottom: 0;}


/* 共享辦公室 ============================================================ */
.pgContent .coworkingBlcok:first-child{padding: calc(var(--blockHeight)/2) 0;}
.coworkingBlcok:nth-child(even){background:rgba(192, 192, 192, .2);}
.coSpaceList{width: 100%;display: grid;grid-template-columns: repeat(3,1fr);gap:clamp(1rem,2vw,2rem)}
.coSpaceList__item{background: #fff;display: flex;flex-direction: column;}
.coSpaceTit{font-size: var(--titleS);text-align: center;margin: clamp(.5rem,1vw,1rem) 0;}
.coSpaceTit__mj{font-weight: bold;}
.coSpaceIcon{--w: clamp(3.5rem,5vw,5rem);;width:var(--w);height: var(--w);margin:0 auto;margin-bottom: clamp(0.8rem,1vw,1rem);}
.coSpaceIcon::before{content:"";display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;}
.coBenefitList{display: flex;grid-template-columns: repeat(3,1fr);gap: clamp(.5rem,1vw,1rem);}
.coBenefitList__item{background: #fff;padding: clamp(1rem,1.5vw,1.5rem);text-align: center;width: 100%;}
.coBenefitTit__mj{display: block;font-size: var(--text); font-weight: bold;margin-bottom: 0.4rem;}
.coBenefitTit__sub{font-size: 1rem;}
.coBenefitIcon{--w: clamp(3.5rem,5vw,5rem);;width:var(--w);height: var(--w);margin:0 auto;margin-bottom: clamp(0.8rem,1vw,1rem);}
.coBenefitIcon::before{content:"";display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;}
.coBenefitIcon.--01::before{background-image: url(../images/coworking/coBenefit1.svg);}
.coBenefitIcon.--02::before{background-image: url(../images/coworking/coBenefit2.svg);}
.coBenefitIcon.--03::before{background-image: url(../images/coworking/coBenefit3.svg);}
.coBenefitIcon.--04::before{background-image: url(../images/coworking/coBenefit4.svg);}
.coBenefitIcon.--05::before{background-image: url(../images/coworking/coBenefit5.svg);}
.coTaList{display: flex;gap: clamp(.5rem,1vw,1rem);}
.coTaList__item{background: #fff;padding: clamp(1rem,1.5vw,1.5rem);text-align: center;width: 100%;}
.coTaTit__mj{display: block;font-size: calc(var(--text));font-weight: bold;margin-bottom: 0.4rem;}
.coTaTit__sub{font-size: 1rem;}
.coTaIcon{--w: clamp(3.5rem,5vw,5rem);width:var(--w);height: var(--w);margin:0 auto;margin-bottom: clamp(0.8rem,1vw,1rem);}
.coTaIcon::before{content:"";display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;}
.coTaIcon.--01::before{background-image: url(../images/coworking/coTa1.svg);}
.coTaIcon.--02::before{background-image: url(../images/coworking/coTa2.svg);}
.coTaIcon.--03::before{background-image: url(../images/coworking/coTa3.svg);}
.coTaIcon.--04::before{background-image: url(../images/coworking/coTa4.svg);}
.coTaIcon.--05::before{background-image: url(../images/coworking/coTa5.svg);}


/* 業務介紹(美工) -平價住宅介紹、都市更新介紹 202608新增*/
.section.--intro{position: relative;margin-bottom: calc(var(--blockHeight)/2);}
.section.--intro::before {content:'';display: block;width:100%;height:100%;position: absolute;top: 0;left: 0;z-index: -1;}
.section-header {text-align: left;margin-bottom: 1rem;}
.homeBlcok,
.introUrbanBlcok,
.introRetal{position:relative;padding: clamp(1rem,4vw,4rem);}
.homeBlcok::before,
.introUrbanBlcok::before,
.introRetal::before{content:"";display:block;width:100%;height:100%;background:white;box-shadow:0 0 .25rem  rgba(192, 192, 192, .2);position:absolute;top:0;left:0;}

    /*服務對象*/
    .introClientList{display: grid;grid-template-columns: 1fr 1fr;gap: .75rem;}
    .introClientList__item{padding: 1rem 1.5rem;background: #f9f9f9;display: flex;flex-direction: column;}
    .introClientList__item .title{font-size: var(--titleS); font-weight: var(--bold); color: var(--subColor); margin-right: .5rem;}
    .introClientList__item .subTitle{font-size: var(--text); color:var(--dark);}
    .introClientList__item.--subColor{background: var(--subColor);}
    .introClientList__item.--subColor .title{color: white;}
    .introClientList__item.--subColor .subTitle{color: white;}
    /*服務介紹*/
    .introSerGroup{padding: clamp(1.25rem,2vw,2rem);background: #f9f9f9;margin-bottom: clamp(1rem,2vw,2rem);}
	.introSerGroup:last-child{margin-bottom: 0;}
	.introSerGroup:last-child .introSerList{grid-template-columns: 1fr}    
	.categoryTitle{font-size: var(--titleS);color:var(--mjColor-d);margin-bottom: clamp(.5rem,1vw,1rem);}
    .introSerList{display: grid;grid-template-columns: 1fr 1fr;gap: .75rem;}
    .introSerList__item{display: inline-flex;}
    .introSerList__item .title{font-size: var(--text);font-weight: var(--bold);color: var(--dark);margin-right: .5rem;text-wrap: nowrap;}
    .introSerList__item .title::before{content: "";display: inline-block;--w: .625rem;width: var(--w);height: var(--w);aspect-ratio: 1;background: var(--subColor);margin-right: .5rem;margin-top: .625rem;}
	.introSerList__item .subTitle{font-size: var(--text); color:var(--dark);}
    /*核心優勢*/
    .introAdvList {display: grid;grid-template-columns: 1fr 1fr;gap: .75rem;margin-top: .75rem;}
    .introAdvList__item {border-bottom: 1px solid #eee;padding: 1rem 1.5rem;display: inline-block;font-size: var(--text);background: #f9f9f9;}
    .introAdvList__item::before {content: "";display: inline-block; --w: .625rem;width: var(--w);height: var(--w);aspect-ratio: 1;background: var(--subColor);margin-right: .5rem;margin-top: .625rem;}
    .introAdvList__item .title { font-weight: var(--bold); color: var(--subColor); margin-right: .5rem; }
    /*服務流程*/
    .introStepList { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin: 1.5rem 0; }
    .introStepList.--3fr{grid-template-columns: repeat(3,1fr);}
    .introStepList.--5fr{grid-template-columns: repeat(5,1fr);}
    .introStepList__item { background: #f9f9f9; padding: 1rem; text-align: center; }
    .step-num {line-height: 1; color: var(--mjColor-d);font-size: var(--titleM);font-weight: var(--heavy); display: block; margin-bottom: .5rem; }
    .introStepList__item .title { font-size: 1.25rem; font-weight: var(--bold); color: var(--dark); display: block; margin-bottom: .5rem; }
    .introStepList__item .subTitle{ font-size: var(--text); color: var(--dark); }
    .introStepTable{border:1px solid var(--gray-l);border-bottom:0; margin: 1.5rem 0;}
    .introStepTable__item{display: flex;border-bottom:1px solid var(--gray-l);}
    .introStepTable .title{font-size: var(--text);font-weight: var(--bold);background:var(--subColor);color:white;padding: .75rem clamp(1rem,2.5vw,2.5rem);text-wrap: nowrap;display: flex;align-items: center;justify-content: center;}
    .introStepTable .txt{font-size: var(--text);color:var(--dark);padding: .75rem 1rem;}
    /*導連按鈕*/
    .introBtnList{display: flex;}
    .introBtnList__item{width:100%;--introBtnP:clamp(.75rem,1.5vw,1.5rem);padding:var(--introBtnP) calc(var(--introBtnP)*2);background:var(--mjColor-d);color:white;position:relative;}
    .introBtnList__item--subColor{background:var(--subColor);}
    .introBtnList__item::after{content:'\F138';font-family:'bootstrap-icons';font-size:var(--titleS);line-height: 1;position:absolute;right:var(--introBtnP);top: calc(50% - (var(--titleS)/2));transition:all .5s;}
    .introBtnList__item .tit{font-size: var(--text);display: flex;gap: .5rem;align-items: center;opacity:.9;}
    .introBtnList__item .txt{font-size: var(--titleS);font-weight:var(--bold);letter-spacing:0.2;}
    .introBtnList__item:hover{opacity:.8;}
    .introBtnList__item--subColor:hover{background:var(--subColor-d);opacity: 1;}
    .introBtnList__item:hover::after{right:calc(var(--introBtnP) + .5rem);}
    /*都市更新介紹 個別調整*/
    .introUrbanBlcok .introAdvList__item .subTitle{display: block;}
    /*包租代管介紹 個別調整*/
    .rentalGroup{ display: grid; grid-template-columns: repeat(3,1fr);gap: .75rem;}
    .rentalGroup .introClientList{ grid-template-columns: 1fr;height:100%;}
    .rentalGroup .introClientList__item{border:1px solid rgba(0 128 137 / 50%);}
    .rentalGroup .introClientList__item .title{border-bottom:1px solid ;padding-bottom:.5rem;margin-bottom:1rem;}
    .rentalGroup .introClientList__item .subTitle{padding:.325rem 0;}
	.rentalGroup .introClientList__item .subTitle::before{content:'';display:inline-block;--w:.625rem;width:var(--w);height:var(--w);background:var(--mjColor);margin-right:.5rem;}
	.rentalGroup .introAdvList{ grid-template-columns: 1fr;margin: 0;}
    .rentalGroup .introAdvList__item{background:#dae7e8;}
    .service-table { width: 100%; border-collapse: collapse; margin: 1.25rem 0; font-size: 0.95em; }
    .service-table th {background-color: var(--subColor);color: white;padding: .75rem;}
    .service-table td {padding: 1rem;border: 1px solid rgba(0 128 137 / 50%);background: white!important;}
    .service-table .label-col {background: #eaeaea;font-weight: bold;color: var(--subColor);width: 100px;text-align: left;text-wrap:nowrap;border: 1px solid rgba(0 128 137 / 50%);}
    .introRetal .titleBox--rental{margin: 0;}

    .introRetalList{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: .75rem;}
    .introRetalList__item{padding: 1rem 1.5rem;background: #f9f9f9;display: flex;flex-direction: column;border-left:.325rem solid var(--subColor);}
    .introRetalList__item .title{font-size: var(--text); font-weight: var(--bold); color: var(--subColor); margin-right: .5rem;}
    .introRetalList__item .subTitle{font-size: var(--text); color:var(--dark);}

    .tipsList{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: .75rem;margin-bottom:clamp(1rem,2vw,2rem);}
    .tipsList__item{padding: 1rem 1.5rem;background: var(--subColor);display: flex;flex-direction: column;}
    .tipsList__item .title{text-align:center; font-size: 1.25rem; font-weight: var(--bold); color: white; margin-right: .5rem;}
    .tipsList__item .subTitle{text-align:center;font-size: var(--text); color:var(--dark); color: white;}

    /*資金貸款介紹*/
    .finaGroup{display: grid;grid-template-columns: 1fr 1fr;gap: .75rem;}
    .finaGroup .introClientList{ grid-template-columns: 1fr;height:100%;}
    .finaGroup .introClientList__item{border:1px solid rgba(0 128 137 / 50%);}
    .finaGroup .introClientList__item .title{border-bottom:1px solid ;padding-bottom:.5rem;margin-bottom:1rem;}
    .finaGroup .introClientList__item .subTitle{padding:.325rem 0;}
	.finaGroup .introClientList__item .subTitle::before{content:'';display:inline-block;--w:.625rem;width:var(--w);height:var(--w);background:var(--mjColor);margin-right:.5rem;}
	.finaGroup .introAdvList{ grid-template-columns: 1fr;margin: 0;}
    .finaGroup .introAdvList__item{background:#dae7e8;}

/* 包租代管 ============================================================ */
@media screen and (min-width: 991px) {
/* 美工頁錨點 電腦版才有 */
/* .anchorWrap{position:fixed;top: 40%;left:1rem;}
.anchorList{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,1rem);}
.anchorList__item{color:var(--gray);display:flex;align-items:center;font-size: .9rem;}
.anchorList__item::before{font-size: .9rem;content:'';display:block;width:1rem;height: 1px;background:var(--gray);margin-right: .5rem;}
.active.anchorList__item{color:var(--mjColor-d);font-weight: var(--bold);}
.active.anchorList__item::before{background:var(--mjColor-d);}
.anchorWrap {opacity: 0;transform: translateX(-1rem);transition: opacity 0.5s, transform 0.5s;}
.anchorWrap.show {opacity: 1;transform: translateX(0);} */
}
/* 包租代管介紹 - 核心優勢 */
.rentalBlcok:nth-child(odd){background:rgba(192, 192, 192, .2);}
.rentalBlcok .titleBox{}
.advanList{display: grid;grid-template-columns: repeat(3,1fr);gap:clamp(1rem,2vw,2rem)}
.advanList__item{background: #fff;padding:clamp(1rem,2vw,2rem);text-align: center;width: 100%;}
.advanTit__mj{display: block;font-weight: bold;margin-bottom: 0.4rem;}
.advanTit__sub{font-size: 1rem;}
.advanIcon{--w: clamp(3.5rem,5vw,5rem);;width:var(--w);height: var(--w);margin:0 auto;margin-bottom: clamp(0.8rem,1.5vw,1.5rem);}
.advanIcon::before{content:"";display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;}
.advanIcon.--01::before{background-image: url(../images/rental-management/advan1.svg);}
.advanIcon.--02::before{background-image: url(../images/rental-management/advan2.svg);}
.advanIcon.--03::before{background-image: url(../images/rental-management/advan3.svg);}
.advanIcon.--04::before{background-image: url(../images/rental-management/advan4.svg);}
.advanIcon.--05::before{background-image: url(../images/rental-management/advan5.svg);}
.btnLink--cloumn{ display: flex;flex-direction: column;}
/* 包租代管介紹 - 相關證書 */
.licenseTitle{font-size: var(--titleM);font-weight: var(--heavy);color: var(--dark);display: flex;align-items: center;gap: clamp(.5rem,1vw,1rem);}
.licenseTitle:before{content:'';display:block;--w:clamp(1rem,1.25vw,1.25rem);width:var(--w);height:var(--w);background:var(--subColor);z-index:-1;}
.licenseList{display: grid;grid-template-columns: repeat(4,1fr);gap:1rem;--space: clamp(1rem,2vw,2rem);padding-bottom: var(--space);margin-bottom: var(--space);border-bottom: 1px solid var(--gray-l);}
.licenseList__item .picBox{aspect-ratio: 21/29.7;border: 1px solid var(--gray-l);height:auto;}
.licenseList__item .licTit{font-size: var(--text);font-weight: var(--heavy);color: var(--dark);margin: .75rem 0;overflow: hidden;}
.licenseList__item:hover .picBox img{transform: scale(1.05);}
/* 包租代管介紹 - 服務流程(共用) */
/* .service-steps{padding-top: var(--blockHeight);}
.stepList{display: grid;grid-template-columns: repeat(3,1fr);gap:clamp(1rem,2vw,2rem)}
.stepList__item{display: flex;background: #fff;padding:clamp(1rem,2vw,2rem);text-align: start;width: 100%;position: relative}
.stepList__item::before{content:'';display:block;--w: clamp(2rem,2vw,2rem);width:calc(var(--w)/2);height:var(--w);clip-path: polygon(0% 0, 0% 0, 100% 50%, 0% 100%, 0% 100%);background: var(--mjColor);position:absolute;top:calc(50% - (var(--w) / 2 ));left: calc(-1 * (var(--w)*.75));}
.stepList__item:first-child::before{display:none;}
.stepNum{display: block;color:var(--subColor);font-size: var(--titleM);font-weight: var(--heavy);margin-bottom: 0.4rem;}
.stepTit__mj{display: block;font-weight: bold;margin-bottom: 0.4rem;}
.stepTit__sub{font-size: 1rem;}
.stepIcon{--w: clamp(6rem,8vw,8rem);width:var(--w);height: var(--w);aspect-ratio: 1;margin-right: clamp(.5rem,1vw,1rem);}
.stepIcon::before{content:"";display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;}
.stepIcon.--rent.--01::before{background-image: url(../images/rental-management/rentStep1.svg);}
.stepIcon.--rent.--02::before{background-image: url(../images/rental-management/rentStep2.svg);}
.stepIcon.--rent.--03::before{background-image: url(../images/rental-management/rentStep3.svg);}
.stepIcon.--rent.--04::before{background-image: url(../images/rental-management/rentStep4.svg);}
.stepIcon.--rent.--05::before{background-image: url(../images/rental-management/rentStep5.svg);}
.stepIcon.--management.--01::before{background-image: url(../images/rental-management/managementStep1.svg);}
.stepIcon.--management.--02::before{background-image: url(../images/rental-management/managementStep2.svg);}
.stepIcon.--management.--03::before{background-image: url(../images/rental-management/managementStep3.svg);}
.stepIcon.--management.--04::before{background-image: url(../images/rental-management/managementStep4.svg);}
.stepIcon.--management.--05::before{background-image: url(../images/rental-management/managementStep5.svg);}
.stepIcon.--agency.--01::before{background-image: url(../images/rental-management/agencyStep1.svg);}
.stepIcon.--agency.--02::before{background-image: url(../images/rental-management/agencyStep2.svg);}
.stepIcon.--agency.--03::before{background-image: url(../images/rental-management/agencyStep3.svg);}
.stepIcon.--agency.--04::before{background-image: url(../images/rental-management/agencyStep4.svg);}
.stepIcon.--agency.--05::before{background-image: url(../images/rental-management/agencyStep5.svg);} */
/* 包租代管介紹 - 收費方式 */
/* .priceList{display: grid;grid-template-columns: repeat(2,1fr);gap:clamp(1rem,2vw,2rem)}
.priceList__item{background: #fff;padding:clamp(1rem,2vw,2rem);text-align: start;width: 100%;display: grid;grid-template-columns: 1fr 2fr;align-items: center;}
.priceTit__mj{font-size: clamp(1.25rem,1.75vw,1.75rem);display: block;font-weight: bold;margin-bottom: 0.4rem;}
.priceTit__sub{font-size: clamp(1rem,1.15vw,1.15rem);}
.priceTit__sub .mark{color:var(--mjColor);font-weight: var(--bold);}
.priceIcon{--w: clamp(6rem,8vw,8rem);width:var(--w);height: var(--w);margin:0 auto;margin-bottom: clamp(0.8rem,1vw,1rem);}
.priceIcon::before{content:"";display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;}
.priceIcon.--01::before{background-image: url(../images/rental-management/price1.svg);}
.priceIcon.--02::before{background-image: url(../images/rental-management/price2.svg);} */


/* 房產小教室 ============================================================ */
.classList{display: flex;flex-direction: column;}
.classList__item{width: 100%;display: flex;background:white;margin-bottom: .25rem;gap: .5rem;position: relative;overflow: hidden;}
.classList__item .picBox{width: clamp(200px,15vw,400px);aspect-ratio: 4/3;}
.classList__item .picBox img{height:100%;}
.classList__item .txtBox{display: flex;flex-direction: column;justify-content: start;flex: 1;gap: clamp(.1rem,.5vw,.5rem);padding: clamp(1rem,2vw,2rem);padding-right: 0;}
.classList__item .date{color:var(--mjColor);font-weight: var(--bold);font-size: clamp(.9rem,1vw,1rem);}
.classList__item .tit{font-size: var(--text);transition: all .5s;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.classList__item .txt{font-size:var(--text);color:var(--gray);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.classList__item:before{content:'';display: block;width:100%;height:1px;background:var(--subColor);opacity: .8; position: absolute;bottom:0;left:-100%;transition: all .75s;}
.classList__item:hover:before{left:0;}
.classList__item:hover .picBox img{transform: scale(1.1);}
.classList__item:hover .tit{color:var(--subColor);}
.classList__item:hover .btnStyle--more{gap:clamp(1rem,1.5vw,1.5rem);}


/* 隱私權政策 ============================================================ */
.privacyBox{font-size: clamp(.9rem,1vw,1rem);color: var(--dark);}
.privacyBox__brief{margin-bottom: 2rem;}
.privacyBox__main{counter-reset: num;display: flex;flex-direction: column;gap: clamp(1rem,1.5vw,1.5rem);}
.privacyList__tit{position: relative;font-weight: var(--bold);font-size: clamp(1.05rem,1.25vw,1.25rem);margin-bottom: 0.5rem;color: var(--dark);}
.privacyList__tit:before{counter-increment: num;content: counter(num, cjk-ideographic) '、';margin-right: 0.5rem;}


/* 關鍵字搜尋頁 ============================================================ */
.searchBox{position:relative}
.searchBox__input{position:absolute;right:0;top: 150%;background: white;box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);border: 1px solid rgba(0, 0, 0, .1);overflow: hidden;display: none;}
.searchBox__input__box{display: flex;justify-content: space-between;}
.searchBox__input__box input{border: none;padding: .75rem 1rem;width: clamp(15rem,20vw,20rem);}
.searchBox__input .btnGo{color: white;--searchBtn: clamp(3.5rem,4vw,4rem);width: var(--searchBtn);height: var(--searchBtn);aspect-ratio: 1;background: var(--gray);border: none;border-left: solid 1px #eee;transition: all .5s;}
.searchBox__input .btnGo:hover{background: var(--mjColor-d);color:white;}
.pgContent--search .searchBox{margin-bottom: clamp(3rem,4vw,4rem);}
.pgContent--search .searchBox__input__box input{padding: .75rem 1rem;}
.pgContent .searchBox__input{position:relative;display: block;}
.pgContent .searchBox__input__box input{width: 100%;}
.keyword{background: #c2c2c2;padding: .25rem;}
.searchTabList{display: flex;justify-content: start;}
.searchTabList__item {padding: .5rem 1rem;background: var(--gray-l);}
.searchTabList__item:hover{opacity:.8;}
.searchTabList__item.active{background:var(--mjColor-d);color:white;}


/* !====footer  ============================================================ */
.blockHeight--footer{padding: 0 calc(var(--hd--space)*2);}
.blockHeight--footer .container{padding: 0;}
.ftBg{background:url(../images/all/footer-bg.jpg);background-position: center;background-size: cover;position: relative;z-index: 5;}
.ftBg:before{content:"";display: block;width:100%;height:100%;background: var(--dark);opacity: .75; position: absolute; top:0;left:0;}
.ftContent{display: flex;justify-content: space-between; position: relative;z-index: 1;}
.ftContent{padding:clamp(2rem,5vw,5rem) 0;}
.ftContent:after{content:'';display:block;width:100%;height:1px;position:absolute;border-bottom:1px solid var(--gray);bottom:0;left:0;}
.ftContent:last-child::after{display: none;}
/* footer Top */
.ftContent--top{align-items:end;}
.ftContent--top .leftBox{width:35%;display: flex;flex-direction: column;gap: clamp(1rem,2vw,2rem);}
.ftContent--top .rightBox{width:65%;}
.ftLogo{max-width: 300px;}
.ftBranchList{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(1rem,1.5vw,1.5rem);padding-right: var(--blockHeight);}
.ftBranchList__item{display: flex;color:white;font-size: var(--text);font-weight: var(--normal);text-wrap: nowrap;}
.ftBranchList__item .picBox{--w: clamp(1.5rem,2vw,2rem);width: var(--w);height: var(--w);aspect-ratio: 1;border:0;}
.ftBtnList{display: flex;}
.ftBtnList__item{width:100%;--ftBtnP:clamp(.75rem,1.5vw,1.5rem);padding:var(--ftBtnP) calc(var(--ftBtnP)*2);background:var(--mjColor-d);color:white;position:relative;}
.ftBtnList__item--subColor{background:var(--subColor-d);}
.ftBtnList__item::after{content:'\F138';font-family:'bootstrap-icons';font-size:var(--titleS);line-height: 1;position:absolute;right:var(--ftBtnP);top: calc(50% - (var(--titleS)/2));transition:all .5s;}
.ftBtnList__item .tit{font-size: var(--titleS);display: flex;gap: .5rem;align-items: center;}
.ftBtnList__item:hover{opacity:.8;}
.ftBtnList__item:hover::after{right:calc(var(--ftBtnP) + .5rem);}
/* footer Menu */
.ftMenuList {display: flex;flex-wrap: wrap;--num: 6;--gap: clamp(2rem,4vw,4rem);gap: var(--gap);}
.ftMenuList__item {width: calc((100% - (var(--num) - 1) * var(--gap)) / var(--num));}
.ftMenuList__item .navLink {color: white;opacity:.75;padding: 0;font-size: clamp(.9rem,1vw,1rem);margin-bottom: clamp(.1rem,.5vw,.5rem);font-weight: var(--light);}
.ftMenuList__item .navLink:hover{opacity:1;}
.ftMenuTit {font-size: var(--text);font-weight: var(--normal);color: white;margin-bottom: clamp(1rem,1.5vw,1.5rem);}
.ftMenuTit:after {content: '';display: block;width: clamp(2.5rem,3vw,3rem);height: .25rem;background: var(--mjColor);margin: .25rem 0;}
/* footer copyright */
.ftContent--copyright{color:white;padding: clamp(.5rem,1vw,1rem) 0;justify-content: center;font-size: calc(var(--text)*.8);}




/* !====RWD */
@media screen and (max-width: 1440px) {
	/* 首頁 Service 服務項目 */
    .ixServiceList {--num: 3;}
	.ixServiceList__item .picBox{aspect-ratio:1;}
	.ixServiceList__item:nth-last-child(2),
	.ixServiceList__item:nth-last-child(1){width:calc(50% - calc(var(--gap)/2));aspect-ratio: 3/2;}

    /* 底層頁樣式 *//* 平價住宅/房地租售 */
	.section-intro__gallery{width: 60%;}
	.section-intro__List{width: 40%;}

    /* 都市更新介紹 */
    .pgServiceList__item .picBox{aspect-ratio: 3/2;}

    /* footer Top */
    .ftLogo{margin: auto;}
    .ftContent--top{flex-direction: column;align-items: center;gap:clamp(2rem,4vw,4rem);}
    .ftContent--top .leftBox,
	.ftContent--top .rightBox{width:100%;}
    .ftBranchList{display: flex; justify-content: center;flex-wrap: wrap;padding: 0;}
    /* footer Menu */
    .ftMenuList {--num: 5;}
}



@media screen and (max-width: 1200px) {
    /* 平價住宅 - 業務介紹(美工) */
    .introAdvList {grid-template-columns: 1fr;}
    .introStepList {grid-template-columns: 1fr 1fr;}
    .introStepList.--3fr {grid-template-columns: 1fr 1fr;}
    .introStepList.--5fr {grid-template-columns: 1fr 1fr;}
}


@media screen and (max-width: 1024px) {
    .formGroup__item--half{width: 100%;}

    /* 底層頁樣式 *//* 平價住宅/房地租售 */
    .infoList__item{width:100%;}
    .section-intro{flex-direction: column;}
	.section-intro__gallery{width:100%;order: 2;}
	.section-intro__List{width:100%;}
    /* 平價住宅 - 申購及預約查詢 */
    .btnLink {grid-template-columns: repeat(2, 1fr);}
    /* 底層頁樣式 *//* 共享辦公室 */
    .descTxtList{flex-wrap: wrap;flex-direction: row;gap: 0 clamp(.5rem,1vw,1rem);}
    /* 包租代管 */ 
    .rentalGroup{ grid-template-columns: 1fr;}
    .rentalGroup__item:nth-child(2){order:-1;}
    /*資金貸款介紹*/
    .finaGroup{ grid-template-columns: 1fr;}
    /* footer Menu */
    .ftMenuList {--num: 4;}
}


@media screen and (max-width: 991px) {
	/* !====共用排版 */
    .container--sidebar {padding: 0 var(--container);}
	.--grid-1-1,
	.--grid-1-2,
	.--grid-1-3,
	.--grid-1-4,
	.--grid-1-5,
	.--grid-2-3{grid-template-columns: 1fr;}
    .--pc{display: none;}
    .--mb{display: block;}

	/* !====標題  ============================================================ */
	.titleBox .txt{text-align: justify;}

	/* 首頁 Service 服務項目 */
    .ixServiceList {--num: 2;}
	.ixServiceList__item .picBox{aspect-ratio: 1;}
	.ixServiceList__item:last-child {width:100%;aspect-ratio: 2 / 1;}
	.ixServiceList__item:last-child .picBox{aspect-ratio: 2 / 1;}
    /* 首頁 About 關於台灣金聯 */
    .blockHeight--ixAbout{width: 100%;}
    .deco-object--ab {right: 5%;}
    .textWrapBg {justify-content: start;}

    /* 共用 - 文字列表 / 連結、下載、底層 ============================================================ */
    .linkBox {flex-direction: column;}
    /* 首頁 Service 服務項目 */
    .blockHeight--ixService:after{top: calc(-1*var(--blockHeight));}
    /* 關於我們 - 背景沿革 */
    .--found .container{flex-direction: column;gap:0}
    .foundTxt,.foundImg{width: 100%;}
    .foundImg{margin-top: calc(-1 * clamp(3rem,10vw,12rem));}

    /* 關於我們 - 背景沿革 */
    .titleBox.--left{align-items: center;}
    .abBlcok.--brand .container{flex-direction: column;}
    .brandTxt{max-width:600px;width: 100%;order:0;}
    .brandImg{max-width:600px;width: 100%;order:1;}
    /* 關於我們 - 企業架構 */
    .orgList__item{width:50%;}
    /* 都市更新 - 實績與案例 */
    .urbanBlcok .linkBox--case{grid-template-columns: 1fr;}
    /* 都市更新介紹 */
    .pgServiceList{--num: 1;}
    /* .pgServiceList__item .picBox{aspect-ratio: 2/1;} */
    /* 資金貸與 */
    .lendBlock .linkBox--case{grid-template-columns: 1fr }
    /* 債權業務 */
    .debtBlcok .linkBox--case{grid-template-columns: 1fr;margin: 0;}
    .conpanyWrap{flex-direction: column;}
    .debtProcessList{grid-template-columns: 1fr;}
    /* 包租代管 */ 
    .advanList{grid-template-columns: 1fr 1fr;}
    .stepList{grid-template-columns: 1fr 1fr;}
    .introRetalList{grid-template-columns: 1fr 1fr}
    .tipsList{grid-template-columns: 1fr 1fr }
    .tipsList__item .title{text-align:start;}
    .tipsList__item .subTitle{text-align:start;}
    /*服務流程*/
    .introStepList__item {text-align: start; }

    /* footer Menu */
    .ftMenuList {--num: 3;}

}

@media screen and (max-width: 768px) {
    /* space */
    :root{
        --container: clamp(1rem,1.5vw,1.5rem);
    }

    /*!768====RWD編輯器表格(X捲軸)*/
/* 1. 徹底限制容器寬度，解決 Flexbox 撐開問題 */
.tableContainer {
    width: 100% !important;
    max-width: 90vw !important;
    min-width: 0 !important; /* 🔥 最關鍵的一行：防止被 Flexbox 父元素硬撐開 */
    overflow-x: auto !important; /* 自動出現捲軸 */
    overflow-y: hidden;
    display: block;
    margin: 0 0 1em;
    -webkit-overflow-scrolling: touch; /* 提升手機滑動順暢度 */
}

/* 2. 表格本身：設定足夠寬度以觸發容器捲軸 */
.tableContainer table {
    width: 100%;
    min-width: 750px !important; /* 確保在手機上一定會超出一點點以觸發捲軸 */
    border-collapse: collapse;
}

/* 3. 處理 HTML 標籤內寫死的 width: 400px */
.tableContainer th,
.tableContainer td {
    white-space: nowrap; /* 讓文字不換行，靠區域捲軸滑動 */
}

.contentBox{justify-content: start;}
    /* !====共用區 */
    /* 共用 - 卡片列表 ============================================================ */
	.cardList .list__item{grid-template-columns: 1fr;}
    .cardList .list__item:hover{box-shadow: none;background:none;}
	.cardList .infoBox{padding:0;}
	.cardList .descBox__item:last-child::after{display: none;}

	/* banner */
	.bannerWrap{padding:0;}
	.bannerWrap::after{display:none;}
    /* swiper點點 */
    .swiper .swiper-pagination {padding-left: calc(var(--hd--space) + clamp(1rem,2vw,2rem));justify-content: start;}

	/* 首頁 News 最新消息 影音專區 */
	.blockHeight--ixService::after{display: none;}
	/* 首頁 Service 服務項目 */
	.ixServiceList__item:last-child{width:100%;aspect-ratio: 2/1;}

    /* 關於我們 - 背景沿革 */
    .--brand .container{flex-direction: column;}
    .--vision .container{flex-direction: column;}
    .aboutList{--num: 1;}
    /* .brandT .mainTitle, .brandT .mainTitle__en{color:white;z-index: 5;} */
    .brandTxt{width: 100%;}
    .brandIntro{margin-top: 1rem;padding-top:1rem;}
    .brandIntro__p br{display: none;}
    .brandImg{width: 100%;height: fit-content;}
    .historyList__item{flex-direction: column;align-items: flex-start;}
    /* .abBlcok.--brand .container.inline::before{left:0;top:auto;bottom:0;}
    .abBlcok.--brand .container.inline::after{top:auto;bottom:0;} */
    /* 關於我們 - 經營團隊 */
    .teamBx{flex-direction: column;align-items: center;}
    .teamLeader{height: 25rem;}
    /* 關於我們 - 企業架構 */
    .orgList__item{width:100%;}

    /* 平價住宅 - 業務介紹(美工) */
    .introSerList {grid-template-columns: 1fr;}
    .introBtnList{flex-direction: column;}    /*服務對象*/
    .introClientList{grid-template-columns: 1fr;}
    .introStepList {grid-template-columns: 1fr;}
    .introStepList.--3fr{grid-template-columns: 1fr;}
    .introStepList.--5fr{grid-template-columns: 1fr;}

    /* 共享辦公室 */
    .coSpaceList{grid-template-columns: 1fr 1fr;}
    .coBenefitList{grid-template-columns: 1fr 1fr;}
    .coTaList{grid-template-columns: 1fr 1fr;}

    /* 包租代管 */
    .advanList{grid-template-columns: 1fr;}
    .stepList{grid-template-columns: 1fr;}
    .priceList{grid-template-columns: 1fr;}
    /* 包租代管介紹 - 相關證書 */
    .licenseList{grid-template-columns: repeat(2,1fr);}

    /* !====footer */
    .blockHeight--footer{padding: 0 var(--hd--space);}
    .ftBtnList{flex-direction: column;}
    /* footer Menu */
    .ftMenuList {--num: 2;}
    
}

 @media screen and (max-width: 640px) {
    /* .blockHeight--top, */
    /* .blockHeight--bottom{padding:var(--blockHeight) 0;} */

	/* 首頁 Service 服務項目 */
	/* .blockHeight--ixService{margin-top: var(--blockHeight);} */
	.ixServiceList__item, 
	.ixServiceList__item .picBox,
	.ixServiceList__item:nth-last-child(2),
	.ixServiceList__item:last-child .picBox{width: 100%;aspect-ratio:3/2;}
	.ixServiceList__item .txtBox {height: 100%;justify-content: center;align-items: center;padding-top: unset;padding: clamp(2rem, 2.5vw, 2.5rem) var(--container); width: 100%;}
	.ixServiceList__item .serTit:after{height:.25rem;width: 2.5rem;left:calc(50% - 1.25rem);}
    /* 首頁 News 最新消息 影音專區*/
    .newsVideo{grid-template-columns: 1fr;}
	/* 首頁 About 關於台灣金聯 */
	.textWrapBg{padding:var(--blockHeight) var(--container);padding-bottom:8rem;}
    .textWrapBg:before{width: 100%;height: 100%;background-repeat:no-repeat;background-position: bottom;background-size: 65%;bottom: 0;left: -15%;}
	.blockHeight--ixAbout .txtBox{width: 100%;}
	.blockHeight--ixAbout .txtBox .btnStyle{margin-right: auto;}
	.deco-object--ab{bottom:-15%;width:160px;}


    /* 共用 - 列表搜尋框 */
    .searchBox .checkBox.formGroup__item { flex-direction: column;}
    /* 平價住宅 - 申購及預約查詢 */
    .btnLink {display: grid;grid-template-columns: 1fr;}
    /* 都市更新 - 業務介紹*/
    .introSerList__item{flex-direction: column;}
    /* 包租代管 */ 
    .introRetalList{grid-template-columns: 1fr;}
    .tipsList{grid-template-columns: 1fr;}
    /* !====footer */
    .blockHeight--footer{padding: 0 var(--hd--space);}

}


@media screen and (max-width: 480px) {
    /* !====共用區 */
    /* 共用 - 卡片列表 ============================================================ */
    /* .descBox__item {flex-direction: column;gap:0rem;}
    .descBox__item .descTit::after{display:none;} */
    /* 首頁 News 最新消息 影音專區 */
    .newsList{gap: 1rem;}
    .newsList__item {flex-direction: column;}
    .newsList__item .picBox,
    .newsList__item .txtBox{width:100%;}
    .newsList__item .date {margin-bottom: .5rem;}
    .newsList__item .btnStyle--more{margin-bottom: 1rem;}
    /* 關於我們 - 背景沿革 */
    .aboutListTit__mj{justify-content: start;}
    /* 關於我們 - 經營團隊 */
    .teamWrap .linkList__item{flex-direction: column;}
    /* 委外公司 */
    .conpanyList__item .conBox {gap: .5rem;}
    /* 聯絡我們 ============================================================ */
    /* 聯絡我們 - 常見問題 Faq */
    .faqListGroup{display: flex;flex-direction: column;padding:0;}
    .faqBody {padding: 1rem .5rem;}
}