@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);
.title-main{margin:40px auto 22px}#section-project-detail p.title{color:var(--text-highlight)}#section-project-detail .title{color:var(--text-title-page)}#section-project-detail .bg-project-detail{background:#fff;border-radius:8px;box-shadow:2px 4px 8px 0 rgba(10,10,16,.1);padding:10px}#section-project-detail .block-project-info>.title{color:var(--text-highlight)}#section-project-detail .about-project-detail{border-bottom:1px solid #f2f2f2;margin:0 0 29px;padding-bottom:29px}#section-project-detail .block-project-img{border-radius:10px;height:153px;max-width:250px;overflow:hidden;width:100%}@media (max-width:767.98px){#section-project-detail .block-project-img{height:200px;max-width:100%}}#section-project-detail .block-project-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#section-project-detail .block-project-detail{padding-left:25px}@media (max-width:767.98px){#section-project-detail .block-project-detail{margin-top:10px;padding-left:0}}#section-project-detail .block-project-detail .title,#section-project-detail .block-project-detail h1{color:var(--text-highlight);font-size:1.25rem;font-weight:700;margin:0}#section-project-detail .block-project-detail .tile-item{display:flex}#section-project-detail .block-project-detail .tile-item span{color:var(--text-color);flex:5;font-size:14px;padding-left:15px}#section-project-detail .block-project-detail .tile-item span:first-child{color:var(--text-second-color);flex:1!important;font-size:16px;min-width:110px;padding-left:0;padding-right:0;white-space:nowrap}#section-project-detail .block-project-detail .tile-item.project-details{display:block!important;word-break:break-all}#section-project-detail .block-project-detail .tile-item.project-details span{display:block;padding-left:0;width:100%}#section-project-detail .detail-facilities{margin-top:20px}#section-project-detail .detail-facilities>label{color:var(--text-highlight);font-family:Sarabun;font-size:16px;font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:normal;margin-bottom:8px}#section-project-detail .detail-facilities .list-facilities{display:flex;flex-wrap:wrap}#section-project-detail .detail-facilities .list-facilities .item-facilities{align-items:center;color:var(--text-color);display:flex;font-family:Sarabun;font-size:14px;font-stretch:normal;font-style:normal;font-weight:500;letter-spacing:normal;line-height:normal;margin-bottom:16px;width:33.33%}@media (max-width:767.98px){#section-project-detail .detail-facilities .list-facilities .item-facilities{width:50%}}#section-project-detail .detail-facilities .list-facilities .item-facilities img{height:18px;margin-right:10px;-o-object-fit:contain;object-fit:contain;width:18px}#section-project-detail .detail-facilities.hideContent{height:8em;line-height:1em;overflow:hidden}@media (max-width:767.98px){#section-project-detail .detail-facilities.hideContent{height:12em}}#section-project-detail .detail-facilities.showContent{height:auto;line-height:1em}#section-project-detail .show-more{padding:10px 0;text-align:center}#section-project-detail .show-more a{color:var(--bg-gradient-3);text-decoration:none}#section-project-detail .show-more a svg{width:20px}#section-project-detail .detail-place>label{color:var(--text-highlight);font-family:Sarabun;font-size:16px;font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:normal;margin-bottom:9px}#section-project-detail .detail-place>div img{height:20px;margin-right:8px;-o-object-fit:contain;object-fit:contain;width:20px}#section-project-detail .detail-place>div label{color:var(--text-second-color);font-family:Sarabun;font-size:14px;font-stretch:normal;font-style:normal;font-weight:300;letter-spacing:normal;line-height:1.64}#section-project-detail .detail-place .list-place{display:flex;flex-wrap:wrap}#section-project-detail .detail-place .list-place .item-place{color:var(--text-color);display:flex;font-family:Sarabun;font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.64;width:50%}@media (max-width:767.98px){#section-project-detail .detail-place .list-place .item-place{width:100%}}#section-project-detail .detail-place .list-place .item-place .i-1{padding-left:5px;width:70%}#section-project-detail .detail-place .list-place .item-place .i-1:before{content:"-";margin-right:5px}#section-project-detail .detail-place .list-place .item-place .i-2{color:var(--text-second-color);font-family:Sarabun;font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.64;width:30%}#section-project-detail .block-youtube{overflow:hidden;overflow-x:auto}#section-project-detail .block-youtube .video-youtube{display:-webkit-inline-box}#section-project-detail .block-youtube .list-video-youtube{float:left}#section-project-detail .block-youtube .item-video img{height:250px;width:100%}#section-project-detail .block-youtube img.play-video-youtube{cursor:pointer;height:40px;left:50%;margin-right:10px;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:56px}#section-project-detail .detail-view-map{position:relative}#section-project-detail .detail-view-map img{height:64px;-o-object-fit:cover;object-fit:cover;width:100%}#section-project-detail .detail-view-map a{color:var(--btn-primary-text);font-size:12px;font-stretch:normal;font-style:normal;font-weight:500;left:50%;letter-spacing:normal;line-height:normal;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translate(-50%,-50%)}#section-project-detail .detail-view-map a .btn-view-map{align-items:center;background-image:var(--btn-primary-bg);border-radius:20px;box-shadow:4px 8px 16px 0 rgba(56,75,108,.2);display:flex;height:40px;justify-content:center;width:160px}#section-project-detail .detail-view-map a .btn-view-map.no-map{background-color:#a2a2a2;background-image:none}.fotorama img{width:100%}.grid-zoom-image{color:#fff;position:absolute;right:10px;top:5px;z-index:1}.index-gridShow{cursor:pointer}#grid-images .mbSlideDown{transition:all .3s}img.gridsection-1,img.gridsection-sub-main{max-height:350px;min-height:350px;-o-object-fit:cover;object-fit:cover;width:100%}img.gridsection-sub1,img.gridsection-sub2{height:125px;max-height:125px;min-height:125px;-o-object-fit:cover;object-fit:cover;width:100%}img.gridsection-1.img-fit{-o-object-fit:contain;object-fit:contain}.fadegrid-more div.fadeOther-grid{color:#fff;font-size:16px;font-stretch:normal;font-style:normal;font-weight:500;left:50%;letter-spacing:-.3px;line-height:normal;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%;z-index:9}.fadegrid-more #oth-film-grid{background-color:rgba(10,10,16,.4);height:125px;position:absolute;width:100%;z-index:1}#grid-images img.gridEmpty-pic{height:350px;max-height:350px;min-height:350px;-o-object-fit:contain;object-fit:contain;transition:all .3s;width:100%}.white-popup{background:#fff;margin:20px auto;max-width:200px;padding:40px;position:relative;text-align:center;width:auto}.tErrPreLoadgrid{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}img.gridHeightcalOrigi{height:350px!important;max-height:350px!important;min-height:350px!important}img.gridHeightcal1-1{height:219px!important;max-height:219px!important;min-height:219px!important}img.gridHeightcal1-2{height:172px!important;max-height:172px!important;min-height:172px!important}img.gridHeightcal2-1{height:125px!important;max-height:125px!important;min-height:125px!important}.dt-d-flex{display:flex!important}.dt-d-h-0{height:0!important}.dt-p-l-0{padding-left:0!important}.dt-p-r-0{padding-right:0!important}.dt-pad-all-8{padding:8px!important}.dt-p-b-7{padding-bottom:6px!important}.dt-p-r-7{padding-right:6px!important}.dt-p-l-7{padding-left:6px!important}.dt-p-r-35{padding-right:3px!important}.dt-p-l-35{padding-left:3px!important}.dt-d-inblock{display:inline-block!important}.dt-d-block{display:block!important}.vt-middle>*{vertical-align:middle!important}.img-thumbnail-play-detail{left:45%;position:absolute;text-align:center;top:43%;width:60px;z-index:1}.m-t-dt-19{margin-top:19px}.m-t-dt-10{margin-top:10px}.position-relative.slideDown-items{border-bottom:1px solid #000;display:block;padding:0;position:relative;width:100%}.listDown,.position-relative.slideDown-items>img.itemsImg{width:100%}.listDown>hr{border:1px solid #ccc;margin:10px 0 0}small.itemscaptions{-webkit-line-clamp:2;-webkit-box-orient:vertical;background-color:rgba(10,10,16,.7);bottom:0;color:#fff;display:block;display:-webkit-box;font-family:THSarabunNewBold,sans-serif;font-size:20px;font-stretch:normal;font-style:normal;font-weight:400;left:0;letter-spacing:normal;line-height:1.2;overflow:hidden;padding:8px;position:absolute;width:100%;word-break:break-all;z-index:9}img.playIconitems{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}div#listimageSlidedown{margin:45px 0 0;width:100%}#mobilePhotoslideDown .modal-dialog{margin:0;width:100%}.listDown:first-child{padding:0 0 4px}.listDown:not(:first-child){padding:4px 0}.listDown:last-child{padding:4px 0 0}.closeSlideDown{display:block;float:right;font-size:20px;margin:10px;padding-right:10px}div#mobilePhotoslideDown .modal-content{background:none;border:unset;box-shadow:unset}div#mobilePhotoslideDown{background:#4d4d4d}.fotorama__nav-wrap{background-color:#36464e}.fotorama__wrap--slide .fotorama__stage__frame{background-color:#4d4d4d!important}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-64px 0!important}.fotorama--fullscreen{z-index:10001}.fotorama__caption>div{-webkit-line-clamp:2;-webkit-box-orient:vertical;background-color:transparent;color:#fff;display:block;display:-webkit-box;float:left;font-size:14px;font-weight:600;overflow:hidden;width:100%}.fotorama__caption{background-color:#000;opacity:.6;text-align:left}@media only screen and (min-width:320px) and (max-width:767px){#detail-topic .img-topic-dynamic,#detail-topic .img-topic-dynamic img#linkPost,#grid-images img.gridEmpty-pic,img.gridsection-1,img.gridsection-sub-main{height:200px;max-height:200px;min-height:200px}#detail-topic .img-topic-dynamic img.gridHeightcalOrigi{height:200px!important;max-height:200px!important;min-height:200px!important}#detail-topic .img-topic-dynamic img.gridHeightcal1-1{height:119px!important;max-height:119px!important;min-height:119px!important}#detail-topic .img-topic-dynamic img.gridHeightcal1-2{height:97px!important;max-height:97px!important;min-height:97px!important}#detail-topic .img-topic-dynamic img.gridHeightcal2-1,.fadegrid-more #oth-film-grid,img.gridsection-sub1,img.gridsection-sub2{height:75px!important;max-height:75px!important;min-height:75px!important}.fadegrid-more div.fadeOther-grid{font-size:12px}li.nr-li-items img{width:18px}#nrList li.nr-li-items{height:32px}}@media only screen and (min-width:768px) and (max-width:1024px){#detail-topic .img-topic-dynamic,#detail-topic .img-topic-dynamic img#linkPost,#grid-images img.gridEmpty-pic,img.gridsection-1,img.gridsection-sub-main{height:200px;max-height:200px;min-height:200px}.fadegrid-more div.fadeOther-grid{font-size:12px;width:80%}#detail-topic .img-topic-dynamic img.gridHeightcalOrigi{height:200px!important;max-height:200px!important;min-height:200px!important}#detail-topic .img-topic-dynamic img.gridHeightcal1-1{height:119px!important;max-height:119px!important;min-height:119px!important}#detail-topic .img-topic-dynamic img.gridHeightcal1-2{height:97px!important;max-height:97px!important;min-height:97px!important}#detail-topic .img-topic-dynamic img.gridHeightcal2-1,.fadegrid-more #oth-film-grid,img.gridsection-sub1,img.gridsection-sub2{height:75px!important;max-height:75px!important;min-height:75px!important}}
