.project-card{position:relative;display:block;width:100%;height:100%}.project-card .inner-card{width:100%;height:100%;background:linear-gradient(0deg,#222,#222 20%,#474747 30%,hsla(0,0%,100%,.83) 40%,transparent)}.project-card .inner-card.height-auto{height:auto}.project-card .footer-card{width:100%;height:100%;background:linear-gradient(96.15deg,#ff6c00,#f99f36)}.project-card .hover-fx-card{position:absolute;z-index:20;top:50%;left:50%;height:auto;opacity:0;transform:translateY(-50%) translateX(-50%);width:117.3%;pointer-events:all;transition:transform-origin .6s ease,box-shadow .6s ease,opacity .4s ease .1s,width .4s ease;box-shadow:0 20px 60px 0 transparent;pointer-events:none}.project-card .hover-fx-card .project-thumb{padding-top:68.7022900763%}.project-card .hover-fx-card .project-brand{font-size:18px;line-height:26px;max-height:26px;margin-top:12px}.project-card .hover-fx-card .project-name{font-size:24px;line-height:32px;max-height:32px}.project-card .hover-fx-card .project-detail{font-size:15px;line-height:24px}.project-card .hover-fx-card~.footer-card{transition:none}.new_style_card{margin-bottom:160px}.new_style_card:hover .project-card .footer-card{opacity:1;visibility:visible}.new_style_card .project-card .inner-card .project-content{z-index:20;background:none}.new_style_card .project-card .inner-card .project-content .inner-content{width:100%;position:absolute;top:4px;background:#222;background:linear-gradient(0deg,#222,#474747 65%,rgba(75,75,75,.975) 80%,rgba(79,79,79,.83) 85%,transparent);left:0;z-index:20;margin-top:-20px}.new_style_card .project-card .inner-card .project-content .inner-content .project-price{padding-bottom:25px}.new_style_card .project-card .inner-card .project-content .inner-content .project-price .txt{display:block;display:-webkit-box;max-height:24px;margin-left:auto;margin-right:auto;line-height:24px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.new_style_card .project-card .inner-card .project-content .inner-content:after{content:"";width:100%;height:100%;position:absolute;top:4px;left:0;background:linear-gradient(180deg,rgba(79,79,79,0),#4f4f4f 25px,#222);z-index:30}.new_style_card .project-card .inner-card .project-content .inner-content .project-brand,.new_style_card .project-card .inner-card .project-content .inner-content .project-detail,.new_style_card .project-card .inner-card .project-content .inner-content .project-logo,.new_style_card .project-card .inner-card .project-content .inner-content .project-name,.new_style_card .project-card .inner-card .project-content .inner-content .project-price,.new_style_card .project-card .inner-card .project-content .inner-content .project-type{position:relative;z-index:35}.new_style_card .project-card .footer-card{transition:.4s ease;opacity:0;visibility:hidden}.style_card_list .inner-card-list{width:100%}.style_card_list .inner-card-list .overlay{position:relative}.style_card_list .inner-card-list .overlay-btn{margin-bottom:0;width:40px;height:40px}.style_card_list .inner-card-list .overlay-btn.compare{margin-left:6px}.style_card_list .inner-card-list .column-logo-brand{width:13.3333333333%;padding:20px}.style_card_list .inner-card-list .column-logo-brand .logo{max-width:110px;max-height:88px;width:100%;object-fit:contain;-o-object-fit:cover}.style_card_list .inner-card-list .column-image{width:13.3333333333%}.style_card_list .inner-card-list .column-image .img{min-height:120px;width:100%;height:100%;object-fit:cover}.style_card_list .inner-card-list .column-desc{padding:0 30px;width:36.0833333333%}.style_card_list .inner-card-list .column-price{width:12.25%;text-align:center}.style_card_list .inner-card-list .column-view-comapre{position:relative;flex:1 1;width:100%;padding:0 20px}.style_card_list .inner-card-list .column-view-comapre .icon-quick-view{font-size:15.7px!important}.style_card_list .inner-card-list .column-view-comapre .icon-reverse{font-size:15.5px!important}.style_card_list .inner-card-list .project-name{font-size:16px;color:#000;display:block;display:-webkit-box;max-height:28px;margin-left:auto;margin-right:auto;line-height:28px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.style_card_list .inner-card-list .badge{border-radius:14px;margin-left:0;margin-top:8px;padding-top:4px;padding-bottom:4px}.style_card_list .inner-card-list .badge:not(:last-child){margin-right:4px}.style_card_list .inner-card-list .txt-price{font-size:16px;color:#f47a21;display:block;display:-webkit-box;max-height:24px;margin-left:auto;margin-right:auto;line-height:24px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.style_card_list .inner-card-list .view-btn-more{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;line-height:24px;color:#fff;display:inline-flex;padding:8px 20px;border-radius:20px;cursor:pointer;margin-left:10px}.style_card_list .inner-card-list .project-type{display:inline-block;border-radius:14px;padding:4px 10px;background:rgba(0,0,0,.7);font-size:14px;line-height:20px;margin-top:8px;color:#fff;margin-right:4px}.wrap-project{position:relative;z-index:10}@media(min-width:768px){.wrap-project:not(.style_card_list,.selected):hover{z-index:100}.wrap-project:not(.style_card_list,.selected):hover .hover-fx-card{pointer-events:all;opacity:1;width:120.3%;z-index:100;transition:transform-origin .6s ease,box-shadow .6s ease,opacity .4s ease .3s,width .4s ease .3s;box-shadow:0 20px 60px 0 rgba(0,0,0,.4)}}@media(min-width:768px)and (min-width:1051px){.wrap-project:not(.col-3):nth-child(4n+1) .hover-fx-card{left:0!important;transform:translateX(0) translateY(-50%)}.wrap-project:not(.col-3):nth-child(4n+4) .hover-fx-card{left:auto;right:0;transform:translateX(0) translateY(-50%)}}@media(min-width:768px)and (min-width:841px)and (max-width:1150px){.wrap-project:nth-child(3n+1) .hover-fx-card{left:0!important;transform:translateX(0) translateY(-50%)}.wrap-project:nth-child(3n+3) .hover-fx-card{left:auto;right:0;transform:translateX(0) translateY(-50%)}}@media(min-width:768px)and (max-width:840px){.wrap-project:nth-child(odd) .hover-fx-card{left:0!important;transform:translateX(0) translateY(-50%)}.wrap-project:nth-child(2n+2) .hover-fx-card{left:auto;right:0;transform:translateX(0) translateY(-50%)}}.wrap-project.col-3:nth-child(3n+1) .hover-fx-card{left:0!important;transform:translateX(0) translateY(-50%)!important}.wrap-project.col-3:nth-child(3n+3) .hover-fx-card{left:auto;right:0;transform:translateX(0) translateY(-50%)!important}@media(min-width:841px)and (max-width:1180px){.style_card_list .inner-card-list .column-logo-brand{padding-left:15px;padding-right:15px}.style_card_list .inner-card-list .column-desc{padding-left:15px;padding-right:10px;width:32%}.style_card_list .inner-card-list .overlay-btn{width:38px;height:38px}.style_card_list .inner-card-list .column-logo-brand{width:10%}.style_card_list .inner-card-list .column-image{width:18%}.style_card_list .inner-card-list .column-view-comapre{padding-left:10px;padding-right:10px}.style_card_list .inner-card-list .view-btn-more{font-size:14px;padding-left:15px;padding-right:15px}.style_card_list .inner-card-list .txt-price{font-size:14px}.style_card_list .inner-card-list .badge,.style_card_list .inner-card-list .project-type{font-size:13px}}@media(max-width:840px){.style_card_list{padding-right:30px}.style_card_list .inner-card-list{padding:30px 0 30px 30px;position:relative}.style_card_list .inner-card-list .col-left{width:60%;padding-right:30px}.style_card_list .inner-card-list .col-right{width:40%}.style_card_list .inner-card-list .column-price{width:100%;text-align:left;margin-top:20px}.style_card_list .inner-card-list .column-logo-brand{width:100%;padding:0;margin-bottom:30px}.style_card_list .inner-card-list .column-logo-brand .logo{margin-left:0}.style_card_list .inner-card-list .column-image{width:100%;padding-top:75%;position:relative}.style_card_list .inner-card-list .column-image .img{position:absolute;top:0;left:0;height:100%}.style_card_list .inner-card-list .project-name{display:block;display:-webkit-box;max-height:56px;margin-left:auto;margin-right:auto;line-height:28px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}@media(max-width:767px){.new_style_card{margin-bottom:140px}.new_style_card:hover .project-card .footer-card{opacity:0}.style_card_list{padding:15px}.style_card_list .inner-card-list{padding:0;position:relative}.style_card_list .inner-card-list .col-left{padding-right:15px}.style_card_list .inner-card-list .column-price{margin-top:10px}.style_card_list .inner-card-list .column-logo-brand{margin-bottom:15px}.style_card_list .inner-card-list .column-logo-brand .logo{margin-left:0;max-width:90px;max-height:35px}.style_card_list .inner-card-list .column-image{padding-top:75%;position:relative}.style_card_list .inner-card-list .column-image .img{position:absolute;top:0;left:0;height:100%;min-height:unset}.style_card_list .inner-card-list .column-image .box-bage{position:absolute;top:8px;right:8px}.style_card_list .inner-card-list .overlay-btn{width:30px;height:30px}.style_card_list .inner-card-list .overlay-btn.compare{margin-top:5px;margin-left:0}.style_card_list .inner-card-list .project-name{display:block;display:-webkit-box;max-height:56px;margin-left:auto;margin-right:auto;line-height:28px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}.ReactModal__Body--open{overflow:hidden}.group-overlay{position:relative}.group-overlay .overlay-btn.show-on-hover{height:0;pointer-events:none}@media(max-width:767px){.group-overlay .overlay-btn.show-on-hover{opacity:0}}.ReactModal__Overlay.quickview-modal{z-index:1200!important;background-color:transparent!important}.ReactModal__Overlay.quickview-modal .ReactModal__Content{overflow:hidden!important;width:-moz-fit-content!important;width:fit-content!important;margin:0 auto}.ReactModal__Overlay.quickview-modal .panel-quickview{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);padding:0 15px;overflow:auto;border-radius:4px;transition:top .3s ease,height .3s ease}.ReactModal__Overlay.quickview-modal .panel-quickview.compare-project{top:80px;height:calc(100% - 80px)}.ReactModal__Overlay.quickview-modal .panel-quickview .hide-scroll{width:-moz-fit-content;width:fit-content;margin:0 auto}.ReactModal__Overlay.quickview-modal .panel-quickview .scroll-elm{width:-moz-fit-content;width:fit-content;height:100%;overflow:auto;padding:0 50px 0 0;margin-right:-50px}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content{display:flex;width:100%;height:-moz-fit-content;height:fit-content;padding:40px 0 40px 5px;position:relative}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control{position:absolute;height:0;width:100%;z-index:100}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .wrap-overlay-btn{position:relative}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .wrap-overlay-btn .overlay-btn{color:#fff;padding:10px 14px;margin-bottom:0;height:-moz-fit-content;height:fit-content}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .wrap-overlay-btn .overlay-btn .icon{font-size:18px;line-height:18px;margin-right:10px}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .wrap-overlay-btn .overlay-btn .txt{font-size:14px;line-height:20px}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .wrap-overlay-btn .right{position:absolute;top:15px;right:15px;gap:10px}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .overlay-btn.compare{cursor:pointer}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .overlay-btn.compare.compared{pointer-events:none}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .overlay-btn.compare.compared .icon:before{content:""}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .quickview-close-btn{padding:8px;background-color:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(11.3636369705px);backdrop-filter:blur(11.3636369705px);color:#fff;font-size:14px;line-height:14px;border-radius:20px;cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .quickview-close-btn:hover{background-color:rgba(0,0,0,.5)}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .badge{margin-top:18px}.ReactModal__Overlay.quickview-modal .panel-quickview .banner-box .swiper-button-next,.ReactModal__Overlay.quickview-modal .panel-quickview .banner-box .swiper-button-prev{width:40px;height:40px}@media(max-width:767px){.ReactModal__Overlay.quickview-modal .panel-quickview .banner-box .swiper-button-next,.ReactModal__Overlay.quickview-modal .panel-quickview .banner-box .swiper-button-prev{width:30px;height:30px}.ReactModal__Overlay.quickview-modal .panel-quickview .banner-box .swiper-button-next:after,.ReactModal__Overlay.quickview-modal .panel-quickview .banner-box .swiper-button-prev:after{font-size:13px}}.ReactModal__Overlay.quickview-modal .panel-quickview .banner-box .video_banner{position:absolute;top:0;left:0;width:100%;height:100%}.ReactModal__Overlay.quickview-modal .panel-quickview .banner-box .img-wrap{position:absolute;top:0;left:0;height:100%;min-height:100%}.ReactModal__Overlay.quickview-modal .panel-quickview .banner-box .img-nav{display:none}.ReactModal__Overlay.quickview-modal .panel-quickview .banner-box .wrap-banner .wrap-banner-txt{padding:40px 0}.ReactModal__Overlay.quickview-modal .panel-quickview .banner-box .wrap-banner .wrap-banner-txt .banner-txt{width:100%}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content{position:relative;border-radius:10px;transform:scale(.9);width:calc(100vw - 30px);max-width:600px;min-height:120px;overflow:hidden;margin:auto;background-color:#fff;animation:zoom .4s ease 0s 1 both}@keyframes zoom{0%{transform:scale(.9)}to{transform:scale(1)}}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .wrap-bg{position:relative;width:100%;padding-top:56.25%}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .wrap-bg img{position:absolute;top:0;left:0;margin:0;width:100%;height:100%;object-fit:cover}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .txt-over-gradient{position:relative;z-index:2;padding:40px;font-size:36px;line-height:44px;color:#fff;margin-top:-124px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .txt-over-gradient:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4))}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .inner-content{background-color:#fff;padding:40px 40px 60px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .inner-content .wrap-item-content{display:grid;grid-template-columns:36.6666666667% 58.3333333333%;grid-column-gap:36px;column-gap:36px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .inner-content .wrap-item-content .content-name{font-size:16px;line-height:28px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .inner-content .wrap-item-content .content-name .text-t{color:#939597}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .inner-content .wrap-item-content .content-value{font-size:16px;line-height:28px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .wrap-loading{margin:calc(50vh - 25px) auto}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .swiper:not(.thumb-swiper){padding:0}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .swiper:not(.thumb-swiper) .swiper-slide{padding-top:62.5%}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .swiper:not(.thumb-swiper) img{position:absolute;top:0;left:0;margin:0;width:100%;height:100%;object-fit:cover}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .thumb-swiper,.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .thumb-swiper .swiper-slide{height:60px}@media(max-width:767px){.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .thumb-swiper,.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .thumb-swiper .swiper-slide{height:45px}}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .main_promotion_card{display:flex;flex-direction:row}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .main_promotion_card .img_promotion_wrapper{display:inline-block;width:46.6666666667%;padding-top:175px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .main_promotion_card .img_promotion_wrapper+.detail_promotion{width:53.3333333333%}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .main_promotion_card .detail_promotion{display:inline-block;height:-moz-fit-content;height:fit-content;padding-top:175px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .main_promotion_card .detail_promotion .detail_wrapper{padding:20px 25px!important}@media(max-width:767px){.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .main_promotion_card .detail_promotion .detail_wrapper{padding:15px 20px!important}}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .main_promotion_card .detail_promotion .detail_wrapper .title_promotion{font-size:16px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;max-height:unset}@media(max-width:767px){.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .main_promotion_card .detail_promotion .detail_wrapper .title_promotion{font-size:15px;line-height:20px}}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .main_promotion_card .detail_promotion .detail_wrapper .desc_promotion{font-size:14px;line-height:18px;-webkit-line-clamp:2;max-height:36px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .main_promotion_card .detail_promotion .detail_wrapper .btn_promotion{display:block!important;padding:5px 20px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .name-logo{padding:20px 30px;border-bottom:1px solid #e8e8e8}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .name-logo .brand-name{font-size:16px;line-height:24px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .name-logo .project-name{font-size:22px;line-height:28px;margin-top:2px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info{padding:30px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .icon{font-size:22px;line-height:22px;margin-right:14px;width:22px;height:22px;-webkit-mask-image:var(--icon-image);mask-image:var(--icon-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .icon .mask{background-color:#000;width:100%;height:100%}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .label{font-size:16px;line-height:20;margin-right:12px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .content{font-size:16px;line-height:20}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .info-title{font-size:16px;line-height:24px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .info-address{margin-top:16px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .info-wrap{margin-top:16px;row-gap:16px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .info-wrap .info{width:calc(50% - 15px)}@media(max-width:767px){.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .info-wrap .info{width:100%}}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .info-wrap .info .info-name{margin-right:12px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .main_promotion_card .text_hint{display:none}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-nearby{padding:6px 30px 30px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-nearby .title{font-size:16px;line-height:24px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-nearby .list-nearby{font-size:14px;line-height:22px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:16px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-nearby .list-nearby .nearby{display:flex;justify-content:space-between;width:calc(50% - 15px)}@media(max-width:767px){.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-nearby .list-nearby .nearby{width:100%}}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-nearby .list-nearby .text{padding-right:15px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-nearby .list-nearby .value{color:#939597;white-space:nowrap}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan{padding:6px 0 0}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan.condo .wrap-scroll-tab{margin-bottom:-300px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan.condo .scroll-tab-cate .tab-cate{background-color:#000}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan.condo .dropdown.building_plan .wrap-selection{left:0;transform:translateX(0)}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan:not(.condo) .wrap-scroll-tab,.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan:not(.condo) .wrap-scroll-tab .scroll-tab-cate{padding-bottom:30px;margin-bottom:-30px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan>.title{font-size:16px;line-height:24px;padding:0 30px;text-align:left;font-family:AdelleSansTHA;font-weight:700}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .scroll-tab-cate .tab-cate{margin-left:0;margin-top:20px;background-color:#fff;padding:0}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .scroll-tab-cate .tab-cate .btn-tab-cate:not(.active) .cate-txt{color:#f47a21}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .scroll-tab-cate .tab-cate .btn-tab-cate.active:before{box-shadow:0 10px 20px 0 rgba(244,122,33,.5)}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .plan-frame{padding-top:0}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame{position:relative;flex-direction:column}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail{order:2;width:100%}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail:before{content:none}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail .wrap-content{padding:24px 30px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail .wrap-content .area,.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail .wrap-content .title{display:inline-block;width:-moz-fit-content;width:fit-content}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail .wrap-content .title{font-size:22px;line-height:28px;margin-right:12px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail .wrap-content .facility{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail .wrap-content .facility .item-facility{width:calc(50% - 15px)}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-gallery{width:100%;order:1}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-gallery .panel-plan .compare,.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-gallery .panel-plan .download{display:none!important}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .quickview-footer{padding:20px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .quickview-footer .left{color:#f47a21;font-size:16px;line-height:24px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .quickview-footer .right{display:flex;gap:6px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .quickview-footer .right a{display:block;height:42px}@media(max-width:767px){.ReactModal__Overlay.quickview-modal .ReactModal__Content{overflow:hidden!important;width:100%!important}.ReactModal__Overlay.quickview-modal .panel-quickview{padding:0}.ReactModal__Overlay.quickview-modal .panel-quickview.compare-project{top:70px;height:calc(100% - 70px)}.ReactModal__Overlay.quickview-modal .panel-quickview .hide-scroll{width:100%}.ReactModal__Overlay.quickview-modal .panel-quickview .scroll-elm{width:100%;padding:0;margin-right:0}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content{padding:0}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .badge{margin-left:0;margin-top:10px;font-size:11px}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .badge .icon{font-size:11px}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .wrap-overlay-btn .overlay-btn{padding:8px 12px}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .wrap-overlay-btn .overlay-btn .icon{font-size:13px;line-height:13px}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .wrap-overlay-btn .overlay-btn .txt{font-size:11px;line-height:14px}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .wrap-overlay-btn .right{top:7.5px;right:7.5px}.ReactModal__Overlay.quickview-modal .panel-quickview .fullsize-content .overlay-control .wrap-overlay-btn .quickview-close-btn{width:30px;height:30px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content{border-radius:0;width:100%;height:-moz-fit-content;height:fit-content;min-height:100vh;background-color:#fff;margin:0;max-width:100%}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .wrap-bg{position:relative;width:100%;padding-top:56.2666666667%}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .txt-over-gradient{font-size:18px;line-height:22px;padding:20px 15px;margin-top:-62px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .inner-content{display:flex;flex-direction:column;row-gap:15px;padding:20px 45px 20px 15px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .inner-content .wrap-item-content{display:block}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .inner-content .wrap-item-content .content-name,.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .inner-content .wrap-item-content .content-value{font-size:14px;line-height:20px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .badge{margin-left:0}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .name-logo{padding:15px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .name-logo .brand-name{font-size:11px;line-height:18px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .name-logo .project-name{font-size:17px;line-height:21px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info{padding:20px 15px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .info-title{font-size:15px;line-height:20px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .info-wrap{row-gap:14px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-info .info{font-size:15px;line-height:22px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-nearby{padding:0 15px 15px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .project-nearby .nearby-title{font-size:15px;line-height:20px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan{padding:0}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan>.title{font-size:15px;line-height:20px;padding:0 15px;text-align:left}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail{order:2;width:100%}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail .wrap-content{padding:20px 15px 34px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail .wrap-content .area,.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail .wrap-content .title{display:inline-block;width:-moz-fit-content;width:fit-content}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail .wrap-content .title{font-size:22px;line-height:28px;margin-right:12px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail .wrap-content .facility{flex-direction:column;flex-wrap:wrap;justify-content:space-between}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-detail .wrap-content .facility .item-facility{width:100%}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .section-plan .wrap-content-frame .plan-gallery{width:100%;order:1}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .quickview-footer{padding:15px;flex-direction:column;justify-content:flex-start;align-items:flex-start}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .quickview-footer .right{margin-top:15px;gap:10px}.ReactModal__Overlay.quickview-modal .panel-quickview .detail-content .quickview-footer .right .button-orange{font-size:15px;line-height:22px}}.badge{margin-left:-5px;margin-right:50px;width:-moz-fit-content;width:fit-content;padding:6px 10px;color:#fff;font-size:14px}.badge,.badge .icon{display:flex;justify-content:center;align-items:center;line-height:20px}.badge .icon{margin-right:6px;font-size:15px;max-width:20px;height:20px}.badge .icon img{width:100%;height:100%;object-fit:contain;margin:0}.badge.orange-red{background:linear-gradient(95.96deg,#f47a21,#e64340)}.badge.red-purple{background:linear-gradient(95.96deg,red,#be46c2)}.badge.purple-blue{background:linear-gradient(95.96deg,#7024c4,#4985e6)}.badge.green-blue{background:linear-gradient(95.96deg,#16aa77,#1d9bf0)}.badge.blue-yellow{background:linear-gradient(95.96deg,#1d9bf0,#ffa800)}.badge.blue-pink{background:linear-gradient(135deg,#1d9bf0,#ff8567)}.badge.purple-black{background:linear-gradient(135deg,#aa3934,#521615)}.badge.dark_brown-orange{background:linear-gradient(135deg,#662801,#c65f31)}.badge.black-grey{background:linear-gradient(95.96deg,#2c333c,#5d616b)}.badge.brown-yellow{background:linear-gradient(135deg,#bb7100,#e49b2c)}@media(max-width:767px){.badge{margin-left:-2.5px;padding:4px 7px}.badge,.badge .icon{font-size:12px;line-height:15px}.badge .icon{margin-right:4px}}.panel-quickview .section-highlight_banner .banner-box .swiper-slide .img-wrap{padding-top:62.5%}