@import url(https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap);
.section-project .title-project{color:var(--text-title-page);font-family:Sarabun;font-size:24px;font-stretch:normal;font-style:normal;font-weight:800;letter-spacing:normal;line-height:normal}.section-project .box-type-main{display:flex;flex-wrap:wrap;gap:8px}.section-project .box-type-main .box-type{align-items:center;background:var(--Default-White,#fff);border:1px solid var(--text-highlight);border-radius:4px;box-shadow:2px 4px 8px 0 rgba(51,78,72,.05);display:flex;justify-content:center;padding:11px 33px}@media (max-width:767.98px){.section-project .box-type-main .box-type{padding:10px}}.section-project .box-type-main .box-type.active{background:var(--btn-primary-bg)}.section-project .box-type-main .box-type.active a{color:#fff}.section-project .box-type-main .box-type a{color:var(--text-title-page);font-family:Sarabun;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-decoration:unset}.section-project .search-body{position:relative;width:100%;z-index:10}.section-project .search-body-buttom{display:flex;justify-content:center;margin-bottom:24px}.section-project .search-body-buttom .search-body-buttom-wording{flex:1}.section-project .search-body-buttom .search-body-buttom-wording i{display:none}.section-project .search-body-buttom .search-body-buttom-wording input{background-color:#fff;border:1px solid var(--text-highlight)!important;border:1px solid #d1def5;border-bottom-left-radius:4px;border-top-left-radius:4px;color:var(--primary-50-color);font-size:14px;font-stretch:normal;font-style:normal;font-weight:300;height:60px;letter-spacing:normal;line-height:normal;padding:0 0 0 20px;width:100%!important}@media (max-width:575.98px){.section-project .search-body-buttom .search-body-buttom-wording input{padding:0 0 0 16px}}.section-project .search-body-buttom .search-body-buttom-wording input:focus{border:1px solid #e0dad1;outline:none}.section-project .search-body-buttom .search-body-buttom-wording input::-moz-placeholder{padding:3px 0}.section-project .search-body-buttom .search-body-buttom-wording input::placeholder{padding:3px 0}.section-project .search-body-buttom .search-body-buttom-wording svg{color:var(--text-highlight);height:16px;left:25px;position:absolute;top:13px;width:16px}@media (max-width:575.98px){.section-project .search-body-buttom .search-body-buttom-wording svg{top:10px}}@media (max-width:767.98px){.section-project .search-body-buttom .search-body-buttom-submit{padding:0}}.section-project .search-body-buttom button{background:var(--text-highlight);border:none;border-bottom-right-radius:4px;border-top-right-radius:4px;box-shadow:4px 8px 16px 0 rgba(10,10,16,.1);color:#fff;font-family:Sarabun;font-stretch:normal;font-style:normal;font-weight:600;height:60px;letter-spacing:normal;line-height:normal;text-decoration:none;width:60px}@media (min-width:576px) and (max-width:767.98px){.section-project .search-body-buttom button{width:20vw}}@media (max-width:767.98px){.section-project .search-body-buttom button{max-width:60px}}.section-project .main-theme-4-search{width:100%;z-index:20}.section-project .main-theme-4-search .main-search{display:flex;justify-content:center;position:relative;z-index:20}@media (max-width:767.98px){.section-project .main-theme-4-search .main-search{top:0}}.section-project .main-theme-4-search .main-search .search-body{border-radius:16px;height:auto}@media (max-width:767.98px){.section-project .main-theme-4-search .main-search .search-body{border-radius:0;width:100%}}@media (min-width:768px) and (max-width:991.98px){.section-project .main-theme-4-search .main-search .search-body{width:100%}}@media (max-width:767.98px){.section-project .main-theme-4-search .main-search .search-body{background-color:transparent;box-shadow:none}}.section-project .main-theme-4-search .main-search .search-body .search-body-top{padding:16px 16px 8px}@media (max-width:767.98px){.section-project .main-theme-4-search .main-search .search-body .search-body-top{display:none}}.section-project .main-theme-4-search .main-search .search-body .search-body-top div{border-right:1px solid #d1def5;cursor:pointer;position:relative}.section-project .main-theme-4-search .main-search .search-body .search-body-top div.col-custom-search{width:22%}@media (max-width:1199.98px){.section-project .main-theme-4-search .main-search .search-body .search-body-top div.col-custom-search{width:25%}}@media (min-width:768px) and (max-width:991.98px){.section-project .main-theme-4-search .main-search .search-body .search-body-top div.col-custom-search{width:23%}}.section-project .main-theme-4-search .main-search .search-body .search-body-top div:last-child{border-right:0 solid #d1def5}.section-project .main-theme-4-search .main-search .search-body .search-body-top div:last-child svg.arrow-down-icon{right:20%}.section-project .main-theme-4-search .main-search .search-body .search-body-top div img{height:16px;margin-right:5px;-o-object-fit:contain;object-fit:contain;position:relative;top:-2px;width:16px}.section-project .main-theme-4-search .main-search .search-body .search-body-top div span{color:var(--text-color);display:block;font-family:Sarabun;font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:normal;padding:3px;width:100%}@media (min-width:768px) and (max-width:991.98px){.section-project .main-theme-4-search .main-search .search-body .search-body-top div span{font-size:12px}}.section-project .main-theme-4-search .main-search .search-body .search-body-top div .arrow-down-icon{color:var(--text-highlight);position:absolute;right:12px;top:3px}.section-project .main-theme-4-search .main-search .search-body .search-body-top div svg{height:16px;margin-right:5px;position:relative;top:-2px;width:16px}.section-project .main-theme-4-search .main-search .search-body .search-body-top div svg path,.section-project .main-theme-4-search .main-search .search-body .search-body-top div svg rect{fill:var(--text-highlight)}.section-project .main-theme-4-search .main-search .search-body .search-body-top div ul.dropdown-menu{background-color:#fff;border:1px solid #f0f7ff;border-radius:1px;box-shadow:2px 4px 8px 0 rgba(209,222,245,.5);max-height:220px;overflow:auto;padding:9px 8px}.section-project .main-theme-4-search .main-search .search-body .search-body-top div ul.dropdown-menu.active{background-color:transparent}.section-project .main-theme-4-search .main-search .search-body .search-body-top div ul.dropdown-menu li{color:var(--text-color);font-family:Sarabun;font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:normal}@media (min-width:768px) and (max-width:991.98px){.section-project .main-theme-4-search .main-search .search-body .search-body-top div ul.dropdown-menu li{font-size:12px}}.section-project .main-theme-4-search .main-search .search-body .search-body-top div ul.dropdown-menu li.title-sub-item{padding:8px 0}.section-project .main-theme-4-search .main-search .search-body .search-body-top div ul.dropdown-menu li.title-sub-item span{cursor:default;font-weight:600}.section-project .main-theme-4-search .main-search .search-body .search-body-top div ul.dropdown-menu li a{margin-bottom:4px;margin-top:3px;padding-bottom:6px;padding-top:6px}.section-project .main-theme-4-search .main-search .search-body .search-body-top div ul.dropdown-menu li a.active,.section-project .main-theme-4-search .main-search .search-body .search-body-top div ul.dropdown-menu li a:active{background-image:var(--bg-gradient-3);color:#fff}.section-project .main-theme-4-search .main-search .search-body .box-list-filter-search{display:flex;flex-wrap:wrap;justify-content:center;padding:0 18px}.section-project .main-theme-4-search .main-search .search-body .box-list-filter-search .list-filter-search{align-items:center;background:var(--btn-secondary-bg);border-radius:16px;box-shadow:2px 4px 8px 0 rgba(51,78,72,.1);display:flex;height:32px;justify-content:center;margin-bottom:16px;margin-right:10px;padding:0 15px;position:relative;width:auto}.section-project .main-theme-4-search .main-search .search-body .box-list-filter-search .list-filter-search img,.section-project .main-theme-4-search .main-search .search-body .box-list-filter-search .list-filter-search>svg{height:16px;margin-right:5px;-o-object-fit:contain;object-fit:contain;width:16px}.section-project .main-theme-4-search .main-search .search-body .box-list-filter-search .list-filter-search>svg path,.section-project .main-theme-4-search .main-search .search-body .box-list-filter-search .list-filter-search>svg rect{fill:var(--text-highlight)}.section-project .main-theme-4-search .main-search .search-body .box-list-filter-search .list-filter-search span{color:var(--btn-secondary-text);font-size:12px;font-stretch:normal;font-style:normal;font-weight:500;letter-spacing:normal;line-height:normal}.section-project .main-theme-4-search .main-search .search-body .box-list-filter-search .list-filter-search svg.close-list{background:#fff;border-radius:50%;cursor:pointer;position:absolute;right:-5px;top:-5px}.section-project .main-theme-4-search .main-search .search-body .clear-filter-search{color:var(--text-color);font-family:Sarabun;font-size:14px;font-stretch:normal;font-style:normal;font-weight:500;letter-spacing:normal;line-height:normal}.section-project .main-theme-4-search .main-search .search-body .clear-filter-search .close-filter{cursor:pointer}.section-project .main-theme-4-search .main-search .search-body .type-button-search{align-items:center;display:flex;justify-content:center}.section-project .main-theme-4-search .main-search .search-body .type-button-search .justify-content-center{display:flex}.section-project .main-theme-4-search .main-search .search-body .type-button-search .justify-content-center a{height:60px;margin-right:20px;width:220px}@media (min-width:768px) and (max-width:991.98px){.section-project .main-theme-4-search .main-search .search-body .type-button-search .justify-content-center a{margin-right:3vw;width:20vw}}.section-project .main-theme-4-search .main-search .search-body .type-button-search .justify-content-center button{background-color:var(--main-btn-bg-theme-4);border:none;border-radius:4px;box-shadow:4px 8px 16px 0 rgba(10,10,16,.1);color:var(--white-color);font-family:Sarabun;font-size:28px;font-stretch:normal;font-style:normal;font-weight:600;height:60px;letter-spacing:normal;line-height:normal;margin-right:20px;text-decoration:none;width:220px}@media (min-width:768px) and (max-width:991.98px){.section-project .main-theme-4-search .main-search .search-body .type-button-search .justify-content-center button{margin-right:3vw;width:20vw}}.section-project .main-theme-4-search .main-search .search-body .type-button-search .justify-content-center button:hover{background-color:var(--main-color-theme-04-button-hover)}.section-project .main-theme-4-search .main-search .search-body .type-button-search .justify-content-center button:active{background-color:var(--main-color-theme-04-button-active)}.section-project .main-theme-4-search .main-search .search-body .type-button-search .justify-content-center button:disabled{background-color:var(--main-color-theme-04-button-disabled);cursor:not-allowed}@media (max-width:767.98px){.section-project .main-theme-4-search .main-search .search-body .type-button-search{display:none}}.section-project .main-theme-4-search .main-search .search-body .search-title{margin:10px}.section-project .main-theme-4-search .main-search .search-body .search-title .site-title{color:var(--white-color);font-size:48px;font-weight:700;line-height:58px;text-align:center;text-shadow:1px 1px 10px rgba(0,0,0,.75)}@media (max-width:767.98px){.section-project .main-theme-4-search .main-search .search-body .search-title .site-title{font-size:32px;line-height:39px}}.section-project .main-theme-4-search .main-search .search-body .search-title .site-subtitle{color:#fff;flex:none;flex-grow:0;font-size:24px;font-weight:500;line-height:31px;margin:24px 0 8px;order:0;text-align:center;text-shadow:1px 1px 5px rgba(0,0,0,.75)}@media (max-width:767.98px){.section-project .main-theme-4-search .main-search .search-body .search-title .site-subtitle{font-size:16px;line-height:21px}}.section-project .main-theme-4-search .main-search .search-body .search-title .site-description{color:#fff;flex:none;flex-grow:0;font-size:16px;font-weight:400;line-height:21px;order:1;text-align:center;text-shadow:1px 1px 5px rgba(0,0,0,.75)}@media (max-width:767.98px){.section-project .main-theme-4-search .main-search .search-body .search-title .site-description{font-size:12px;line-height:16px}}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording{background-color:#fff;box-shadow:2px 4px 8px 0 rgba(56,75,108,.1);display:none;max-height:250px;overflow-y:auto;width:100%!important;z-index:20}.section-project .main-theme-4-search .search-body-buttom-wording .no-data-wording{color:var(--Dark,#32302b);font-family:Sarabun;font-size:14px;font-style:normal;font-weight:600;line-height:normal;padding:32px;text-align:center}.section-project .main-theme-4-search .search-body-buttom-wording .no-data-wording i{display:none}.section-project .main-theme-4-search .search-body-buttom-wording .no-data-wording svg{color:var(--text-second-color)!important;margin-right:10px;position:inherit!important}.section-project .main-theme-4-search .search-body-buttom-wording .title-search-wording{display:none}.section-project .main-theme-4-search .search-body-buttom-wording .list-search-wording{border-bottom:2px solid #fafafa;padding:8px 16px}.section-project .main-theme-4-search .search-body-buttom-wording .list-search-wording:hover{background-color:hsla(43,3%,46%,.1);border-radius:8px}.section-project .main-theme-4-search .search-body-buttom-wording .list-search-wording a{color:var(--text-color);font-family:Sarabun;font-size:16px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;line-height:normal;text-decoration:none}.section-project .main-theme-4-search .search-body-buttom-wording .list-search-wording a .list-main{color:var(--Main-Color-Theme04-Brown,#6f6158);font-family:Sarabun;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.section-project .main-theme-4-search .search-body-buttom-wording .list-search-wording a .list-sub{color:#828c9e;font-family:Sarabun;font-size:11px;font-style:normal;font-weight:300;line-height:normal}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default{background-color:#fff;display:none;max-height:300px;overflow-y:auto;padding:0;width:80vw;z-index:1}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .title-history-search{background-color:#fafafa;color:#292b54;font-size:16px;font-style:normal;font-weight:500;line-height:21px;padding:8px 16px}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .title-history-search svg{left:0!important;margin-right:5px;position:relative!important;top:-2px!important}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .title-history-search svg path{fill:var(--main-color-text-theme-4)}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .list-item-zone-default{border-bottom:2px solid #fafafa;margin-top:8px;padding:8px 16px}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .list-item-zone-default:hover{background-color:hsla(43,3%,46%,.1);border-radius:8px}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .list-item-zone-default a{text-decoration:none}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .list-item-zone-default a .list-item-zone-default-img img{border-radius:4px;height:32px;margin-right:10px;width:32px}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .list-item-zone-default a .list-item-zone-default-text .list-item-zone-default-text-title{color:#292b54;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .list-item-zone-default a .list-item-zone-default-text .list-item-zone-default-text-sub-title{color:#828c9e;font-size:12px;font-style:normal;font-weight:300;line-height:16px}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .search-zone-default .title-history-search{color:#292b54;display:flex;font-size:16px;font-style:normal;font-weight:500;line-height:21px}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .search-zone-default .title-history-search .icon-backgound{background:var(--main-color-theme-04-light-01-brown,#dbd7d4);border-radius:50%;height:24px!important;margin-right:8px;text-align:center;width:24px!important}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .search-zone-default .title-history-search svg{height:16px!important;margin:0;position:relative!important;width:16px!important}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .search-zone-default .title-history-search svg rect{fill:var(--main-color-text-theme-4)}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .list-history-search{display:flex;flex-wrap:wrap;margin-left:16px;margin-right:16px;margin-top:8px}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .list-history-search .list-item-history{align-items:center;background:#fff;border:1px solid #ebf2fe;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;margin-bottom:4px;margin-right:10px;padding:0 10px}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .list-history-search .list-item-history svg{cursor:pointer;left:5px!important;position:relative!important;top:1px!important}.section-project .main-theme-4-search .search-body-buttom-wording .main-search-wording-default .list-history-search .list-item-history:hover{background:var(--building-type-bg-hover-theme-4)}.section-project .main-theme-4-search .search-body-buttom-wording .box-main-search-wording>div[style*=block]{position:absolute}@media (max-width:991.98px){.section-project .main-theme-4-search .search-body-buttom-wording .box-main-search-wording>div[style*=block]{max-width:80vw}}.card-item-review{background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.1);margin-bottom:30px;overflow:hidden}.card-item-review a{text-decoration:none}.card-item-review .block-img{display:block;overflow:hidden;padding-top:75%;position:relative}.card-item-review .block-img .status-tab{display:flex;justify-content:flex-start;margin:16px;position:absolute;top:0;z-index:1}@media (max-width:767.98px){.card-item-review .block-img .status-tab{margin:8px}}.card-item-review .block-img .status-tab .text-status{background-color:#fff;border-radius:4px;font-family:Sarabun;font-size:14px;font-style:normal;font-weight:600;line-height:normal;padding:8px;text-align:center}@media (max-width:767.98px){.card-item-review .block-img .status-tab .text-status{font-size:10px}}.card-item-review .block-img .status-tab .text-status.svg{align-items:center;display:flex;justify-content:center}.card-item-review .block-img .status-tab .text-status.svg svg{height:16px;width:16px}.card-item-review .block-img .status-tab .text-status.svg svg path{fill:var(--text-highlight)}.card-item-review .block-img img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.card-item-review .block-detail{height:115px;max-height:115px;padding:20px 18px;text-align:center}.card-item-review .block-detail .title{line-clamp:1;-webkit-line-clamp:1;font-size:18px;font-weight:500}.card-item-review .block-detail .detail,.card-item-review .block-detail .title{-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;font-family:Sarabun;font-stretch:normal;font-style:normal;letter-spacing:normal;overflow:hidden}.card-item-review .block-detail .detail{line-clamp:2;-webkit-line-clamp:2;font-size:14px;font-weight:400;line-height:normal;line-height:1.8;padding-top:6px;word-break:break-all}