คอนโดให้เช่า 1 ห้องนอน ในโครงการ ไลฟ์ อโศก พระราม 9

eat 10px / 68px 20px; font-size: 0; text-indent: 999999px; overflow: hidden; } .flash-sale-next-promotion-available-units { display: block; width: 100%; height: 0; position: absolute; left: 0; top: 0; } .flash-sale-next-promotion-available-units .wrap-content { width: 100%; height: 0; position: relative; } .flash-sale-next-promotion-available-units .wrap-content .inside-content { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 23px; background-color: #007bff; background-image: url(/images/flash-sale/icon-flash-sale-mp-white.svg); background-size: 68px 20px; background-position: 10px 2px; background-repeat: no-repeat; } .flash-sale-next-promotion-available-units .wrap-content .inside-content .block-price { display: inline-block; color: #f2ea1a; margin-left: 90px; font-size: 13px; height: 23px; line-height: 23px; font-weight: bold; } .flash-sale-next-promotion-available-units .wrap-content .inside-content .block-datetime { display: inline-block; font-size: 12px; height: 23px; line-height: 23px; font-weight: bold; margin-left: 10px; padding-left: 15px; background: url(/images/icon/calendar_icon_gray.svg) no-repeat 0 5px / 12px 12px; color: #fff; } .price-guarantee__icon-small { padding: 0 6px; border-radius: 1em; color: #fff; font-size: 10px; display: flex; align-items: center; gap: 3px; } .price-guarantee__icon:before { content: ''; width: 14px; height: 14px; border-radius: 50%; background: url(/images/icon-fazwaz-small.svg) no-repeat center / 10px 10px; } .price-guarantee__icon-small:before { content: ''; width: 12px; height: 12px; background: url("/images/icon-fazwaz.png") no-repeat center / cover; } .price-guarantee__icon-small--great { background: #39811b; } .price-guarantee__icon-small--good { background: #5baa3f; } .price-guarantee__icon-small--fair { background: #6fb8ae; } .price-guarantee__icon-small--above { background: #e6bd00; } .price-guarantee-tooltip { position: absolute; bottom: calc(100% + 10px); background: rgba(0, 0, 0, .8); border-radius: 1em; padding: 7px 10px; color: #fff; font-size: 12px; right: 0; z-index: 99; display: none; white-space: pre-wrap; min-width: 222px; text-align: left; } .price-guarantee__icon:hover .price-guarantee-tooltip { display: block; } * html .clearfix-resale-rental { height: 1%; } .clearfix-resale-rental { display: block; clear: both; visibility: hidden; } @media (min-width: 768px) { .header-data--flex { display: flex; align-items: center; justify-content: space-between; } } .resale-rental-first-price { display: block; text-decoration: line-through; color: var(--color-secondary-font); font-size: 13px; font-weight: 600; line-height: 12px; margin-top: 2px; } .resale-rental-rent-price { display: block; color: var(--color-primary-font); font-size: 12px; line-height: 18px; } @media (max-width: 767px) { .resale-rental-first-price { text-decoration: line-through; color: var(--color-secondary-font); } #price-slider { height: 20px; margin-top: 40px !important; overflow: unset; } } .btn-enquire-available, .available-units-table-list__more { font-size: 13px; flex-grow: 1; flex-basis: 0; color: #fff; } @media (max-width: 767px) { .btn-enquire-available, .available-units-table-list__more { min-height: 42px; } } .btn-enquire-available { border: 1px solid var(--color-orange); background: var(--color-orange); border-start-start-radius: 4px; border-end-start-radius: 4px; border-start-end-radius: 0; border-end-end-radius: 0; } .btn-enquire-available:lang(fr) { line-height: 14px; padding: 1px 0; height: 32px; } .available-units-table-list__more { border: 1px solid var(--color-primary); background: var(--color-primary); border-start-start-radius: 0; border-end-start-radius: 0; border-start-end-radius: 4px; border-end-end-radius: 4px; } .available-units-table .btn-reserve { border: 1px solid var(--color-red); font-size: 12px; display: block; border-radius: 0.25rem; font-weight: 600; white-space: break-spaces; width: 110px; margin: 5px auto; padding: 6px 0; background: var(--color-red); color: #fff; } .available-units-table .btn-reserve:disabled, .available-units-table .btn-reserve[disabled] { border: 1px solid #d2d2d2; background: #d2d2d2; color: #858585; box-shadow: none; pointer-events: none; } .btn-reserve-available { border: 1px solid var(--color-red); background: var(--color-red); color: #fff; font-size: 12px; display: block; width: 100%; border-radius: 0.25rem; font-weight: 600; white-space: normal; margin: 5px 0; } .btn-reserve-available:hover { background: #fff; color: var(--color-red); } .available-units-table .available-units-table__header span.asc:after, .available-units-table .available-units-table__header div:first-of-type.asc:after { content: '▲'; font-size: 11px; } .available-units-table .available-units-table__header span.desc:after, .available-units-table .available-units-table__header div:first-of-type.desc:after { content: '▼'; font-size: 11px; } .save-search-btn { bottom: 0; width: 100%; display: flex; gap: 10px; padding: 10px 0; justify-content: space-between; } .save-search-notified { display: flex; gap: 10px; } .save-search-btn__span { display: flex; align-items: center; } .btn-create-alert { background: var(--color-green-light); border: 1px solid var(--color-green-light); color: #fff; } .btn-disabled { border: 1px solid #b4abab; background: #b4abab; color: #fff; pointer-events: none; } .resale-rental-view-all { color: #FFF !important; border-radius: 4px; font-weight: 400; background: var(--color-primary) url(/images/icon/arrow-right-white.svg) no-repeat calc(100% - 10px)/12px; border: 1px solid var(--color-primary); white-space: nowrap; display: flex; align-items: center; } @media (max-width: 767px) { .resale-rental-view-all { min-height: 39px; } } @media (min-width: 768px) { .resale-rental-view-all { padding: 5px 30px 5px 20px; } } .resale-rental-view-all:hover { color: var(--color-primary) !important; background: #FFF url(/images/icon/arrow-right-blue.svg) no-repeat calc(100% - 10px)/12px; } .resale-rental-properties-filter { position: relative; width: 100%; font-size: 14px; margin-bottom: 15px; } .resale-rental-properties-filter::-webkit-scrollbar { display: none; } @media (min-width: 768px) { .resale-rental-properties-filter { display: flex; flex-wrap: wrap; gap: 10px; } } @media (min-width: 992px) { .resale-rental-properties-filter { justify-content: space-between; } } .select-type-resale-rental { direction: ltr; display: inline-flex; } .select-type-resale-rental__item { flex-grow: 1; flex-basis: 0; padding: 0 10px; font-weight: 600; border: 1px solid transparent; box-shadow: none; cursor: pointer; text-align: center; border-radius: 25px; white-space: nowrap; } .select-type-resale-rental .button-tab:hover { color: #868282; border-color: transparent; } @media (min-width: 768px) { .select-type-resale-rental { border-radius: 4em; border: 1px solid var(--color-stroke); padding: 4px; background: #fff; } .select-type-resale-rental__item { line-height: 30px; font-size: 13px; color: #757575; } .select-type-resale-rental__item--active { color: #fff; background: var(--color-primary); } .select-type-resale-rental__bg-btn-group { display: none; } } @media (max-width: 767px) { .select-type-resale-rental { position: relative; padding: 10px; background: var(--color-primary); flex: 0 0 calc(100% + 30px); width: calc(100% + 30px); margin: 15px -15px 0 -15px; } .select-type-resale-rental__bg-btn-group { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; background: rgba(0, 0, 0, .1); z-index: 0; border-radius: 4em; } .select-type-resale-rental__item { line-height: 35px; font-size: 14px; color: #fff; position: relative; z-index: 1; } .select-type-resale-rental__item--active { background: #fff; color: var(--color-primary); } .resale-rental-properties-filter { display: flex; flex-wrap: wrap; } .btn-create-alert { height: 42px; } } .nav-select-room-resale-rental { display: flex; } .nav-select-room-resale-rental__item { font-size: 13px; font-weight: 600; color: var(--color-secondary-font); display: flex; align-items: center; justify-content: center; white-space: nowrap; padding: 8px 10px; text-align: center; min-width: 60px; border-left: 1px solid var(--color-stroke); border-top: 1px solid var(--color-stroke); border-bottom: 1px solid var(--color-stroke); cursor: pointer; max-height: 40px; background: #fff; } .nav-select-room-resale-rental__item--first-child { border-inline-start: 1px solid var(--color-stroke); border-start-start-radius: 4px; border-end-start-radius: 4px; } .nav-select-room-resale-rental__item--last-child { border-inline-end: 1px solid var(--color-stroke); border-start-end-radius: 4px; border-end-end-radius: 4px; } .nav-select-room-resale-rental__item:hover { background: var(--color-gray-light); } .nav-select-room-resale-rental__item.selected { color: #fff; background: var(--color-primary); border-color: var(--color-primary); } @media (max-width: 767px) { .nav-select-room-resale-rental { border: 1px solid var(--color-stroke); border-start-start-radius: 4px; border-end-start-radius: 4px; padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 15px; background: #fff url("/images/icon/down-arrow.svg") no-repeat calc(100% - 5px) / 8px; flex: 0 0; font-size: 13px; font-weight: 600; height: auto; color: var(--color-secondary-font); margin: 0; line-height: initial; cursor: pointer; -webkit-appearance: none; } .nav-select-room-resale-rental__item { flex-grow: 1; flex-basis: 0; } } .available-units-table { max-width: 1140px; width: 100%; margin-right: auto; margin-left: auto; } .available-units-table::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; } .available-units-table::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } .available-units-table::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #8b9196; } .available-units-table__header__item { justify-content: center; display: block; font-size: 12px; color: #6d6d6d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .available-units-table__size { display: inline; font-size: 11px; } @media (max-width: 767px) { .save-search-btn { display: block; align-items: center; justify-content: space-evenly; } .wrap-resale-rental-properties { margin: 0 -15px; padding: 0 15px; border-bottom: 1px solid var(--color-stroke); } .resale-rental-view-all { display: block; width: 100%; margin: 5px 0 5px auto; padding: 10px 0; text-align: center; background-image: none; } } @media (min-width: 768px) { .available-units-table__header { background: var(--color-primary); color: #fff; position: sticky; top: 0; z-index: 1; font-size: 13px; border-radius: 4px 4px 0 0; display: flex; flex-wrap: wrap; } .available-units-table__header__item--last-child { border-right: 0; min-width: 130px; } } @media (max-width: 767px) { .available-units-table__header { display: none; } } .available-units-table-list { font-size: 13px; flex: 0 0 270px; width: 270px; position: relative; overflow: hidden; border-radius: 4px; border: 1px solid #EFF4FB; padding-bottom: 10px; min-height: 360px; display: flex; flex-direction: column; } .available-units-table-list:hover { background: #f7faff; color: inherit; } .btn-enquire-available:hover { color: var(--color-orange); background: transparent; } .available-units-table-list__more:hover { background: transparent; color: var(--color-primary); } .available-units-table-list:hover:last-child { background: none; } .available-units-table-list__info { display: flex; justify-content: space-around; margin-bottom: 10px; } .available-units-table-list__item { font-weight: 600; min-height: 50px; display: inline-block; text-align: center; } .available-units-table-list__item--size { font-size: 13px; font-weight: 600; min-height: 50px; display: inline-block; width: 25%; text-align: center; margin-left: -2px; } .resale-rental-price-header, .resale-rental-price { padding: 10px 10px 0; min-height: 65px; display: flex; flex-direction: row; justify-content: space-between; line-height: 18px; } .resale-rental-full-price { font-size: 18px; font-weight: 700; color: var(--color-red); } .price-guarantee-block { display: flex; margin: 3px 0 0 0; justify-content: flex-end; } .price-guarantee__icon--great { background: #39811b; } .price-guarantee__icon--good { background: #7eab6e; } .price-guarantee__icon--fair { background: #6fb8ae; } .available-units-table-list__price-area { display: flex; flex-direction: column; flex-wrap: nowrap; font-weight: 600; font-size: 14px; } .available-units-table-list__price { padding-left: 8px; } .available-units-feature{ display: flex; flex-wrap: wrap; padding: 0 10px; column-gap: 15px; } .available-units-feature__col { display: flex; align-items: center; gap: 5px; } .available-units-feature__col:before{ content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--color-green-light); } .feature-bullet { width: 5px; height: 5px; background-color: var(--color-green-light); border-radius: 15px; display: inline-block; margin: 0 5px 0 10px; } .icon-bed-resale-rental { display: block; width: 24px; height: 24px; opacity: .6; margin: 0 auto; } .icon-bath-resale-rental { display: block; width: 24px; height: 24px; opacity: .6; margin: 0 auto; } .icon-stairs-resale-rental { display: block; width: 24px; height: 24px; opacity: .6; margin: 0 auto; } .icon-size-resale-rental { display: block; width: 24px; height: 24px; opacity: .5; margin: 0 auto; } .icon-plot-resale-rental { display: block; width: 24px; height: 24px; opacity: .5; margin: 0 auto; } .icon-more { background: url(/images/icon/down-arrow.svg) no-repeat / cover; width: 10px; height: 10px; flex: 0 0 10px; transform: rotate(-90deg); display: inline-block; } .available-units-group-btn { display: flex; padding-top: 10px; margin: auto 10px 0 10px; } @media (min-width: 768px) { .available-units-table__header__item--last-child { border-right: 0; min-width: 130px; } .resale-rental-mobile-info, .resale-rental-update, .resale-rental-mobile-link { display: none; } .available-units-table-list__item--last-child:lang(fr) { padding: 10px 0; } } @media (max-width: 767px) { .resale-rental-full-price { text-align: initial; font-size: 18px; font-weight: 700; margin: 0; } .resale-rental-mobile-info { display: flex; flex-wrap: wrap; align-items: center; font-size: 13px; opacity: .9; } .resale-rental-update { position: absolute; right: 10px; top: 10px; opacity: .6; font-size: 10px; } .resale-rental-mobile-link { position: absolute; right: 10px; bottom: 5px; font-weight: 400; color: var(--color-primary); font-size: 12px; text-transform: capitalize; } .d-none-mobile { display: none; } } @media (max-width: 992px) { .hide-some-time { display: none; } } .sort-resale-rental-option, select.additional-bedrooms-filter, .ppt-types-select-options, .rs-rt-utt-opts { padding-top: 8px; padding-bottom: 8px; padding-inline-start: 10px; padding-inline-end: 25px; background: #fff url(/images/icon/down-arrow.svg) no-repeat calc(100% - 10px) /12px; border: 1px solid var(--color-stroke); font-size: 13px; font-weight: 600; height: auto; border-radius: 4px; line-height: initial; cursor: pointer; -webkit-appearance: none; color: var(--color-secondary-font); background: #fff url(/images/icon/down-arrow.svg) no-repeat calc(100% - 10px) /12px; } @media (min-width: 768px) { .sort-resale-rental-option { margin-inline-end: auto; max-width: 170px; } } @media (max-width: 767px) { .sort-resale-rental-option { border-start-end-radius: 4px; border-end-end-radius: 4px; border-start-start-radius: 0; border-end-start-radius: 0; border-inline-start: 0; background-position: calc(100% - 10px); width: 100%; margin: 0; background-size: 8px; flex-grow: 1; flex-basis: 0; padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ppt-types-select-options { margin: 0; flex-grow: 1; flex-basis: 0; background-position: calc(100% - 5px); background-size: 8px; border-radius: 0; border-left: 0; padding: 8px 15px 8px 5px; color: var(--color-secondary-font); } .rs-rt-utt-opts { background-position: calc(100% - 5px); padding-top: 8px; padding-bottom: 8px; padding-inline-start: 5px; padding-inline-end: 15px; max-width: 83px; margin: 0; background-size: 8px; border-radius: 0; border-left: 0; } } @media (max-width: 320px) { .sort-resale-rental-option, .ppt-types-select-options, .rs-rt-utt-opts { background-size: 8px; background-position: calc(100% - 6px); padding: 8px 18px 8px 10px; font-size: 12px; } } .range-slider .irs--flat.irs-with-grid { max-height: 40px; } @media (min-width: 768px) { .range-slider { width: 200px; } } @media (max-width: 767px) { .range-slider { width: 100%; overflow: hidden; padding: 0 40px; margin-top: 10px; } } .irs--flat .irs-bar, .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single, .warp-table-data thead tr, .warp-table-data .table-header-group .table-row { background: var(--color-primary); } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { border-top-color: var(--color-primary); } .irs--flat .irs-handle > i:first-child, .property-type-filter-item.active { border-color: var(--color-primary); } .irs--flat .irs-handle > i:first-child { width: 14px; height: 14px; border: 1px solid var(--color-primary); border-radius: 50%; top: -1px; background-color: #fff; } .irs--flat .irs-handle > i:first-child:hover, .irs--flat .irs-handle:hover > i:first-child, .irs--flat .irs-handle > i:first-child:active { background: #fff !important; } .irs--flat .irs-handle.from > i:first-child { margin-left: -10px; } .resale-rental-properties-filter .irs--flat .irs-bar, .resale-rental-properties-filter .irs--flat .irs-line { height: 8px !important; top: 24px; } .irs--flat .irs-to:before { margin-left: 2px; } .irs--flat .irs-from:before { margin-left: -6px; } .range-slider .irs-grid { display: none; } .available-units-table__body__no-result { border: 1px solid var(--color-stroke); text-align: center; padding: 10px; font-size: 13px; } @media (min-width: 768px) { .available-units-table__body__no-result { background: #fff; border-radius: 0 0 4px 4px; } } @media (max-width: 767px) { .available-units-table__body__no-result { background: var(--color-gray-light); border-radius: 4px; } } .margin-top-15 { margin-top: 15px; }