@charset "UTF-8";

.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
    display: none !important
}

body {
    font: normal 16px/20px var(--bs-font-sans-serif) !important
}

.fullBox.on .btnBar {
    display: block
}

.fullBox .btnBar {
    display: none
}

.revo-slider-emphasis-text {
    font-size: 58px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: Poppins, sans-serif;
    padding: 15px 20px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.revo-slider-desc-text {
    font-size: 20px;
    font-family: Lato, sans-serif;
    width: 650px;
    text-align: center;
    line-height: 1.5
}

.revo-slider-caps-text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    font-family: Poppins, sans-serif
}

.tp-video-play-button {
    display: none !important
}

.tp-caption {
    white-space: nowrap
}

.inpageBanner {
    position: absolute;
    background: url(../images/aboutus/aboutusbanne_s.jpg);
    width: 100%;
    height: 460px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    align-items: center;
    align-self: stretch;
    font-family: var(--bs-font-sans-serif)
}

.inpageBannerText {
    display: flex;
    position: absolute;
    top: 4rem;
    left: 12%;
    flex-direction: column;
    gap: 1rem;
    min-height: fit-content
}

.inpageBannerTitle {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 24px;
    align-items: flex-start;
    gap: 10px;
    background: rgba(0, 169, 157, .6)
}

.inpageBannerH1 {
    color: var(--white);
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.inpageBannerH2 {
    color: var(--white);
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.inpageBannersubTitle {
    display: flex;
    padding: 8px 24px;
    align-items: flex-start;
    gap: 10px;
    background: rgba(0, 169, 157, .6)
}

.inpageBannerH3 {
    color: var(--white);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.top-container {
    display: flex;
    justify-content: space-between
}

.about-cthouse {
    display: inline-flex;
    width: fit-content;
    padding-right: 20px
}

.top-ad {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    flex-direction: row;
    margin-left: 2rem;
    width: 800px;
    align-content: center;
}

.slideTextTop {
    width: 100%
}

.slideTextTop>a {
    width: 80%;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    text-wrap: nowrap;
    color: var(--cnvs-contrast-800)
}

.slideTextTop>a>i {
    margin-right: 2px
}

.top-func {
    display: inline-flex;
    width: 20%;
    justify-content: flex-end
}

.top-member-func {
    background-color: var(--green);
    color: #fff !important
}

.top-member-func:hover {
    background-color: #087990 !important;
    color: #fff !important
}

.top-member-func a {
    color: #fff !important
}

.freeIpt input {
    width: 60px !important
}

.real__list .list__thRow .thRow__td a.down:after {
    border-color: #fff transparent transparent transparent
}

.real__list>.list__thRow>.thRow__td,
.real__list>.list__thRow>.thRow__td>a,
.real__list>.list__thRow>.thRow__td>a::after,
.real__list>.list__thRow>.thRow__td>a:after {
    color: #fff !important
}

.buying_cplist_content .buying_cplist_contentin .list .item .circle .info .score {
    margin-top: 0
}

.bgcircle {
    width: 796px;
    height: 796px;
    position: absolute;
    right: -324px;
    top: -347px;
    border-radius: 796px;
    opacity: .05;
    background: #16a2a3
}

i {
    font-style: normal
}

.sectionBlock {
    margin: 1.2rem 0
}

.mainRow__left .gallery__note {
    font-size: 14px;
    color: var(--bs-gray-600);
    padding: 0 0 0 20px;
    background: url(../images/icon_notice.png) 0 2px no-repeat
}

.figure .gallery__note {
    font-size: 14px;
    color: var(--bs-gray-600);
    padding: 0 0 0 20px;
    background: url(../images/icon_notice.png) 0 2px no-repeat
}

.flex_col {
    display: flex;
    flex-direction: column
}

.nowrap {
    flex-wrap: nowrap !important
}

.text_nowrap {
    text-wrap: nowrap !important
}

.container-heading-basic,
.container-heading-h1,
.container-heading-h2,
.container-heading-h3,
.container-heading-h4,
.container-heading-h5,
.container-heading-h6,
.container-heading-small {
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: 1px;
    color: var(--gray-600);
    line-height: 2rem;
    --ct-fontsize-h3: 2.25rem;
    --ct-fontsize-h4: 2rem;
    --ct-fontsize-h5: 1.75rem;
    --ct-fontsize-h6: 1.25rem;
    --ct-fontsize-basic: 1rem;
    --ct-fontsize-small: 0.88rem
}

.container-heading-h1 {
    font-size: var(--ct-t-1)
}

.container-heading-h2 {
    font-size: var(--ct-t-2)
}

.container-heading-h3 {
    font-size: var(--ct-fontsize-h3)
}

.container-heading-h4 {
    font-size: var(--ct-fontsize-h4)
}

.container-heading-h5 {
    font-size: var(--ct-fontsize-h5)
}

.container-heading-h6 {
    font-size: var(--ct-fontsize-h6)
}

.container-heading-basic {
    font-size: var(--ct-fontsize-basic)
}

.container-heading-small {
    font-size: var(--ct-fontsize-small)
}

.footer-heading-basic,
.footer-heading-h1,
.footer-heading-h2,
.footer-heading-h3,
.footer-heading-h4,
.footer-heading-h5,
.footer-heading-h6,
.footer-heading-small {
    margin-bottom: 0;
    letter-spacing: .1px;
    line-height: 2rem;
    --ct-fontsize-h3: 2.25rem;
    --ct-fontsize-h4: 2rem;
    --ct-fontsize-h5: 1.75rem;
    --ct-fontsize-h6: 1.25rem;
    --ct-fontsize-basic: 1rem;
    --ct-fontsize-small: 0.88rem
}

.footer-heading-h1 {
    font-size: var(--ct-t-1)
}

.footer-heading-h2 {
    font-size: var(--ct-t-2)
}

.footer-heading-h3 {
    font-size: var(--ct-fontsize-h3)
}

.footer-heading-h4 {
    font-size: var(--ct-fontsize-h4)
}

.footer-heading-h5 {
    font-size: var(--ct-fontsize-h5)
}

.footer-heading-h6 {
    font-size: var(--ct-fontsize-h6)
}

.footer-heading-basic {
    font-size: var(--ct-fontsize-basic)
}

.footer-heading-small {
    font-size: var(--ct-fontsize-small)
}

.contactInfo {
    margin-bottom: 30px
}

.footer-trans75 {
    color: rgba(255, 255, 255, .75)
}

.footer-social-icon {
    border-radius: 999px;
    background: var(--white);
    display: flex;
    padding: 2px
}

.footer-social-icon>a {
    display: flex
}

.footer-icon-col {
    display: flex;
    padding: 2px;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px
}

.logo-info {
    display: inline-block;
    width: 25% !important
}

.sitemap-info {
    display: flex;
    width: 75%;
    flex: 1 0 0
}

.sitemap-row {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    justify-content: stretch;
    flex-wrap: wrap;
    flex: 1 0 0
}

.sitemap-col {
    display: flex;
    width: auto;
    vertical-align: top;
    margin-bottom: 5rem;
    flex-direction: column;
    min-width: fit-content;
    max-width: 145px
}

.sitemap-col li {
    font-size: .88rem;
    letter-spacing: .2px
}

.footer-row {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    justify-content: space-between
}

.award-images {
    display: inline-flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap
}

.award-info {
    display: flex;
    width: auto;
    min-width: 280px
}

.award {
    display: flex;
    width: 58px;
    height: 58px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: var(--gray-700, #495057)
}

.app-info {
    display: flex;
    width: auto;
    min-width: 280px
}

.applink {
    display: flex;
    width: 85px;
    height: auto
}

.priceArea_note {
    background: var(--gray-500) !important;
    font-weight: 400 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.3rem;
    height: 1.3rem;
    margin: auto;
    font-size: var(--ct-t-small)
}

.tdRow__td>.note:hover {
    background: var(--green) !important;
    font-weight: 400 !important;
    color: #fff
}

.horiz-ul {
    display: flex;
    height: 2rem !important;
    flex-wrap: wrap;
    flex-direction: column
}

.horiz-ul>li::before {
    text-decoration: none;
    display: none !important
}

.horiz-ul>li::after {
    content: '|'
}

.horiz-ul>li:last-child:after {
    content: '';
    left: 0
}

.footer-end {
    display: flex;
    flex: 1 0 0
}

.footer-end-link {
    display: flex;
    flex: 1 0 0
}

.footer-end-link li {
    list-style: none;
}

.footer-end-text {
    display: flex;
    justify-content: flex-end;
    flex: 1 0 0
}

.number-bold-basic,
.number-bold-h1,
.number-bold-h2,
.number-bold-h3,
.number-bold-h4,
.number-bold-h5,
.number-bold-h6 {
    font-family: Inter;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2rem
}

.number-bold-h1 {
    font-size: var(--ct-t-1)
}

.number-bold-h2 {
    font-size: var(--ct-t-2)
}

.number-bold-h3 {
    font-size: var(--ct-fontsize-h3)
}

.number-bold-h4 {
    font-size: var(--ct-fontsize-h4)
}

.number-bold-h5 {
    font-size: var(--ct-fontsize-h5)
}

.number-bold-h6 {
    font-size: var(--ct-fontsize-h6)
}

.number-bold-basic {
    font-size: var(--ct-fontsize-basic)
}

.number-bold-small {
    font-size: var(--ct-fontsize-small)
}

.textOnly-title-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    margin: .8rem 0;
    font-family: var(--bs-font-sans-serif)
}

.title-menu-section {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--cnvs-primary-font)
}

title-highlight {
    color: var(--cthouse-orange)
}

.title-dark {
    color: var(--cnvs-contrast-800)
}

.title-menu {
    display: flex;
    align-items: flex-end;
    gap: 2rem;
    height: 60px
}

.title-menu-item {
    display: flex;
    align-items: center;
    color: var(--gray-600)
}

.title-menu-item a {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--gray-600);
    font-size: var(--ct-t-6)
}

.title-menu-item a:hover {
    color: var(--cnvs-contrast-800)
}

.title-menu-item-icon {
    width: 40px;
    height: 40px
}

.title-menu-item-icon>i {
    font-size: 27px;
    color: var(--green);
    margin-left: 4px
}

.subtitle {
    line-height: 24px;
    font-size: 1rem;
    color: var(--bs-gray-600)
}

.condition-input-group {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    gap: 8px;
    flex: 1 1 0;
    align-self: self-start;
    flex-direction: row;
    align-items: center;
    width: 100%;
    font-family: var(--bs-font-sans-serif);
    flex-wrap: wrap
}

.input-condition {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 6px;
    border-radius: var(--radius);
    border: 1px solid var(--gray-300, #dee2e6);
    background: var(--white);
    font-size: 1rem;
    flex: 0 1 0;
    height: 40px;
    padding: 6px;
    max-width: fit-content;
    z-index: 2
}

.input-condition>a>span {
    max-width: 7rem;
    padding-top: 2px
}

.input-condition>.multiCol {
    width: fit-content;
    top: 60px;
    right: 20px;
    padding: 20px 15px;
    position: absolute;
    left: -580px;
    z-index: 10
}

multiCol>.selectPanel__level1::before {
    position: absolute;
    top: -13px;
    left: 630px;
    width: 0;
    content: '';
    border-width: 0 9px 13px 9px;
    border-style: solid;
    border-color: transparent transparent #ccc transparent
}

multiCol>.selectPanel__level1::after {
    position: absolute;
    top: -12px;
    left: 631px;
    width: 0;
    content: '';
    border-width: 0 8px 12px 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent
}

.input-condition>.multiCol>.selectPanel__level1>.multiCol__wrap>.multiCol__con>.vr {
    margin-top: 0;
    width: fit-content;
    max-width: fit-content
}

.input-condition>.multiCol>.selectPanel__level1>.multiCol__wrap>.multiCol__con>.vr>.multiCol__item {
    max-width: fit-content;
    width: fit-content
}

.selectPanel label span {
    text-wrap: nowrap;
    line-height: 18px;
}

.search-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    border-radius: var(--radius);
    border: 1px solid var(--gray-300, #dee2e6);
    background: var(--white);
    font-size: 1rem;
    flex: 1 0 0;
    height: 40px;
    width: auto;
    padding: 6px
}

.search-bar>#keyWordSearchBar {
    padding: 0 6px
}

.suggestionList {
    display: flex;
    width: 100%;
    background-color: #fff;
    border: 1px solid var(--cnvs-contrast-300);
    flex-direction: column;
    border-radius: 0 0 6px 6px
}

.suggestionRow {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    line-height: 2rem;
    padding: .5rem;
    cursor: pointer;
    height: 2.5rem;
    align-items: center
}

.suggestionRow:hover {
    background-color: var(--cnvs-contrast-100)
}

.searchRaw.rent .wrapper-1176 .searchPanel2 {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 12px;
    align-self: stretch;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 .5rem;
    width: 100%;
    font-family: var(--cnvs-primary-font);
    position: unset
}

.searchRaw.rent .wrapper-1176 .counterItem {
    display: flex;
    min-width: 160px
}

.searchResult.rent>.wrapper-1176 {
    font-family: var(--cnvs-primary-font)
}

.searchResult.rent>.wrapper-1176>.objlist__ItemWrap {
    margin-top: .5rem
}

.searchResult.rent .result__ItemWrap {
    display: flex;
    position: unset;
    width: 100%;
    flex: 1 0 0;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding-top: .5rem;
    justify-content: space-around;
    margin-top: .5rem
}

.searchResult.rent .result__ItemWrap>.result__item {
    display: flex;
    width: 18%;
    height: 310px;
    margin: 0;
    border-radius: var(--bs-border-radius);
    box-shadow: var(--bs-box-shadow);
    padding: .5rem;
    color: var(--bs-gray-600)
}

.result__item>.houseItem {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    font-family: var(--cnvs-primary-font) !important
}

.result__item>.houseItem>a {
    font-family: var(--cnvs-primary-font) !important;
    color: var(--bs-gray-600)
}

.houseItem>.houseItem__img {
    display: flex;
    flex-direction: column;
    overflow: visible;
    background: url(images/pic_defult_645x483.png?v=1041);
    background-size: cover
}

.searchResult .houseItem__name {
    font-weight: 400;
    color: var(--cnvs-contrast-800) !important;
    font-size: var(--ct-t-6);
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    height: fit-content;
    line-height: 2.5rem
}

.searchResult .houseItem__add {
    font-weight: 400;
    color: var(--bs-gray-600) !important;
    font-size: var(--ct-t-basic);
    height: 2rem;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    margin-top: 5px
}

.searchResult .houseItem__size {
    font-weight: 400;
    color: var(--bs-gray-600) !important;
    font-size: var(--ct-t-basic);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: solid 1px var(--cnvs-contrast-300);
    border-top: solid 1px var(--cnvs-contrast-300);
    padding: 10px 0;
    max-height: unset;
    align-items: center;
    height: 2.5rem
}

.searchResult .houseItem__size>span {
    display: flex;
    flex-direction: row
}

.searchResult .houseItem__price,
.topicEvent__result .houseItem__price {
    position: static;
    margin-top: 255px;
    width: 98%;
    height: 40px;
    line-height: 40px;
    color: var(--cthouse-orange);
    background-color: transparent;
    font-size: 14pt;
    font-weight: 400
}

.searchResult .houseItem__price .unit,
.topicEvent__result .houseItem__price .unit {
    color: #000;
    font-size: 10pt
}

.searchResult .houseItem__price .price__special,
.topicEvent__result .houseItem__price .price__special {
    color: #e60012;
    font-size: 15px;
    margin-left: 0
}

.ct-green-button {
    display: flex !important;
    padding: 6px 12px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.25rem !important;
    border-radius: 6px !important;
    background: var(--green);
    background-color: var(--green);
    color: #fff !important;
    flex: 0 1 0;
    min-width: 100px !important;
    font-size: var(--cnvs-font-basic) !important;
    border: none !important;
    cursor: pointer !important;
    font-style: normal !important;
    height: 40px !important;
    width: fit-content !important;
    text-wrap: nowrap
}

.ct-green-button-w {
    display: flex !important;
    padding: 6px 12px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.25rem !important;
    border-radius: 6px !important;
    background: var(--green);
    background-color: var(--green);
    color: #fff !important;
    flex: 1 0 0;
    font-size: var(--cnvs-font-basic) !important;
    border: none !important;
    cursor: pointer !important;
    font-style: normal !important;
    height: 40px !important;
    width: 100%
}

.ct-green-button-w>i,
.ct-green-button>i {
    font-style: normal !important
}

.ct-green-button-w:hover,
.ct-green-button:hover {
    background: var(--cthouse-green);
    color: #fff
}

.align-right-input {
    display: flex;
    justify-content: end
}

.ct-green-text-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    color: var(--green);
    font-size: var(--cnvs-font-basic);
    border: none;
    background: 0 0
}

.ct-green-text-button:hover {
    color: var(--cthouse-green)
}

.ct-orange-text-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    color: var(--cthouse-orange);
    font-size: var(--cnvs-font-basic);
    border: none;
    background: 0 0
}

.ct-orange-text-button:hover {
    color: #862b01
}

.ct-gary-outline-btn-small {
    display: flex;
    min-width: fit-content;
    font-size: 1rem;
    border: 1px solid var(--cnvs-contrast-300);
    background-color: var(--cnvs-contrast-100);
    color: var(--bs-gray-600);
    padding: 0 .7rem;
    border-radius: .7rem;
    align-items: center
}

.ct-green-outLine-button {
    display: flex;
    padding: 0 15px;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    color: var(--green);
    border-radius: 6px;
    font-size: var(--cnvs-font-basic);
    border: 1px solid var(--green);
    background: #fff
}

.ct-green-outLine-button:hover {
    background: var(--green);
    color: #fff
}

.tab-menu-bar {
    display: flex;
    line-height: 2rem;
    border-bottom: 1px solid var(--cnvs-contrast-300)
}

.ct-tab {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    font-size: var(--ct-t-6)
}

.ct-tab>a {
    padding: .6rem .3rem;
    border-bottom: 2px solid #fff
}

.ct-tab>a:hover {
    border-bottom: 2px solid var(--orange)
}

.ct-tab>li>a {
    padding: .6rem .3rem;
    color: var(--bs-gray-600)
}

.ct-tab>li>a:hover {
    border-bottom: 2px solid var(--orange);
    color: var(--cnvs-contrast-800)
}

.ct-tab-current {
    border-bottom: 2px solid var(--orange);
    color: var(--cnvs-contrast-800) !important
}

.higher-button {
    height: 46px;
    line-height: 46px;
    display: flex;
    align-items: center;
    width: 170px;
    font-family: var(--bs-font-sans-serif) !important
}

.higher-button>a {
    font-size: var(--ct-t-6)
}

.ct-orange-button {
    cursor: pointer;
    color: #fff;
    background-color: var(--cthouse-orange);
    border-radius: var(--bs-border-radius);
    padding: 6px 12px;
    justify-content: center;
    align-items: center
}

.ct-orange-button a {
    color: #fff !important
}

.ct-orange-button:hover {
    color: #fff;
    background-color: #bb4f32
}

.grayline-small-button {
    cursor: pointer;
    color: var(--bs-gray-600);
    background-color: var(--white) !important;
    border-radius: var(--radius);
    border: solid 1px var(--gray-500) !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: var(--ct-t-small) !important;
    display: flex;
    height: 34px !important;
    padding: 0 .5rem !important
}

.grayline-small-button:hover {
    color: var(--green)
}

.underline-small-button {
    cursor: pointer;
    color: var(--bs-gray-600);
    background-color: var(--white) !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: var(--ct-t-small) !important;
    display: flex;
    height: 34px !important;
    padding: 0 .5rem !important
}

.underline-small-button:hover {
    color: var(--green);
    text-decoration: underline
}

.graybg-small-button {
    cursor: pointer;
    color: var(--bs-gray-600);
    background-color: var(--cnvs-contrast-300);
    border-radius: var(--bs-border-radius);
    padding: 5px 5px;
    justify-content: center;
    align-items: center;
    font-size: var(--ct-t-small);
    border: none;
    height: 2rem;
    width: 2rem
}

.graybg-small-button:hover {
    color: var(--green)
}

.sortSelect {
    border: none;
    color: var(--bs-gray-600);
    width: fit-content;
    border-bottom: 1px solid var(--cnvs-contrast-300);
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    align-items: center;
    border-radius: 0
}

.sortSelect:hover {
    color: var(--cnvs-contrast-800);
    border-bottom: 1px solid var(--cnvs-contrast-300)
}

.sortFuc>.dropdown-menu {
    color: var(--bs-gray-600);
    box-shadow: var(--small-shadow)
}

.sortFuc>.dropdown-menu>a {
    color: var(--bs-gray-600)
}

.sortFuc>.dropdown-menu>a:hover {
    color: var(--cnvs-contrast-800)
}

.sortFuc>.dropdown-menu>a:active {
    color: var(--cnvs-contrast-800);
    background-color: var(--cnvs-contrast-100)
}

.bottomLink {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .2rem
}

.rightmore {
    display: flex;
    justify-content: end;
    width: 100%;
    padding: 0 .5rem .5rem 0
}

.rightmore>a {
    display: flex;
    gap: .5rem;
    font-size: var(--ct-t-basic);
    color: var(--bs-gray-600);
    align-items: center
}

.more,
.more>a {
    display: flex;
    gap: .5rem;
    font-size: var(--ct-t-basic);
    color: var(--bs-gray-600);
    border: none;
    background: 0 0;
    align-items: center
}

.more>a:hover {
    color: var(--green)
}

.txt1 {
    font-size: 27px;
    color: #e60012;
    font-weight: 700
}

.txt2 {
    font-size: 15px;
    color: #333;
    line-height: 30px
}

.wrapper-1176 {
    position: relative;
    max-width: 1152px;
    padding: 0 12px;
    margin: 0 auto
}

.wrapper-1176 .navR a:hover {
    background-color: #f4f4f4;
    text-decoration: none
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    gap: .5rem
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        top: 18px
    }

    40% {
        top: 21px
    }

    60% {
        top: 25px
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        top: 18px
    }

    40% {
        top: 21px
    }

    60% {
        top: 25px
    }
}

.subNav nav {
    position: relative;
    padding: 23px 0 0 0
}

.subNav nav ul {
    width: 100%;
    text-align: right;
    margin-bottom: 0
}

.subNav nav li {
    display: inline-block
}

.subNav nav li a {
    position: relative;
    display: block;
    color: #16a2a3;
    font-size: 18px;
    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: #44b1ae;
    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%
}

.subNav nav li.memberLogin {
    position: absolute;
    top: 23px;
    right: 0;
    width: 60px;
    height: 129px
}

.subNav nav li.memberLogin a {
    padding: 0;
    text-indent: -9999px;
    background: url(../images/icon_member.png) center center no-repeat
}

.subNav nav li.brRow {
    display: none
}

.selectBtn>a :hover {
    color: var(--cnvs-contrast-900) !important
}

.idxSection1 .searchPanel1 .searchPanel1__counter .itemWrap .selectPanel a.reSelect,
.searchPanel1 .selectPanel a.reSelect,
.searchPanel2 .selectPanel a.reSelect,
.selectPanel a.reSelect {
    color: #16a2a3;
    text-decoration: underline
}

.idxSection1 .searchPanel1 .searchPanel1__counter .itemWrap .selectPanel a.reSelect:hover,
.searchPanel1 .selectPanel a.reSelect:hover,
.searchPanel2 .selectPanel a.reSelect:hover,
.selectPanel a.reSelect:hover {
    color: #007c7d
}

.counterItem {
    position: relative;
    vertical-align: middle
}

.counterItem .selectBtn.on {
    background-color: #fff
}

.counterItem:nth-child(4) .selectPanel.singleCol {
    width: 320px
}

.counterItem:nth-child(4) .selectPanel.singleCol .selectPanel__level1 {
    overflow-x: hidden;
    overflow-y: hidden
}

.counterItem:nth-child(4) .selectPanel.singleCol a {
    width: 49%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.counterItem>a:hover {
    color: var(--cnvs-contrast-900) !important
}

.selectBtn {
    position: relative;
    display: inline-block;
    padding: 14px 33px 14px 6px;
    border: 1px solid #d2d3d3;
    background: rgba(255, 255, 255, .8);
    color: var(--bs-gray-600)
}

.selectBtn:hover {
    text-decoration: none
}

.selectBtn:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 27px;
    width: 1px;
    height: 20px;
    background-color: #d3d3d3
}

.selectBtn:before {
    position: absolute;
    display: inline-block;
    top: 35%;
    right: 10px;
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #f16d77;
    border-top: 2px solid #f16d77;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.selectBtn.on:before {
    top: 46%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.selectBtn i {
    display: none
}

.selectBtn i.plus {
    display: block;
    position: absolute;
    top: 10px;
    right: 28px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    background-color: #fff;
    font-style: normal
}

.selectBtn span {
    display: inline-block;
    height: fit-content;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.selectPanel {
    position: absolute;
    top: 60px;
    left: 1px;
    width: 420px;
    padding: 20px 0 20px 15px;
    text-align: left;
    border: 1px solid #ccc;
    background: #fff;
    vertical-align: middle;
    z-index: 3;
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s
}

.selectPanel:before {
    position: absolute;
    top: -13px;
    left: 20px;
    width: 0;
    content: '';
    border-width: 0 9px 13px 9px;
    border-style: solid;
    border-color: transparent transparent #ccc transparent
}

.selectPanel:after {
    position: absolute;
    top: -12px;
    left: 21px;
    width: 0;
    content: '';
    border-width: 0 8px 12px 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent
}

.selectPanel__level1,
.selectPanel__level2 {
    display: none;
    font-family: 'Microsoft JhengHei', Arial
}

.selectPanel__level1 a,
.selectPanel__level2 a {
    display: inline-block;
    color: #000;
    width: 25%;
    padding: 7px 10px 7px 0px;
    font-size: 15px;
    line-height: 18px;
    vertical-align: top
}

.selectPanel__level1.on,
.selectPanel__level2.on {
    display: block
}

.selectPanel.hn {
    display: none
}

.selectPanel.vhn {
    opacity: 0
}

.selectPanel.singleCol {
    width: 215px
}

.selectPanel.singleCol a {
    display: block;
    width: auto
}

.selectPanel.singleCol .freeIpt {
    padding: 6px 10px
}

.selectPanel.singleCol .freeIpt input {
    padding: 3px 5px;
    width: 37px;
    vertical-align: middle
}

.selectPanel .xBtn {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 15px;
    height: 15px;
    display: block
}

.selectPanel .xBtn:after,
.selectPanel .xBtn:before {
    position: absolute;
    top: 0;
    left: 8px;
    width: 1px;
    height: 15px;
    content: '';
    background: var(--bs-gray-600);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.selectPanel .xBtn:after {
    width: 15px;
    height: 1px;
    left: 1px;
    top: 7px
}

.btnBar {
    width: 100%;
    clear: both;
    text-align: center;
    padding: 20px 0 10px 0
}

.btnBar a {
    margin: 0 4px;
    height: 35px;
    font-size: var(--ct-t-basic)
}

.btn1,
.btn2 {
    display: inline-block;
    color: #50504d;
    height: 25px;
    line-height: 25px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 7px;
    width: 130px;
    padding: 7px 0
}

.btn1:hover,
.btn2:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--cthouse-green)
}

.btn2 {
    color: #fff;
    background-color: #44b1ae
}

.selectPanel.multiCol .btn2 {
    color: #fff
}

.selectPanel.multiCol .btn2:hover {
    color: #fff
}

.arwBar {
    display: none;
    position: absolute;
    top: 12px;
    right: 12px
}

.arwBar a {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    padding: 0
}

.arwBar .arwL {
    right: 20px;
    border-width: 10px 14px 10px 0;
    border-color: transparent #d6d6d6 transparent transparent
}

.arwBar .arwL.on,
.arwBar .arwL:hover {
    border-color: transparent #16a2a3 transparent transparent
}

.arwBar .arwR {
    right: 0;
    border-width: 10px 0 10px 14px;
    border-color: transparent transparent transparent #d6d6d6
}

.arwBar .arwR.on,
.arwBar .arwR:hover {
    border-color: transparent transparent transparent #16a2a3
}

.selectPanel label {
    position: relative;
    display: inline-block;
    width: 100%
}

.selectPanel label span {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 25px;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectPanel label span:before {
    content: '';
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #aaa
}

.selectPanel label span:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid #e60012;
    border-top: none;
    border-right: none;
    background: 0 0;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.selectPanel label input[type=checkbox] {
    visibility: hidden;
    opacity: 0;
    width: 0;
    position: absolute;
    display: inline-block
}

.selectPanel label input[type=checkbox]:checked+span:after {
    opacity: 1
}

.selectPanel .closeBtn.green {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 13px;
    right: 14px;
    margin-right: 0;
    margin-top: 0
}

.selectPanel .closeBtn.green: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);
    content: "";
    background-color: #16a2a3
}

.selectPanel .closeBtn.green:after {
    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);
    content: "";
    background-color: #16a2a3
}

input[type=text] {
    border: 1px solid #d5d5d5
}

input[type=text]:focus {
    color: #45b5b5;
    border-color: #45b5b5
}

input[type=tel] {
    border: 1px solid #d5d5d5
}

input[type=tel]:focus {
    color: #45b5b5;
    border-color: #45b5b5
}

.mShow {
    display: none
}

.pcShow {
    display: block
}

.slider1 li .houseItem__img {
    width: 100%;
    height: 160px;
    position: relative;
    display: block;
    margin-bottom: 5px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.btn4 {
    display: block;
    height: 42px;
    line-height: 42px;
    color: #fff;
    border: 1px solid #44b1ae;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 8px;
    background-color: #44b1ae;
    font-size: 16px
}

.btn4:hover {
    color: #50504d;
    text-decoration: none;
    border: 1px solid #9e9e9e;
    background-color: #ebebeb
}

a.btn31:hover {
    background-color: #ebebeb;
    border: 1px solid #9e9e9e
}

a.btn32:hover {
    background-color: #ebebeb;
    border: 1px solid #9e9e9e
}

.btn3,
.btn31,
.btn32 {
    display: block;
    width: 100%;
    height: 40px;
    color: #50504d;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 8px;
    font-size: 1rem
}

.btn32 .heartI {
    display: inline-block;
    padding-left: 45px;
    background: url(../images/video_icon.png) 0 center no-repeat
}

.btn31 .heartI {
    display: inline-block;
    padding-left: 45px;
    background: url(../images/VR_icon.png) 0 center no-repeat
}

.btn3 .heartI {
    display: inline-block;
    padding-left: 18px;
    background: url(../images/icon_heart1.png) 0 center no-repeat
}

.btn3.on .heartI,
.btn31.on .heartI,
.btn32.on .heartI {
    background-image: url(../images/icon_heart4.png)
}

.btn3.on i,
.btn31.on i,
.btn32.on i {
    display: inline-block;
    font-style: normal
}

.xBtn {
    display: block;
    position: absolute;
    top: 14px;
    right: 14px;
    width: 16px;
    height: 17px;
    background: url(../images/btn_xBtn.png) 0 0 no-repeat;
    z-index: 2
}

.jqmOverlay {
    background: #fff;
    opacity: .1;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}

.jqmWindow {
    display: none;
    position: fixed;
    top: 20%;
    left: 50%
}

.house .popup.jqmWindow {
    width: 600px
}

* iframe.jqm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px')
}

* html .jqmWindow {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px')
}

.pop {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.popCon {
    width: 100%;
    height: 100%;
    text-align: center
}

.popup {
    width: 963px;
    height: auto;
    max-height: 70%;
    margin: 0 0 0 -481px;
    box-shadow: var(--small-shadow)
}

.popup.housePopup {
    width: 963px;
    margin: 0 0 0 -481px
}

.popup__wrap {
    width: 100%;
    height: 100%
}

.con__wrap {
    width: 100%;
    height: 100%;
    max-height: 70vh;
    overflow: auto;
}
.popup__btnbar{
    display: flex;
    justify-content: center;
    padding: 1rem;
}
.popup__btnbar a{
    
}
.popup__end,
.popup__ok {
    display: none
}

.popup__top {
    position: absolute;
    top: -45px;
    left: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background-color: #9e9e9e
}

.popup__top .popup__title {
    font-size: 18px
}

.popup__con {
    width: 100%;
    background-color: #fff
}

.popup__con .list__item1,
.popup__con .list__item2,
.popup__con .list__item3,
.popup__con .list__item4,
.popup__con .list__item5 {
    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: 18px;
    color: #f14351
}

.popup__con .list__item1 i {
    font-size: 13px;
    font-style: normal
}

.popup__con .list__item1 .item__star {
    color: #f14351;
    font-weight: 400
}

.popup__con .list__item1 .item1__right {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 13px
}

.popup__con .list__item2 {
    padding: 10px 20px
}

.popup__con .list__item3 {
    overflow: hidden;
    padding: 10px 0 10px 45px
}

.popup__con .list__item3 li {
    float: left;
    width: 49%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 0
}

.popup__con .list__item4 {
    padding: 15px 30px 0 30px;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    align-items: center
}

.popup__con .list__item4 textarea {
    color: #50504e;
    font-size: 14px;
    width: 100%;
    padding: 9px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px
}

.popup__con .list__item5 {
    padding: 0;
    overflow: hidden
}

.popup__con .list__item5 b {
    display: inline-block;
    color: #e60012;
    font-size: 18px;
    margin: 0 0 0 10px
}

.popup__con .list__item5 .item5__left,
.popup__con .list__item5 .item5__right {
    float: left;
    width: 50%;
    padding: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.popup__con .list__item5 .item5__right {
    border-left: 1px dotted #dcdcdc
}

.popup__con .list__item6 {
    position: relative;
    color: var(--bs-gray-600);
    padding: 10px;
    border-top: 1px dotted #dcdcdc
}

.popup__con .list__item6 .item6__left {
    position: absolute;
    top: 10px;
    left: 0;
    color: #2f2f2f;
    font-size: 15px;
    font-weight: 700
}

.popup__con .list__item6 .item6__right {
    color: var(--bs-gray-600);
    text-align: center
}

.popup__con .list__item6 .item6__right b {
    color: #e60012;
    font-size: 24px
}

.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: 14px;
    line-height: 14px;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: #44b1ae;
    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: 15px;
    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: 14px;
    color: #f14351
}

.popup__con .item__title1 {
    color: #50504e;
    font-weight: 700;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 12px;
    background-color: #ebebeb
}

.popup__con .item__notice2 {
    text-align: center;
    font-size: 14px
}

.popup__con .item__notice2 a {
    display: inline-block;
    color: #f14351;
    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: 21px;
    color: #fff;
    background-color: #f14351;
    border-radius: 5px;
    margin: 2%
}

.popup__con .item__btn1.red {
    width: 234px;
    margin-right: 40px
}

.popup__con .item__btn1.gray {
    width: 234px;
    background-color: #d6d6d6
}

.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 .addPadding2 {
    padding: 0 0 15px 0
}

.popup__con .popup__msg,
.popup__con .popup__msg__global {
    color: var(--bs-gray-600);
    font-size: 18px;
    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: #44b1ae;
    font-style: normal
}

.popup__con .popup__msg a,
.popup__con .popup__msg__global a {
    vertical-align: middle
}

.popup__con .popup__msg2 {
    padding: 15px;
    border-bottom: 1px dotted #dcdcdc;
    overflow: hidden
}

.popup__con .popup__msg2 .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: 18px;
    line-height: 20px;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: var(--cnvs-contrast-800);
    margin-bottom: 25px;
    text-align: center
}

.popup__con .popup__msg2 .objectBox {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.popup__con .popup__msg2 .objectBox .object {
    position: relative;
    width: 200px;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px
}

.popup__con .popup__msg2 .objectBox .object:first-child {
    margin-left: 10px
}

.popup__con .popup__msg2 .objectBox .object:last-child {
    margin-right: 0
}

.popup__con .popup__msg2 .objectBox .object .checkbox {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 13px
}

.popup__con .popup__msg2 .objectBox .object .checkbox span {
    position: relative;
    width: 20px;
    height: 20px;
    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: 1px solid #aaa;
    background-color: #fff
}

.popup__con .popup__msg2 .objectBox .object .checkbox label {
    cursor: pointer
}

.popup__con .popup__msg2 .objectBox .object .checkbox input {
    display: none
}

.popup__con .popup__msg2 .objectBox .object .checkbox input:checked~span,
.popup__con .popup__msg2 .objectBox .object .checkbox span.on {
    background: url(../images/checkbox.jpg) no-repeat;
    background-position: center
}

.popup__con .popup__msg2 .objectBox .object .pic {
    position: relative;
    width: 100%;
    height: 160px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .5rem;
    overflow: hidden
}

.popup__con .popup__msg2 .objectBox .object .pic .txt {
    position: absolute;
    width: 100%;
    height: 37px;
    bottom: 0;
    left: 0;
    margin-left: 0;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 37px;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: #1b242f;
    z-index: 1;
    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%)
}

.popup__con .popup__msg2 .objectBox .object .pic .txt span {
    color: var(--cthouse-orange);
    font-weight: 400
}

.popup__con .popup__msg2 .objectBox .object .pic img {
    width: 100%;
    height: auto
}

.popup__con .popup__msg2 .objectBox .object .sTitle {
    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(--ct-t-6);
    line-height: 2rem;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: var(--green);
    margin-bottom: .5rem
}

.popup__con .popup__msg2 .objectBox .object .des {
    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(--ct-t-basic);
    line-height: 24px;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: var(--bs-gray-600)
}

.popup__con .popup__msg2 .msg2__left,
.popup__con .popup__msg2 .msg2__right {
    float: left;
    width: 46%
}

.popup__con .popup__msg2 .msg2__left {
    padding-right: 4%;
    text-align: right
}

.popup__con .popup__msg2 .msg2__left .left__store {
    position: relative;
    display: inline-block;
    width: 208px;
    height: 156px;
    color: #16a2a3;
    border: 1px solid #ccc;
    margin: 0 auto;
    background-color: #fff;
    text-align: center
}

.popup__con .popup__msg2 .msg2__left .left__store span {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 208px;
    height: 117px
}

.popup__con .popup__msg2 .msg2__left .left__store span img {
    border: none
}

.popup__con .popup__msg2 .msg2__left .left__store b {
    display: block;
    font-size: 16px;
    height: 39px;
    line-height: 39px
}

.popup__con .popup__msg2 .msg2__left .left__store:hover {
    text-decoration: none;
    color: #50504e;
    border: 1px solid #16a2a3
}

.popup__con .popup__msg2 .msg2__left .left__store:hover span {
    display: block
}

.popup__con .popup__msg2 .msg2__left img {
    width: 208px;
    height: 117px
}

.popup__con .popup__msg2 .msg2__right .right__storeIntro {
    padding-top: 30px
}

.popup__con .popup__msg2 .msg2__right .txt3 {
    font-weight: 700
}

.popup__con .popup__end .des {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: var(--bs-gray-600);
    text-align: center;
    margin-top: 45px;
    margin-bottom: 24px
}

.popup__con .popup__end .des a {
    color: #16a2a3
}

.popup__txt {
    padding: 35px 50px;
    font-size: 18px;
    line-height: 36px;
    color: var(--bs-gray-600)
}

input.ipt5 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 9px;
    margin-bottom: 12px;
    border: 1px solid #9e9e9e
}

.popup5 .noLine {
    padding-bottom: 0
}

.popup5 .ipt5 {
    width: 96%
}

.house .popup7 .popup__list {
    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: 30px 25px 50px 25px
}

.house .popup7 .price__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: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: #333;
    margin-bottom: 15px;
    z-index: 1
}

.house .popup7 .price__title .green {
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: #16a2a3;
    display: inline-block;
    vertical-align: top
}

.house .popup7 .price__title .info {
    position: relative;
    border-radius: 9px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: #16a2a3;
    width: 18px;
    height: 18px;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #16a2a3;
    margin-left: 8px;
    margin-top: 1px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.house .popup7 .price__title .info:hover .info__box {
    display: block
}

.house .popup7 .price__title .info .info__box {
    position: absolute;
    width: 822px;
    height: 105px;
    top: 100%;
    left: -142px;
    margin-left: 0;
    margin-top: 11px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: #2f2f2f;
    background-color: #dadbdb;
    display: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 20px;
    text-align: left
}

.house .popup7 .price__title .info .info__box:before {
    position: absolute;
    width: 0;
    height: 0;
    top: -9px;
    left: 140px;
    margin-left: 0;
    margin-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 0;
    border-bottom: 10px solid #dadbdb;
    content: ""
}

.house .popup7 .price__table {
    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: 1px solid #d7d7d7;
    border-top: 3px solid #11a0a4;
    z-index: 0
}

.house .popup7 .price__table.nodata:after {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: #333;
    content: "很抱歉，近一年內周邊無同類型物件成交資料。";
    padding: 35px 0;
    text-align: center
}

.house .popup7 .price__table.nodata li {
    display: none
}

.house .popup7 .price__table.nodata li.title {
    display: inline-block
}

.house .popup7 .price__table li {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: #2f2f2f;
    border-bottom: 1px dotted #9e9e9e
}

.house .popup7 .price__table li:last-child {
    border-bottom: 0
}

.house .popup7 .price__table li * {
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px
}

.house .popup7 .price__table li.title {
    border-bottom: 1px solid #9e9e9e
}

.house .popup7 .price__table li.title .item {
    cursor: pointer;
    padding: 12px
}

.house .popup7 .price__table li.title .item:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #2f2f2f;
    content: "";
    display: none;
    margin-left: 5px;
    margin-top: 5px;
    vertical-align: top
}

.house .popup7 .price__table li.title .item:hover {
    text-decoration: underline
}

.house .popup7 .price__table li.title .item.show:after {
    display: inline-block
}

.house .popup7 .price__table li.title .item.on:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0;
    border-bottom: 10px solid #2f2f2f;
    content: "";
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    vertical-align: top
}

.house .popup7 .price__table li .item__addr {
    position: relative;
    width: 24%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-top: 14px;
    padding-bottom: 14px
}

.house .popup7 .price__table li .item__years {
    position: relative;
    width: 8.5%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-top: 20px
}

.house .popup7 .price__table li .item__type {
    position: relative;
    width: 9.5%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-top: 20px
}

.house .popup7 .price__table li .item__price {
    position: relative;
    width: 9.5%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-top: 20px
}

.house .popup7 .price__table li .item__sum {
    position: relative;
    width: 9.5%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-top: 20px
}

.house .popup7 .price__table li .item__land {
    position: relative;
    width: 10.5%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-top: 20px
}

.house .popup7 .price__table li .item__single {
    position: relative;
    width: 9.5%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-top: 20px
}

.house .popup7 .price__table li .item__date {
    position: relative;
    width: 10.5%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-top: 20px
}

.house .popup7 .price__table li .item__des {
    position: relative;
    width: 8.5%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-top: 24px
}

.house .popup7 .price__table li .item__des .des__icon {
    padding: 0;
    width: 16px;
    height: 16px;
    background: url(../images/icon_reg.png) no-repeat;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.house .popup7 .price__table li .des__box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    padding: 14px 32px;
    background-color: #ebebeb;
    display: none;
    z-index: 1
}

.house .popup7 .price__table li .des__box.on {
    display: block
}

.house .popup7 .price__table li .des__box .closebtn {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 5px;
    right: 5px;
    margin-right: 0;
    margin-top: 0;
    background-color: #fff;
    cursor: pointer;
    z-index: 1
}

.house .popup7 .price__table li .des__box .closebtn:before {
    position: absolute;
    width: 1px;
    height: 18px;
    top: 3px;
    left: 12px;
    margin-left: 0;
    margin-top: 0;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #a0a0a0
}

.house .popup7 .price__table li .des__box .closebtn:after {
    position: absolute;
    width: 1px;
    height: 18px;
    top: 3px;
    left: 12px;
    margin-left: 0;
    margin-top: 0;
    content: "";
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #a0a0a0
}

.house .popup7 .price__table li .des__box .text {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    z-index: 0
}

.house .popup7 .pageBar {
    padding-bottom: 0
}

.house .popup7 .lessdata__info {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    font-family: var(--bs-font-sans-serif) !important;
    color: #50504d;
    text-align: center;
    padding: 0;
    padding-top: 30px
}

.house .popup7 .lessdata__info .green {
    color: #44b1ae;
    text-decoration: underline;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px
}

.stickBar-interest {
    display: inline-block;
    padding: 0 12px;
    background-color: #f14351;
    margin-left: -4px
}

.stickBar-interest:hover {
    text-decoration: none;
    background-color: #e60012
}

.pcShow .pcShow-popup {
    display: none
}

.priceArea_list {
    border: 1px #aaa dotted;
    border-top: 2px #009191 solid;
    margin: 8px 0 0
}

.real__list.priceArea_list .list__tdRow .tdRow__td:first-child,
.real__list.priceArea_list .list__thRow .thRow__td:first-child {
    width: 10%
}

.real__list.priceArea_list .list__tdRow .tdRow__td:nth-child(2),
.real__list.priceArea_list .list__thRow .thRow__td:nth-child(2) {
    width: 22%
}

.real__list.priceArea_list .list__tdRow .tdRow__td:last-child,
.real__list.priceArea_list .list__thRow .thRow__td:last-child {
    width: 8%
}

.priceArea_more {
    display: inline-block;
    position: absolute;
    right: 45px;
    top: 45px
}

.real__list .list__thRow {
    width: 100%;
    display: table;
    border-bottom: 1px solid #9e9e9e
}

.real__list .list__thRow .thRow__td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 10%;
    color: var(--bs-gray-600);
    font-size: 14px;
    padding: 12px 0
}

.real__list .list__thRow .thRow__td:first-child {
    width: 22%
}

.real__list .list__thRow .thRow__td:last-child {
    width: 8%
}

.real__list .list__thRow .thRow__td a {
    position: relative;
    display: inline-block;
    padding-right: 13px
}

.real__list .list__thRow .thRow__td a.up {
    pointer-events: none
}

.real__list .list__thRow .thRow__td a.up:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    content: '';
    border-width: 0 5px 9px 5px;
    border-style: solid;
    border-color: transparent transparent #2f2f2f transparent;
    margin: -5px 0 0 0
}

.real__list .list__thRow .thRow__td a.down:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    content: '';
    border-width: 9px 5px 0 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    margin: -5px 0 0 0
}

.real__list .list__tdRow {
    width: 100%;
    display: table;
    border-bottom: 1px dotted #b4b4b4
}

.real__list .list__tdRow .tdRow__td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 10%;
    height: 60px;
    font-size: 14px;
    padding: 12px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.real__list .list__tdRow .tdRow__td:first-child {
    width: 22%
}

.real__list .list__tdRow .tdRow__td.noteTd {
    width: 8%;
    position: relative
}

.real__list .list__tdRow .noteBtn {
    display: inline-block;
    border: 1px solid #b01a20;
    color: #fff;
    font-size: 12px;
    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%)
}

.real__list .list__tdRow .noteBtn:hover {
    text-decoration: none
}

.real__list .list__tdRow .tdRow__noteTxt {
    display: none;
    position: absolute;
    top: 0;
    right: 100%;
    width: 1149%;
    background-color: #ebebeb;
    text-align: left;
    font-size: 14px;
    line-height: 22px
}

.real__list .list__tdRow .tdRow__noteTxt .noteTxt__wrap {
    min-height: 44px;
    padding: 8px 40px 8px 15px
}

.real__list .list__tdRow .tdRow__noteTxt.on {
    display: block
}

.real__list .list__tdRow .tdRow__noteTxt .closeBtn {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    background-color: #fff
}

.real__list .list__tdRow .tdRow__noteTxt .closeBtn:after,
.real__list .list__tdRow .tdRow__noteTxt .closeBtn:before {
    position: absolute;
    top: 4px;
    left: 11px;
    width: 2px;
    height: 17px;
    content: '';
    background: #9e9e9e;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.real__list .list__tdRow .tdRow__noteTxt .closeBtn:after {
    width: 17px;
    height: 2px;
    left: 4px;
    top: 11px
}

.real__list .list__pageRow {
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    min-height: 28px;
    line-height: 20px;
    vertical-align: middle
}

.real__list .list__pageRow a {
    display: inline-block;
    padding: 0 5px;
    margin: 0 7px;
    color: var(--bs-gray-600);
    vertical-align: middle;
    border-bottom: 3px solid transparent
}

.real__list .list__pageRow a.on,
.real__list .list__pageRow a:hover {
    text-decoration: none;
    border-bottom: 3px solid #e60012
}

.real__list .list__pageRow a.nextBtn,
.real__list .list__pageRow a.prevBtn {
    position: relative;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #bcbcbc;
    border-radius: 14px
}

.real__list .list__pageRow a.nextBtn:before,
.real__list .list__pageRow a.prevBtn:before {
    position: absolute;
    top: 10px;
    right: 8px;
    width: 8px;
    height: 8px;
    display: inline-block;
    content: ""
}

.real__list .list__pageRow a.prevBtn:before {
    border-right: 1px solid #16a2a3;
    border-top: 1px solid #16a2a3;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.real__list .list__pageRow a.nextBtn:before {
    right: 11px;
    border-right: 1px solid #16a2a3;
    border-top: 1px solid #16a2a3;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.priceArea_note {
    background: red;
    padding: 4px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.priceArea_note:hover {
    position: relative;
    cursor: pointer;
    text-decoration: none
}

.priceArea_noteShow {
    display: none;
    position: absolute;
    right: 12px;
    z-index: 1;
    max-width: 260px;
    margin-top: 10px;
    text-align: left;
    font-size: .9em;
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 10px;
    margin: 10px 0 30px;
    color: var(--bs-gray-600)
}

.priceArea_noteShow_mobile {
    display: none
}

.priceArea_note:hover+.priceArea_noteShow {
    display: block
}

.roundTabItem {
    height: 40px;
    display: flex;
    background-color: #fff;
    border: 1px solid var(--cnvs-contrast-300);
    width: fit-content;
    padding: 0 2rem;
    font-size: var(--ct-t-basic);
    color: var(--bs-gray-600);
    border-radius: 1rem;
    align-items: center;
    cursor: pointer
}

.roundTabItem:hover {
    background-color: var(--green);
    border: 1px solid var(--green);
    color: #fff
}

.roundTabItem-active {
    background-color: var(--green);
    border: 1px solid var(--green);
    color: #fff
}

.roundTabItemL {
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    background-color: #fff;
    border: 1px solid var(--cnvs-contrast-300);
    width: fit-content;
    padding: .5rem 1rem;
    border-radius: 1rem;
    align-items: center;
    cursor: pointer
}

.roundTabItemL:hover {
    background-color: var(--cnvs-contrast-100)
}

.selectUnerLine {
    border: none;
    border-bottom: 1px solid var(--cnvs-contrast-300);
    border-radius: 0
}

.floatNote {
    position: relative
}

.floatNote>.noticeIcon,
.noticeIcon {
    cursor: pointer;
    color: var(--cnvs-contrast-400)
}

.floatNote>.noticeIcon:hover,
.noticeIcon:hover {
    cursor: pointer;
    color: var(--bs-gray-600)
}

.floatNote>.noteInfo {
    position: absolute;
    display: none;
    width: fit-content;
    right: 0;
    background-color: #fff;
    box-shadow: var(--small-shadow);
    padding: 1rem;
    gap: .5rem
}

.floatNote>.noteInfo>p {
    text-wrap: nowrap;
    margin-bottom: 0;
    text-align: left;
    font-size: var(--ct-t-small)
}

.floatNote>.noteInfo>p::before {
    content: '*'
}

.more>.selectBtn {
    min-width: 130px !important
}

.more>.selectBtn:hover {
    min-width: 130px !important;
    color: var(--green)
}

.multiCol__item {
    color: var(--bs-gray-600)
}

.multiCol__item>a:hover {
    color: var(--cnvs-contrast-900) !important
}
/*
.selectPanel__level1>a:hover {
    color: var(--cnvs-contrast-900) !important
}*/

.objects {
    display: flex;
    flex: 1 0 0
}

.object-list-head {
    display: flex;
    flex: 1 0 0;
    justify-content: space-between;
    align-items: flex-end;
    margin: 1.5rem 0 0 0
}

.object-list-head>div {
    display: flex
}

.object-list-head>.text-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    height: 100%
}

.object-list-head>.text-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    height: 100%;
    padding: 0
}

.object-list-head>.text-end>.boxinline {
    display: flex;
    margin: 0;
    cursor: pointer
}

.object-list-head>.text-end>.boxinline>.navL {
    display: flex;
    gap: .5rem
}

.object-list-info-filter {
    display: flex;
    flex-direction: column
}

.object-list-filter {
    display: flex;
    flex-direction: row;
    flex: 1 0 0;
    gap: .5rem
}

.object-list-title {
    display: flex;
    flex: 1 0 0;
    justify-content: stretch;
    align-items: center;
    font-size: var(--ct-t-basic);
    gap: .5rem
}

.basic-green-number {
    font-size: 1.1rem;
    color: var(--green);
    font-weight: 400
}

.list-func {
    display: flex;
    gap: .5rem;
    align-items: center
}

.icons-func {
    padding: 0;
    display: flex
}

.icon-btn {
    display: flex;
    width: 30px;
    height: 30px;
    background: 0 0;
    border: none;
    padding: 0;
    align-items: center;
    color: var(--green);
    cursor: pointer
}

.icon-btn:hover {
    color: var(--cthouse-green)
}

.icon-btn-active {
    opacity: .6
}

.object-list-title>.number-text {
    font-size: var(--ct-t-basic) !important
}

.objlist__ItemWrap {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.object-virtical-list-item {
    display: flex;
    flex-direction: row;
    margin: .8rem 0 1rem 0;
    height: auto;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12);
    border-radius: var(--radius)
}

.object-preview-image>.btn3 {
    width: 46px;
    margin-bottom: unset
}

.image-collect {
    display: flex;
    width: 46px;
    height: 46px;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 99px;
    background: var(--bs-gray-600);
    opacity: .7 !important;
    backdrop-filter: blur(2px);
    cursor: pointer;
    color: var(--green);
    margin: 1rem 0 0 1rem;
    border: none
}

.image-collect-heart {
    display: flex;
    width: 46px;
    height: 46px;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 99px;
    background: var(--bs-gray-600);
    opacity: .7 !important;
    backdrop-filter: blur(2px);
    cursor: pointer;
    color: var(--green);
    margin: 1rem 0 0 1rem;
    border: none
}

.image-collect-heart>i {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="10" width="10" viewBox="0 0 512 512"%3E%3Cpath fill="%23ffffff" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"%3E%3C/path%3E%3C/svg%3E');
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.image-collect-heart:active,
.image-collect-heart:hover {
    background: var(--green);
    fill: var(--cthouse-orange);
    opacity: .85
}

.image-collect-heart>i {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="10" width="10" viewBox="0 0 512 512"%3E%3Cpath fill="%23ffffff" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"%3E%3C/path%3E%3C/svg%3E');
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.image-collect-heart:active>i {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="10" width="10" viewBox="0 0 512 512"%3E%3Cpath fill="%23EA623C" d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"%3E%3C/path%3E%3C/svg%3E')
}

.image-collect>i {
    color: #fff !important
}

.image-collect:active,
.image-collect:hover,
.image-collect:hover>svg {
    background: var(--green);
    fill: var(--cthouse-orange);
    opacity: .85
}

.image-collect:active,
.image-collect:focus,
.image-collect:target {
    border: none !important;
    background: var(--green);
    fill: var(--cthouse-orange);
    opacity: .85;
    color: var(--cthouse-orange)
}

.image-collect:active>i,
.image-collect:focus>i {
    fill: var(--cthouse-orange);
    color: var(--cthouse-orange);
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="10" width="5" viewBox="0 0 512 512"%3E%3Cpath fill="%23EA623C" d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"%3E%3C/path%3E%3C/svg%3E');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.object-info {
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding: 1.25rem
}

.mouse-over {
    background-color: var(--cnvs-contrast-100)
}

.buy-object-info {
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    padding: .5rem 1.25rem;
    gap: .5rem
}

.object-info-top {
    display: flex;
    flex-direction: row;
    flex: 1 0 0;
    max-height: 3rem;
    align-items: flex-end;
    padding: .3rem 0 .7rem 0;
    border-bottom: 1px solid var(--cnvs-contrast-300);
    justify-content: space-between
}

.object-info-top-buy {
    display: flex;
    flex-direction: row;
    max-height: fit-content;
    padding: .3rem 0 .7rem 0;
    border-bottom: 1px solid var(--cnvs-contrast-300);
    justify-content: space-between
}

.object-title-addr {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.object-info-top-title {
    display: flex;
    flex-direction: row;
    font-size: var(--ct-t-6);
    color: var(--cnvs-contrast-800)
}

.object-info-top-addr {
    font-size: var(--ct-t-basic)
}

.object-info-top-title>a {
    color: var(--cnvs-contrast-800)
}

.object-info-top-title>a:hover {
    color: var(--green)
}

.object-info-top-right {
    display: flex;
    flex-direction: row;
    flex: 1 0 0;
    max-width: 40%;
    align-items: flex-end;
    justify-content: end;
    gap: 5px
}

.object-info-top-right-buy {
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    max-width: 40%;
    align-items: flex-end;
    justify-content: end;
    gap: .5rem
}

.object-info-top-right-small {
    font-size: var(--cnvs-font-small);
    height: 1.2rem;
    display: flex;
    align-items: end;
    color: var(--bs-gray-600);
    padding-bottom: 8px
}

.object-info-price {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: end
}

.object-info-original-price-sec {
    font-size: var(--ct-t-basic);
    display: flex;
    align-items: center;
    gap: .5rem
}

.object-info-price-original {
    text-decoration: line-through;
    color: var(--bs-gray-600)
}

.red-badge {
    display: flex;
    flex-direction: row;
    padding: 0 .5rem;
    border-radius: 2rem;
    background-color: red;
    color: #fff;
    justify-content: center;
    font-size: var(--ct-t-small);
    align-items: center;
    gap: 3px
}

.object-info-top-right-price {
    font-size: var(--cnvs-font-basic);
    display: flex;
    align-items: end;
    color: var(--cthouse-orange);
    font-size: var(--ct-t-5)
}

.object-info-top-right-unit {
    font-size: var(--cnvs-font-small);
    height: 100%;
    display: flex;
    align-items: end;
    color: var(--bs-gray-600);
    margin-bottom: 4px
}

.buy-object-mid {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.buy-object-mid>div>.ct-green-text-button {
    height: 2.5rem
}

.qrcode__img {
    padding: 10px
}

.objectRowTitleSec {
    display: flex;
    flex-direction: row;
    margin-bottom: 6px
}

.objectRowTitle {
    color: var(--bs-gray-600)
}

.tileSec {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    align-items: center
}

.tileSec>.awesomef {
    color: var(--green)
}

.morePhoto {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    gap: .7rem
}

.mobileonly {
    display: none !important
}

.price-list-section {
    margin: 2rem 0;
    padding: 0 1rem
}

.price-list-table {
    display: flex;
    flex-direction: column;
    font-size: var(--ct-t-basic);
    margin-top: .5rem
}

.price-list-head {
    display: flex;
    flex-direction: row;
    background-color: var(--green);
    color: #fff;
    padding: .2rem 0
}

.price-list-data-row {
    display: flex;
    flex-direction: row;
    color: var(--bs-gray-600);
    padding: .2rem 0;
    align-items: center;
    border-bottom: solid 1px var(--cnvs-contrast-300)
}

.w5 {
    display: flex;
    width: 23%;
    justify-content: center
}

.w3 {
    display: flex;
    width: 13%;
    justify-content: center
}

.object-card-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: .8rem;
    margin-bottom: 2rem
}

.object-card-info {
    display: flex;
    flex-direction: column;
    padding: .5rem
}

.object-card-item {
    display: flex;
    width: 18%;
    height: fit-content;
    flex-direction: column;
    gap: .5rem;
    border-radius: var(--radius)
}

.object-card-info-top {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.object-card-info-top-title {
    color: var(--cnvs-contrast-800);
    font-size: var(--ct-t-6);
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap
}

.object-card-info-top-addr {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap
}

.object-card-info-main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem;
    border-bottom: solid 1px var(--cnvs-contrast-400);
    border-top: solid 1px var(--cnvs-contrast-400);
    padding: 5px 0;
    color: var(--bs-gray-600)
}

.object-card-info-main-item {
    display: flex;
    width: 45%;
    font-size: var(--ct-t-basic);
    min-width: fit-content
}

.object-card-bottom {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    line-height: 100%;
    gap: .5rem
}

.object-card-price {
    display: flex;
    flex-direction: row;
    align-items: end;
    line-height: 100%;
    gap: .2rem
}

.object-card-price>.container-heading-small {
    padding-bottom: 1px
}

.objectsRow {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    overflow: hidden;
    padding: .2rem .2rem .5rem 1rem;
    height: 370px
}

.objectsRow>.object-card-item {
    min-width: 18%;
    height: 360px
}

.object-card-item>a>.object-card-preview-image {
    max-height: 170px;
    height: 170px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(images/pic_defult_645x483.png);
    background-size: cover;
    background-position: center center
}

.object-card-item>a>.object-card-preview-image>img {
    height: 100%;
    object-fit: cover;
    display: flex;
    flex: 1 0 0
}

.object-card-item>a {
    box-shadow: var(--small-shadow);
    color: var(--bs-gray-600)
}

.object-card-item>a:hover {
    box-shadow: var(--middle-shadow)
}

.findServiceAdBanner {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin: 2rem 0;
    border-radius: 20px;
    background-color: var(--cnvs-contrast-100);
    box-shadow: var(--middle-shadow);
    height: 260px
}

.rightImg {
    display: flex;
    height: 100%;
    width: 45%;
    max-width: 60%
}

.rightImg>img {
    border-radius: 0 20px 20px 0;
    object-fit: cover;
    width: 100%
}

.findServiceAdBanner>.right_now_box_in>.leftInfoSec {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    height: 100%;
    flex: 1 0 0;
    padding: 1rem 2rem 1rem 3rem;
    justify-content: center
}

.findServiceAdBanner>.right_now_box_in>.leftInfoSec>.advSubTitle {
    font-size: var(--ct-t-6)
}

.findServiceAdBanner>.right_now_box_in>.leftInfoSec>.advTitle {
    font-size: var(--ct-t-4);
    color: var(--cnvs-contrast-800)
}

.findServiceAdBanner>.right_now_box_in>.leftInfoSec>.contactInputSec {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    height: 100%
}

.findServiceAdBanner>.right_now_box_in>.leftInfoSec>.contactInputSec>.check-time-func-group {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    height: 100%
}

.reserve-function-section {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: .7rem;
    align-self: stretch;
    border-radius: 4px;
    background: var(--gray-200, #e9ecef)
}

.reserve-function-section>.ct-green-button {
    display: flex;
    flex: 1 0 0;
    width: 100%
}

.contact-function-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .7rem;
    align-self: stretch
}

.function-btn {
    display: flex;
    flex-direction: row;
    flex: 1 0 0;
    gap: 1rem;
    width: 100%;
    align-items: center
}

.function-btn>.ct-green-button {
    display: flex;
    flex: 1 0 0 !important
}

.function-btn>.ct-green-button>a {
    color: #fff
}

.contactInputSec>.inputRow {
    display: flex;
    flex-direction: row;
    gap: .5rem
}

.contact-input-func-group {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    align-self: stretch !important;
    justify-content: space-between !important;
    flex-direction: row 
}

.contact-input-func-group>input {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 6px !important;
    border-radius: var(--radius) !important;
    border: 1px solid var(--gray-300, #dee2e6) !important;
    background: var(--white) !important;
    font-size: 1rem !important;
    flex: 1 0 0 !important;
    height: 43px !important;
    padding: 6px !important;
    font-family: var(--cnvs-primary-font) !important
}

.contact-input-func-group>.counterItem {
    display: flex;
    flex: 1 0 0;
    height: 43px;
    width: 20%
}

.contact-input-func-group>.w20 {
    max-width: 23%
}

.contact-input-func-group>.counterItem>.selectBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    border-radius: var(--radius);
    border: 1px solid var(--gray-300, #dee2e6);
    background: var(--white);
    font-size: 1rem;
    flex: 1 0 0;
    height: 43px;
    padding: 0 .5rem;
    width: 100%;
    min-width: fit-content
}

.right_now_box .btn {
    margin-right: 195px;
    margin-bottom: 8px
}

.right_now_box .code_box .lt .pic {
    height: 43px
}

.right_now_box .code_box .rt>input {
    height: 43px;
    border-radius: var(--radius);
    border: 1px solid var(--gray-300, #dee2e6)
}

.input-contact {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 6px;
    border-radius: var(--radius);
    border: 1px solid var(--gray-300, #dee2e6);
    background: var(--white);
    font-size: 1rem;
    flex: 1 0 0;
    height: 36px;
    padding: 6px;
    max-width: 47%
}

.check-time-func-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px;
    align-self: stretch;
    font-size: 1rem;
    color: var(--bs-gray-600)
}

.check-item-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    flex: 1 0 0
}

.check-item-group>.check-item>input {
    height: 1rem;
    width: 1rem
}

.noteText,
.txt__hint {
    font-size: var(--ct-t-small);
    color: var(--bs-gray-600)
}

.noteText a,
.txt__hint a {
    font-size: var(--ct-t-small);
    color: #16a2a3;
    text-decoration: underline
}

#houseMoreObj {
    padding: 2rem 0;
    background-color: var(--cnvs-contrast-100)
}

#houseMoreObj>.container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center
}

.bxslider>li {
    display: flex;
    padding: .2rem .2rem 1rem .3rem
}

.bxslider>li>a {
    color: var(--bs-gray-600)
}

.bxslider>li>a:hover {
    box-shadow: var(--middle-shadow);
    color: var(--cnvs-contrast-800)
}

.bxslider>li>.houseItem {
    display: flex;
    flex-direction: column;
    height: fit-content;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12);
    border-radius: var(--radius);
    height: fit-content;
    max-width: 100%;
    flex: 1 0 0;
    background-color: #fff
}

.slider1 li .houseItem__price {
    display: none
}

.bx-wrapper {
    width: 100% !important
}

.bx-wrapper>.bx-viewport {
    height: fit-content !important
}

.bxslider>li>.houseItem>.object-card-info-main {
    padding-left: .5rem
}

.bxslider>li>.houseItem>.object-card-bottom {
    padding-left: .5rem;
    justify-content: flex-start;
    gap: .5rem
}

.bxslider>li {
    width: 230px !important
}

li>.houseItem>.houseItem__img>img {
    margin-bottom: 0
}

.bxslider>li>.houseItem>.houseItem__img>img {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    object-fit: cover
}

.bxslider>li>.object-card-preview-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bxslider>li>.object-card-preview-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bxslider>li>a>.object-card-info>.object-card-bottom>.object-card-price {
    margin-bottom: 5px
}

.bx-controls-direction>a {
    height: 100% !important
}

.right_now_box {
    display: none;
    flex-direction: row;
    gap: 1rem;
    margin: 2rem 0;
    border-radius: 20px;
    background-color: var(--cnvs-contrast-100);
    box-shadow: var(--middle-shadow);
    height: 320px;
    padding: 0;
    font-family: var(--cnvs-primary-font)
}

.right_now_box .right_now_box_in {
    display: flex;
    width: 100%;
    height: 100%;
    max-width: unset;
    margin-top: unset;
    vertical-align: unset;
    justify-content: space-between
}

.right_now_box_in>.pic {
    display: none
}

.right_now_box_in>.form {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    height: 100%;
    flex: 1 0 0;
    padding: 1rem 2rem 1rem 3rem;
    justify-content: center;
    font-family: var(--cnvs-primary-font)
}

.right_now_box_in>.form>.title {
    font-family: var(--cnvs-primary-font);
    font-size: var(--ct-t-4);
    margin-top: 3rem
}

.right_now_box_in>.form>.data>input {
    font-family: var(--cnvs-primary-font)
}

.right_now_box_in>.form>.time {
    font-family: var(--cnvs-primary-font)
}

.right_now_box_in>.form>privacy_box {
    font-family: var(--cnvs-primary-font)
}

.right_now_box_in>.form>code_box {
    font-family: var(--cnvs-primary-font)
}

.note {
    font-size: var(--ct-t-small)
}

.real__list .list__thRow {
    background-color: var(--green)
}

.real__list .list__thRow>.thRow__td,
.real__list .list__thRow>.thRow__td>a,
.real__list .list__thRow>.thRow__td>a::after {
    color: #fff
}

.list__thRow>.thRow__td,
.list__thRow>.thRow__td>a:after {
    color: #fff
}

.pageBar {
    text-align: center;
    padding: 35px 0 50px 0;
    font-size: 18px;
    height: 28px;
    line-height: 20px;
    vertical-align: middle
}

.pageBar a {
    display: inline-block;
    padding: 0 5px;
    margin: 0 7px;
    color: var(--bs-gray-600);
    vertical-align: middle;
    border-bottom: 3px solid transparent
}

.pageBar a.on,
.pageBar a:hover {
    text-decoration: none;
    border-bottom: 3px solid #e60012
}

.pageBar a.nextBtn,
.pageBar a.prevBtn {
    position: relative;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #bcbcbc;
    border-radius: 14px
}

.pageBar a.nextBtn:before,
.pageBar a.prevBtn:before {
    position: absolute;
    top: 10px;
    right: 8px;
    width: 8px;
    height: 8px;
    display: inline-block;
    content: ""
}

.pageBar a.prevBtn:before {
    border-right: 1px solid #16a2a3;
    border-top: 1px solid #16a2a3;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.pageBar a.nextBtn:before {
    right: 11px;
    border-right: 1px solid #16a2a3;
    border-top: 1px solid #16a2a3;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.highlight-color {
    color: var(--cthouse-orange)
}

.default-green {
    color: var(--green)
}

.cthouse-green {
    color: var(--cthouse-green)
}

.gray-800 {
    color: var(--cnvs-contrast-800)
}

.gray-600 {
    color: var(--bs-gray-600)
}

.gray-500 {
    color: var(--gray-500)
}

.gray-400 {
    color: var(--cnvs-contrast-400)
}

.gray-300 {
    color: var(--cnvs-contrast-300)
}

.secont-light {
    color: rgb(240 251 236)
}

.number-text {
    font-weight: 500;
    font-style: normal
}

.number-text i {
    font-style: normal
}

.noborder {
    border: 0 !important
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
    font-family: "Font Awesome 6 Free" !important
}

.awesomef {
    font-family: FontAwesome !important
}

.flex-col {
    display: flex;
    flex-direction: column !important
}

.slider1,
.slider2 {
    padding: 0 .5rem
}

.listAdv-greenoutline {
    display: flex;
    color: var(--cthouse-green);
    border-radius: 1rem;
    border: solid 1px var(--green);
    align-items: center;
    justify-content: center;
    padding: .7rem 0 1rem 0;
    margin: 1rem 0;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12);
    flex-direction: row;
    gap: .5rem
}

.listAdv-greenoutline>.listAdv-title {
    font-size: var(--ct-t-6);
    color: var(--cthouse-orange);
    display: flex
}

.listAdv-greenoutline>.listAdv-title-area {
    font-size: var(--ct-t-6);
    color: var(--green);
    display: flex
}

.listAdv-greenoutline>.listAdv-info {
    display: flex;
    font-size: var(--ct-t-6);
    color: var(--green);
    flex-direction: row;
    align-items: center;
    gap: 5px
}

.listAdv-greenoutline>.listAdv-info>.listAdv-highlight {
    font-size: var(--ct-t-6)
}

.listAdv-greenoutline>.listAdv-info>i {
    font-size: var(--ct-t-basic)
}

.listAdv-light {
    font-size: var(--ct-t-6);
    display: flex;
    color: var(--green);
    border-radius: 1rem;
    height: auto;
    background-color: transparent;
    align-items: flex-end;
    justify-content: center;
    padding: .7rem 0 1rem;
    gap: .2rem;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12);
    margin: 3rem 0
}

.listAdv-highlight {
    font-size: var(--ct-t-6)
}

.sellAdvBanner {
    display: flex;
    flex-direction: row;
    border-radius: 1rem;
    height: 6rem;
    background-color: var(--green);
    align-items: flex-end;
    justify-content: center;
    gap: 1rem;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12);
    margin: 4rem 0 1rem 0
}

.sellAdvBanner>.imgItem>img {
    height: 10rem;
    width: auto
}

.sellAdvBanner>.textItem {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    color: #fff
}

.sellAdvBanner>.more {
    height: 100%;
    align-items: center;
    color: #fff
}

.tag1 {
    background-color: rgb(255 245 240);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid rgb(255 245 240)
}

.tag1:hover {
    border: 1px solid var(--cnvs-contrast-300)
}

.tag1:hover>a {
    font-weight: 600
}

.tag2 {
    background-color: rgb(255 250 228);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid rgb(255 250 228)
}

.tag2:hover {
    border: 1px solid var(--cnvs-contrast-300)
}

.tag2:hover>a {
    font-weight: 600
}

.tag3 {
    background-color: rgb(255 255 245);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid rgb(255 255 245)
}

.tag3:hover {
    border: 1px solid var(--cnvs-contrast-300)
}

.tag3:hover>a {
    font-weight: 600
}

.tag4 {
    background-color: rgb(255 245 250);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid rgb(255 245 250)
}

.tag5 {
    background-color: rgb(240 251 236);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid rgb(240 251 236)
}

.tag5:hover {
    border: 1px solid var(--cnvs-contrast-300)
}

.tag5:hover>a {
    font-weight: 600
}

.tag6 {
    background-color: rgb(245 245 245);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid rgb(245 245 245)
}

.maskBackground {
    background-color: #fff;
    opacity: .8
}

.modal-note {
    color: var(--bs-gray-600);
    font-size: var(--ct-t-basic);
    padding-bottom: 1rem
}

.modal-body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
    overflow-y: auto
}

.modal-body>.winCol {
    display: flex;
    flex-direction: column;
    font-size: var(--ct-t-basic);
    align-items: flex-start;
    gap: .5rem;
    width: 100%
}

.modal-body>.winCol>.colName {
    color: var(--bs-gray-600);
    width: 5rem;
    display: flex;
    justify-content: flex-start
}

.modal-body>.winCol>.colInput {
    width: 100%
}

.modal-body>.winCol>.colInput>input {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 6px;
    border-radius: var(--radius);
    border: 1px solid var(--gray-300, #dee2e6);
    background: var(--white);
    font-size: 1rem;
    flex: 1 0 0;
    height: 40px;
    padding: 6px;
    width: 100%
}

.modal-body>.winCol>.colInput>input:focus {
    color: var(--green)
}

.modal-body>.winCol>.colInput-items {
    display: flex;
    flex-direction: row;
    font-size: var(--ct-t-basic);
    color: var(--cnvs-contrast-800);
    align-items: center;
    gap: 1rem
}

.modal-body>.winCol>.colInput-items>.item {
    display: flex;
    flex: 1 0 0;
    min-width: fit-content;
    color: var(--bs-gray-600);
    align-items: center;
    gap: .2rem
}

.modal-body>.winCol>.colInput-items>.item>input[type=checkbox] {
    width: 1rem;
    height: 1rem
}

.fadeInOut5s {
    animation: fadeInOutAnimation 7s ease-in-out
}

@keyframes fadeInOutAnimation {

    0%,
    100% {
        opacity: 0
    }

    20%,
    80% {
        opacity: 1
    }
}

.z-10 {
    z-index: 10 !important
}

.z-9 {
    z-index: 9 !important
}

.z-8 {
    z-index: 8 !important
}

.z-7 {
    z-index: 7 !important
}

.z-6 {
    z-index: 6 !important
}

.z-5 {
    z-index: 5 !important
}

.moreCondition .selectPanel__level1 {
    display: flex;
    flex-direction: row
}

.moreCondition .selectPanel__level1>.multiCol__wrap>.multiCol__con {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem;
    width: 980px
}

.moreCondition .selectPanel__level1>.multiCol__wrap>.multiCol__con>.multiCol__type {
    display: flex;
    flex-direction: column;
    width: fit-content
}

.moreCondition .selectPanel__level1>.multiCol__wrap>.multiCol__con>.multiCol__type>.multiCol__title {
    color: var(--green)
}

.moreCondition .selectPanel__level1>.multiCol__wrap>.multiCol__con>.multiCol__type>.multiCol__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content
}

.moreCondition>.selectPanel {
    left: -400px
}

.moreCondition>.selectPanel:before {
    left: 420px
}

.moreCondition>.selectPanel:after {
    left: 421px
}

.rentMoreSearch>.selectPanel:after,
.rentMoreSearch>.selectPanel:before {
    display: none
}

#divTransactionLoading {
    z-index: 50
}

.house__mainRow {
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    font-family: var(--bs-body-font-family)
}

.mainRow__left {
    max-width: 65%;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.mainRow__left.newhome .gallery__top .swiper-slide img {
    display: flex;
    max-height: 450px
}

.mainRow__left.investment .gallery__top .swiper-slide img {
    opacity: 0;
    width: auto;
    height: 430px
}

.mainRow__left .gallery__top .swiper-slide {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
    background-color: inherit
}

.mainRow__left .gallery__top .swiper-slide img,
.mainRow__left .gallery__top .swiper-slide video {
    width: 100%;
    height: 100%
}

.mainRow__left .gallery__top .realviewBtn {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 12px 15px 12px 45px;
    font-size: 15px;
    color: #fff;
    border-top-left-radius: 5px;
    background: #44b1ae url(../images/icon_play1.png) 20px center no-repeat;
    z-index: 2
}

.mainRow__left .gallery__top .swiper-button-next,
.mainRow__left .gallery__top .swiper-button-prev {
    width: 32px;
    height: 54px;
    opacity: .5
}

.mainRow__left .gallery__top .swiper-button-next {
    background: url(../images/btn_arw3R.png) 0 0 no-repeat
}

.mainRow__left .gallery__top .swiper-button-prev {
    background: url(../images/btn_arw3L.png) 0 0 no-repeat
}

.mainRow__left .gallery__top .swiper-button-next:hover,
.mainRow__left .gallery__top .swiper-button-prev:hover {
    opacity: 1
}

.mainRow__left .gallery__top .swiper-button-next.swiper-button-disabled,
.mainRow__left .gallery__top .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.mainRow__left .gallery__thumbs {
    height: 60px;
    display: flex;
    justify-content: flex-start;
    margin: 0
}

.mainRow__left .gallery__thumbs .swiper-slide {
    width: 72px;
    height: 54px;
    opacity: .5;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    cursor: pointer
}

.mainRow__left .gallery__thumbs .swiper-slide-active {
    opacity: 1
}

.mainRow__left .gallery__thumbs .swiper-button-next,
.mainRow__left .gallery__thumbs .swiper-button-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.mainRow__left .gallery__thumbs .swiper-button-next {
    right: 0;
    background: url(../images/btn_arw4R.png) 0 0 no-repeat
}

.mainRow__left .gallery__thumbs .swiper-button-prev {
    left: 0;
    background: url(../images/btn_arw4L.png) 0 0 no-repeat
}

.mainRow__left .gallery__thumbs:hover .swiper-button-next,
.mainRow__left .gallery__thumbs:hover .swiper-button-prev {
    opacity: 1
}

.mainRow__left .house__func {
    padding-top: 24px;
    overflow: hidden
}

.mainRow__left .house__func a {
    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    margin-bottom: 10px
}

.mainRow__right .house__booking .timeRow label input {
    background-color: #fff
}

.mainRow__right .btnRow {
    height: 46px;
    vertical-align: bottom;
    padding-top: 15px
}

.mainRow__right .btnRow a {
    position: relative;
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 42px;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #f24352;
    border-bottom: 4px solid #d50014;
    vertical-align: bottom
}

.mainRow__right .btnRow a:hover {
    top: 4px;
    text-decoration: none;
    border-bottom: none
}

.mainRow__right .btnRow2 a:hover {
    top: 0;
    text-decoration: none;
    border-bottom: none
}

.mainRow__right .house__call {
    padding: 5%;
    margin-bottom: 13px;
    background-color: #ebebeb
}

.mainRow__right .house__call .call__top {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    font-weight: 700
}

.mainRow__right .house__call .call__top .call__title {
    color: #44b1ae
}

.mainRow__right .house__call .call__top .top__wrap {
    width: 193px;
    margin: 0 auto;
    padding-left: 50px;
    background: url(../images/icon_phone2.png) 0 center no-repeat
}

.mainRow__right .house__call .call__btm {
    position: relative;
    padding-top: 18px
}

.mainRow__right .house__call .call__btm .btm__img {
    position: absolute;
    top: 18px;
    left: 0;
    width: 80px;
    height: 80px;
    border: 1px solid #dcdcdc;
    overflow: hidden
}

.mainRow__right .house__call .call__btm .btm__img .qrcode__img {
    position: absolute;
    clip: rect(0, 80px, 80px, 0);
    top: 0;
    left: 0;
    height: 80px;
    opacity: .7
}

.mainRow__right .house__call .call__btm .btm__img .qrcode__icon {
    position: absolute;
    top: 33px;
    left: 33px
}

.mainRow__right .house__call .call__btm .btm__img .qrcode__icon img {
    height: 18px
}

.mainRow__right .house__call .call__btm .btm__txt {
    padding: 0 0 0 92px
}

.mainRow__right .house__call .call__btm .btm__txt .txt4 {
    margin-bottom: 7px
}

.mainRow__right .house__call .call__btm .btm__txt .txt6 {
    margin-bottom: 3px
}

.mainRow__right .noteRow {
    padding: 10px 0 0 0;
    text-align: center;
    display: none
}

.mainRow__right .noteRow a {
    color: #d50110;
    font-weight: 700
}

.mainRow__right .house__save .btn3 {
    margin-bottom: 10px;
    font-size: 16px;
    border-radius: 5px
}

.btmStore {
    padding: 42px 0;
    background: url(../images/bg_bias.png) 0 0 repeat;
    text-align: center
}

.btmStore h3 {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.btmStore .moreBtn2 {
    position: absolute;
    top: 5px;
    right: 5.5%
}

.btmStore ul {
    padding: 0 0 20px 0;
    overflow: hidden
}

.btmStore li {
    float: left;
    width: 25%
}

.btmStore li a {
    position: relative;
    display: block;
    width: 208px;
    height: 156px;
    color: #16a2a3;
    border: 1px solid #ccc;
    margin: 0 auto;
    background-color: #fff;
    background-image: url(../images/pic_defult_360x270.png);
    background-position: 0 -22px;
    background-size: 100% auto;
    overflow: hidden
}

.btmStore li a span {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 208px;
    height: 117px
}

.btmStore li a span img {
    border: none
}

.btmStore li a b {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 1;
    font-size: 16px;
    height: 39px;
    line-height: 39px;
    background-color: #fff
}

.btmStore li a:hover {
    text-decoration: none;
    color: #50504e;
    border: 1px solid #16a2a3
}

.btmStore li a:hover span {
    display: block
}

.btmStore li img {
    width: 100%;
    height: auto;
    margin-top: -45px
}

.btmStore_franchise {
    padding: 42px 0;
    text-align: center
}

.btmStore_franchise h3 {
    display: block;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 20px
}

.btmStore_franchise .moreBtn2 {
    position: absolute;
    top: 5px;
    right: 5.5%
}

.btmStore_franchise ul {
    padding: 0 0 20px 0;
    overflow: hidden
}

.btmStore_franchise li {
    float: left;
    width: 25%
}

.btmStore_franchise li a {
    position: relative;
    display: block;
    width: 100%;
    height: 154px;
    color: #16a2a3;
    border: 1px solid #ccc;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-image: url(../images/pic_defult_360x270.png);
    background-position: 0 -22px;
    background-size: 100% auto;
    overflow: hidden
}

.btmStore_franchise li a span {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 113px
}

.btmStore_franchise li a span img {
    border: none
}

.btmStore_franchise li a b {
    font-size: 16px;
    height: 39px;
    line-height: 39px;
    position: absolute;
    width: 100%;
    height: 39px;
    left: 0;
    top: 113px;
    z-index: 1;
    background-color: #fff
}

.btmStore_franchise li a:hover {
    text-decoration: none;
    color: #50504e;
    border: 1px solid #16a2a3
}

.btmStore_franchise li a:hover span {
    display: block
}

.btmStore_franchise li img {
    width: 100%;
    height: 113px;
    height: auto;
    margin-top: -86px
}

.btmStore_franchise .dot {
    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
}

.btmStore_franchise .dot span {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    display: inline-block;
    margin-right: 6px;
    background-color: #44b1ae;
    cursor: pointer
}

.btmStore_franchise .dot span.on,
.btmStore_franchise .dot span:hover {
    background-color: #007c7d
}

.btmStore_franchise .dot span:last-child {
    margin-right: 0
}

.btmTeam_franchise {
    padding: 42px 0;
    text-align: center;
    background-color: #f8f8f8
}

.btmTeam_franchise .box {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    vertical-align: top
}

.btmTeam_franchise.hasFb .box {
    position: relative;
    width: 49%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    vertical-align: top
}

.btmTeam_franchise.hasFb .box.bestTeam .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    top: 50%;
    margin-top: -40px
}

.btmTeam_franchise.hasFb .box.bestTeam .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
    top: 50%;
    margin-top: -40px
}

.btmTeam_franchise.hasFb .box.bestTeam ul {
    height: 461px
}

.btmTeam_franchise.hasFb .box.fansbox {
    display: inline-block
}

.btmTeam_franchise.hasFb .box.fansbox h3 {
    width: 500px
}

.btmTeam_franchise.hasFb.nobestTeam {
    text-align: center
}

.btmTeam_franchise.hasFb.nobestTeam .box {
    position: relative;
    width: 500px;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    vertical-align: top
}

.btmTeam_franchise.hasFb.nobestTeam .box.bestTeam {
    display: none
}

.btmTeam_franchise.hasFb.nobestTeam .box.fansbox {
    display: inline-block
}

.btmTeam_franchise.hasFb.nobestTeam .box.fansbox h3 {
    width: 100%
}

.btmTeam_franchise h3 {
    display: block;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 20px
}

.btmTeam_franchise .bestTeam .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    margin-top: -16px
}

.btmTeam_franchise .bestTeam .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
    margin-top: -16px
}

.btmTeam_franchise .bestTeam ul {
    padding: 0 40px 20px 40px;
    overflow: hidden
}

.btmTeam_franchise .bestTeam li {
    float: left;
    width: 120px;
    margin-right: 40px;
    margin-bottom: 15px
}

.btmTeam_franchise .bestTeam li a {
    position: relative;
    display: block;
    width: 120px;
    height: 148px;
    overflow: hidden;
    color: #50504d;
    margin: 0 auto;
    background-position: 0 -22px;
    background-size: 100% auto
}

.btmTeam_franchise .bestTeam li a.on img {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btmTeam_franchise .bestTeam li a.on .medal {
    display: block
}

.btmTeam_franchise .bestTeam li a .medal {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    /*
    background: url(../images/icon_medal.png) no-repeat;
    background-position: left top;*/
    display: none
}

.btmTeam_franchise .bestTeam li a b {
    position: absolute;
    width: 100%;
    height: 27px;
    top: 121px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    display: block;
    font-size: 15px;
    line-height: 27px;
    color: #16a2a3;
    background-color: #fff;
    z-index: 1;
    border-top: 0 solid #e4e4e4
}

.btmTeam_franchise .bestTeam li a:hover {
    text-decoration: none
}

.btmTeam_franchise .bestTeam li a:hover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #16a2a3;
    z-index: 9
}

.btmTeam_franchise .bestTeam li a:hover b {
    color: #50504e
}

.btmTeam_franchise .bestTeam li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    z-index: 9;
    pointer-events: none
}

.btmTeam_franchise .bestTeam li img {
    width: 120px;
    height: auto;
    min-height: 120px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 0
}

.btmTeam_franchise .bestTeam .dot {
    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
}

.btmTeam_franchise .bestTeam .dot span {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    display: inline-block;
    margin-right: 6px;
    background-color: #44b1ae;
    cursor: pointer
}

.btmTeam_franchise .bestTeam .dot span.on,
.btmTeam_franchise .bestTeam .dot span:hover {
    background-color: #007c7d
}

.btmTeam_franchise .bestTeam .dot span:last-child {
    margin-right: 0
}

.btmTeam_franchise .fansbox {
    display: none
}

.btmTeam_franchise .fansbox .page {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.btmSubject {
    position: relative;
    padding: 42px 0;
    text-align: center;
    z-index: 1
}

.btmSubject .wrapper-1176 {
    max-width: 1176px;
    padding: 0
}

.btmSubject h3 {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.btmSubject .slider2 b {
    font-size: 16px;
    color: var(--bs-gray-600);
    line-height: 25px
}

.topBar {
    position: fixed;
    right: 10px;
    bottom: 10px;
    height: 40px;
    z-index: 48
}

.topBar .topBar__btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    display: block;
    border-radius: 23px;
    border: 1px solid #aaa;
    background: #fff;
    box-shadow: 0 0 5px #ddd;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
    pointer-events: none
}

.topBar .topBar__btn.on {
    opacity: 1;
    pointer-events: auto
}

.topBar .topBar__btn:before {
    position: absolute;
    top: 16px;
    left: 12px;
    width: 12px;
    height: 12px;
    display: inline-block;
    content: "";
    border-right: 2px solid #16a2a3;
    border-top: 2px solid #16a2a3;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.topBar .topBar__btn:hover {
    text-decoration: none
}

.corner__func {
    border-radius: 20px;
    background-color: #007c7d;
    margin: 0 45px 0 0;
    padding: 7px 15px;
    font-size: 13px;
    line-height: 24px;
    box-shadow: 0 0 5px #aaa;
    overflow: hidden;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
    pointer-events: none
}

.corner__func.on {
    opacity: 1;
    pointer-events: auto
}

.corner__func .func__left,
.corner__func .func__right {
    float: left
}

.corner__func .func__left a,
.corner__func .func__right a {
    display: inline-block
}

.corner__func .func__left a:hover,
.corner__func .func__right a:hover {
    text-decoration: underline
}

.corner__func .func__left a {
    color: #fff
}

.corner__func .func__right {
    position: relative;
    margin-left: 5px
}

.corner__func .func__right:before {
    content: '|';
    color: #44b1ae
}

.corner__func .func__right .addFav--one {
    color: #fff;
    display: inline-block
}

.corner__func .func__right .addFav--two {
    color: #2f2f2f;
    background-color: #fff;
    border-radius: 5px;
    padding: 0 5px
}

.corner__func .func__right .addFav--two i {
    color: #f14351;
    font-style: normal
}

.corner__func .func__right .addFav--two:hover {
    text-decoration: none;
    color: #fff;
    background-color: #f24352
}

.corner__func .func__right .addFav--two:hover i {
    color: #fff
}

.corner__func .func__notice {
    position: absolute;
    top: -36px;
    right: 60px;
    height: 30px;
    font-size: 14px;
    color: #f14351;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #bbb;
    box-shadow: 0 0 4px #ccc;
    background-color: #fff
}

.corner__func .func__notice:before {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 0;
    margin-left: -4px;
    content: '';
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 2
}

.corner__func .func__notice:after {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 0;
    margin-left: -5px;
    content: '';
    border-width: 9px 6px 0 6px;
    border-style: solid;
    border-color: #aaa transparent transparent transparent
}

.corner__func:hover {
    background-color: #16a2a3
}

@media (max-width:1500px) {
    .inpageBannerText {
        display: flex;
        position: absolute;
        top: 4rem;
        left: 8%;
        flex-direction: column;
        gap: 1rem;
        min-height: fit-content
    }
}

@media (max-width:1280px) {
    .top-ad {
        width: 515px
    }

    .search-bar {
        min-width: 70%
    }

    .title-menu-section>.title-menu {
        gap: 1rem
    }

    .menu-item>.menu-link {
        padding: 10px !important
    }
}

@media screen and (min-width:1200px) {
    .pcShow-popup .popup {
        left: auto;
        right: calc(((100vw - 1152px)/ 2) - 8px);
        margin: 0 -40px 0 0;
        width: 300px;
        top: 42px;
        height: auto;
        max-height: none;
        z-index: 10;
        border: 3px solid #f14351;
        border-top-width: 6px;
        position: absolute
    }

    .pcShow-popup .popup__top {
        display: none
    }

    .pcShow-popup .popup__con {
        background-color: #ebebeb;
        padding: 20px;
        width: auto
    }

    .pcShow-popup .list__item1 {
        display: none
    }

    .pcShow-popup .item__ckbox:before {
        display: none;
        content: '聯絡時間';
        color: #44b1ae;
        margin-bottom: 3px
    }

    .pcShow-popup .popup__con .list__item1,
    .pcShow-popup .popup__con .list__item4 {
        padding: 0;
        border-bottom: 0
    }

    .pcShow-popup .item__btnbar {
        padding: 0
    }

    .pcShow-popup .item__notice2.addPadding {
        text-align: left
    }

    .pcShow-popup .popup__con .item__notice2 a {
        color: #16a2a3
    }

    .pcShow-popup .popup__con .item__notice2 a:hover {
        color: #44b1ae
    }

    .pcShow-popup .popup__con .item__btn1 {
        font-size: 16px;
        line-height: 36px;
        height: 36px
    }

    .pcShow-popup .popup__con .item__btn1:hover {
        background-color: #e60012
    }

    .pcShow-popup input.ipt5 {
        border-color: #d5d5d5
    }
}

@media (max-width:1080px) {
    .top-ad {
        width: 400px
    }

    .top-ad>label {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        flex: 1 0 0;
        padding-right: 15px
    }

    .transVir {
        display: flex;
        height: 2rem !important;
        list-style-type: none;
        flex-direction: column
    }
}

@media (max-width:1024px) {
    .condition-input-group {
        flex-wrap: wrap
    }

    .search-bar {
        min-width: 70%
    }

    .primary-menu {
        background-color: transparent
    }

    .imgLinkSec {
        max-width: 35%
    }
}

@media(max-width:991px) {
    .primary-menu {
        background-color: #fff;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12)
    }

    .title-menu-section>.title-menu {
        display: none
    }
}

@media (max-width:761px) {
    .counterItem:nth-child(4) .selectPanel.singleCol:before {
        left: 230px
    }

    .counterItem:nth-child(4) .selectPanel.singleCol:after {
        left: 231px
    }

    .pcShow {
        display: none !important
    }

    .mShow {
        display: block
    }

    .idxSection4 {
        color: #fff;
        background-color: #44b1ae
    }

    .idxSection4 h2 {
        display: block;
        padding: 0 0 0 38px;
        background-image: url(../images/m/icon_store.png);
        background-repeat: no-repeat;
        background-position: 8px 0;
        background-size: 21px 19px;
        line-height: 19px;
        height: 19px;
        margin-bottom: 13px
    }

    .idxSection4 .wrapper-1176 {
        padding: 20px 10px
    }

    .idxSection4 select {
        display: block;
        margin-bottom: 13px;
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 33px 10px 15px;
        border: 1px solid #d2d3d3;
        background-color: rgba(255, 255, 255, .8);
        color: #333;
        background-image: url(../images/m/icon_arw1.png);
        background-repeat: no-repeat;
        background-position: 100% center;
        background-size: 34px 13px;
        cursor: pointer;
        text-overflow: "";
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        outline: 0;
        hlbr: expression(this.onFocus=this.blur())
    }

    .idxSection4 select option {
        background: 0 0
    }

    .idxSection4 select::-ms-expand {
        display: none
    }

    .idxSection4 .searchBtn2 {
        width: 225px;
        margin: 20px auto 0 auto;
        padding: 10px 0 10px 20px;
        text-align: center;
        color: #fff;
        margin-top: 0
    }

    .container {
        padding: 0
    }

    .primary-menu {
        background: #fff;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12)
    }

    .breadcrumb {
        display: flex;
        margin: 0;
        justify-content: flex-start
    }

    .header-row {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    .objects {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-top: calc(var(--bs-gutter-x) * .5)
    }

    .object-virtical-list {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    #footer>.container {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    #copyrights>.container {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    .pconly {
        display: none !important
    }

    .mobileonly {
        display: flex !important
    }

    .logo-info {
        display: inline-block;
        width: 100% !important;
        display: flex;
        justify-content: center
    }

    .footer-end-text {
        justify-content: center
    }

    .logo-info>.widget {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        font-family: var(--cnvs-primary-font)
    }

    .logo-info>.widget>img {
        width: 50%;
        margin-bottom: 20px
    }

    .logo-info>.widget>.contactInfo {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 0
    }

    .logo-info>.widget>.contactInfo>.footer-heading-h6 {
        font-size: var(--ct-t-basic)
    }

    .logo-info>.widget>.contactInfo>.number-bold-h6 {
        font-size: var(--ct-t-basic);
        font-weight: 400;
        font-family: var(--cnvs-primary-font)
    }

    .menu-link>div {
        padding: 0 5px
    }

    #header-wrap {
        padding: .5rem 0 .5rem 0
    }

    .textOnly-title-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        align-self: stretch;
        margin: 0;
        background-color: var(--cnvs-contrast-100);
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12);
        font-family: var(--bs-font-sans-serif)
    }

    .title-menu-section {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        align-items: baseline;
        width: 100%;
        justify-content: space-between
    }

    .title-section {
        font-size: var(--ct-t-5);
        padding-right: 2rem;
        display: flex
    }

    .mobile-condition-text {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex: 1 0 0;
        gap: .2rem;
        align-items: center;
        overflow: hidden
    }

    .condition-text {
        display: flex;
        width: fit-content;
        font-size: var(--cnvs-font-small);
        border-radius: 99px;
        border: 1px solid var(--gray-300, #dee2e6);
        background: var(--white);
        padding: 0 .4rem 0 .4rem;
        flex: 1 0 0;
        min-width: fit-content
    }

    .right-top-btn {
        display: flex
    }

    .page-search-section {
        overflow: hidden;
        flex-direction: column;
        height: fit-content
    }

    .condition-input-group {
        display: flex;
        align-items: flex-end;
        align-content: flex-end;
        gap: 15px;
        flex: 1 0 0;
        align-self: self-start;
        flex-direction: row;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .input-condition {
        max-width: 48%;
        min-width: 40%;
        flex: 1 0 0
    }

    .search-bar {
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: inherit;
        min-width: 100%
    }

    .searchbox>.searchBtn1 {
        flex: 1 0 0 !important
    }
    .price-list-section{
        padding: 0px;
    }
    .priceArea_note {
        background: vvar(--green-light, #d1e7dd);
        font-weight: 400 !important
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 {
        padding: .5rem
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 .counterItem {
        min-width: fit-content;
        margin: 0;
        display: flex;
        flex: 1 0 0
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 .counterItem {
        display: flex;
        flex: 1 0 0;
        min-width: 30%
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 .counterItem .selectBtn {
        font-size: var(--ct-t-small);
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 .counterItem.more {
        display: none
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 {
        justify-content: space-between;
        font-size: var(--ct-t-small);
        gap: .8rem
    }

    .searchRaw.rent .wrapper-1176 .counterItem .selectBtn {
        min-width: 100px !important
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 .counterItem:nth-child(1) .selectPanel {
        width: 330%;
        z-index: 100;
        position: absolute;
        top: 2rem;
        padding: 0
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 .counterItem:nth-child(2) {
        display: none
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 .counterItem:nth-child(3) .selectPanel {
        width: 260%;
        position: absolute;
        top: 2rem;
        left: 5rem;
        z-index: 100;
        padding: 0
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 .counterItem:nth-child(3) .selectPanel:before {
        left: 42%
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 .counterItem:nth-child(3) .selectPanel:after {
        left: 42.2%
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 .counterItem:nth-child(4) .selectBtn {
        width: auto
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 .counterItem:nth-child(4) .selectPanel {
        position: absolute;
        width: 290%;
        z-index: 100;
        left: 0;
        top: 2rem;
        padding: 0
    }

    .counterItem>.selectPanel {
        color: var(--bs-gray-600);
        width: 200%;
        top: 45px
    }

    .selectPanel__level1 a,
    .selectPanel__level2 a {
        width: 30%
    }

    .input-condition>.multiCol {
        top: 45px;
        left: 0
    }

    .multiCol>.selectPanel__level1::before {
        top: -10px;
        left: 10px
    }

    .multiCol>.selectPanel__level1::after {
        top: -9px;
        left: 11px
    }

    .multiCol__wrap>.multiCol__con {
        display: flex;
        width: 200%;
        flex-wrap: wrap;
        gap: 1rem;
        height: 300px;
        overflow-y: auto
    }

    .multiCol__wrap>.multiCol__con>.multiCol__type {
        width: 30%;
        max-width: 40%
    }

    .searchRaw.rent {
        padding: 1rem 0 0 0
    }

    .searchRaw.rent .wrapper-1176 .searchPanel2 .moreSelect>a {
        color: var(--bs-gray-600)
    }

    .object-list-head {
        display: flex;
        justify-content: space-evenly;
        margin: 1rem 1rem 0
    }

    .object-list-title {
        display: flex;
        flex: 1 0 0;
        min-width: fit-content
    }

    .object-info-top-right {
        max-width: 27%
    }

    .list-func {
        display: flex;
        flex: 0 1 0;
        justify-content: end;
        width: 210px
    }

    .list-func>.input-condition {
        display: flex;
        flex: 0 1 0
    }

    .icons-func {
        width: 0
    }

    .object-virtical-list-item {
        display: flex;
        flex-direction: row;
        margin: .2rem 0;
        height: auto;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12);
        padding: .5rem;
        border-radius: var(--radius)
    }

    .object-virtical-list-item:hover {
        background: var(--cnvs-contrast-200)
    }

    .image-collect {
        display: flex;
        width: 30px;
        height: 30px;
        margin: .6rem 0 0 .6rem
    }

    .image-collect>svg {
        display: flex;
        flex: 1 0 0
    }

    .object-info {
        display: flex;
        flex-direction: column;
        flex: 1 0 0;
        padding: 0 0 0 .5rem
    }

    .object-info-top {
        display: flex;
        flex-direction: column;
        flex: 1 0 0;
        max-height: fit-content;
        align-items: flex-start;
        border-bottom: 1px solid var(--cnvs-contrast-300);
        padding: 0 0 .2rem 0
    }

    .object-info-top-title {
        display: flex;
        flex-direction: row;
        flex: 1 0 0;
        font-size: var(--ct-t-basic);
        color: var(--cnvs-contrast-800)
    }

    .object-info-top-right {
        display: flex;
        flex-direction: row;
        flex: 1 0 0;
        max-width: 100%;
        align-items: flex-end;
        justify-content: end;
        gap: 5px
    }

    .object-info-top-right-small {
        font-size: var(--cnvs-font-small);
        height: 1.2rem;
        display: flex;
        align-items: end;
        color: var(--bs-gray-600)
    }

    .object-info-top-right-price {
        font-size: var(--ct-t-basic);
        height: 1.5rem;
        display: flex;
        align-items: end;
        color: var(--cthouse-orange)
    }

    .object-info-main {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: self-start;
        padding-top: 0
    }

    .object-info-main-item {
        display: flex;
        flex-direction: row;
        gap: 5px;
        font-size: var(--cnvs-font-basic);
        flex: 1 0 0;
        min-width: 30%;
        height: 1.5rem;
        align-items: center
    }

    .keep-line-on-mobile {
        min-width: 90%
    }

    .object-preview-image {
        width: 140px;
        height: 105px;
        overflow: hidden
    }

    .object-preview-image>img {
        display: flex;
        width: 320px;
        height: auto;
        object-fit: cover
    }

    .ct-tab {
        justify-content: center
    }

    .sellAdvBanner>.textItem {
        gap: .2rem
    }

    .textItem>.more {
        color: #fff;
        justify-content: flex-end;
        align-items: center
    }

    .listAdv-light {
        font-size: var(--ct-t-6);
        display: flex;
        flex-direction: column;
        color: var(--green);
        border-radius: 5rem;
        height: auto;
        background-color: transparent;
        align-items: center;
        justify-content: center;
        padding: .7rem 0 1rem;
        gap: .2rem;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .12);
        margin: 1rem .5rem 1.5rem .5rem
    }

    .listAdv-greenoutline {
        border: none;
        border-radius: 0;
        box-shadow: none;
        border-top: 1px solid var(--cnvs-contrast-300);
        border-bottom: 1px solid var(--cnvs-contrast-300);
        gap: 0
    }

    .menuShadow {
        display: none
    }

    .topic-banner-ajax>.wrapper-1176>h3 {
        text-align: center
    }

    .btmStore>.wrapper-1176 {
        align-items: center
    }
}

@media (max-width:560px) {
    .sellAdvBanner>.textItem {
        gap: 0;
        align-items: center
    }

    .moreCondition .selectPanel__level1>.multiCol__wrap {
        height: 300px;
        width: 100%;
        overflow-y: scroll
    }

    .moreCondition .selectPanel__level1>.multiCol__wrap>.multiCol__con {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: auto;
        width: 100%
    }

    .moreCondition .selectPanel__level1>.multiCol__wrap>.multiCol__con>.multiCol__type {
        min-width: 100%
    }

    .moreCondition .selectPanel__level1>.multiCol__wrap>.multiCol__con>.multiCol__type>.multiCol__item {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 5px
    }

    .moreCondition .selectPanel__level1>.multiCol__wrap>.multiCol__con>.multiCol__type>.multiCol__item>a {
        width: 46%;
        padding: 5px 0
    }
}