/* ============================================================
   pricepage.css — 區域實價登錄（price-area.aspx）2026 覆寫層
   2026-07-23：Canvas MasterPage → new_MasterPage 遷移
   基底：頁面自載 price/houseList/home/objectdetail/layoutXpert + custom.css（補列）
   本檔 = Canvas 變數橋接 + layout_tmp.css 萃取（頁面命中 194 條，原由 Canvas master 供應）
        + 2026 skin（page-header 由 buylist.css 供應）
   文字大小：main.css CSS Variables
   ============================================================ */

/* ===== Canvas 變數橋接 ===== */

.pricepage { padding-bottom: 48px; }
.pricepage .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; width: 100%; box-sizing: border-box; }
.pricepage .container .container { padding: 0; max-width: 100%; }
@media (max-width: 640px) {
    .pricepage .container { padding: 0 12px; }
    .pricepage .container .container { padding: 0; }
}

/* ===== layout_tmp.css 萃取段（2026 化）===== */
.clear{width:100%;clear:both;line-height:0;height:0;overflow:hidden;font-size:var(--font-xs);display:block}
.xBtn:hover{background-position:0 bottom}
.wrapper-1176{position:relative;max-width:1152px;padding:0 12px;margin:0 auto}
.wrapper-1176 .navR a:hover{background-color:#f4f4f4;text-decoration:none}
.searchBtn1{position:absolute;bottom:-26px;left:50%;margin-left:-79px;font-size:var(--font-bmd);color:#fff;padding:15px 46px 15px 68px;border-radius:5px;background-color:var(--orange);background-image:url(/images/icon_scope.png);background-repeat:no-repeat;background-position:30% center;z-index:2}
.searchBtn1:hover{text-decoration:none;background-color:red}
.moreBtn2{color:var(--bs-gray-600)}
.moreBtn2:before{position:absolute;top:0;right:-17px;width:15px;height:15px;content:'>';font-size:var(--font-md)}
.moreBtn2:hover{text-decoration:none;border-bottom:1px solid var(--green)}
.ipt1{border:1px solid #d5d5d5;padding:14px 8px;background-color:rgba(255,255,255,.8)}
.col4-1, .col4-2{float:left}
.col4-1{width:25%}
.col4-2{width:50%}
.mShow{display:none}
.pcShow{display:block}
.keywordIpt{width:288px}
.slider1 li{position:relative}
.slider1 li .houseItem{position:relative;display:block;font-size:var(--font-bmd)}
.slider1 li .houseItem:hover{text-decoration:none}
.objlist__item{padding:42px 0;border-bottom:1px solid #d6d6d6;overflow:hidden}
.objlist__item:hover{background-color:#f8f8f8}
.objlist__item .item__intro{padding:0 5%}
.objlist__item .item__intro .intro__name{font-family:(--bs-body-font-family)!important;display:block;color:var(--green);font-size:var(--font-lg);line-height:21px;margin-bottom:18px;font-weight:700}
.objlist__item .item__intro .intro__add{font-family:(--bs-body-font-family)!important;font-size:var(--font-bmd);line-height:30px;color:#2f2f2f}
.objlist__item .item__intro ul{margin-bottom:17px}
.objlist__item .item__intro li{display:inline-block;font-size:var(--font-bmd);line-height:25px;color:var(--bs-gray-600);margin:0 18px 20px 0}
.objlist__item .item__intro li i{color:#2f2f2f;font-style:normal;font-weight:700}
.objlist__item .item__intro .price__title{display:block;font-size:var(--font-bmd);line-height:20px;color:#2f2f2f}
.objlist__item .item__intro .price--original{font-size:var(--font-bmd);color:#999;text-decoration:line-through;margin-right:10px}
.objlist__item .item__intro .price--real{font-size:var(--font-bmd);line-height:18px;color:#333}
.objlist__item .item__intro .price--real i{font-size:var(--font-xl);line-height:27px;color:var(--orange);font-style:normal;font-weight:700}
.objlist__item .item__func{padding:0 10%}
.popup__con{width:100%;background-color:#fff}
.popup__con .list__item1{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}
.priceArea__search{position:relative;height:180px;text-align:center;background-color:#f5f5f5;z-index:8}
.priceArea__search.on .itemWrap{top:0}
.priceArea__search .itemWrap{position:absolute;top:-107px;left:0;width:100%;height:79px;padding:28px 0 0 0;-webkit-transition:all .5s;transition:all .5s}
.priceArea__search .itemWrap .selectBtn{padding:12px 33px 12px 6px}
.priceArea__search .itemWrap .searchBtn1{position:inherit;bottom:inherit;left:inherit;margin-left:5px;font-size:var(--font-bmd);color:#fff;padding:12px 46px 12px 68px;vertical-align:middle;border-radius:5px;background-color:var(--orange);background-image:url(/images/icon_scope.png);background-repeat:no-repeat;background-position:30% center}
.priceArea__search .itemWrap .searchBtn1:hover{background-color:var(--orange)}
.priceArea__search .itemWrap .closeBtn{position:absolute;top:-30px;right:12px;width:24px;height:24px;background-color:#fff}
.priceArea__search .itemWrap .closeBtn:before{position:absolute;top:1px;left:0;width:24px;height:24px;display:block;content:'×';font-size:var(--font-xl);color:#9e9e9e}
.priceArea__search .itemWrap .closeBtn:hover{text-decoration:none}
.priceArea__search .itemWrap .counterItem .closeBtn{width:18px;height:18px;background-color:initial;top:13px;right:14px}
.priceArea__search .itemWrap .counterItem .closeBtn:before{position:absolute;width:22px;height:2px;top:8px;left:-1px;margin-left:0;margin-top:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:var(--green);content:""}
.priceArea__real{padding:0 0 35px 0}
.priceArea__real .real__nav{width:100%;height:50px;overflow:hidden}
.priceArea__real .real__nav .navL{float:left;font-size:var(--font-bmd);line-height:39px}
.priceArea__real .real__nav .navL b{font-size:var(--font-lg);line-height:22px;color:var(--green)}
.priceArea__real .real__nav .navR{float:right}
.priceArea__real .real__nav .navR a{display:inline-block;width:42px;height:37px;border-radius:5px;border:1px solid #bcbcbc;margin-right:5px;background-position:0 0;background-repeat:no-repeat;vertical-align:top}
.priceArea__real .real__nav .navR a.on, .priceArea__real .real__nav .navR a:hover{background-color:var(--orange);border:1px solid var(--orange);background-position:0 bottom}
.priceArea__real .real__nav .navR .printPriceBtn{display:none;width:auto;font-size:var(--font-md);line-height:39px;padding:0 10px 0 35px;background:url(/images/icon_print1.png) 10px 50% no-repeat}
.priceArea__real .real__nav .navR .printPriceBtn:hover{color:#fff;text-decoration:none;background:var(--orange) url(/images/icon_print1_ov.png) 10px 50% no-repeat}
.priceArea__real .real__con{border:1px solid #d6d6d6;border-top:3px solid var(--green)}
.priceArea__real .map__objlist{position:absolute;top:0;right:-451px;width:450px;height:100%;border-left:1px solid var(--green);background-color:#fff;z-index:2;-webkit-transition:all .5s;transition:all .5s}
.priceArea__real .map__objlist.on{right:0}
.priceArea__real .map__objlist .objlist__func{font-size:var(--font-md);height:39px;line-height:39px;border-bottom:1px solid #9e9e9e}
.priceArea__real .map__objlist .objlist__func b{color:var(--orange)}
.priceArea__real .map__objlist .objlist__func .closeBtn{position:absolute;top:6px;right:6px;width:25px;height:25px;background-color:#9e9e9e;text-align:center}
.priceArea__real .map__objlist .objlist__func .closeBtn:before{position:absolute;top:-4px;right:0;width:25px;height:25px;content:'x';color:#fff;font-size:var(--font-xl);line-height:25px}
.priceArea__real .map__objlist .objlist__func .closeBtn:hover{background-color:var(--orange)}
.priceArea__real .map__objlist .objlist__func .funcL{padding-left:15px}
.priceArea__real .map__objlist .objlist__func .funcR{position:absolute;top:0;right:37px}
.list__sort_trans .sortBtn_trans, .priceArea__real .map__objlist .objlist__func .funcR .sortBtn{display:block;position:relative;font-size:var(--font-md);color:#50504e;padding:1px 26px 0 24px;z-index:3}
.list__sort_trans .sortBtn_trans:before, .priceArea__real .map__objlist .objlist__func .funcR .sortBtn:before{position:absolute;top:36%;right:10px;width:8px;height:8px;display:inline-block;content:"";border-right:1px solid #666;border-top:1px solid #666;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.list__sort_trans .sortBtn_trans.on, .priceArea__real .map__objlist .objlist__func .funcR .sortBtn.on{background-color:#fff;border:1px solid var(--green);border-bottom:1px solid #fff;padding:0 25px}
.list__sort_trans .sortBtn_trans.on:before, .priceArea__real .map__objlist .objlist__func .funcR .sortBtn.on:before{top:45%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.list__sort_trans .sortBtn_trans:hover, .priceArea__real .map__objlist .objlist__func .funcR .sortBtn:hover{text-decoration:none}
.list__sort_trans .sortPanel_trans, .priceArea__real .map__objlist .objlist__func .funcR .sortPanel{display:none;position:absolute;top:39px;right:0;width:236px;line-height:28px;padding:20px 7px 15px 7px;border:1px solid var(--green);background-color:#fff;z-index:2}
.list__sort_trans .sortPanel_trans a, .priceArea__real .map__objlist .objlist__func .funcR .sortPanel a{display:block;padding:0 10px;font-size:var(--font-bmd)}
.list__sort_trans .sortPanel_trans a.on, .list__sort_trans .sortPanel_trans a:hover, .priceArea__real .map__objlist .objlist__func .funcR .sortPanel a.on, .priceArea__real .map__objlist .objlist__func .funcR .sortPanel a:hover{text-decoration:none;color:#fff;background-color:var(--green)}
.list__sort_trans .sortBtn_trans{border:1px solid #aaa;margin:0 0 20px}
.list__sort_trans .sortBtn_trans, .list__sort_trans .sortBtn_trans.on{line-height:39px;text-align:center}
.list__sort_trans .sortBtn_trans.on~.sortPanel_trans{opacity:1;transition:.3s}
.list__sort_trans .sortPanel_trans{width:100%;box-sizing:border-box}
.priceArea__real .map__objlist .objlist__itemWrap{height:-webkit-calc(100% - 40px);height:calc(100% - 40px);overflow-y:auto}
.priceArea__real .map__objlist .objlist__item{width:100%;padding:18px 0;border-bottom:1px dotted #aeaeae;overflow:hidden}
.priceArea__lineChart .lineChart__notice{font-size:var(--font-sm);padding:24px 0;line-height:22px}
.priceArea_selectBox{position:relative;z-index:1;margin-bottom:15px;text-align:right;color:#009191;float:right;display: flex;gap: 0.5rem;}
.priceArea_selectBox select{border:none;border-bottom:1px #aaa solid;color:#aaa}
.priceArea__real .map__objlist .objlist__func .funcR .sortBtn{display:inline-block}
.priceArea_priceBox{color:#333;font-size:var(--font-bmd);line-height:25px}
.priceArea_priceBox .navR{float:right}
.priceArea_priceBox .navR a{border:1px #aaa solid;border-radius:5px;padding:8px}
.priceArea_priceBox .navL{float:left;font-size:var(--font-lg)}
@media (max-width:480px){
.priceArea_noteShow{right:0}
.list__tdRow{position:relative}
.priceArea_noteShow_mobile{width:calc(100% - 12px);height:100%;position:absolute;background:#ddd;box-sizing:border-box;display:none;padding:8px 50px 8px 8px}
.priceArea_note:hover+.priceArea_noteShow{display:none}
.priceArea_noteShow_mobile .closeBtn{padding:8px;border-radius:5px;background:#aaa;position:absolute;top:8px;right:8px;width:20px;height:20px;text-align:center;line-height:20px}
}
.priceAreaSell__low .low__list{position:relative;z-index:1;min-height:270px}
@media screen and (max-width:1024px){
.popup__top{display:none}
}
@media screen and (max-width:1075px){
.slider1{padding:0 50px}
}
@media screen and (max-width:959px){
.counterItem:nth-child(4) .selectPanel.singleCol{left:-210px}
.counterItem:nth-child(4) .selectPanel.singleCol:before{left:230px}
.counterItem:nth-child(4) .selectPanel.singleCol:after{left:231px}
.keywordIpt{width:166px}
.objlist__item .col4-1:nth-child(1){width:32%}
.objlist__item .col4-2:nth-child(2){width:43%}
.objlist__item .col4-2:nth-child(2) .item__intro{padding:0 10% 0 2%}
.popup{width:570px;margin:0 0 0 -285px}
.priceArea__search .keywordIpt{width:288px}
.priceArea__real .real__nav{padding-top:15px}
}
@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}
.searchBtn1{position:inherit;left:inherit;top:inherit;bottom:inherit;margin:0}
.keywordIpt{width:100%;-moz-box-sizing:border-box;box-sizing:border-box}
.counterItem.on{background:0 0}
.counterItem.on .selectBtn{background:#fff}
.navL{display:none}
.selectPanel{z-index:0}
.objlist__item{position:relative}
.objlist__item .item__func .btn3:nth-child(3), .objlist__item .price__title{display:none}
.objlist__item .item__intro .price__title{display:none}
.objlist__item .item__func .btn3{position:absolute;top:22px;right:0;width:40px;height:40px;text-indent:-9999px;border:none;padding:0;background:url(/images/m/icon_heart2.png) center center no-repeat;background-color:transparent;background-size:15px 13px}
.objlist__item .item__photo{position:absolute;top:30px;left:10px;width:110px;margin-right:10px}
.objlist__item .photo__img{width:100%;height:83px;background-size:cover;background-color:#000}
.objlist__item .item__intro{padding:0}
.objlist__item .item__intro .intro__name{font-size:var(--font-bmd);margin-bottom:5px;line-height:24px}
.objlist__item .item__intro .intro__add{font-size:var(--font-md);line-height:23px;min-height:23px;margin-bottom:3px}
.objlist__item .item__intro .price--original{font-size:var(--font-md)}
.objlist__item .item__intro .price--real{font-size:var(--font-md)}
.objlist__item .item__intro .price--real i{font-size:var(--font-lg)}
.objlist__item .col4-1, .objlist__item .col4-2{float:none;width:auto}
.objlist__item .col4-2{padding:0 0 10px 120px;min-height:90px}
.objlist__item .item__btmIntro li{position:relative;display:inline-block;font-size:var(--font-sm);color:var(--bs-gray-600);padding-right:5px;margin-right:5px}
.objlist__item .item__btmIntro li i{font-weight:700;color:#2f2f2f;font-style:normal}
.objlist__item .item__btmIntro li:nth-child(1):before, .objlist__item .item__btmIntro li:nth-child(2):before{position:absolute;top:2px;right:0;width:1px;height:15px;display:block;content:'';background-color:#ececec}
.objlist__item .col4-2:nth-child(2){width:auto}
.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}
.priceArea__lineChart{display:none}
.priceArea__search{height:auto;padding:0 10px}
.priceArea__search h2.title{font-size:var(--font-xl);padding:0;margin-bottom:10px}
.priceArea__search.on .itemWrap{display:block}
.priceArea__search .itemWrap{position:inherit;left:inherit;top:inherit}
.priceArea__search .itemWrap{display:none;height:auto}
.priceArea__search .closeBtn{display:none}
.priceArea__search .counterItem{display:inline-block;text-align:center;margin:0 0 0 -4px}
.priceArea__search .counterItem:nth-child(2){width:60%}
.priceArea__search .counterItem:nth-child(3){width:calc(40% - 6px);margin-left:2px}
.priceArea__search .counterItem:nth-child(4){width:100%}
.priceArea__search .counterItem .selectBtn{-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:10px;padding:12px 33px 12px 6px}
.priceArea__search .counterItem .ipt1Wrap{display:inline-block;position:relative;width:100%;padding-right:48px;-moz-box-sizing:border-box;box-sizing:border-box}
.priceArea__search .counterItem .ipt1Wrap .searchBtn1{position:absolute;top:0;right:0;width:48px;height:48px;display:inline-block;padding:0;border-radius:0;background-position:50% 50%}
.priceArea__search .counterItem .ipt1Wrap .searchBtn1 span{display:none}
.priceArea__search .counterItem .keywordIpt{margin-bottom:10px;width:100%;font-size:var(--font-sm);padding:14px 5px}
.priceArea__search .searchBtn1{display:inline-block;width:80%;margin-left:0;padding:12px 10px 12px 0;-moz-box-sizing:border-box;box-sizing:border-box;background-image:none}
.priceArea__search .searchBtn1 span{display:inline-block;padding:0 0 0 20px;background-image:url(/images/m/icon_scope.png);background-repeat:no-repeat;background-position:0 center;background-size:16px 17px}
.priceArea__search .selectPanel{top:57px;left:0;width:100%;padding:10px 0 10px 5px;-moz-box-sizing:border-box;box-sizing:border-box;z-index:9}
.priceArea__search .counterItem:nth-child(2) .selectPanel{width:166.66%}
.priceArea__search .counterItem:nth-child(3) .selectPanel{width:260%;left:-160%}
.priceArea__search .counterItem:nth-child(3) .selectPanel:after{left:80%}
.priceArea__search .counterItem:nth-child(3) .selectPanel:before{left:calc(80% - 1px)}
.priceArea__search .selectPanel label span{-moz-box-sizing:border-box;box-sizing:border-box}
.priceArea__search .selectPanel__level1 a{padding:7px 3px 7px 10px}
.priceArea__real .real__con{border:none}
.priceArea__real .real__nav{height:auto}
.priceArea__real .real__nav .navL{display:block;float:inherit;text-align:center;font-size:var(--font-sm);padding-top:5px}
.priceArea__real .real__nav .navL b{font-size:var(--font-bmd)}
.priceArea__real .real__nav .navR{display:none}
.priceArea__real .list__thRow{display:none}
.section.title h3.title{text-align:center;font-size:var(--font-lg)}
.section h2.title span{font-size:var(--font-lg)}
.aside-content{width:100%}
.pie-chart{width:100%;margin:77px 0 30px}
.pie-chart.noData{width:100%;margin:17px 0 0;font-size:var(--font-xl)}
p.priceDeal{text-align:center}
p.more-data{border:none;opacity:1!important;text-align:center;width:100%}
#priceDeal{display:none}
.tableBox{overflow:auto}
.tableBox table{min-width:1000px}
.priceArea_selectBox{text-align:center;color:#009191;float:right;width:100%}
.priceArea_more{display:none;margin:35px 0 0}
.priceLower.noData .priceArea_more{display:block}
.priceArea_list{border:none;border-top:none;margin:16px 0 0}
.real__list .list__pageRow a{display:none}
.real__list .list__pageRow a:last-child, .real__list .list__pageRow a:nth-child(1), .real__list .list__pageRow a:nth-child(2), .real__list .list__pageRow a:nth-child(3), .real__list .list__pageRow a:nth-child(4), .real__list .list__pageRow a:nth-child(5), .real__list .list__pageRow a:nth-child(6){display:inline-block}
.priceArea__real .real__nav{padding-top:0}
.priceAreaSell__low .wrapper-1176{padding:0}
.low__list .intro__name{font-weight:700}
.objlist__item .item__func .btn3.on{background-image:url(/images/m/icon_heart2_ov.png)}
}
@media screen and (min-width:1025px){
.selectPanel label span:hover:after{opacity:.5}
.selectPanel label span:hover:before{border:1px solid #0074d9}
.btn3:hover{color:#50504d;text-decoration:none;border:1px solid #9e9e9e;background-color:#ebebeb}
.btn3:hover .heartI{background-image:url(/images/icon_heart4.png)}
}
/* ============================================================
   2026 skin（design2 語彙，比照 sellpage）
   ============================================================ */
/* 區塊間距 */
.pricepage .priceArea__search, .pricepage .areaPriceSummary, .pricepage .graphSection,
.pricepage .price-list-section, .pricepage .map-price-section { margin: 32px 0; }

/* 搜尋列 → 圓角卡 */
.pricepage .priceArea__search { background: #fff; border: 1px solid var(--gray-200); border-radius: var(--radius); box-shadow: var(--shadow); padding: 18px 20px; position: static; height: auto; }
/* 萃取段的 .itemWrap 為舊版 absolute 定位（overlay 式搜尋列）→ 還原為流式，卡片高度才撐得起來 */
.pricepage .priceArea__search .itemWrap { position: static; width: 100%; max-width: 100%; transform: none; }
.pricepage .priceArea__search .itemWrap h2 { margin-bottom: 12px; }
.pricepage .priceArea__search .itemWrap h2 span { font-size: var(--font-bmd); font-weight: 700; color: var(--gray-800); }
.pricepage .condition-input-group { display: flex; gap: 12px; align-items: stretch; flex-wrap: wrap; }
.pricepage .condition-input-group .selectBtn {
    display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 18px;
    border: 1px solid var(--gray-200); border-radius: var(--radius-sm); background: var(--gray-100);
    font-size: var(--font-sm); color: var(--gray-800); text-decoration: none; transition: all .2s; box-sizing: border-box;
}
.pricepage .condition-input-group .selectBtn:hover, .pricepage .condition-input-group .selectBtn.on { border-color: var(--green); background: #fff; color: var(--green); }
.pricepage .condition-input-group .search-bar {
    flex: 1; min-width: 220px; height: 46px; border: 1px solid var(--gray-200); border-radius: var(--radius-sm);
    background: var(--gray-100); padding: 0 16px; font-size: var(--font-sm); color: var(--gray-800); outline: none; transition: all .2s; box-sizing: border-box;
}
.pricepage .condition-input-group .search-bar:focus { border-color: var(--green); background: #fff; box-shadow: 0 0 0 3px rgba(25,135,84,.12); }
.pricepage .condition-input-group .ct-green-button {
    display: inline-flex; align-items: center; gap: 6px; height: 46px; padding: 0 26px;
    background: var(--green); color: #fff; border: none; border-radius: 999px;
    font-size: var(--font-sm); font-weight: 700; cursor: pointer; transition: all .2s; text-decoration: none;
    box-shadow: 0 4px 12px rgba(25,135,84,.18);
}
.pricepage .condition-input-group .ct-green-button:hover { background: var(--green-dark); color: #fff; }
.pricepage .condition-input-group .ct-green-button .bi-search { font-style: normal; }

/* 行情摘要標題 */
.pricepage .SummaryTitle { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: var(--font-lg); font-weight: 800; color: var(--gray-800); }
.pricepage .SummaryTitle .highlight-color { color: var(--green); font-size: var(--font-lg); }
.pricepage .SummaryTitle #titleAvgPrice { color: var(--orange); }
.pricepage .summaryNote { margin-top: 10px; }
.pricepage .summaryNote span { display: inline-block; font-size: var(--font-md); color: var(--gray-600); background: var(--gray-100); border-radius: 999px; padding: 8px 22px; }
.pricepage .summaryNote a { color: var(--orange); font-weight: 700; }

/* 類別資訊卡（roundTabItemL）*/
.pricepage .priceCategoryMenu { display: flex; gap: 14px; flex-wrap: wrap; align-items: stretch; }
.pricepage .roundTabItemL {
    flex: 1 1 200px; background: #fff; border: 1px solid var(--gray-200); border-radius: var(--radius);
    padding: 14px 18px; box-shadow: 0 2px 8px rgba(0,0,0,.04); text-decoration: none;
    position: relative; overflow: hidden; transition: all .25s;
}
.pricepage .roundTabItemL::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--gray-200); }
.pricepage .roundTabItemL.tabBlue::before { background: #4CC9FF; }
.pricepage .roundTabItemL.tabBlue2::before { background: #ce5bb5; }
.pricepage .roundTabItemL.tabGreen::before { background: #86FF00; }
.pricepage .roundTabItemL.tabBrown::before { background: #FFA400; }
.pricepage .roundTabItemL:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); border-color: var(--green); }
.pricepage .roundTabItemL .btnTitle { font-size: var(--font-bmd); font-weight: 700; color: var(--gray-800); margin-bottom: 6px; }
.pricepage .roundTabItemL .btnInfo { font-size: var(--font-bmd);gap: 0.5rem; }
.pricepage .roundTabItemL .btnInfo .highlight-color { color: var(--orange); font-weight: 700; }

/* 趨勢圖卡 */
.pricepage .graphSection .chartBox { background: #fff; }
.pricepage .priceArea_selectBox select { height: 36px; border: 1px solid var(--gray-200); border-radius: var(--radius-sm); padding: 0 10px; background: #fff; font-size: var(--font-sm); }

/* 實登表格 2026 化 */
.pricepage .detail-row-title { margin: 0 0 14px; }
.pricepage .detail-row-title span { font-size: var(--font-lg); font-weight: 800; color: var(--gray-800); }
.pricepage .real__list { border: 1px solid var(--gray-200); border-radius: var(--radius); overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.04); background: #fff; }
/*.pricepage .list__thRow { background: var(--gray-100); }*/
.pricepage .list__thRow .thRow__td a, .pricepage .list__thRow .thRow__td { color: var(--gray-800); font-size: var(--font-sm); font-weight: 700; }
.pricepage .list__tdRow { border-top: 1px solid var(--gray-200); }
.pricepage .list__tdRow:hover { background: var(--gray-100); }
.pricepage .tdRow__td { font-size: var(--font-sm); color: var(--gray-800); }
.pricepage .priceArea_note { display: inline-block; min-width: 26px; text-align: center; background: var(--green-light, #d1e7dd); color: var(--green); border-radius: 999px; font-size: var(--font-xs); padding: 2px 8px; text-decoration: none; }
.pricepage .list__pageRow { padding: 16px 0; text-align: center; }
.pricepage .pagesTransaction a { min-width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; margin: 0 3px; padding: 0 8px; border-radius: var(--radius-sm); border: 1px solid var(--gray-200); color: var(--gray-600); font-size: var(--font-sm); text-decoration: none; }
.pricepage .pagesTransaction a.on { background: var(--green); border-color: var(--green); color: #fff; }
.pricepage .pagesTransaction a:hover:not(.on) { border-color: var(--green); color: var(--green); }

/* 地圖卡 */
.pricepage .map-price-section .real__con { border: 1px solid var(--gray-200); border-radius: var(--radius); overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.04); border-top: 4px solid var(--green); }

/* 低總價推薦（tileSec 標題）*/
.pricepage .recommandObject .tileSec { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.pricepage .recommandObject .tileSec .awesomef { color: var(--green); font-size: var(--font-lg); }
.pricepage .recommandObject .objectRowTitle .container-heading-h3 { font-size: var(--font-lg); font-weight: 800; color: var(--gray-800); }
.pricepage .recommandObject .objectRowTitle .container-heading-basic { font-size: var(--font-sm); color: var(--gray-600); }
.pricepage .rightmore { text-align: right; margin-top: 8px; }
.pricepage .rightmore .more { font-size: var(--font-sm); color: var(--green); font-weight: 700; text-decoration: none; }

/* 錨點捲動抵銷 sticky header（summaryNote 內 #price-list 錨點為原生 href，本頁無 Angular 攔截問題） */
#price-list, .pricepage .areaPriceSummary { scroll-margin-top: 84px; }

@media (max-width:768px){
    #price-list, .pricepage .areaPriceSummary {margin: 1rem auto 0;}
    .ct-price-list .real__nav.priceArea_priceBox .navR{font-size: var(--font-sm);}
    .ct-price-list .list__sort_trans .sortBtn_trans{padding: 0px;}
    .ct-price-list .real__list.priceArea_list{background-color: transparent;}
    .ct-price-list .list__sort_trans .sortBtn_trans{width: 100%;}
}

@media (prefers-reduced-motion: reduce) {
    .pricepage .roundTabItemL:hover { transform: none; }
}

/* ============================================================
   待售行情頁（price-areaselling.aspx，/areaselling/ 路由）
   2026-07-23：layout_tmp.css 萃取（本頁命中 161 條，與上方段落去重）2026 化
   ============================================================ */
.searchBtn1{position:absolute;bottom:-26px;left:50%;margin-left:-79px;font-size:var(--font-bmd);color:#fff;padding:15px 46px 15px 68px;border-radius:5px;background-color:var(--orange);background-image:url(/images/icon_scope.png);background-repeat:no-repeat;background-position:30% center;z-index:2}
.moreBtn2:hover{text-decoration:none;border-bottom:1px solid var(--green)}
.slider1 li .houseItem__price{position:absolute;bottom:0;left:0;width:94%;height:40px;line-height:40px;font-size:var(--font-lg);color:var(--orange);font-weight:700;padding:0 3%;background:-webkit-linear-gradient(left,#fff 0,#fff 40%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,#fff 0,#fff 40%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,#fff 0,#fff 40%,rgba(255,255,255,0) 100%)}
.slider1 li .houseItem__price .unit{color:#000}
.slider1 li .houseItem__name{color:var(--green);font-size:var(--font-bmd);line-height:22px}
.slider1 li .houseItem__name:hover{text-decoration:underline}
.slider1 li .houseItem__add, .slider1 li .houseItem__name, .slider1 li .houseItem__size{margin-bottom:12px}
.slider1 li .houseItem__add, .slider1 li .houseItem__size{color:var(--bs-gray-600);font-weight:700}
.subNav{position:relative;height:140px;border-bottom:2px solid #ebebeb;z-index:9;background-color:#fff}
.subNav h1{position:absolute;top:81px;left:22px;width:320px;height:40px;color:#2f2f2f;font-size:var(--font-xl);line-height:40px}
.subNav h1 i{display:inline-block;font-size:var(--font-md);font-style:normal;font-weight:700;margin-left:10px;line-height:15px}
.subNav nav{position:relative;padding:23px 0 0 0}
.subNav nav ul{width:100%;text-align:right}
.subNav nav li{display:inline-block}
.subNav nav li a{position:relative;display:block;color:var(--green);font-size:var(--font-bmd);height:92px;padding:0 19px;line-height:93px;text-align:center;border-right:1px solid #d6d6d6;z-index:1}
.subNav nav li a:hover{color:#2f2f2f;text-decoration:none}
.subNav nav li a:hover:before{width:100%;-webkit-transition:width .3s;transition:width .3s}
.subNav nav li a:before{content:'';background:var(--green);position:absolute;bottom:-27px;left:0;width:0;height:4px}
.subNav nav li a.on{color:#2f2f2f}
.subNav nav li a.on:before{width:100%}
.objlist__item .item__intro .intro__name{font-family:(--bs-body-font-family)!important;display:block;color:var(--green);font-size:var(--font-lg);line-height:21px;margin-bottom:18px;font-weight:700}
.objlist__item .item__intro .price--real i{font-size:var(--font-xl);line-height:27px;color:var(--orange);font-style:normal;font-weight:700}
.priceArea__search.on .search__zone{top:-107px}
.priceArea__search .search__zone{position:absolute;top:0;left:0;width:100%;height:72px;color:var(--green);font-size:var(--font-xl);line-height:32px;font-weight:700;padding:35px 0 0 0;-webkit-transition:all .5s;transition:all .5s}
.priceArea__search .search__zone .search__city{margin-right:5px}
.priceArea__search .search__zone a{display:inline-block;color:var(--bs-gray-600);font-size:var(--font-md);line-height:17px;padding-right:20px;text-decoration:underline;background:url(/images/icon_refresh.png) right center no-repeat}
.priceArea__search .search__zone .closeRefreshBtn{display:none}
.priceArea__search .itemWrap .searchBtn1{position:inherit;bottom:inherit;left:inherit;margin-left:5px;font-size:var(--font-bmd);color:#fff;padding:12px 46px 12px 68px;vertical-align:middle;border-radius:5px;background-color:var(--orange);background-image:url(/images/icon_scope.png);background-repeat:no-repeat;background-position:30% center}
.priceArea__search .itemWrap .searchBtn1:hover{background-color:var(--orange)}
.priceArea__search .itemWrap .counterItem .closeBtn:before{position:absolute;width:22px;height:2px;top:8px;left:-1px;margin-left:0;margin-top:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:var(--green);content:""}
.priceArea__tab{text-align:center;border-bottom:3px solid var(--green);margin-bottom:43px;background-image:url(/images/bg_shadow1.png);background-color:#ebebeb;background-repeat:repeat-x;background-position:0 bottom}
.priceArea__tab a{position:relative;display:block;float:left;width:50%;height:50px;vertical-align:top}
.priceArea__tab a *{vertical-align:top}
.priceArea__tab a:nth-child(1){z-index:2}
.priceArea__tab a:nth-child(2){margin-left:-2.5%;z-index:1;width:52.5%}
.priceArea__tab a.on{position:relative;color:var(--green);z-index:2}
.priceArea__tab a.on b{color:#fff;background:var(--green)}
.priceArea__tab a.on span.tabL{background:url(/images/bg_tab1-L.png) 0 0 no-repeat}
.priceArea__tab a.on span.tabR{background:url(/images/bg_tab1-R.png) 0 0 no-repeat}
.priceArea__tab a.on:before{position:absolute;bottom:-22px;left:50%;width:0;content:'';border-width:12px 13px 0 13px;border-style:solid;border-color:#d6d6d6 transparent transparent transparent;margin:0 0 0 -25px}
.priceArea__tab a.on:hover i{color:#fff}
.priceArea__tab a.on:hover i:before{display:none}
.priceArea__tab a:hover i{color:var(--green)}
.priceArea__tab a:hover i:before{position:absolute;top:50%;left:-13px;width:0;content:'';border-width:9px 0 9px 8px;border-style:solid;border-color:transparent transparent transparent #d6d6d6;margin:-9px 0 0 0}
.priceArea__tab a i{display:inline-block;position:relative;font-style:normal}
.priceArea__tab span{display:inline-block;height:100%}
.priceArea__tab span.tabL{width:20px;height:50px;background:url(/images/bg_tab2-L.png) 0 0 no-repeat}
.priceArea__tab span.tabR{width:43px;height:50px;background:url(/images/bg_tab2-R.png) 0 0 no-repeat}
.priceArea__tab b{display:inline-block;height:100%;width:-webkit-calc(100% - 63px);width:calc(100% - 63px);line-height:50px;font-size:var(--font-bmd);color:var(--bs-gray-600);background:url(/images/bg_tab2-C.png) 0 0 repeat-x}
.priceAreaSell__pick{padding:55px 0;background:#ebebeb}
.priceAreaSell__pick h2{font-weight:700;font-size:var(--font-bmd);text-align:center;margin-bottom:30px}
.priceAreaSell__pick .moreBtn2{position:absolute;top:6px;right:41px}
.priceAreaSell__pick__morelink{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;padding:25px 0;display:none}
.priceAreaSell__pick__morelink a{font-size:var(--font-bmd);line-height:36px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#333;position:relative;display:inline-block;padding:0 15px}
.priceAreaSell__objNum{margin-bottom:30px}
.priceAreaSell__objNum .objNum__txt{border:1px solid #d3d3d3;border-radius:5px;height:36px;line-height:36px;text-align:center;color:#333;font-size:var(--font-bmd)}
.priceAreaSell__objNum .objNum__txt b{color:var(--green);font-size:var(--font-lg)}
.priceAreaSell__data{padding:6px 0 30px 0}
.priceAreaSell__data .empty{position:absolute;width:100%;height:160px;bottom:0;left:0;margin-left:0;margin-bottom:0;z-index:1;background-color:rgba(248,248,248,.9);display:none}
.priceAreaSell__data .empty span{position:absolute;width:auto;height:auto;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:var(--font-md);line-height:40px;font-weight:400;font-family:var(--bs-font-sans-serif)!important;color:#000;text-align:center}
.priceAreaSell__data .con__item{background-color:#ebebeb;overflow:hidden}
.priceAreaSell__data .data__left, .priceAreaSell__data .data__right{position:relative;float:left;-moz-box-sizing:border-box;box-sizing:border-box}
.priceAreaSell__data .data__left{width:40%}
.priceAreaSell__data .data__right{width:60%}
.priceAreaSell__data .data__right .data__title{border-left:2px solid #fff}
.priceAreaSell__data .data__title{width:100%;font-size:var(--font-bmd);line-height:22px;color:var(--green);font-weight:700;text-align:center;padding-bottom:20px;background-color:#fff;overflow:hidden}
.priceAreaSell__data .data__title h2{position:relative;display:inline-block}
.priceAreaSell__data .data__title h2:after, .priceAreaSell__data .data__title h2:before{position:absolute;content:"";height:1px;width:600px;top:9px;background-color:#d6d6d6}
.priceAreaSell__data .data__title h2:before{right:100%;margin-right:5px}
.priceAreaSell__data .data__title h2:after{left:100%;margin-left:5px}
.priceAreaSell__data .list__pieChart{background-color:#ebebeb}
.priceAreaSell__data .list__wrap{width:100%;display:table}
.priceAreaSell__data .list__item{position:relative;display:table-cell;width:33.3%;color:#000;border-left:2px solid #fff;padding-bottom:27px;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#ebebeb}
.priceAreaSell__data .list__item .item__title{font-size:var(--font-lg);line-height:21px;padding:40px 10px 20px 10px}
.priceAreaSell__data .list__item .item__size{padding:0 10px 20px 10px}
.priceAreaSell__data .list__item .item__size b{color:var(--orange);font-size:var(--font-lg);line-height:32px;font-weight:400;margin-right:3px}
.priceAreaSell__low .low__title{font-size:var(--font-xl);line-height:30px;color:var(--green);font-weight:700;text-align:center;padding-bottom:20px;background-color:#fff;overflow:hidden}
.priceAreaSell__low .low__title h2{position:relative;display:inline-block}
.priceAreaSell__low .low__title h2:after, .priceAreaSell__low .low__title h2:before{position:absolute;content:"";height:1px;width:600px;top:9px;background-color:#d6d6d6}
.priceAreaSell__low .low__title h2:before{right:100%;margin-right:5px}
.priceAreaSell__low .low__title h2:after{left:100%;margin-left:5px}
.priceAreaSell__low .low__nav{position:relative;text-align:center;margin-bottom:35px;z-index:2}
.priceAreaSell__low .low__nav .nav__price{display:inline-block;font-size:var(--font-bmd);color:#50504e;min-width:145px}
.priceAreaSell__low .low__nav .nav__price b{font-size:var(--font-lg);color:var(--orange)}
.priceAreaSell__low .low__nav .nav__price b:after{content:'';display:inline-block;width:15px;height:14px;background:url(/images/icon_arrow.png) 0 0 no-repeat;margin-left:3px}
.priceAreaSell__low .low__nav .nav__type{display:inline-block}
.priceAreaSell__low .low__nav .nav__type a{display:inline-block;color:#50504d;font-size:var(--font-bmd);border:1px solid #d3d3d3;background-color:#fff;padding:10px 15px;margin:0 5px;border-radius:5px;min-width:65px}
.priceAreaSell__low .low__nav .nav__type a.on, .priceAreaSell__low .low__nav .nav__type a:hover{text-decoration:none;color:#fff;background-color:var(--orange)}
.priceAreaSell__low .low__nav .nav__type a.type__otherBtn{position:relative;width:120px}
.priceAreaSell__low .low__nav .nav__type a.type__otherBtn:before{display:block;position:absolute;top:11px;right:11px;width:8px;height:8px;content:"";border-right:1px solid #f16d77;border-top:1px solid #f16d77;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.priceAreaSell__low .low__nav .nav__type a.type__otherBtn.on:before, .priceAreaSell__low .low__nav .nav__type a.type__otherBtn:hover:before{border-right:1px solid #fff;border-top:1px solid #fff}
.priceAreaSell__low .low__nav .type__other{position:relative;display:inline-block}
.priceAreaSell__low .low__nav .type__other.on .type__otherList{display:block}
.priceAreaSell__low .low__nav .type__otherList{display:none;position:absolute;top:55px;left:-70px;width:290px;padding:15px 0 5px 10px;text-align:left;border:1px solid #ccc;background:#fff;vertical-align:middle;z-index:3;opacity:1;-webkit-transition:all .5s;transition:all .5s}
.priceAreaSell__low .low__nav .type__otherList:before{position:absolute;top:-13px;left:141px;width:0;content:'';border-width:0 9px 13px 9px;border-style:solid;border-color:transparent transparent #ccc transparent}
.priceAreaSell__low .low__nav .type__otherList:after{position:absolute;top:-12px;left:142px;width:0;content:'';border-width:0 8px 12px 8px;border-style:solid;border-color:transparent transparent #fff transparent}
.priceAreaSell__low .low__nav .type__otherList a{margin-bottom:10px;text-align:center;min-width:96px}
.priceAreaSell__low .low__btnBar{padding:35px 0;text-align:center}
.priceAreaSell__low .low__btnBar a{font-size:var(--font-bmd);line-height:24px}
.priceAreaSell__low .low__btnBar a b{font-size:var(--font-lg);color:var(--green);font-weight:400}
@media screen and (max-width:1075px){
.subNav nav li a{padding:0 13px}
}
@media screen and (max-width:959px){
.subNav h1{letter-spacing:-2px}
.subNav h1 i{letter-spacing:0}
.subNav nav li{margin-bottom:6px}
.subNav nav li a{height:42px;line-height:42px}
.subNav nav li a:hover{color:#2f2f2f;text-decoration:none}
.subNav nav li a:hover:before{width:4px;height:100%;-webkit-transition:height .3s;transition:height .3s}
.subNav nav li a:before{content:'';background:var(--green);left:inherit;position:absolute;right:-1px;bottom:0;width:4px;height:0}
.subNav nav li a.on:before{width:4px;height:100%}
}
@media screen and (max-width:780px){
.priceAreaSell__low .low__nav .type__otherList{left:-83px}
.priceAreaSell__low .low__nav .type__otherList:before{left:151px}
.priceAreaSell__low .low__nav .type__otherList:after{left:152px}
}
@media screen and (max-width:759px){
.subNav{display:none}
.objlist__item .item__func .btn3{position:absolute;top:22px;right:0;width:40px;height:40px;text-indent:-9999px;border:none;padding:0;background:url(/images/m/icon_heart2.png) center center no-repeat;background-color:transparent;background-size:15px 13px}
.priceArea__search.on .search__zone{top:inherit}
.priceArea__search.on a.closeRefreshBtn{display:block}
.priceArea__search.on a.refreshBtn{display:none}
.priceArea__search .itemWrap, .priceArea__search .search__zone{position:inherit;left:inherit;top:inherit}
.priceArea__search .searchBtn1 span{display:inline-block;padding:0 0 0 20px;background-image:url(/images/m/icon_scope.png);background-repeat:no-repeat;background-position:0 center;background-size:16px 17px}
.priceArea__search .search__zone{position:relative;text-align:left;padding:50px 20px 20px 20px;height:auto;line-height:18px;-moz-box-sizing:border-box;box-sizing:border-box}
.priceArea__search .search__zone .search__city{font-size:var(--font-bmd);margin-right:0}
.priceArea__search .search__zone a{display:block;position:absolute;top:0;left:0;width:100%;height:30px;text-align:center;height:35px;line-height:35px;border-bottom:1px solid #e0e0e0;background-color:#ebebeb;text-decoration:none}
.priceArea__search .search__zone a span{position:relative;display:inline-block;padding-right:15px}
.priceArea__search .search__zone a span:after{position:absolute;top:13px;right:0;width:6px;height:6px;display:inline-block;content:"";border-right:2px solid #8a8989;border-top:2px solid #8a8989;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.priceArea__search .search__zone a.closeRefreshBtn span:after{top:16px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.priceArea__search .search__zone .closeRefreshBtn{display:none}
.priceArea__tab b{font-size:var(--font-bmd)}
.priceArea__tab a{width:55%}
.priceArea__tab a:nth-child(2){width:55%;margin-left:-10%}
.priceArea__tab a:hover i:before{display:none}
.priceArea__search .search__zone{padding:50px 20px 10px 20px}
.priceArea__search .search__objNum{text-align:left;color:#333;font-size:var(--font-sm);padding:0 20px 20px 20px}
.priceArea__search .search__objNum b{font-size:var(--font-bmd);color:var(--green);font-weight:400}
.priceAreaSell__data .empty{height:-webkit-calc(100% - 34px);height:calc(100% - 34px)}
.priceAreaSell__data .data__left, .priceAreaSell__data .data__right{float:none;width:100%}
.priceAreaSell__data .data__left{padding-bottom:30px}
.priceAreaSell__data .data__left .empty{height:-webkit-calc(100% - 64px);height:calc(100% - 64px);bottom:30px}
.priceAreaSell__data .list__pieChart{min-height:180px;border:3px solid #ebebeb;background-color:#fff}
.priceAreaSell__data .con__item{background-color:transparent}
.priceAreaSell__data .list__item{border:3px solid #ebebeb;border-right:none;background-color:#fff;padding-bottom:0}
.priceAreaSell__data .list__item:last-child{border-right:3px solid #ebebeb}
.priceAreaSell__data .list__item .item__title{font-size:var(--font-bmd);padding:13px 10px 10px 10px}
.priceAreaSell__data .list__item .item__size{font-size:var(--font-xs);padding:0 10px 10px 10px}
.priceAreaSell__data .list__item .item__size b{font-size:var(--font-lg)}
.priceAreaSell__data .data__title{padding-bottom:12px}
.priceAreaSell__data .data__title h2:after, .priceAreaSell__data .data__title h2:before{display:none}
.priceAreaSell__low .low__nav{margin-bottom:0;border-bottom:1px solid #d6d6d6}
.priceAreaSell__low .low__nav .nav__price b:after{width:14px;height:14px;background:url(/images/m/icon_arrow.png) 0 0 no-repeat;background-size:14px auto}
.priceAreaSell__low .low__title{font-size:var(--font-bmd);padding-bottom:8px}
.priceAreaSell__low .low__title h2:after, .priceAreaSell__low .low__title h2:before{display:none}
.priceAreaSell__low .low__nav .nav__price{display:block;padding-bottom:20px}
.priceAreaSell__pick{display:none}
.priceAreaSell__low .low__nav .nav__type{display:block;padding-bottom:13px;margin:0 10px}
.priceAreaSell__low .low__nav .nav__type li{display:inline-block;margin:0 6px 0 0}
.priceAreaSell__low .low__nav .nav__type li a{display:block;font-size:var(--font-bmd);line-height:21px;padding:7px 10px;border:1px solid #d3d3d3;background-color:#fff;border-radius:5px;margin:0}
.priceAreaSell__low .low__nav .nav__type li a.on, .priceAreaSell__low .low__nav .nav__type li a:hover{text-decoration:none;color:#fff;background-color:var(--orange)}
.priceAreaSell__low .low__nav .nav__type.swiper1{width:100%;height:auto;overflow:hidden}
.priceAreaSell__low .low__nav .nav__type .swiper-wrapper{display:inherit;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.priceAreaSell__low .low__nav .nav__type .swiper-slide{width:auto}
.objlist__item .item__func .btn3.on{background-image:url(/images/m/icon_heart2_ov.png)}
}
@media screen and (min-width:1025px){
.btn3:hover .heartI{background-image:url(/images/icon_heart4.png)}
}
/* ---- 待售行情 2026 skin ---- */
.pricepage .wrapper-1176 { max-width: 1200px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
@media (max-width: 640px) { .pricepage .wrapper-1176 { padding: 0 12px; } }

/* 搜尋列統一為常駐顯示（page-header 已示區域，隱藏舊 overlay 的重新搜尋/關閉切換） */
.pricepage .priceArea__search .search__zone, .pricepage .priceArea__search #searchCloseBtn { display: none; }
.pricepage .priceArea__search .itemWrap .wrapper-1176 { display: flex; gap: 12px; flex-wrap: wrap; padding: 0; max-width: 100%; }
.pricepage .priceArea__search .itemWrap .counterItem { position: relative; }
.pricepage .priceArea__search .ipt1Wrap { display: inline-flex; gap: 12px; align-items: stretch; }
.pricepage .priceArea__search .ipt1 { height: 46px; min-width: 240px; border: 1px solid var(--gray-200); border-radius: var(--radius-sm); background: var(--gray-100); padding: 0 16px; font-size: var(--font-sm); color: var(--gray-800); outline: none; transition: all .2s; box-sizing: border-box; }
.pricepage .priceArea__search .ipt1:focus { border-color: var(--green); background: #fff; box-shadow: 0 0 0 3px rgba(25,135,84,.12); }
.pricepage .priceArea__search .searchBtn1 { display: inline-flex; align-items: center; height: 46px; padding: 0 26px; background: var(--green); color: #fff; border-radius: 999px; font-size: var(--font-sm); font-weight: 700; text-decoration: none; transition: all .2s; box-shadow: 0 4px 12px rgba(25,135,84,.18); position: static; width: auto; }
.pricepage .priceArea__search .searchBtn1:hover { background: var(--green-dark); color: #fff; }
.pricepage .priceArea__search .searchBtn1 span { position: static; background: none; width: auto; height: auto; text-indent: 0; }
@media (max-width:640px){
    .pricepage .priceArea__search .itemWrap{padding: 0px;align-items:center;}
}

/* 成交/待售 tab → pill */
.pricepage .priceArea__tab { background: none; border: none; margin: 24px 0 8px; height: auto; }
.pricepage .priceArea__tab .wrapper-1176 { display: inline-flex; gap: 8px; background: var(--gray-100); border-radius: 999px; padding: 5px; margin: 0 auto; }
.pricepage .priceArea__tab a { display: inline-flex; align-items: center; padding: 9px 24px; border-radius: 999px; font-size: var(--font-sm); color: var(--gray-600); background: none; text-decoration: none; float: none; width: auto; height: auto; transition: all .25s; }
.pricepage .priceArea__tab a:hover { color: var(--green); }
.pricepage .priceArea__tab a.on { background: var(--green); color: #fff; font-weight: 700; box-shadow: 0 4px 12px rgba(25,135,84,.18); }
.pricepage .priceArea__tab a .tabL, .pricepage .priceArea__tab a .tabR { display: none; }
/* 舊 ribbon tab 的 b/i 帶固定高寬（150px 直式）→ 全數重置為行內文字 */
.pricepage .priceArea__tab a b, .pricepage .priceArea__tab a i { display: inline; float: none; width: auto; height: auto; line-height: inherit; font-style: normal; font-weight: inherit; background: none; padding: 0; margin: 0; }
.pricepage .priceArea__tab { text-align: center; }
.pricepage .priceArea__tab .clear { display: none; }
/* 本頁搜尋卡未包 container → 自身限寬置中 */
.pricepage > .priceArea__search { max-width: 1152px; margin: 24px auto 0; }
@media (max-width: 1200px) { .pricepage > .priceArea__search { margin-left: 24px; margin-right: 24px; max-width: none; } }
@media (max-width: 640px) { .pricepage > .priceArea__search { margin-left: 12px; margin-right: 12px; } }

/* 本區待售件數 → pill note */
.pricepage .priceAreaSell__objNum { background: none; padding: 6px 0 0; }
.pricepage .priceAreaSell__objNum .objNum__txt { display: inline-block; font-size: var(--font-sm); color: var(--gray-600); background: var(--gray-100); border-radius: 999px; padding: 8px 22px; }
.pricepage .priceAreaSell__objNum .objNum__txt b { color: var(--orange); }

/* 開價落點/類型行情 雙卡 */
.pricepage .priceAreaSell__data { margin: 24px 0; background: none; padding: 0; }
.pricepage .priceAreaSell__data .con__item { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.pricepage .priceAreaSell__data .data__left, .pricepage .priceAreaSell__data .data__right { width: auto; float: none; background: #fff; border: 1px solid var(--gray-200); border-radius: var(--radius); box-shadow: 0 2px 8px rgba(0,0,0,.04); padding: 22px; box-sizing: border-box; position: relative; }
.pricepage .priceAreaSell__data .data__title h2 { font-size: var(--font-bmd); font-weight: 700; color: var(--gray-800); }
.pricepage .priceAreaSell__data .list__item { border-bottom: 1px solid var(--gray-200); }
.pricepage .priceAreaSell__data .list__item .item__title { font-size: var(--font-sm); color: var(--gray-600); }
.pricepage .priceAreaSell__data .list__item .item__size { font-size: var(--font-sm); color: var(--gray-800); }
.pricepage .priceAreaSell__data .list__item .item__size b { color: var(--orange); font-family: 'Inter', sans-serif; font-size: var(--font-bmd); }

/* 低總價區 */
.pricepage .priceAreaSell__low { background: var(--gray-100); border-radius: var(--radius); padding: 28px 0; margin: 32px 0; }
.pricepage .priceAreaSell__low .low__title h2 { font-size: var(--font-lg); font-weight: 800; color: var(--gray-800); }
.pricepage .priceAreaSell__low .nav__type > a, .pricepage .priceAreaSell__low .type__otherList > a { border-radius: 999px; font-size: var(--font-sm); }
.pricepage .priceAreaSell__low .nav__type > a.on { background: var(--green); color: #fff; }
.pricepage .priceAreaSell__low .low__btnBar a { display: inline-flex; align-items: center; gap: 6px; padding: 10px 26px; background: var(--green); color: #fff; border-radius: 999px; font-size: var(--font-sm); font-weight: 700; text-decoration: none; transition: background .2s; }
.pricepage .priceAreaSell__low .low__btnBar a:hover { background: var(--green-dark); }
.pricepage .houseItem { border-radius: var(--radius); overflow: hidden; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.04); }

/* 手機類型 swiper（master Swiper 11 直接驅動，slidesPerView:auto 需 slide 自帶寬度） */
.pricepage .swiper1 { overflow: hidden; }
.pricepage .swiper1 .swiper-slide { width: auto; }

@media (max-width: 640px) {
    .pricepage .priceAreaSell__data .con__item { grid-template-columns: 1fr; }
}

/* ============================================================
   2026-07-25 searchbox 改 ct-search-area directive（樣式來自 search.css）
   condition-input-group 內：ct-search-area + 關鍵字 + 查詢鈕 flex 佈局
   ============================================================ */
.pricepage .searchbox .condition-input-group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pricepage .searchbox .condition-input-group .ct-search-area { flex-shrink: 0; position: relative; }
.pricepage .searchbox .condition-input-group .ct-field { min-width: 160px; }
.pricepage .searchbox .condition-input-group .search-bar { flex: 1; min-width: 200px; }
@media (max-width: 768px) {
  .pricepage .searchbox .condition-input-group { flex-direction: row; align-items: stretch; width: 100%;max-width: 100%;}
  .pricepage .searchbox .condition-input-group .ct-field { min-width: auto; }
  .pricepage .searchbox .condition-input-group .ct-search-area{width: 30%; min-width: 30%;max-width: 40%;}
}

/* [20261104] price-area 低總價推薦物件：前端 Swiper（#sliderMore / .moreobj-swiper）。
   來源比照 house.aspx 的 housepage.css #sliderMore 卡片樣式（price-area 未載 housepage.css，故在此補上），
   並修 .recommandObject>.container 的 flex align-items:center 壓窄 slider 的問題。 */
.pricepage .recommandObject > .container > .low__list { width: 100%; align-self: stretch; }
#sliderMore.card-grid { display: block; width: 100%; }
#sliderMore .swiper-button-next,
#sliderMore .swiper-button-prev { color: var(--gray-600); width: 36px; height: 36px; background: rgba(255,255,255,0.92); border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,0.12); transition: all .2s; }
#sliderMore .swiper-button-next:hover,
#sliderMore .swiper-button-prev:hover { background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.18); }
#sliderMore .swiper-button-next::after,
#sliderMore .swiper-button-prev::after { font-size: var(--font-md); }
#sliderMore .swiper-button-next { right: -4px; }
#sliderMore .swiper-button-prev { left: -4px; }
#sliderMore .swiper-slide .houseItem { display: flex; flex-direction: column; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--gray-100); background: #fff; text-decoration: none; color: inherit; transition: box-shadow .2s, transform .15s; height: 100%; box-shadow: var(--shadow); }
#sliderMore .swiper-slide .houseItem:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
#sliderMore .swiper-slide .object-card-preview-image { position: relative; width: 100%; height: 170px; overflow: hidden; }
#sliderMore .swiper-slide .object-card-preview-image img { width: 100%; height: 170px; object-fit: cover; display: block; }
#sliderMore .swiper-slide .object-card-info { padding: 10px 12px; display: flex; flex-direction: column; flex: 1; }
#sliderMore .swiper-slide .object-card-info-top-title { font-size: var(--font-bmd); font-weight: 600; color: var(--gray-800); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#sliderMore .swiper-slide .object-card-info-top-addr { font-size: var(--font-md); color: var(--gray-600); margin-top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#sliderMore .swiper-slide .object-card-info-main { display: flex; gap: 8px; margin-top: 6px; font-size: var(--font-md); color: var(--gray-600); }
#sliderMore .swiper-slide .object-card-bottom { display: flex; align-items: baseline; gap: 4px; margin-top: auto; padding-top: 8px; font-size: var(--font-bmd); }
#sliderMore .swiper-slide .object-card-price { display: inline-flex; align-items: baseline; gap: 2px; }