/* ============================================================
   globalpage.css — 海外不動產（global 子網域）2026 覆寫層
   規格：doc/spec/global_house_spec.md Phase 0
   策略：保留 theme/2023/css/global.css（46KB 模組主樣式）為底層，
   本檔提供 Canvas 變數橋接（teal→2026 綠、紅→橘）+ page-header 銜接
   + 搜尋列/物件卡片/subNav 2026 換皮。
   scoped：.knowledge_global / .global / .house（依各頁 body class）
   ============================================================ */

/* ===== Canvas 變數橋接（memberpage/communitypage 模式）===== */

/* ===== teal 硬編碼 → 2026 綠、紅 → 橘（global.css #44b1ae×8 / #16a2a3×2 / #ec4653×3）===== */
[class*="global"] .default-green,
.global .default-green,
.knowledge_global .default-green,
.house .default-green { color: var(--green) !important; }

.global svg [fill="#44b1ae"], .knowledge_global svg [fill="#44b1ae"], .house svg [fill="#44b1ae"],
.global svg [fill="#16a2a3"], .knowledge_global svg [fill="#16a2a3"], .house svg [fill="#16a2a3"] { fill: var(--green) !important; }
.global svg [fill="#ec4653"], .knowledge_global svg [fill="#ec4653"], .house svg [fill="#ec4653"] { fill: var(--orange) !important; }

/* ============================================================
   標題區：舊 .textOnly-title-section 已改 page-header（buylist.css）
   ============================================================ */

/* ===== knowledge 三頁（買賣資訊 / 常見問題 / 海外中信）===== */
/* .wrapper-1176 已於 markup 改為 .container；此處補內容區樣式 */
.knowledge_global .knowledge_global_box { margin: 24px 0; }

/* 左側國家清單 */
.knowledge_global .knowledge_global_list ul { list-style: none; margin: 0; padding: 0; }
.knowledge_global .knowledge_global_list a {
    display: block; padding: 12px 16px; border-radius: 8px; color: var(--gray-800);
    font-size: var(--font-md); text-decoration: none; transition: background .2s, color .2s;
}
.knowledge_global .knowledge_global_list a:hover { background: var(--gray-100); color: var(--green); }
.knowledge_global .knowledge_global_list li.on a,
.knowledge_global .knowledge_global_list a.on { background: var(--green); color: #fff; }

/* 右側內容區 二級選單 */
.knowledge_global .knowledge_global_sec_menu { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.knowledge_global .knowledge_global_sec_menu .menua {
    display: inline-flex; align-items: center; height: 40px; padding: 0 18px;
    border: 1.5px solid var(--gray-200); border-radius: 999px; background: #fff;
    color: var(--gray-600); font-size: var(--font-md); text-decoration: none; cursor: pointer;
    transition: border-color .2s, color .2s, background .2s;
}
.knowledge_global .knowledge_global_sec_menu .menua:hover { border-color: var(--green); color: var(--green); }
.knowledge_global .knowledge_global_sec_menu .menua.on { background: var(--green); border-color: var(--green); color: #fff; }

.knowledge_global .knowledge_global_content .title.t2 {
    font-size: var(--font-lg); font-weight: 700; color: var(--gray-800); margin: 20px 0 12px;
    padding-left: 12px; border-left: 4px solid var(--green);
}
.knowledge_global .knowledge_global_content .pic img { max-width: 100%; border-radius: 12px; }
.knowledge_global .knowledge_global_content .w { font-size: var(--font-md); line-height: 1.8; color: var(--gray-700, #495057); }

/* QA 摺疊（global-knowledge.js 控制 .on 展開）*/
.knowledge_global .qa_item, .knowledge_global .knowledge_global_content .qlist > * { }
/* 影響頁面所有連結所以註解
.knowledge_global a { color: var(--green); }
.knowledge_global a:hover { color: var(--green-dark); }*/

/* ===== globalSubNav（.subNav）2026 pill 樣式（目前多頁 display:none，備用）===== */
.subNav .subNav-list, .subNav ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.subNav a {
    display: inline-flex; align-items: center; height: 40px; padding: 0 18px;
    border: 1.5px solid var(--gray-200); border-radius: 999px; background: #fff;
    color: var(--gray-600); font-size: var(--font-md); text-decoration: none; transition: border-color .2s, color .2s;
}
.subNav a:hover { border-color: var(--green); color: var(--green); }
.subNav a.on, .subNav li.on a { background: var(--green); border-color: var(--green); color: #fff; }

/* ============================================================
   列表頁（global_list / investment_list）：搜尋列 + 物件卡片
   （Phase 2 啟用；class hook 不可改名，CSS-only 換皮）
   ============================================================ */
.global .page-search-section .selectBtn,
.global .searchbox__country, .global .searchbox__area,
.global .searchbox__price, .global .searchbox__age, .global .searchbox__rate {
    border-radius: 8px;
}
.global .page-search-section .selectBtn.on { border-color: var(--green); color: var(--green); }
.global .searchbox__submit, .global .ct-green-button {
    background: var(--green); border: none; border-radius: 8px; color: #fff;
}
.global .searchbox__submit:hover, .global .ct-green-button:hover { background: var(--green-dark); }

/* 物件卡片 .objlist__item 2026 化 */
.global .objlist__item {
    border: 1px solid var(--gray-200); border-radius: 12px; overflow: hidden;
    background: #fff; box-shadow: var(--shadow, 0 2px 16px rgba(0, 0, 0, 0.10));
    transition: transform .2s, box-shadow .2s;
}
.global .objlist__item:hover {
    transform: translateY(-4px); box-shadow: var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, 0.15));
}
.global .objlist__item .price, .global .objlist__item .objlist__price { color: var(--orange); }

/* pageBar 2026 */
.global .pageBar, .knowledge_global .pageBar { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 24px 0; }
.global .pageBar a, .knowledge_global .pageBar a {
    min-width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center;
    padding: 0 8px; border-radius: 8px; border: 1px solid var(--gray-200);
    color: var(--gray-600); font-size: var(--font-md); background: #fff; text-decoration: none;
}
.global .pageBar a.on, .knowledge_global .pageBar a.on { background: var(--green); color: #fff; border-color: var(--green); }
.global .pageBar a:hover:not(.on), .knowledge_global .pageBar a:hover:not(.on) { border-color: var(--green); color: var(--green); }

/* ============================================================
   詳情頁（global_detail / investment_detail）：.house__* 佈局
   （Phase 3, 2026-07-22：桌機佈局實際源頭為 theme/2023/css/layout_tmp.css —
   /css/layout.css 的桌機規則已被 .house.rent scope 化，global 頁無法命中。
   以下由 layout_tmp.css 精準萃取「兩詳情頁 markup 命中的規則」並 2026 化）
   ============================================================ */

.clear{width:100%;clear:both;line-height:0;height:0;overflow:hidden;font-size:var(--font-xs);display:block}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.wrapper-1176{position:relative;max-width:1152px;padding:0 12px;margin:0 auto}
.ipt1{border:1px solid #d5d5d5;padding:14px 8px;background-color:rgba(255,255,255,.8)}
.mShow{display:none}
.pcShow{display:block}
.right_now_box{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;background-color:#f8f8f8;padding-top:20px;margin-top:20px;padding-bottom:30px;text-align:center}
.right_now_box.investment{margin-bottom:43px}
.right_now_box.investment .right_now_box_in{margin-top:20px}
.right_now_box.investment .title{text-align:center}
.right_now_box.investment .data{font-size:0;margin-bottom:0;text-align:center}
.right_now_box.investment .data input{width:370px;margin-bottom:13px}
.right_now_box.investment .data select{position:relative;width:370px;height:50px;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:var(--font-md);line-height:50px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--bs-gray-600);text-align:left;border:1px solid #d6d6d6;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;margin-right:12px;margin-bottom:13px}
.right_now_box.investment .privacy_box{text-align:center}
.right_now_box.investment .code_box{text-align:center;margin-bottom:62px}
.right_now_box.investment .btn{position:absolute;width:auto;height:auto;bottom:0;left:50%;margin-left:0;margin-bottom:0;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.right_now_box .right_now_box_in{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;max-width:1000px;margin-top:40px}
.right_now_box .closebtn{display:none}
.right_now_box .title{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:var(--font-lg);line-height:20px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#50504d;margin-bottom:16px;text-align:left}
.right_now_box .pic{position:absolute;width:250px;height:100%;top:0;left:0;margin-left:0;margin-top:0;z-index:1;text-align:center}
.right_now_box .pic img{display:inline-block}
.right_now_box .data{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;text-align:left;margin-bottom:13px}
.right_now_box .data input{position:relative;width:175px;height:50px;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:var(--font-md);line-height:50px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--bs-gray-600);text-align:left;border:1px solid #d6d6d6;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;margin-right:12px}
.right_now_box .data .counterItem{width:146px;margin-right:12px}
.right_now_box .data .counterItem .selectBtn{width:100%;-moz-box-sizing:border-box;box-sizing:border-box}
.right_now_box .privacy_box{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:var(--font-sm);line-height:13px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#50504d;margin-bottom:20px;text-align:left}
.right_now_box .privacy_box a{position:relative;width:auto;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;color:var(--orange);text-decoration:underline}
.right_now_box .code_box{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;float:left;margin-bottom:20px;text-align:left}
.right_now_box .code_box .code_box{width:100%}
.right_now_box .code_box .lt{position:relative;width:180px;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;margin-right:10px;vertical-align:top;text-align:left}
.right_now_box .code_box .lt .pic{position:relative;width:180px;height:48px;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;background-color:#eee;margin-bottom:5px}
.right_now_box .code_box .lt .pic img{width:100%;height:100%}
.right_now_box .code_box .lt .reflash{position:relative;width:auto;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:var(--font-md);line-height:14px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--bs-gray-600);text-decoration:underline}
.right_now_box .code_box .rt{position:relative;width:auto;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;vertical-align:top}
.right_now_box .code_box .rt .code{position:relative;width:180px;height:48px;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:var(--font-md);line-height:46px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#50504d;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d5d5d5;padding:0 10px}
.right_now_box .btn{position:absolute;width:auto;height:auto;bottom:40px;right:0;margin-right:0;margin-bottom:0}
.right_now_box .btn a{position:relative;width:180px;height:42px;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:var(--font-bmd);line-height:42px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#fff;border-radius:5px;background-color:var(--orange);text-align:center}
.right_now_box .btn a:hover{text-decoration:none;background-color:var(--orange-dark)}
.house .house__detail table{float:none!important}
.house .swiper-wrapper:empty{min-height:483px;background-image:url(/images/rent/pic_defult_645x483.png);background-size:cover;background-repeat:no-repeat;background-position:center}
.txt1{font-size:var(--font-xl);color:var(--orange);font-weight:700}
.txt2{font-size:var(--font-md);color:#333;line-height:30px}
@media screen and (min-width:1079px){
.mainRow__right.global .house__introRow{padding-bottom:5px}
.mainRow__right.global .introRow__item{width:100%;display:inline-block;overflow:visible}
.mainRow__right.global .house__introRow .introRow__item .item__th{width:100px}
.mainRow__right.global .house__introRow .introRow__item .item__td{width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:100px}
.mainRow__right.global .house__booking{display:inline-block}
.mainRow__right.global .house__booking .code_box{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;margin-top:10px;text-align:center}
.mainRow__right.global .house__booking .code_box .lt{position:relative;width:180px;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;margin-right:10px;vertical-align:top;text-align:left}
.mainRow__right.global .house__booking .code_box .lt .pic{position:relative;width:180px;height:48px;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;background-color:#eee;margin-bottom:5px}
.mainRow__right.global .house__booking .code_box .lt .pic img{width:100%;height:100%}
.mainRow__right.global .house__booking .code_box .lt .reflash{position:relative;width:auto;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:var(--font-md);line-height:14px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--green);text-decoration:underline}
.mainRow__right.global .house__booking .code_box .rt{position:relative;width:auto;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;vertical-align:top}
.mainRow__right.global .house__booking .code_box .rt .code{position:relative;width:180px;height:48px;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:var(--font-md);line-height:46px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#50504d;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d5d5d5;padding:0 10px}
.mainRow__right.global .counterItem{float:right}
.mainRow__right.global .counterItem .selectBtn{width:56px;padding:2px 33px 2px 11px}
.mainRow__right.global .counterItem .selectBtn:before{top:24%}
.mainRow__right.global .counterItem .selectBtn:after{top:6px}
.mainRow__right.global .counterItem .selectBtn.on:before{top:34%}
.mainRow__right.global .counterItem .selectBtn.on:after{top:6px}
.mainRow__right.global .counterItem .selectBtn span{height:20px}
.mainRow__right.global .counterItem .currency{width:102px;-moz-box-sizing:border-box;box-sizing:border-box;border-top:0;left:0;top:33px;padding:0}
.mainRow__right.global .counterItem .currency:after, .mainRow__right.global .counterItem .currency:before{display:none}
.mainRow__right.global .counterItem .currency .selectPanel__level1 a{width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:3px 10px}
.mainRow__right.global .counterItem .currency .selectPanel__level1 a:hover{text-decoration:none;background-color:var(--green);color:#fff}
.mainRow__right.global .currencyDes{width:16px;height:16px;float:right;margin-top:9px;font-size:var(--font-md);line-height:34px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--green);text-decoration:underline;margin-left:7px;margin-right:5px;cursor:pointer;background:url(/images/icon_reg.png) no-repeat}
}
.txt__hint{position:relative;padding:2px 0 2px 8px}
.txt__hint .hint__star{position:absolute;top:4px;left:0;width:8px}
.txt--hint1{color:var(--orange);font-size:var(--font-md)}
.txt--hint2{color:var(--bs-gray-600);font-size:var(--ct-t-small)}
.txt--hint2 a{color:var(--green);text-decoration:underline}
.ipt2{font-size:var(--font-md);border:none;padding:7px 5px;background-color:#fff}
.house__detail, .house__moreDetail{overflow:hidden}
.house__detail h3, .house__moreDetail h3{position:relative;display:inline-block;color:var(--green);font-size:var(--font-lg);line-height:21px;font-weight:700;padding:15px 10px 0 0;margin-bottom:30px}
.house__detail h3:after, .house__moreDetail h3:after{position:absolute;display:block;content:"";width:1140%;height:1px;top:70%;left:100%;border-top:1px solid var(--green)}
.house__detail{display:flex;flex-direction:column;padding:1rem;gap:1.5rem;font-family:var(--bs-font-sans-serif)}
.house__detail h3{margin-bottom:20px}
.house__detail .detail__foreword{line-height:22px}
.house__detail .detail__type .type__item{border-top:1px dotted #dcdcdc;padding:15px 0;overflow:hidden}
.house__detail .detail__type .type__item .item__th{float:left;width:80px;color:var(--green);font-size:var(--font-bmd);min-height:26px;line-height:26px;padding:5px 0}
.house__detail .detail__type .type__item .item__td{width:-webkit-calc(100% - 80px);width:calc(100% - 80px);overflow:hidden;vertical-align:middle}
.house__detail .detail__type .type__item .item__td li{display:inline-block;width:48%;padding:5px 0;min-height:26px;line-height:26px;vertical-align:middle}
.house__detail .detail__type .type__item .item__td li img{vertical-align:middle}
.house__detail .detail__type .type__item .item__td li:nth-child(odd){float:left;margin-right:3%}
.house__detail .detail__type .type__item .item__td:nth-child(2){float:left}
.house__detail .detail__type .type__item .item__td:nth-child(3){float:right}
.house__detail .noteBtn{display:inline-block;border:1px solid var(--orange-dark);color:#fff;font-size:var(--font-xs);line-height:12px;border-radius:3px;padding:2px;background:#ff635e;background:-webkit-linear-gradient(-45deg,#ff635e 0,#ff3442 100%);background:-webkit-linear-gradient(315deg,#ff635e 0,#ff3442 100%);background:linear-gradient(135deg,#ff635e 0,#ff3442 100%)}
.house__detail .noteBtn:hover{text-decoration:none}
.house__detail.newhome .detail__foreword{margin-bottom:20px}
.house__detail.newhome .detail__foreword ul{list-style-type:square}
.house__detail.newhome .detail__foreword ul li{margin-left:20px}
.house__detail.newhome .detail__type{padding-top:0}
.house__detail.newhome .detail__type .type__item{border-top:0 dotted #dcdcdc;padding-top:0;padding-bottom:35px}
.house__detail.newhome .detail__type .type__item .item__th{display:none}
.house__detail.newhome .detail__type .type__item .item__td{width:100%;overflow:hidden;vertical-align:middle}
.house__detail.newhome .detail__type .type__item .item__td ul{position:relative;width:50%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;float:left}
.house__detail.newhome .detail__type .type__item .item__td li{display:inline-block;width:100%;padding:5px 0;min-height:26px;line-height:26px;vertical-align:middle}
.house__detail.newhome .detail__type .type__item .item__td li img{vertical-align:middle}
.house__detail.newhome .detail__type .type__item .item__td li:nth-child(odd){float:left;margin-right:3%}
.house__detail.newhome .detail__type .type__item .item__td:nth-child(2){float:left}
.house__detail.newhome .detail__type .type__item .item__td:nth-child(3){float:right}
.house__detail.global_list_detail h3.s:after{width:1480%}
.house__detail.global_list_detail#houseAreaMap{padding-top:100px}
.house__detail.global_list_detail .map_slide{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle}
.house__detail.global_list_detail .map_slide .nextBtn{position:absolute;width:32px;height:54px;top:50%;right:0;margin-right:0;margin-top:-27px;background:url(/images/btn_arw3R.png) no-repeat;z-index:1;cursor:pointer}
.house__detail.global_list_detail .map_slide .prevBtn{position:absolute;width:32px;height:54px;top:50%;left:0;margin-left:0;margin-top:-27px;background:url(/images/btn_arw3L.png) no-repeat;z-index:1;cursor:pointer}
.house__detail.global_list_detail .map_slide .pic{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;text-align:center;z-index:0}
.house__detail.global_list_detail .map_slide .pic img{display:inline-block;height:auto;width:auto!important;max-height:486px;max-width:100%}
.house__detail.global_list_detail .item{width:100%;height:400px;overflow:hidden}
.house__detail.global_list_detail .item iframe{width:100%;height:700px;margin-top:-150px}
.house__detail.global_list_detail .detail__type .type__item .item__td{font-size:0}
.house__detail.global_list_detail .detail__type .type__item .item__td ul{font-size:var(--font-md);line-height:34px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--bs-gray-600);width:50%;display:inline-block;vertical-align:top}
.house__detail.global_list_detail .detail__type .type__item .item__td ul:empty{display:none}
.house__detail.global_list_detail .detail__type .type__item .item__td ul li{width:100%}
.moreDetail__pic{text-align:center;padding:10px 0 60px 0}
.moreDetail__pic.investment{padding:10px 0 24px 0}
.moreDetail__pic.investment img{width:100%;height:auto;margin-bottom:20px}
.moreDetail__pic img{width:60%;margin-bottom:20px}
.popup__con{width:100%;background-color:#fff}
.popup__con .list__item1, .popup__con .list__item4{color:var(--bs-gray-600);padding:10px 15px;border-bottom:1px dotted #dcdcdc}
.popup__con .list__item1{position:relative;font-weight:400}
.popup__con .list__item1 b{font-size:var(--font-bmd);color:var(--orange)}
.popup__con .list__item1 i{font-size:var(--font-sm);font-style:normal}
.popup__con .list__item1 .item__star{color:var(--orange);font-weight:400}
.popup__con .list__item1 .item1__right{position:absolute;top:10px;right:15px;font-size:var(--font-sm)}
.popup__con .list__item4{padding:15px 40px 0 40px}
.popup__con .list__item4 textarea{color:#50504e;font-size:var(--font-md);width:100%;padding:9px;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:15px}
.popup__con .code_box{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;margin-top:10px;text-align:center}
.popup__con .code_box .lt{position:relative;width:180px;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;margin-right:10px;vertical-align:top;text-align:left}
.popup__con .code_box .lt .pic{position:relative;width:180px;height:48px;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;background-color:#eee;margin-bottom:5px}
.popup__con .code_box .lt .pic img{width:100%;height:100%}
.popup__con .code_box .lt .reflash{position:relative;width:auto;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:var(--font-md);line-height:14px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--green);text-decoration:underline}
.popup__con .code_box .rt{position:relative;width:auto;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;vertical-align:top}
.popup__con .code_box .rt .code{position:relative;width:180px;height:48px;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:var(--font-md);line-height:46px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#50504d;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d5d5d5;padding:0 10px}
.popup__con .item__notice1{font-size:var(--font-md);color:var(--orange)}
.popup__con .item__title1{color:#50504e;font-weight:700;font-size:var(--font-bmd);padding:10px;margin-bottom:12px;background-color:#ebebeb}
.popup__con .item__notice2{text-align:center;font-size:var(--font-md)}
.popup__con .item__notice2 a{display:inline-block;color:var(--orange);text-decoration:underline}
.popup__con .item__btnbar{text-align:center;padding:30px 0}
.popup__con .item__btn1{cursor:pointer;display:inline-block;width:45%;height:42px;line-height:42px;font-size:var(--font-lg);color:#fff;background-color:var(--orange);border-radius:5px;margin:2%}
.popup__con .item__btn1.red{width:234px;margin-right:40px}
.popup__con .item__btn1:hover{text-decoration:none}
.popup__con .item__ckbox label{display:inline-block;margin:0 5px 5px 0;cursor:pointer}
.popup__con .noLine{border:none}
.popup__con .addPadding{padding:15px 0}
.popup__con .popup__msg, .popup__con .popup__msg__global{color:var(--bs-gray-600);font-size:var(--font-bmd);text-align:center;padding:.5rem;line-height:35px;border-bottom:1px solid var(--cnvs-contrast-300)}
.popup__con .popup__msg i, .popup__con .popup__msg__global i{color:var(--green);font-style:normal}
.popup__con .popup__msg a, .popup__con .popup__msg__global a{vertical-align:middle}
.con__func{padding-bottom:20px}
.con__func .func__left{float:left;padding-top:10px}
.con__func .func__left .gplusBtn, .con__func .func__left .likeBtn{display:inline-block;vertical-align:top}
.con__func .func__left .gplusBtn>div, .con__func .func__left .likeBtn>div{vertical-align:top}
.con__func .func__left .likeBtn{margin-right:10px}
.con__func .func__right{float:right}
.popup7 .popup__con{border-radius:3px;box-shadow:0 0 7px rgba(0,0,0,.5)}
.popup__alert{text-align:center;font-size:var(--font-md);color:#2f2f2f;padding:50px 0}
.noWish{padding:30px 0 20px 0;background:url(/images/m/icon_heart4.png) 50% 0 no-repeat;background-size:20px auto}
.btn6{display:block;width:120px;margin:0 auto;padding:13px 0;font-size:var(--font-bmd);color:#fff;border-radius:5px;background-color:var(--orange)}
.investment_booking{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;-moz-box-sizing:border-box;box-sizing:border-box;border:3px solid #d6d6d6;padding:17px;background-color:#ebebeb}
.investment_booking .word{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;border-bottom:1px solid #fff;margin-bottom:23px;margin-top:10px;padding-bottom:22px}
.investment_booking .word .icon{position:absolute;width:98px;height:100%;top:0;left:0;margin-left:0;margin-top:0;z-index:1;background:url(/images/icon_phone2.png) no-repeat;background-position:right top}
.investment_booking .word .w{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:109px}
.investment_booking .word .w span{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle}
.investment_booking .word .w span.green{font-size:var(--font-md);line-height:15px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--green);margin-bottom:8px}
.investment_booking .word .w span.red{font-size:var(--font-xl);line-height:30px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--orange)}
.investment_booking .btn{position:relative;width:100%;height:42px;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;cursor:pointer;text-align:center}
.investment_booking .btn:hover span{margin-top:0}
.investment_booking .btn:hover:after{margin-top:0}
.investment_booking .btn span{position:absolute;width:100%;height:100%;top:0;left:0;margin-left:0;margin-top:0;font-size:var(--font-lg);line-height:42px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#fffffe;z-index:3;margin-top:-4px}
.investment_booking .btn:before{position:absolute;width:100%;height:100%;top:0;left:0;margin-left:0;margin-top:0;border-radius:5px;content:"";z-index:1;background-color:var(--orange-dark)}
.investment_booking .btn:after{position:absolute;width:100%;height:100%;top:0;left:0;margin-left:0;margin-top:0;border-radius:5px;content:"";z-index:2;background-color:var(--orange);margin-top:-4px}
@media screen and (max-width:760px){
.right_now_box.investment .data{font-size:0;margin-bottom:0}
.right_now_box.investment .data input{width:100%;font-size:4.6875vw;line-height:7.5vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#333;height:13.125vw;margin-bottom:5.9375vw}
.right_now_box.investment .data select{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:4.6875vw;line-height:13.125vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#333;height:13.125vw;text-align:left;border:1px solid #d6d6d6;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;margin-right:12px;margin-bottom:13px}
.right_now_box.investment .code_box{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;margin-bottom:10.9375vw;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 7.1875vw}
.right_now_box.investment .code_box .code_box{padding:0 0;margin-bottom:0}
.right_now_box.investment .code_box .lt{position:relative;width:28.125vw;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;margin-right:3.125vw;vertical-align:top;text-align:left}
.right_now_box.investment .code_box .lt .pic{position:relative;width:100%;height:15vw;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;background-color:#eee;margin-bottom:3.90625vw}
.right_now_box.investment .code_box .lt .pic img{width:100%;height:100%}
.right_now_box.investment .code_box .lt .reflash{position:relative;width:auto;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:4.375vw;line-height:4.375vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--bs-gray-600);text-decoration:underline}
.right_now_box.investment .code_box .rt{position:relative;width:48.125vw;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;vertical-align:top}
.right_now_box.investment .code_box .rt .code{position:relative;width:100%;height:15vw;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:4.6875vw;line-height:15vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#50504d;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d5d5d5;padding:0 3.125vw}
.right_now_box.investment .btn{-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);position:relative;width:100%;left:0;margin-bottom:15.625vw}
.house__stickBtm .contact{width:65.15625vw;-moz-box-sizing:border-box;box-sizing:border-box;background:url(/images/icon_phone1_biger.png) no-repeat;background-size:5.46875vw 6.09375vw;background-position:54.6875vw 1.71875vw}
.house__stickBtm .contact span{font-size:3.59375vw;line-height:4.6875vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#fffffe;text-align:left}
.house__stickBtm .join{background:url(/images/m/icon_preorder.png) no-repeat;background-size:4.53125vw 5.625vw;background-position:23.4375vw 1.71875vw}
}
@media screen and (max-width:1024px){
.popup__top{display:none}
}
@media screen and (max-width:959px){
.moreDetail__pic img{width:80%}
.stickBar__nav li{width:11.4%}
.stickBar__nav li a{padding:0;text-align:center}
.stickBar__nav li:nth-child(4), .stickBar__nav li:nth-child(5){width:15.8%}
.mainRow__left .house__func a{float:none;width:100%}
.popup{width:570px;margin:0 0 0 -285px}
}
@media screen and (max-width:759px){
.wrapper-1176{padding:0 10px}
.ipt1{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.mShow{display:block}
.pcShow{display:none!important}
.house .swiper-wrapper:empty{min-height:71.6vw;background-image:url(/images/rent/pic_defult_645x483.png);background-size:cover;background-repeat:no-repeat;background-position:center}
.counterItem.on{background:0 0}
.counterItem.on .selectBtn{background:#fff}
.selectPanel{z-index:0}
.func__left, .func__right{float:none}
.func__left{display:none}
.func__right{width:100%;text-align:center}
.func--btm .func__left{display:block;width:100%;text-align:center;padding:0 0 15px 20px}
.func--btm .likeBtn{margin:0}
.fbBtn, .ggBtn, .lineBtn, .mailBtn{background-size:40px 40px}
.mailBtn{background-image:url(/images/obj-share-email_.png)}
.ggBtn{background-image:url(/images/m/icon_gg2.png)}
.fbBtn{background-image:url(/images/obj-share-fb.png)}
.mShow.lineBtn{display:inline-block;width:40px;height:40px;margin-left:6px;background-position:0 0;background-repeat:no-repeat;background-image:url(/images/obj-share-line.png)}
.house .popup.jqmWindow{width:96%}
.house .wrapper-1176{padding:0}
.gallery__note, .gallery__thumbs, .house__detail h3, .house__moreDetail, .mainRow__right{display:none}
.house__mainRow{max-width:100%}
.mainRow__left{position:relative;max-width:100%}
.mainRow__left.investment .gallery__top .swiper-slide img{opacity:0;width:100%;height:auto}
.mainRow__left .gallery__top .swiper-button-next, .mainRow__left .gallery__top .swiper-button-prev{width:18px;height:28px;top:40%;margin-top:-14px;background-size:18px 28px}
.mainRow__left .house__func{position:absolute;bottom:0;left:0;width:100%;padding:0;z-index:2}
.mainRow__left .house__func a{margin-bottom:0}
.mainRow__left .house__func a:nth-child(3){display:none}
.mainRow__left .house__func .func__houseName{color:#2f2f2f;font-size:var(--font-xs);font-weight:700;padding:10px 55px 10px 10px;background-color:rgba(255,255,255,.8)}
.mainRow__left .house__func .func__houseName b{display:block;color:var(--green);font-size:var(--font-bmd)}
.mainRow__left .gallery__top{margin-bottom:0}
.house__detail .detail__type{padding:0 12px 30px 12px}
.house__detail .detail__type .type__item{border:none;padding:10px 0}
.house__detail .detail__type .type__item .item__td, .house__detail .detail__type .type__item .item__th{float:none;width:auto}
.house__detail .detail__type .type__item .item__th{font-size:var(--font-bmd);padding:5px 8px;margin-bottom:10px;border-bottom:1px dotted #dcdcdc}
.house__detail .detail__type .type__item .item__td{font-size:var(--font-sm);padding:0 15px}
.house__detail .detail__type .type__item .item__td li{float:none;width:100%;min-height:auto;line-height:18px;margin-right:0!important;padding:3px 0}
.house__detail .detail__foreword{font-size:var(--font-sm);line-height:18px;padding:0 28px}
.house__detail.newhome{-moz-box-sizing:border-box;box-sizing:border-box;padding:3.75vw}
.house__detail.newhome h3{font-size:5vw;line-height:5.3125vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--green);display:block;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px dotted #e3e3e3;padding:0 2.34375vw 3.75vw 2.34375vw;margin-bottom:3.75vw}
.house__detail.newhome h3:after{display:none}
.house__detail.newhome .detail__foreword{font-size:4.0625vw;line-height:7.8125vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--bs-gray-600);padding:0 2.34375vw;margin-bottom:5.46875vw}
.house__detail.newhome .detail__type{padding:0}
.house__detail.newhome .detail__type .type__item{border-top:0 dotted #dcdcdc;padding-top:0;padding-bottom:5.46875vw}
.house__detail.newhome .detail__type .type__item .item__th{display:none}
.house__detail.newhome .detail__type .type__item .item__td{width:100%;overflow:hidden;vertical-align:middle}
.house__detail.newhome .detail__type .type__item .item__td ul{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;float:left}
.house__detail.newhome .detail__type .type__item .item__td li{font-size:4.0625vw;line-height:4.375vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--bs-gray-600);display:inline-block;width:100%;padding:5px 0;min-height:26px;line-height:26px;vertical-align:middle}
.house__detail.newhome .detail__type .type__item .item__td li img{vertical-align:middle}
.house__detail.newhome .detail__type .type__item .item__td li:nth-child(odd){float:left;margin-right:3%}
.house__detail.newhome .detail__type .type__item .item__td:nth-child(2){float:left}
.house__detail.newhome .detail__type .type__item .item__td:nth-child(3){float:right}
.house__detail.global_list_detail{-moz-box-sizing:border-box;box-sizing:border-box;padding:0 3.125vw}
.house__detail.global_list_detail .house__introRow .introRow__item{display:inline-block;width:100%;overflow:visible}
.house__detail.global_list_detail .house__introRow .introRow__item:first-child{border-top:0}
.house__detail.global_list_detail .house__introRow .introRow__item .item__th{width:28.125vw}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td{float:right;padding:0}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td.item-price{text-align:right}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td .currencyDes{width:7.65625vw;height:7.65625vw;float:right;margin-top:0;font-size:0;line-height:34px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--green);text-decoration:underline;margin-left:2.8125vw;margin-right:0;cursor:pointer;background:url(/images/m/icon_reg.png) no-repeat;background-size:contain;padding:0;border:0}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td .counterItem{float:left;text-align:left}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td .counterItem .selectBtn{width:23.4375vw;padding:2px 33px 2px 11px}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td .counterItem .selectBtn:before{top:24%}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td .counterItem .selectBtn:after{top:6px}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td .counterItem .selectBtn.on:before{top:34%}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td .counterItem .selectBtn.on:after{top:6px}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td .counterItem .selectBtn span{height:20px}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td .counterItem .currency{width:-webkit-calc(23.4375vw + 46px);width:calc(23.4375vw + 46px);-moz-box-sizing:border-box;box-sizing:border-box;border-top:0;left:0;top:33px;padding:0;z-index:1}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td .counterItem .currency:after, .house__detail.global_list_detail .house__introRow .introRow__item .item__td .counterItem .currency:before{display:none}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td .counterItem .currency .selectPanel__level1 a{width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:3px 10px}
.house__detail.global_list_detail .house__introRow .introRow__item .item__td .counterItem .currency .selectPanel__level1 a:hover{text-decoration:none;background-color:var(--green);color:#fff}
.house__detail.global_list_detail#houseAreaMap, .house__detail.global_list_detail#houseMap{margin-bottom:15.625vw;padding-top:0}
.house__detail.global_list_detail#houseAreaMap h3, .house__detail.global_list_detail#houseMap h3{font-size:5vw;line-height:10.15625vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--green);border-bottom:1px dotted #e2e2e2;display:block;margin-bottom:4.6875vw;text-indent:3.125vw}
.house__detail.global_list_detail#houseAreaMap h3:after, .house__detail.global_list_detail#houseMap h3:after{display:none}
.house__detail.global_list_detail .detail__foreword{padding:0 4.6875vw;font-size:4.0625vw;line-height:6.25vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--bs-gray-600);padding-bottom:6.25vw;margin-bottom:6.25vw}
.house__detail.global_list_detail .detail__type{padding:0 4.6875vw}
.house__detail.global_list_detail .detail__type .type__item{padding:0}
.house__detail.global_list_detail .detail__type .type__item .item__td{padding:0}
.house__detail.global_list_detail .detail__type .type__item .item__td ul{width:100%}
.shareFunc{padding:0 0 60px 0}
body.house{margin-bottom:40px}
.popup{top:10%;height:auto;max-height:78%;width:96%;margin:0 0 0 -48%}
.popup .popup__wrap{overflow-y:scroll;-webkit-overflow-scrolling:touch}
.popup .popup__wrap .popup__top{top:0}
.popup .popup__wrap .con__wrap{height:-webkit-calc(100% - 45px);height:calc(100% - 45px);margin-top:45px}
.popup__alert{padding:25px 0}
.btn6{padding:7px 0}
.right_now_box{position:fixed;width:100%;height:100%;top:0;left:0;margin-left:0;margin-top:0;background-color:rgba(255,255,255,.7);padding-top:0;padding-bottom:0;text-align:center;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:none;z-index:202}
.right_now_box .right_now_box_in{position:relative;width:96.25vw;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;margin-top:1.875vw;margin-bottom:1.875vw;max-width:96.25vw;background-color:#ebebeb;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d6d6d6}
.right_now_box .closebtn{position:absolute;width:9.6875vw;height:9.21875vw;top:5vw;right:5vw;margin-right:0;margin-top:0;background-color:var(--green);display:block;cursor:pointer;z-index:9}
.right_now_box .closebtn:before{content:"";position:absolute;width:6.40625vw;height:.3125vw;top:0;left:0;margin-left:-3.125vw;margin-top:-.15625vw;-ms-transform:rotateZ(135deg);-webkit-transform:rotateZ(135deg);transform:rotateZ(135deg);left:50%;top:50%;background-color:#fff}
.right_now_box .closebtn:after{content:"";position:absolute;width:6.40625vw;height:.3125vw;top:0;left:0;margin-left:-3.125vw;margin-top:-.15625vw;-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);left:50%;top:50%;background-color:#fff}
.right_now_box .pic{display:none}
.right_now_box .title{position:relative;width:90vw;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:6.5625vw;line-height:9.375vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--green);text-align:left;margin:4.375vw 3.125vw 7.8125vw 3.125vw;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:4.375vw;padding-bottom:3.4375vw;padding-right:14.6875vw}
.right_now_box .title:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;margin-left:0;margin-bottom:0;background-color:var(--green)}
.right_now_box .data{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 7.1875vw;text-align:center;margin-bottom:5.625vw}
.right_now_box .data input{position:relative;width:100%;height:15.3125vw;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:5.625vw;line-height:15.3125vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--bs-gray-600);text-align:left;border:0 solid #d6d6d6;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 3.75vw;margin-right:0;margin-bottom:7.8125vw}
.right_now_box .data .counterItem{width:100%;margin-right:0;margin-bottom:7.8125vw}
.right_now_box .data .counterItem:last-child{margin-bottom:0}
.right_now_box .data .counterItem .selectBtn{width:100%;-moz-box-sizing:border-box;box-sizing:border-box}
.right_now_box .data .counterItem .selectPanel{position:relative;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;top:10px;left:0}
.right_now_box .data .counterItem .selectPanel:before{left:20px}
.right_now_box .data .counterItem .selectPanel:after{left:21px}
.right_now_box .privacy_box{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:4.0625vw;line-height:8.125vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#50504d;margin-bottom:7.8125vw;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 7.1875vw;text-align:left}
.right_now_box .privacy_box a{position:relative;width:auto;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;color:var(--orange);text-decoration:underline}
.right_now_box .code_box{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;margin-bottom:10.9375vw;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 7.1875vw}
.right_now_box .code_box .code_box{padding:0 0;margin-bottom:0}
.right_now_box .code_box .lt{position:relative;width:28.125vw;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;margin-right:3.125vw;vertical-align:top;text-align:left;float:left}
.right_now_box .code_box .lt .pic{position:relative;width:100%;height:15vw;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;background-color:#eee;margin-bottom:3.90625vw}
.right_now_box .code_box .lt .pic img{width:100%;height:100%}
.right_now_box .code_box .lt .reflash{position:relative;width:auto;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:4.375vw;line-height:4.375vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:var(--bs-gray-600);text-decoration:underline}
.right_now_box .code_box .rt{position:relative;width:49.6875vw;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;vertical-align:top;float:left}
.right_now_box .code_box .rt .code{position:relative;width:100%;height:15vw;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:4.6875vw;line-height:15vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#50504d;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d5d5d5;padding:0 3.125vw}
.right_now_box .btn{position:relative;width:100%;height:auto;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;text-align:center;margin-bottom:15.625vw}
.right_now_box .btn a{position:relative;width:56.25vw;height:13.125vw;left:0;right:0;top:0;bottom:0;margin:0;display:inline-block;vertical-align:middle;font-size:5.625vw;line-height:15vw;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#fff;border-radius:5px;background-color:var(--orange);text-align:center}
.right_now_box .btn a:hover{text-decoration:none;background-color:var(--orange-dark)}
}
@media screen and (max-width:500px){
.popup__txt{padding:15px 20px;font-size:var(--font-bmd);line-height:28px}
}
@media screen and (min-width:1025px){
.selectPanel label span:hover:after{opacity:.5}
.selectPanel label span:hover:before{border:1px solid #0074d9}
.btn6:hover{text-decoration:none}
}
.item__btnbar .gtm-preorder-submit:nth-child(2) a{cursor:pointer}

/* ============================================================
   詳情頁 2026 skin（Phase 3, 2026-07-22）
   ── 標題區 title-section（比照 house.aspx 詳情頁，樣式複製自 housepage.css）
   ── stickBar / popup xBtn 2026 化（housepage.css 前例）
   ── Swiper 11（master 全域）與頁內 Swiper 3.3.1 的樣式衝突修正
   ============================================================ */

/* ===== 版心：wrapper-1176 對齊 2026 container（1200px）=====
   （!important 是為壓過 global.css 內 Canvas 時期的 .wrapper-1176 max-width:1296px !important hack）*/
.house .wrapper-1176 { max-width: 1200px !important; padding: 0 24px !important; background-color: transparent !important; }
@media screen and (max-width: 759px) {
    .house .wrapper-1176 { padding: 0 12px !important; }
}

/* ===== 標題區 title-section（house.aspx 2026 樣式）===== */
.title-section { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; padding-top: 12px; flex-wrap: wrap; gap: 12px; }
.title-left { flex: 1; }
.house-id { font-size: var(--font-xs); color: var(--gray-600); display: flex; align-items: center; gap: 4px; }
.house-id span { font-family: 'Inter', sans-serif; }
.house-name { font-size: var(--font-xl); font-weight: 700; color: var(--gray-800); margin-top: 4px; display: flex; gap: 12px; flex-wrap: wrap; }
.house-addr { font-size: var(--font-md); color: var(--gray-600); margin-top: 6px; display: flex; align-items: center; gap: 6px; }
.house-addr i { color: var(--orange); }
.title-right { text-align: right; }
.house-price { font-size: var(--font-xl); font-weight: 700; color: var(--orange); font-family: 'Inter', sans-serif; line-height: 1; }
.house-price-unit { font-size: var(--font-bmd); color: var(--gray-600); font-weight: 400; }
.price-sub { font-size: var(--font-sm); color: var(--gray-600); margin-top: 4px; }
.share-actions { display: flex; gap: 8px; margin-top: 10px; justify-content: flex-end; align-items: center; }
.share-btn { width: 36px; height: 36px; border-radius: 50%; background: var(--gray-100); display: flex; align-items: center; justify-content: center; color: var(--gray-600); border: none; cursor: pointer; transition: all .2s; font-size: var(--font-md); }
.share-btn:hover { background: var(--green); color: #fff; text-decoration: none; }
.seminar-btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 16px; background: var(--green); color: #fff; border-radius: 20px; font-size: var(--font-sm); font-weight: 500; transition: background .2s; text-decoration: none; }
.seminar-btn:hover { background: var(--green-dark); color: #fff; text-decoration: none; }
@media (max-width: 1024px) {
    .title-section { flex-direction: column; }
    .title-section .title-right { text-align: left; width: 100%; }
    .title-section .share-actions { justify-content: flex-start; }
}

/* ===== stickBar 2026 skin（house.js scroll>850 加 .stick 顯示）===== */
.house .stickBar { position: fixed; top: 0; left: 0; right: 0; z-index: 1200; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.08); display: none; opacity: 1; border-top: none; }
.house .stickBar.stick { display: block; }
.house .stickBar__top { background: #fff; border-bottom: 1px solid var(--gray-100); }
.house .stickBar__top .wrapper-1176 { display: flex; align-items: center; justify-content: space-between; padding: 10px 24px !important; max-width: 1200px !important; }
.house .stickBar__nav .wrapper-1176 { max-width: 1200px !important; }
.house .stickBar__top .clear { display: none; }
.house .stickBar__name { font-size: var(--font-bmd); font-weight: 700; color: var(--gray-800); }
.house .stickBar__price b { font-size: var(--font-bmd); color: var(--orange); font-family: 'Inter', sans-serif; }
.house .stickBar__global { display: inline-flex; align-items: center; padding: 7px 18px; background: var(--orange); color: #fff; border-radius: 20px; font-size: var(--font-sm); font-weight: 500; transition: background .2s; text-decoration: none; }
.house .stickBar__global:hover { background: var(--orange-dark); color: #fff; text-decoration: none; }
.house .stickBar__nav { background: #fff; }
.house .stickBar__nav ul { display: flex; gap: 0; list-style: none; margin: 0; padding: 0; }
.house .stickBar__nav ul li { width: auto; }
.house .stickBar__nav ul li a { display: flex; align-items: center; padding: 0 16px; height: 44px; font-size: var(--font-sm); color: var(--gray-600); border-bottom: 2px solid transparent; transition: all .2s; white-space: nowrap; text-decoration: none; }
.house .stickBar__nav ul li a:hover, .house .stickBar__nav ul li a.on { color: var(--green); border-bottom-color: var(--orange); }

/* ===== popup（jqModal）2026：xBtn CSS 繪製 ×（housepage.css 前例）===== */
.popup.jqmWindow .popup__top { position: relative; }
.popup.jqmWindow .popup__top .xBtn { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: none; cursor: pointer; transition: background .2s; }
.popup.jqmWindow .popup__top .xBtn::before { content: '\00d7'; font-size: var(--font-lg); line-height: 1; color: var(--gray-600); }
.popup.jqmWindow .popup__top .xBtn:hover { background: var(--gray-100); }
.popup.jqmWindow .popup__top .xBtn:hover::before { color: var(--gray-800); }

/* ===== Swiper 11（master CDN 全域載入）vs 頁內 Swiper 3.3.1 衝突修正 =====
   Swiper 11 CSS 對 .swiper-button-next/prev 注入 ::after 字型箭頭，
   與 Swiper 3 的背景圖箭頭重疊 → 移除 ::after（保留 swiper-button-white 背景圖）*/
.house .swiper-button-next::after, .house .swiper-button-prev::after { content: none; }

/* ===== 詳情頁 2026 細節 ===== */
/* 主欄佈局：house.css/objectdetail.css（2023, 為 house.aspx 版型設計）的 flex 規則
   會讓本頁 mainRow__left 子元素橫排 → gallery 撐爆水平溢出；改為明確兩欄 */
.house .house__mainRow { display: flex; align-items: flex-start; gap: 24px; }
.house .mainRow__left { flex: 1 1 auto; min-width: 0; width: auto; float: none; display: block; }
.house .mainRow__right { flex: 0 0 320px; width: 320px; float: none; display: block; }
.house .house__mainRow > .clear { display: none; }
@media screen and (max-width: 759px) {
    .house .house__mainRow { display: block; }
    .house .mainRow__right { display: none; }
    .house .mainRow__left .gallery__thumbs { display: none; } /* 舊版行動版隱藏縮圖列（house.css 桌機 flex 規則特異度較高，需在此反制） */
}
/* house.css(2023) 於 ≤768 對 .mShow 下 display:none!important（house.aspx 版型不用 mShow）
   → 本模組行動版仍依賴 mShow 區塊（詳細資訊 introRow / 分享列 / 底部 CTA），反制還原 */
@media screen and (max-width: 759px) {
    .house .mShow { display: block !important; }
    .house a.mShow.lineBtn { display: inline-block !important; }
}
@media screen and (min-width: 760px) {
    .house .mShow { display: none !important; }
}
/* 相簿圓角 */
.house .mainRow__left .gallery__top { border-radius: var(--radius); overflow: hidden; }
.house .mainRow__left .gallery__thumbs .swiper-slide { border-radius: var(--radius-sm); overflow: hidden; }
/* 公設比註解鈕：移除紅色漸層 → 2026 橘 */
.house__detail .noteBtn { background: var(--orange); border-color: var(--orange-dark); }
.house__detail .noteBtn:hover { background: var(--orange-dark); }
/* 預約表單（.house__booking 靜態表單）2026 化 */
.house .house__booking { border: 1px solid var(--gray-200); border-radius: var(--radius); background: var(--gray-100); padding: 20px; box-sizing: border-box; margin-top: 16px; }
.house .house__booking .ipt2 { border: 1px solid var(--gray-200); border-radius: var(--radius-sm); padding: 10px 12px; }
.house .house__booking .btnRow { text-align: center; margin-top: 12px; }
.house .house__booking .btnRow a { display: block; width: 100%; padding: 12px 0; text-align: center; background: var(--orange); color: #fff; font-size: var(--font-bmd); font-weight: 500; border-radius: var(--radius-sm); transition: background .2s; text-decoration: none; }
.house .house__booking .btnRow a:hover { background: var(--orange-dark); text-decoration: none; }
.house .house__booking .timeRow label { cursor: pointer; }
.house .house__booking .code_box .pic { border: 1px solid var(--gray-200); border-radius: var(--radius-sm); overflow: hidden; }
/* 詳細資訊 h3 分隔線淡化 */
.house__detail h3, .house__moreDetail h3 { color: var(--green); font-weight: 700; }
.house__detail h3:after, .house__moreDetail h3:after { border-top-color: var(--gray-200); }
/* 區域地圖 iframe 圓角 */
.house__detail.global_list_detail .item { border-radius: var(--radius); }
/* 說明會報名盒 investment_booking 2026 */
.investment_booking { border: 1px solid var(--gray-200); border-radius: var(--radius); background: var(--gray-100); }
.investment_booking .btn:before { background-color: var(--orange-dark); }
.investment_booking .btn:after { background-color: var(--orange); }
/* 報名視窗 right_now_box 內盒 */
.right_now_box .right_now_box_in { border-radius: var(--radius); }
/* 報名表單 right_now_box.investment 為「內嵌常駐」區塊（investment-detail.js gotoForm 僅捲動聚焦，無開闔邏輯）
   → 行動版也維持內嵌顯示；反制萃取段 @759 的舊 fixed 覆蓋層規則 */
@media screen and (max-width: 759px) {
    .house .right_now_box.investment { position: relative; width: 100%; height: auto; top: auto; left: auto; display: block; margin: 0 0 7.8125vw; padding-top: 0; z-index: 0; background: none; overflow: visible; }
    .house .right_now_box.investment .right_now_box_in .closebtn { display: none; }
}

/* ===== 減少動態偏好 ===== */
@media (prefers-reduced-motion: reduce) {
    .global .objlist__item { transition: box-shadow .2s; }
    .global .objlist__item:hover { transform: none; }
}