.itopplus-background{}body{overflow-x: hidden;color: #444;font-family: "LINE Seed Sans TH"}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_29022024j8kb/0/0/1z-z1740788239466.jpg")}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_29022024j8kb/0/0/2z-z1073442708739.jpg")}.itopplus-bg4{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_29022024j8kb/0/0/3z-z1397209088705.jpg")}.navbar-default .navbar-nav > li > a{color: #444;margin: 0 10px;padding: 8px 15px;border-radius: none;border-bottom: 3px solid transparent}.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active,.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover{color: #444 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.dropdown-menu > li > a{color: #444}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #18a9e1}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 5px;left: 10px;width: 45px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#itpMenuSideBar span{background-color: #000 !important}#controlMenu *{color: #000 !important;border: none}.navbar-header > a::after{display: grid !important;content: "";background: #18a9e1;border-radius: 50%;width: 35px;aspect-ratio: 1;z-index: -1}.navbar-header > a{display: grid !important;place-items: center;place-content: center;background-size: 35px;background-repeat: no-repeat;background-position: center;height: 50px !important;width: 40px !important}#itpphonemobile{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/telz-z555807927326.png) !important}#itpsearchmobile{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/searchz-z1550057493030.png) !important}.old-image-icon-facebook{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/fbz-z1306469976463.png) !important}.old-image-icon-line{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/linez-z468194837558.png) !important}.old-image-icon-instragram{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/igz-z261562755399.png) !important}.old-image-icon-youtube{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/ytz-z1709509823553.png) !important}.new-image-icon-twitter{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/twz-z1451700767745.png) !important}}@media screen and (min-width: 1024px){.itopplus-banner > .container{display: grid;grid-template-columns: 15% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: 0.3s}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px;width: clamp(140px,80%,20vw);margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}.itp-block{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-evenly;height: 100%}.itopplus-search{width: 100%;text-align: right;color: #444}}@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,.dropdown-menu > 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{font-size: 16px}.footer h6{font-size: 18px}.sect-about h2{font-size: 4.5em}.blog-service h6{font-size: 22px}.btn-more,div#Component6811e1b8065299001300c540 button{font-size: 14px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-8{padding-top:8%}.social-head img,.social-footer img{width: 35px !important}.social-head,.social-footer{display: flex;gap: 10px;justify-content: end}.social-footer{justify-content: center}.logo-footer{width: 70%;margin: auto;margin-bottom: 3%}.copy-right{text-align: center;padding: 2% 0;border-top: 1px solid #fff;margin-top: 3%}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height: inherit;margin: 0}.sect-why,.sect-service{text-align: center}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5,.about-one h6,.about-two h4,.sect-why h6,.blog-service h6,.head-more h6,.pre-three-D h6,.contact-page h6{font-weight: 600}.sect-about h5{font-weight: 400}.footer h6{margin-bottom: 1rem;min-height: 25px;font-weight: 600}.pt-space{padding: 28%}.CASS-A-middle-mid,.CASS-D-middle-mid,.CASS-B-middle-mid{padding: 0}.CASS-A-middle-right,.CASS-A-middle-left,.dropdown-menu,.CASS-A-bottom,.CASS-A-top,figure.effect-oscar figcaption::before,figure.effect-jazz figcaption::after,.boderedlayoutClient,.CASS-B-border{border: none}.CASS-A-main{box-shadow: none}figure.effect-jazz,figure.effect-oscar,.CASS-D-border,.CASS-B-border{background: transparent}.sect-about{padding-top: 13%;width: fit-content}.sect-about h3{font-size: 6em;text-align: right}.sect-about h1{font-size: 11em;line-height: 0}.sect-about h1,.sect-about h3,.pt-space h2{font-family: "Onest",sans-serif}.sect-about h5,.sect-about h1,.sect-about h3,.sect-why,.sect-service{color: #000}.sect-about h2,.about-one h6,.about-two h4,.house-detail h5,.contact-page h6,.contact-page a:hover{color: #18a9e1}.text-orange{color: #ff5e14}.sect-why p,.contact-page a{color: #444}.sect-branch li{padding-right: 15px;position: relative}.sect-branch li::after{content: "|";position: absolute;top: 2px;right: 0}.sect-branch li:nth-child(6)::after,h3.managerHeader,.sect-branch li:last-child::after{display: none}.sect-branch ul{list-style: none;padding: 0;display: flex;flex-wrap: wrap;gap: 10px 18px}.sect-branch h5,.about-one h6,.about-two h4,.contact-page h6{margin-bottom: 1rem}.sect-why h6,.sect-service{margin-bottom: 2rem}.sect-branch{padding-top: 13%;padding-left: 8%}.about-one{padding-left: 15%;padding-top: 5%}p{line-height: 26px}.about-two{padding-right: 18%;padding-top: 8%}.about-one p,.about-two p{text-align: justify}.pt-space h2{line-height: 0;font-size: 8em;position: relative;top: 8px}.pt-space{padding: 20px 50px;background: #18a9e1;width: fit-content;color: #Fff;border-radius: 50px 0 0 0;margin: auto;margin-right: -13%;margin-top: 45%}.sect-why,.house-detail h5{margin-bottom: 3%}.items-why{background: #18a9e1;padding: 15% 8%;border-radius: 30px;color: #fff}.blog-why{display: grid;grid-template-columns: repeat(5,1fr);text-align: center;gap: 25px}.icon-why{width: 55%;margin: auto;margin-bottom: 8%}.CASS-D-main figcaption{padding: 0 !important;position: relative !important;text-transform: none !important;text-align: left !important}figure.effect-jazz h2,figure.effect-jazz p,figure.effect-jazz:hover h2,figure.effect-jazz:hover p{-webkit-transform: inherit;transform: inherit}figure.effect-jazz h2{padding-top: 0;-webkit-transition: inherit;transition: inherit}.grid figure h2{word-spacing: unset;font-weight: unset;font-size: initial}figure.effect-jazz p{padding: 0;font-size: inherit}.grid figure p{letter-spacing: unset}figure.effect-jazz p,figure.effect-jazz img,figure.effect-jazz:hover img{opacity: 1}.blog-service p{color: #444}.icon-service{width: 30%;margin-top: -75px;margin-bottom: 5%}.blog-service{background: #fff;color: #000;padding: 7% 5%;border-bottom: 5px solid #18a9e1;min-height: 185px;margin-bottom: 5%}.logo-design{margin-bottom: 10%}.btn-more{width: fit-content;background: #016cbf;color: #fff;padding: 0.75rem 1.5rem;margin: auto;transition-duration: 0.2s}.sect-design{width: 27%;text-align: center;margin-top: 12%;margin-bottom: 43%}div#background6811a4ee6007080013ff3647 figcaption,div#background683ad2922ce5b80013a049fc figcaption{background: #00000054;padding: 0 !important;width: 100%;height: 100%;top: 0;left: 0;text-transform: none !important;position: absolute !important;border-radius: 25px;text-align: center !important}figure.effect-oscar:hover h2{-webkit-transform: inherit;transform: inherit}div#background6811a4ee6007080013ff3647 figure,div#background683ad2922ce5b80013a049fc figure{border-radius: 25px;overflow: hidden}.head-port{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%}.blog-port{display: grid;grid-template-columns: repeat(3,1fr);gap: 25px}figure.effect-oscar h2{margin: 0;-webkit-transition: inherit;transition: inherit;-webkit-transform: inherit;transform: inherit}.items-port{display: grid;grid-template-columns: 30% auto;align-items: center;gap: 20px;background: #fff;padding: 6%;border-radius: 20px;color: #444}div#background6811a4ee6007080013ff3647,div#background683ad2922ce5b80013a049fc{width: 83%}.eapps-widget-toolbar{display: none !important}.head-page{background: #ecf4f7;text-align: center;padding: 2%;color: #18a9e1}.name-port{margin-bottom: 2%;text-align: center;color: #18a9e1}div#background6811abd371ad8900138b7c20 .blog-service{background: #f5f5f7}.Text_seller2,.post-time,.landingpagemanager{display: none}.social-icon{border-radius: 5px}.Textmanager{display: flow-root;text-align: left}div#Contentmanager .img-thumbnail,div#Contentmanager .thumbnail{padding: 0;border: none;box-shadow: none}.items-space{display: grid;grid-template-columns: 35px auto;align-items: center;gap: 10px;margin-bottom: 1rem}.pe-8{padding-left: 6%}.page-header{padding-bottom: 0;margin: 3% 0 0;border-bottom: none}div#Contentmanager .col-md-12.text-justify{padding: 0}.head-more hr{width: 38%;margin: 0;border-color:#d5d5d5}.head-more{display: flex;justify-content: center;align-items: center;gap: 20px}.social-cont{display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;margin-top: 3%}.items-cont{display: grid;grid-template-columns: 30px auto;align-items: center;gap: 15px;background: #f5f5f7;padding: 10px;border-radius: 20px;transition: all 0.2s ease-out}.items-cont a{color: #444}ol.carousel-indicators.hidden{display: block !important;visibility: visible !important}.carousel-indicators li,.carousel-indicators .active{margin: 0 !important;margin-right: 5px !important;width: 12px !important;height: 12px !important;border: 1px solid #18a9e1 !important}.carousel-indicators{bottom: -25px !important}.carousel-indicators .active{background-color: #18a9e1 !important}.house-detail{padding-top: 5%}.pre-three-D .btn-more{margin-left: 0}.pre-three-D{padding: 5%;text-align: left;color: #444;background: #f5f5f7}.pre-three-D h6{margin-bottom: 1.5rem}.template1{display: grid;grid-template-columns: repeat(3,1fr);gap: 25px}.template1 .col-md-4.col-sm-4.col-xs-12{padding: 0 !important;width: 100%}.footer a{color: #fff}.footer a:hover{color: #10457c}.contact-page li{display: grid;grid-template-columns: 35px auto;gap: 10px;margin-bottom: 2%;align-items: baseline}.contact-page ul{list-style: none;padding: 0}.contact-page{padding-left: 8%}.tel-cont{display: grid;grid-template-columns: repeat(2,1fr);gap: 15px}ul.page-cont p{margin: 0}.pt-contact{padding: 18%}.form-contact{width: 50%;text-align: center;margin: auto;background: #ffffffd1;padding: 3% 3% 1%;border-radius: 25px 25px 0 0}div#Component6811e1b8065299001300c540{width: 50%;margin: auto;background: #ffffffd1;padding: 1% 5% 3%;border-radius: 0 0 25px 25px}div#Component6811e1b8065299001300c540 .col-xs-12.col-sm-3.col-md-3{display: none !important}div#Component6811e1b8065299001300c540 .col-xs-12.col-sm-6.col-md-6{width: 100%}div#Component6811e1b8065299001300c540 .form-control{box-shadow: none;height: 40px;border-radius: 0;border: none;border-bottom: 1px solid #c7c7c7;background: transparent}div#Component6811e1b8065299001300c540 .col-md-offset-3{margin: 0;text-align: center;width: 100%;margin-top: 3%;padding: 0}div#Component6811e1b8065299001300c540 button{width: fit-content;background: #016cbf;color: #fff;margin: auto;text-shadow: none;border: none;border-radius: 0;padding: 0.75rem 2rem;transition-duration: 0.2s}.social-head img,.social-footer img,.items-why,.icon-port img,.img-container .img,.icon-space img,.contact-page li img{transition: transform 0.2s ease-out}@media screen and (min-width: 1023px){.social-head img:hover,.social-footer img:hover,.items-why:hover,.items-port:hover img,.template1 .col-md-4.col-sm-4.col-xs-12:hover .img,.items-space:hover img,.contact-page li:hover img{transform: scale(1.05)}.btn-more:hover,.template1 .col-md-4.col-sm-4.col-xs-12:hover .btn-more,div#Component6811e1b8065299001300c540 button:hover{background: #18a9e1}.items-port:hover,.items-cont:hover{background: #016cbf;color: #fff}div#Contentmanager .img-container{overflow: hidden}.items-cont:hover a{color: #fff}}.footer{padding-top: 8%}.footer.pe-20{padding-left: 16%}.ITPcookiebar{width: 100% !important;background-color: #006b9569 !important;color: #fff}.buttonExampleSite{border-radius: 0 !important;border: 1px solid #006b9569 !important;color: #171717 !important}.buttonExampleSite:hover{background: #18a9e1 !important;color: #ffffff !important}.ITPlinkToCookiepage:hover{color: #18a9e1 !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}.Contenemanager-gallery .col-xs-6.col-md-3{padding: 0 1%;width: 33.33%}.port-page .items-port{grid-template-columns: 25% auto}.CASS-B-main .CustomImageGalleryType_2{column-count: 3;display: inline-block !important;gap: 20px}@media screen and (min-width: 1900px){.navbar-default .navbar-nav>li>a,.dropdown-menu > 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{font-size: 20px}.footer h6{font-size: 22px}.sect-about h2{font-size: 5em}.blog-service h6{font-size: 26px}.btn-more,div#Component6811e1b8065299001300c540 button{font-size: 18px}.sect-about h3{font-size: 6.4em}.sect-about h1{font-size: 15em}.pt-space h2{font-size: 10em;top: 8px}.social-head img,.social-footer img{width: 40px !important}.sect-branch{padding-top: 14%;padding-right: 14%}.sect-branch ul{gap: 15px 18px}.sect-branch li{padding-right: 20px}.sect-branch li::after{top: 6px}p{line-height: 32px}.about-one{padding-left: 15%;padding-top: 8%;padding-right: 9%}.about-two{padding-right: 20%;padding-top: 11%;padding-left: 6%}.pt-space{padding: 30px 90px;margin-right: -9%}.icon-why{width: 48%}.icon-service{width: 25%;margin-top: -100px}.text-service p{font-size: 20px !important}.blog-service h6{margin-bottom: 0.5rem}.blog-service{min-height: 230px}div#background6811a4ee6007080013ff3647,div#background683ad2922ce5b80013a049fc{width: 79%}.sect-service{margin-bottom: 3rem}.logo-footer{width: 55%}.sect-design{width: 23%;margin-top: 14%;margin-left: 3%;margin-bottom: 40%}.items-port{border-radius: 25px;padding: 5%}.items-space{margin-bottom: 1.5rem}.items-cont{grid-template-columns: 40px auto;gap: 10px}.contact-page li{grid-template-columns: 40px auto}.contact-page h6{font-size: 32px}.contact-page{padding-top: 5%}.contact-page ul{margin-top: 3%}div#Component6811e1b8065299001300c540 .form-control{font-size: 18px !important;margin-bottom: 1rem}.ITP-pdpa-template-titleFont{font-size: 26px !important}.ITP-pdpa-template-contentFont{line-height: 34px;font-size: 18px !important}.port-page .items-port{grid-template-columns: 22% auto}.port-page br{display: none}}@media screen and (max-width: 1366px){.pt-space{margin-right: -6%}}@media screen and (max-width: 1200px){h1{font-size: 3.8em}h2{font-size: 3em}h3{font-size: 2.6em}h4{font-size: 2.2em}h5{font-size: 1.8em}h6{font-size: 1.4em}.sect-about h1{font-size: 9em}.sect-about h2{font-size: 4.2em}.sect-branch{padding-left: 0}.sect-branch ul{gap: 10px 12px}.sect-branch li{padding-right: 18px}.about-one{padding-left: 8%;padding-top: 0}.about-two{padding-right: 7%;padding-top: 5%}.pt-space{margin-right: -5%}br{display:none}.icon-why{margin-bottom: 10%}.icon-service{margin-top: -60px}.blog-service h6{font-size: 20px}.blog-service{min-height: 190px}.sect-design{width: 25%;margin-bottom: 35%}.footer.pe-20{padding-left: 5%}.house-detail{padding-top: 2%}.items-cont{gap: 10px}.contact-page li{grid-template-columns: 30px auto}.port-page .items-port{grid-template-columns: 22% auto}}@media screen and (max-width: 900px){div#contentnewmode6810ae30b4fd7c0013bcc837{display: none}h1{font-size: 40px}h2{font-size: 36px}h3{font-size: 32px}h4{font-size: 26px}h5{font-size: 22px}h6{font-size: 18px}.sect-about h1{font-size: 8em}.sect-branch{padding-left: 8%}.sect-branch li{padding-right: 15px}.sect-branch li:nth-child(6)::after{display: block}.sect-branch li:nth-child(4)::after,.sect-branch li:nth-child(9)::after,div#background68143a2c6f714a0013bf9c24,div#background68143dc5f5783e0012abb4f9{display: none}.sect-about h2{font-size: 3.8em}.about-two{padding-top: 0}.sect-why{width: 82%;margin: auto;margin-bottom: 3%}.icon-service{margin-top: -50px;width: 35%}.blog-service{min-height: 180px}div#background6811a4ee6007080013ff3647,div#background683ad2922ce5b80013a049fc{width: 90%}.blog-why{gap: 20px}.sect-design{width: 25%;margin-bottom: 30%;margin-left: 6%}.blog-port{gap: 15px}.copy-right{margin-top: 0}.pre-three-D h6{min-height: 55px;margin-bottom: 1rem}div#Contentmanager .col-md-6.pull-left,div#Contentmanager .col-md-6.pull-right{float: none !important;width: 100%}.pe-8{padding-left: 0}div#Contentmanager .col-md-12.text-justify{padding: 0 2%}.head-more hr{width: 25%}.blog-space{display: flex;gap: 30px;justify-content: center;flex-wrap: wrap}.house-detail h5{text-align: center}.house-detail{padding-top: 4%}.head-more{margin: 2% 0 4%}div#background6811d4df1570a000131d7494 .col-md-3.col-sm-4.col-xs-4{width: 25%}.tel-cont{grid-template-columns: repeat(1,1fr);gap: 10px}div#Component6811e1b8065299001300c540 button{margin-top: 5%}div#cookie6811e1b8065299001300c540{text-align: left;padding: 0 2% 5%}.port-page .items-port{gap: 10px}}@media screen and (max-width: 480px){h1{font-size: 36px}h2{font-size: 32px}h3{font-size: 28px}h4{font-size: 22px}h5{font-size: 20px}div#imagesControl6810adfc2cae9d00131162a3,div#imagesControl6811a4ee6007080013ff3647,div#mainmenu6811d4a271ad8900138b822a>div,div#mainmenu6811e369f5783e0012abad37>div{padding: 0 !important}.sect-about h2{font-size: 40px}.sect-about h3{line-height: 30px}.sect-branch,.about-one,.about-two,div#Contentmanager .col-md-6.pull-left,div#Contentmanager .col-md-6.pull-right,.contact-page{padding: 0}.sect-branch ul{gap: 10px}.sect-branch li:nth-child(4)::after,.sect-branch li:nth-child(9)::after,div#background68143a2c6f714a0013bf9c24,.pt-space br,div#background68143dc5f5783e0012abb4f9{display: block}.CASS-A-border,.CASS-D-border{margin: -10px}.about-one{margin-bottom: 8%}.about-one p,.about-two p{text-align: left}.pt-space{margin-right: -5%;padding: 20px 30px;border-radius: 33px 0 0 0}.blog-why{grid-template-columns: repeat(1,1fr);padding: 0 2%}.icon-why{width: 100%;margin: 0}.items-why{display: grid;grid-template-columns: 20% auto;padding: 4%;text-align: left;gap: 15px;align-items: center;border-radius: 20px}p{line-height: inherit}.pt-8{padding-top: 12%}.sect-why{width: 100%;margin-bottom: 5%}.icon-service{margin-top: -60px;width: 25%;margin-bottom: 3%}.blog-service{min-height: unset;margin-bottom: 3%}.sect-design{width: 38%;margin-bottom: 20%;margin-left: 0}.logo-design{margin-bottom: 12%}div#background6811a4ee6007080013ff3647,div#background683ad2922ce5b80013a049fc{width: 100%}.head-port{text-align: center;color: #fff}div#background6811a4ee6007080013ff3647 .thumbs,div#background683ad2922ce5b80013a049fc .thumbs{margin-bottom: 0}.head-port h4{font-size: 32px}.blog-port{grid-template-columns: repeat(1,1fr);gap: 20px;margin-top: 20px}.items-port{grid-template-columns: 20% auto;padding: 4%;gap: 15px}.template1{gap: 20px;grid-template-columns: repeat(1,1fr)}.pre-three-D h6{min-height: unset}.blog-space{display: block;padding-left: 5%}.house-detail h5{text-align: left;margin-bottom: 5%}.items-space{grid-template-columns: 30px auto;margin-bottom: 1.5rem}.social-share{top: 0}.head-more hr{width: 16%}.head-more{margin-top: 0;margin-bottom: 6%}.social-cont{display: block}.items-cont{margin-bottom: 4%}.head-page{padding: 4% 0}.head-page h3{font-size: 24px}.contact-page ul{margin-top: 5%}.contact-page li{gap: 15px;margin-bottom: 3%}.form-contact{width: 100%;padding: 5% 3% 1%}div#Component6811e1b8065299001300c540{width: 100%;padding: 1% 5% 3%}.ITPcookiebar{padding: 3%;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: 14px}.port-page .items-port{background: #f5f5f7}.CASS-B-main .CustomImageGalleryType_2{column-count: 1}}