.itopplus-background{}body{overflow-x: hidden;color: #282828;font-family: "LINE Seed Sans TH"}.itopplus-banner{display: none}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_16062024wtt3/0/0/2z-z1350925182447.jpg")}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_16062024wtt3/0/0/3z-z1495263358805.jpg");background-size: cover;background-position: center}@media screen and (min-width: 1024px){}@media screen and (min-width: 1366px){}@media screen and (min-width: 1900px){}@media screen and (max-width: 900px){}@media screen and (max-width: 480px){}.navbar-default .navbar-nav>li>a{font-size: 16px}h1{font-size: 4.125em}h2{font-size: 3.2em}h3{font-size: 2.8em}h4{font-size: 2.4em}h5{font-size: 2em}h6{font-size: 1.6em}p,.form-appointment2 span,.CASS-B-main .form-control{font-size: 16px}.btn-more,.CASS-B-main button{font-size: 14px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-8{padding-top:8%}.space-project{padding-top: 52%}.footer h6,.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5,.text-project h6,.line-name h6,.detail-plan h6,.head-form h6,.text-plan h6,.project-detail h6,.project-two h6,span#contactUsAcceptPolicyText2{font-weight: 600}.fw-semi{font-weight: 600 !important}.social-footer li{display: grid;grid-template-columns: 40px auto;gap: 10px;align-items: center}.social-footer ul{list-style: none;padding: 0;display: flex;flex-wrap: wrap;gap: 20px 15px}.social-footer p{margin: 1% 0}.social-footer a{color: #fff;min-width: 27%}.social-footer a:hover{color: #5e574e}.sect-about{padding: 6% 0}.sect-about,.head-form,.text-plan,.sect-gallery,.page-project h6,.head-page{text-align: center}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height: inherit;margin: 0}p{line-height: 26px}.sect-about p,.blog-project h3,.project-detail h6,.project-two h6{margin-bottom: 2%}.sect-about h3,.text-slogan h3,.sect-gallery,.page-project h6{margin-bottom: 2rem}.btn-more img{width: 18px !important}.btn-more{display: flex;gap: 5px;justify-content: center;width: fit-content;margin: auto;align-items: center;background: #caad89;padding: 0.8rem 2rem;border-radius: 30px;color: #fff;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0,0,0,0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden}.blog-project h5,.head-plan h5{width: fit-content;margin: auto;color: #6a6258;border: 1px solid #6a6258;padding: 0.75rem 2rem;margin-bottom: 2%}.blog-project{text-align: center;background: #fff;padding: 4% 2% 2%;margin-top: -125px;border-radius: 25px}.blog-project h3,.text-slogan h3,.CASS-A-main figure:hover .btn-more{color: #caad89}figure.effect-jazz figcaption::after,.CASS-A-middle-right,.CASS-A-middle-left,.CASS-A-bottom,.CASS-A-top,.CASS-B-border,.boderedlayoutClient{border: none}.CASS-A-main{box-shadow: none}figure.effect-jazz,.CASS-B-border,.CASS-D-border{background: transparent}.CASS-A-main figcaption{padding: 0 !important;position: relative !important;text-transform: none !important;color: #6a6258 !important;text-align: left !important}figure.effect-jazz h2{padding-top: 0;-webkit-transition: inherit;transition: inherit}figure.effect-jazz h2,figure.effect-jazz p{opacity: 1;-webkit-transform: inherit;transform: inherit}.grid figure h2{word-spacing: unset;font-weight: unset;font-size: initial}figure.effect-jazz p{padding: 0;font-size: initial}.grid figure p{letter-spacing: unset;line-height: inherit;font-weight: 400}.CASS-A-main .imgLightbox{overflow: hidden;border-radius: 20px}.text-project{padding: 5% 2%}.text-project h6{margin-bottom: 1rem}.price-project{margin-top: 5%;border-left: 5px solid #caad89;padding-left: 5%;position: relative}.CASS-A-main figure{overflow: hidden;border-radius: 25px;background: #fff;box-shadow: 0 4px 8px #caad8959;padding: 10px !important}.text-project p,.detail-plan p{color: #444}.price-project::after{position: absolute;z-index: 2;content: '';top: 50%;left: -7px;border: medium none;background-color: #caad89;width: 7px;height: 7px;border-bottom: 1px solid rgba(39,41,43,.15);border-right: 1px solid rgba(39,41,43,.15);-webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);-ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);transform: translateY(-50%) translateX(50%) rotate(-45deg)}.text-project .price-project p,.detail-plan h6,.page-project h6,.text-plan h6,.project-detail h6,.project-two h6{color: #6a6258}.price-project h6,.project-detail p,.project-two p{margin: 0}.CASS-A-middle-mid,.CASS-B-middle-mid,.CASS-D-middle-mid{padding: 0}.line-name .btn-more{margin-right: 0}.line-name{background: #6a6258e0;color: #fff;padding: 1.5rem;position: absolute;top: -66px;border-radius: 0 0 20px 20px;display: flex;width: 100%}.blog-pass{padding: 5% 2% 0}.items-pass{display: grid;grid-template-columns: 65px auto;gap: 15px;margin-bottom: 15px;align-items: center}.blog-pass p.fw-semi,.detail-plan h6,.detail-plan li p,.blog-place p.fw-semi,.project-detail li p,.project-two li p,.footer h6{margin-bottom: 0.5rem}figure.effect-jazz:hover img,figure.effect-jazz img{opacity: 1}div#formdisplay683d1e19e407da0013192af1{background: #6a6258e8 !important;color: #fff;padding: 10%}div#form683d1e19e407da0013192af1{padding: 0 !important}.detail-plan h6{margin-top: 2rem}.maps-google iframe{margin-bottom: -5px}.graphic-maps img{object-fit: contain;background: #fff}.graphic-maps img,.maps-google iframe{height: 400px}.maps-google,.graphic-maps{box-shadow: 0 4px 8px #caad8959;border-radius: 25px;overflow: hidden}.form-appointment span,.CASS-B-main .glyphicon{display: none}.CASS-B-main input::placeholder{color: #fff}.CASS-B-main .form-control{border-radius: 0;background: transparent;color: #fff !important;border: none;box-shadow: none;border-bottom: 1px solid #ddd;height: 40px;margin-bottom: 1rem;width: 100% !important;padding-right: 12px !important}.form-appointment2{margin-top: 1rem;margin-bottom: 0.5rem}.CASS-B-main .col-md-offset-5{margin: 0;width: 100%;text-align: center;padding: 0}.CASS-B-main button{width: fit-content;margin: auto;align-items: center;background: #caad89;padding: 0.8rem 2rem;border-radius: 30px;color: #fff;position: relative;border: none;text-shadow: none;box-shadow: none;padding-right: 35px;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0,0,0,0);-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden}.CASS-B-main button::after{content: " ";background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_16062024wtt3/0/0/ic-next02z-z1102026496965.png);background-repeat: no-repeat;background-size: contain;width: 18px;height: 18px;position: absolute;top: 9px;right: 9px}.blog-place{display: grid;grid-template-columns: repeat(2,1fr);gap: 25px;margin-bottom: 5%;padding: 0 2%}.items-place{display: grid;grid-template-columns: 15% auto;text-align: left;gap: 15px;align-items: center}.text-slogan{text-align: center;padding: 5% 4%;width: 80%;background: #fffffff0;margin: 10% auto;border-radius: 25px}.text-slogan h6{font-weight: 400;font-style: italic;color: #6a6258}.Text_seller2,.post-time,.landingpagemanager{display: none}.social-icon{border-radius: 5px}.page-project{padding-top: 6%}div#Contentmanager .img-thumbnail,div#Contentmanager .thumbnail{padding: 0;border: none;box-shadow: none}div#Contentmanager .col-md-offset-2{margin: 0;width: 100%}.text-plan{padding: 2% 0}.sect-gallery h5{width: fit-content;margin: auto;border: 1px solid #fff;padding: 1%}.head-page{background: #caad89;padding: 3%;color: #fff}.head-page h6{width: fit-content;margin: auto;padding: 10px 20px;border: 1px solid #fff;margin-bottom: 2%}.project-detail{padding-left: 8%}.project-detail .blog-pass{padding: 1% 2% 2%}.CASS-D-main figure{border-radius: 25px;overflow: hidden}.project-two{padding-right: 8%}.btn-more:hover::before,.CASS-A-main figure:hover .btn-more::before,.CASS-B-main button:hover::before{-webkit-transform: scaleX(1);transform: scaleX(1)}.btn-more::before,.CASS-B-main button::before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #6a6258;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out}.CASS-A-main figure .btn-more::before{background: #fff}.CASS-B-main button::before{background: #caad89}.CASS-A-main figure:hover .btn-more img{filter: brightness(0) saturate(100%) invert(76%) sepia(9%) saturate(1046%) hue-rotate(353deg) brightness(92%) contrast(90%)}.CASS-B-main button:hover::after{filter: invert(1)}.img-bg{width: 40%;position: absolute;right: 0;top: -40px}.detail-plan{position: relative}.social-footer a:hover img{filter: brightness(0) saturate(100%) invert(33%) sepia(17%) saturate(324%) hue-rotate(354deg) brightness(93%) contrast(87%)}.img-plan img,.icon-pass img{transition: transform 0.2s ease-out}.img-plan img:hover,.items-pass:hover img{transform: scale(1.05)}#formdisplay683d1e19e407da0013192af1 > div:nth-child(4){padding-top: 0 !important}.ITPcookiebar{width: 100% !important;background-color: #6e665c8c !important;color: #fff}.buttonExampleSite{border-radius: 5rem !important;border: 1px solid #6e665c8c !important;color: #171717 !important}.buttonExampleSite:hover{background: #caad89 !important;color: #ffffff !important}.ITPlinkToCookiepage:hover{color: #caad89 !important}.itpPDPALandingPage,.ITP-pdpa-template-contentFont{font-size: 16px !important;margin-bottom: 3% !important}.itpPDPALandingPage{margin-top: 3%}.ITP-pdpa-template-titleFont{font-size: 20px !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont{line-height: 28px}ul#slider683d3ee2e407da0013192faa{margin-bottom: -5px}@media screen and (min-width: 1900px){.navbar-default .navbar-nav>li>a{font-size: 20px}h1{font-size: 4.7em}h2{font-size: 3.6em}h3{font-size: 3.2em}h4{font-size: 2.8em}h5{font-size: 2.4em}h6{font-size: 2em}p,.form-appointment2 span,.CASS-B-main .form-control{font-size: 20px}.btn-more,.CASS-B-main button{font-size: 18px}p{line-height: 30px}.blog-project{margin-top: -165px}.text-project p,.blog-pass p{font-size: 20px !important}.detail-plan h6,.detail-plan li p,.blog-place p.fw-semi,.project-detail li p,.project-two li p{margin-bottom: 0.75rem}.detail-plan ul{margin-bottom: 3rem}.graphic-maps img,.maps-google iframe{height: 575px}.line-name{top: -76px}.items-pass{margin-bottom: 18px;grid-template-columns: 70px auto}.CASS-B-main button::after{top: 12px;right: 13px;width: 20px;height: 20px}.CASS-B-main button{padding-right: 40px}.social-footer li{grid-template-columns: 50px auto}.project-detail{padding-top: 5%}.items-place{grid-template-columns: 13% auto}.CASS-B-main .form-control{height: 45px;margin-bottom: 2rem}.ITP-pdpa-template-titleFont{font-size: 26px !important}.ITP-pdpa-template-contentFont{line-height: 32px;font-size: 18px !important}.CASS-B-main .ITPcheckboxAuthen{padding: 2% 0 !important;font-size: 16px}}@media screen and (max-width: 1366px){div#formdisplay683d1e19e407da0013192af1{padding: 8%}.project-detail p.fw-semi{margin-bottom: 0}.CASS-B-main .ITPcheckboxAuthen{padding: 1% 3% 3% !important}}@media screen and (max-width: 1200px){br{display: none}h1{font-size: 3.8em}h2{font-size: 2.8em}h3{font-size: 2.4em}h4{font-size: 2em}h5{font-size: 1.8em}h6{font-size: 1.4em}.sect-about p{margin-bottom: 3%}.space-project{padding-top: 50%}.text-project{min-height: 240px}.graphic-maps img,.maps-google iframe{height: 350px}.btn-more{padding: 0.8rem 1rem}div#formdisplay683d1e19e407da0013192af1{padding: 8% 4%}.social-footer a{min-width: 49%}.social-footer ul{gap: 15px 10px}.items-place{grid-template-columns: 17% auto;align-items: start}.CASS-B-main .ITPcheckboxAuthen{padding: 1% 3% 4% !important}}@media screen and (max-width: 900px){h1{font-size: 32px}h2{font-size: 28px}h3{font-size: 24px}h4{font-size: 22px}h5{font-size: 20px}h6{font-size: 18px}.sect-about p{margin-bottom: 4%}.blog-project h5{margin-bottom: 3%}.text-project p{font-size: 14px !important}.text-project{min-height: 225px}.graphic-maps img,.maps-google iframe{height: 290px}.items-pass{grid-template-columns: 60px auto}.blog-pass{padding: 7% 2% 0}.line-name{gap: 10px;top: -81px}.line-name .btn-more{width: 35%}.CASS-B-main .col-md-6.col-sm-12{width: 50%;padding-right: 0;float: left}.head-form{margin-bottom: 3%}.CASS-B-main .checkbox-inline{padding-right: 0 !important}.social-footer a{min-width: 38%}.social-footer li{grid-template-columns: 35px auto}.CASS-B-main .ITPcheckboxAuthen{padding: 0 5% 4% !important;text-align: left !important}}@media screen and (max-width: 480px){div#imagesControl683d3ee2e407da0013192faa,div#mainmenu683d17245740e700131c9dc3>div,div#mainmenu683d1e19e407da0013192af1>div,div#mainmenu683d0884e407da00131926ed>div,div#imagesControl683d10f1d02f4b0013af521c,div#imagesControl683d17c4aa25d20013f07021,div#imagesControl683d24aeaa25d20013f07376{padding: 0 !important}ul#slider683d3ee2e407da0013192faa{margin-bottom: -5px}p{line-height: 24px}p,.form-appointment2 span,.CASS-B-main .form-control{font-size: 15px}.sect-about p{margin-bottom: 6%}.blog-project{padding: 8% 2% 2%;margin-top: -80px}.space-project{padding-top: 55%}.blog-project h5,.blog-project h3,.head-page h6{margin-bottom: 5%}.text-project{min-height: unset}.text-project p,.text-pass p{margin: 0;font-weight: 400}.detail-plan li p{margin-bottom: 1rem}.head-plan.pt-8{padding-top: 12%}.items-pass{grid-template-columns: 50px auto;align-items: start}.line-name .btn-more{margin-left: 0;width: fit-content}.line-name{flex-wrap: wrap;top: -102px}.btn-more img{width: 15px !important}.btn-more{font-weight: 400}div#formdisplay683d1e19e407da0013192af1{margin: 10% 0}.CASS-B-main .checkbox-inline{padding-right: 10px !important}.copy-right p{text-align: center}.footer h6,.text-slogan h3{margin-bottom: 1rem}.head-page{padding: 6% 0}.blog-place{grid-template-columns: repeat(1,1fr);gap: 20px;padding: 0;margin-bottom: 9%;margin-top: 3%}.text-slogan{width: 96%;padding: 8% 4%}.project-detail,.project-two{padding: 0 !important}div#contentnewmode683d445fe407da00131930a5,div#contentnewmode683d46552ce5b80013a05757,div#Component683d5cabe407da00131939dc{display: none}.project-detail .blog-pass{padding: 0}.project-detail h6{margin-bottom: 4%}.project-detail h6,.project-two h6{font-size: 20px}.ITPcookiebar{padding: 3% 2%;display: flex !important}.ITPcookieLeftText{float: unset !important;padding-left: 0 !important;padding-top: 0 !important}.ITPcookieButton{float: unset !important;padding-right: 0 !important;padding-top: 0 !important}.ITPcookieLeftText span{font-size: 12px}.CASS-B-main .ITPcheckboxAuthen{margin-top: -15px}}