.itopplus-background{}@font-face{font-family: "LINE Seed Sans TH";font-weight: normal;src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Rg.otf") format("opentype")}@font-face{font-family: "LINE Seed Sans TH";font-weight: 100;src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Th.otf") format("opentype")}@font-face{font-family: "LINE Seed Sans TH";font-weight: 600;src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Bd.otf") format("opentype")}@font-face{font-family: "LINE Seed Sans TH";font-weight: 800;src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_XBd.otf") format("opentype")}@font-face{font-family: "LINE Seed Sans TH";font-weight: 900;src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_He.otf") format("opentype")}.ITP_newImageClass{display:none}body{overflow-x: hidden;font-family: "LINE Seed Sans TH"}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_02102023i127/0/0/1z-z346873415827.webp')}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_02102023i127/0/0/2z-z1362280334019.webp')}.itopplus-bg3{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_02102023i127/0/0/3z-z1228343897916.webp')}.itopplus-footer{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_02102023i127/0/0/fz-z1678706815895.webp')}.navbar-default .navbar-nav>li>a{color: #fff;margin: 0 5px;padding: 7px 15px}.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: #fff !important;box-shadow: none;border-radius: none;background: transparent;background-color: #bea56d}.dropdown-menu>li>a{color: #000}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #000;background: #e8e8e8}@media screen and (max-width : 992px){.navbar-default .navbar-toggle .icon-bar{background-color: #fff !important;color: #fff !important}#controlMenu,#controlMenu i,#controlMenu li a{color: #fff !important}.navbar-default{background: #23345a}.navbar-header{display: flex;flex-direction: row-reverse;padding: 0 10px}.itopplus-logo img{position: fixed;object-fit: contain;width: 70px !important;top: 8px;left: 15px}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlPosition{margin-top: 3.5%;text-align: right}#controlBanner{object-fit: contain;padding: 15px;width: auto}}@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: 5.5em}h2{font-size: 3.2em}h3{font-size: 2.6em}h4,h3.managerHeader{font-size: 2.2em}h5{font-size: 1.8em}h6,.service-detail li span{font-size: 1.4em}p,.service-detail li,div#Component6551c6aab4651e0012f2f05b textarea.form-control{font-size: 16px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-10{padding-top:10%}.pt-55{padding-top: 55%}.fw-semi{font-weight:600}.fw-medium{font-weight:500}.footer p{font-weight: 300}.logo-footer{width: 70%;margin: auto}.social-footer{display: grid;grid-template-columns: repeat(5,1fr);gap: 10px;width: 70%;margin: auto}.footer{border-bottom: 1px solid #949494;padding-bottom: 3%}.copy-right p{font-family: 'Tenor Sans',sans-serif}.head-section h2,.sect-service h1,.form-more h3,.gallery h3,.service-detail h3{font-family: 'Cormorant Garamond',serif}.head-section,.sect-about,.form-more h3,.contact-page{text-align: center}.sect-about h3,.sect-about h4{font-family: leelawadeeregular;font-weight: 700}.type-service h6,.contact-service h6,h3.managerHeader{font-weight: 600}.sect-about h3,.head-section h2,.text-gold,.gallery h3,.service-detail h3{color: #907448}.sect-about h4{background-image: linear-gradient(45deg,#f9d98b,#dec078);padding: 1%;margin: 0 15%;color: #7c5f30}figure.effect-selena{background: transparent}.sect-service h1,.sect-service h5,.footer h6{color: #bea56d}.sect-service h1{margin: 0}.sect-about p{margin: 2% 0;line-height: 26px}.sect-service hr{width: 150%;border-color: #ffd8a7}.sect-service li{display: grid;grid-template-columns: 9% auto;gap: 20px;align-items: center}.sect-service ul{list-style: none;padding: 0;margin-top: 10%}.sect-service{padding-left: 5%}.form-more span{display: none}div#formdisplay654db4ba7e42bd0013bb72af,div#Component6551c6aab4651e0012f2f05b{background-color: #2b373bd9 !important;padding: 7% 5%}div#formdisplay654db4ba7e42bd0013bb72af .form-control,div#Component6551c6aab4651e0012f2f05b .form-control{border-radius: 0;background-color: transparent;border: none;box-shadow: none;border-bottom: 1px solid #c8c8c8;margin-bottom: 2rem;height: 40px;color: #fff !important}div#formdisplay654db4ba7e42bd0013bb72af input::placeholder,div#Component6551c6aab4651e0012f2f05b input::placeholder,div#formdisplay654db4ba7e42bd0013bb72af textarea::placeholder,div#Component6551c6aab4651e0012f2f05b textarea::placeholder{color: #fff;font-weight: 300;letter-spacing: 0.5px}div#capcha0{display: block !important}div#capcha654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 .col-md-12.col-sm-12:nth-child(1){display: none}div#formdisplay654db4ba7e42bd0013bb72af .col-md-12.col-sm-12{padding: 0}div#capcha654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 .col-md-12.col-sm-12{padding: 0 15px}.boderedlayoutClient{border: none}div#capcha654db4ba7e42bd0013bb72af a#capchatxt{content: " ";color: transparent}div#capcha654db4ba7e42bd0013bb72af a#capchatxt:before{content: "↻ Change Captcha";position: absolute;z-index: 2;color: #fff;font-weight: 400;letter-spacing: 0.5px;font-size: 12px;top: 15px}div#formdisplay654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 .col-md-6.col-sm-12:nth-child(2){padding-left: 30px !important}div#formdisplay654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 .col-md-6.col-sm-12:nth-child(1){padding-right: 30px !important}div#btnview654db4ba7e42bd0013bb72af button{background-color: #bea56d;background-image: none;border-color: #bea56d;color: #fff;text-shadow: none;border-radius: 0}div#btnview654db4ba7e42bd0013bb72af{margin-left: 0;width: 100%;text-align: center}.about-page p{text-align: center;margin-bottom: 2%;line-height: 27px}.Text_seller2{display: none}.project-detail li,.project-detail2 li{display: grid;grid-template-columns: 42px auto;align-items: center;gap: 10px;margin-bottom: 0.5rem}.project-detail ul,.project-detail2 ul,.list-of-free ul,.payment-detail ul,.service-detail ul,.contact-service ul,.contact-page ul,.type-service ul{list-style: none;padding: 0}.post-time,.social-share,.fbcomments,.landingpagemanager{display: none}.list-of-free li{display: grid;grid-template-columns: 42px auto;align-items: center;gap: 10px;margin-bottom: 0.5%}.list-of-free ul{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px}.payment-detail ul{display: grid;grid-template-columns: repeat(2,1fr)}.payment-detail li{display: grid;grid-template-columns: 42px auto;align-items: center;gap: 10px}.gallery h3,.type-service h6,.service-detail h3,.contact-service h6,.contact-page ul{margin-top: 3%;margin-bottom: 2%}div#Component654dade9b70bc0001367c59d .img-thumbnail,div#Component654dade9b70bc0001367c59d .thumbnail{padding: 0;border: none;border-radius: 0;background-color: transparent;box-shadow: none}div#Component654df13a7e42bd0013bb7dee .Contentmanager .site .col-section .item.-micro a .caption .title,.post{display: none}div#Component654df13a7e42bd0013bb7dee .col-md-6{width: 25%;padding: 1%}div#Component654df13a7e42bd0013bb7dee .Contentmanager .site .col-section .item.-micro a .image,div#Component654df13a7e42bd0013bb7dee .Contentmanager .site .col-section .item.-micro a .caption{width: 100%}div#Component654df13a7e42bd0013bb7dee .Contentmanager .site .col-section .item.-micro:nth-child(odd),div#Component654df13a7e42bd0013bb7dee .Contentmanager .site .col-section .item.-micro:nth-child(even){border: none}div#Component654df13a7e42bd0013bb7dee .caption{padding: 0 !important}.pre-project,.pre-service{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_02102023i127/384/0/Layer0z-z273947972880.webp);text-align: center;padding: 3%;background-repeat: no-repeat;background-size: cover}.pre-project p.price,.service-detail li span{color: #dec078}.pre-project p,.pre-service p{color: #fff;margin:1% 0;font-size: 16px}div#Component654df13a7e42bd0013bb7dee .nav-pills>li>a{border-radius: 0;margin: 0 7%;color: #000}div#Component654df13a7e42bd0013bb7dee .nav-pills>li.active>a{background-color: #bea56d;color: #fff}div#Component654df13a7e42bd0013bb7dee .nav-justified>li>a>span{font-size: 16px !important}div#Component654df13a7e42bd0013bb7dee .nav-pills>li:before{content: " ";width: 100%;height: 65%;border-right: 1px solid #000;position: absolute;top: 7px}div#Component654df13a7e42bd0013bb7dee .nav-pills>li:last-child:before{border: none}div#Component654de6acb70bc0001367d05f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,div#Component6551a8f2b70bc0001367e4cf .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,div#Component65518f0f6fb5d80013d965e8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,div#Component65518f4db70bc0001367dd02 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,div#Component6551a915b4651e0012f2ebb5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center{padding: 1% !important}.project-detail,.list-of-free,.payment-detail,.map-detail{background-color: #ffffff;padding: 2rem;border-left: 3px solid #bea56d}.project-detail h5,.project-detail2 h5,.list-of-free h5,.payment-detail h6{color: #907448;font-weight: 600;margin-bottom: 1.5rem}div#Component654dade9b70bc0001367c59d .col-xs-6.col-md-3{width: 33.33%;padding: 0 1%}.project-detail2{width: 50%;background-color: #ffffff;padding: 2rem;border-left: 3px solid #bea56d;margin-top: 1%}.condition{color: #8b8b8b}.project-detail{width: 50%;float: right}.project-detail2 button{background-color: #bea56d;color: #fff;border: none;padding: 0.5rem 2rem;font-size: 14px;margin-bottom: 3%}div#Component654dade9b70bc0001367c59d .col-md-6.pull-left{padding-left: 0;width:60%}.project-detail{width: 50%;float: right;position: absolute;right: -5%;top: 10%}div#Component654de6acb70bc0001367d05f .Contentmanager .template1 .template-panel,div#Component65518f0f6fb5d80013d965e8 .Contentmanager .template1 .template-panel,div#Component65518f4db70bc0001367dd02 .Contentmanager .template1 .template-panel{padding-bottom: 70%}.Textmanager{text-align: left}.pre-service button{background-color: transparent;border: none;font-size: 14px;color: #dec078}.service-detail li{margin-bottom: 1%;gap: 10px;display: flex;align-items: center}.type-service li{display: grid;grid-template-columns: 4% auto;align-items: center;gap: 10px;margin-bottom: 0}.contact-service ul,.contact-page ul{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px}.contact-service li{display: grid;grid-template-columns: 12% auto;align-items: center;gap: 10px;background-color: #fff;padding: 3%;border-left: 3px solid #bea56d}.service-detail h6{text-align: center;background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_02102023i127/384/0/Layer0z-z273947972880.webp);color: #dec078;padding: 2%;background-repeat: no-repeat;background-size: cover;margin-bottom: 2%}.contact-service a,.contact-page a{color:#000}.footer a,.sect-service a{color:#fff}.contact-service a:hover,.contact-page h4,.contact-page a:hover{color:#907448}.footer a:hover,.sect-service a:hover{color:#bea56d}.service-detail{margin-bottom: 1%}.page-header{padding-bottom: 0;margin: 3% 0 -10px;border-bottom: none}h3.managerHeader{color:#1c2d53}.contact-page li{display: grid;grid-template-columns: 12% auto;text-align: left;gap: 10px;align-items: center;background-color: #ffffff;padding: 2%;border-left: 3px solid #bea56d}div#Component6551c6aab4651e0012f2f05b label{font-weight: 400}div#Component6551c6aab4651e0012f2f05b .col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6{margin-left: 0;width: 100%;text-align: center}div#Component6551c6aab4651e0012f2f05b button{background-color: #bea56d;background-image: none;border-color: #bea56d;color: #fff;text-shadow: none;border-radius: 0}div#Component654df13a7e42bd0013bb7dee .pagination{display: none}.social-footer img,.sect-service li img,div#Component654de6acb70bc0001367d05f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img,div#Component65518f0f6fb5d80013d965e8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img,div#Component65518f4db70bc0001367dd02 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img,div#Component6551a8f2b70bc0001367e4cf .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img,div#Component6551a915b4651e0012f2ebb5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img,.contact-service li img,.contact-page li img,div#Component654dade9b70bc0001367c59d .thumbnail img{transition: transform 0.2s ease-out}.social-footer img:hover,.sect-service li:hover img,div#Component654de6acb70bc0001367d05f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .img,div#Component65518f0f6fb5d80013d965e8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .img,div#Component65518f4db70bc0001367dd02 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .img,div#Component6551a8f2b70bc0001367e4cf .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .img,div#Component6551a915b4651e0012f2ebb5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .img,.contact-service li:hover img,.contact-page li:hover img{transform: scale(1.1)}div#Component654dade9b70bc0001367c59d .thumbnail img:hover{transform: scale(1.05)}div#Component654de6acb70bc0001367d05f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img-container,div#Component65518f0f6fb5d80013d965e8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img-container,div#Component65518f4db70bc0001367dd02 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img-container,div#Component6551a8f2b70bc0001367e4cf .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img-container,div#Component6551a915b4651e0012f2ebb5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img-container{overflow: hidden}.project-detail2 ul{margin-bottom: 3%}.ITPcookiebar{width: 100% !important;background-color: #907448ad !important;color: #fff}.buttonExampleSite{border-radius: 5rem !important;border: 1px solid #fff !important;color: #000 !important}.buttonExampleSite:hover{background: #907448 !important;color: #ffffff !important}.ITPlinkToCookiepage:hover{color: #ddd !important}.itpPDPALandingPage,.ITP-pdpa-template-contentFont{font-size: 16px !important;margin-bottom: 3% !important}.project-detail2 button:hover,div#btnview654db4ba7e42bd0013bb72af button:hover,.pre-service button:hover,div#Component6551c6aab4651e0012f2f05b button:hover{background-color: #907448}@media screen and (min-width : 1900px){.navbar-default .navbar-nav>li>a{font-size: 20px}h2{font-size: 3.6em}h5{font-size: 2.2em}div#Component654df13a7e42bd0013bb7dee .nav-justified>li>a>span{font-size: 20px !important}div#formdisplay654db4ba7e42bd0013bb72af input::placeholder,div#Component6551c6aab4651e0012f2f05b input::placeholder,div#Component6551c6aab4651e0012f2f05b textarea.form-control{font-size: 18px !important}.pre-project p,.pre-service p,p,.service-detail li{font-size: 20px}.sect-about p{line-height: 30px}h3{font-size: 3em}h4,h3.managerHeader{font-size: 2.6em}.pt-55{padding-top: 60%}h1{font-size: 6em}h6,.service-detail li span{font-size: 1.8em}div#formdisplay654db4ba7e42bd0013bb72af .form-control,div#Component6551c6aab4651e0012f2f05b .form-control{margin-bottom: 3rem}div#btnview654db4ba7e42bd0013bb72af button,.project-detail2 button,.dropdown-menu>li>a,.pre-service button,div#Component6551c6aab4651e0012f2f05b button,div#Component6551c6aab4651e0012f2f05b label{font-size: 18px}.list-of-free li,.project-detail li,.project-detail2 li,.payment-detail li{grid-template-columns: 50px auto}.service-detail li{margin: 0}}@media screen and (max-width : 1366px){}@media screen and (max-width : 1200px){.pre-project p,.pre-service p{font-size: 16px}.sect-about h4{margin: 0 7%}h1{font-size: 4.5em}div#Component654df13a7e42bd0013bb7dee .pre-project{height: 85px}div#Component654dade9b70bc0001367c59d .col-md-12.text-justify{padding: 0 !important}h5{font-size: 1.6em}h4,h3.managerHeader{font-size: 2em}.about-page br,.sect-about br{display: none}}@media screen and (max-width : 900px){h2{font-size: 2.8em}h5{font-size: 1.4em}h6,.service-detail li span{font-size: 18px}div#Component654df13a7e42bd0013bb7dee .nav-justified>li>a>span{font-size: 14px !important}.pre-project p,.pre-service p{font-size: 14px}div#Component654df13a7e42bd0013bb7dee .pre-project{height: 80px;padding: 3% 6%}div#Component654df13a7e42bd0013bb7dee .nav-pills li{width: 20%}div#Component654df13a7e42bd0013bb7dee .nav-pills{display: flex;justify-content: space-evenly}.sect-about h4{margin: 0 5%}h1{font-size: 4em}.sect-service{padding-left: 0}div#formdisplay654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 .col-md-6.col-sm-12:nth-child(1){padding-right: 0 !important}div#formdisplay654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 .col-md-6.col-sm-12:nth-child(2){padding-left: 0 !important}.list-of-free li,.project-detail li,.project-detail2 li,.payment-detail li{grid-template-columns: 35px auto}div#Component654dade9b70bc0001367c59d .pull-right{width: 50%}.project-detail2 ul{margin-bottom: 6%}h4,h3.managerHeader{font-size: 1.8em}.contact-service ul,.contact-page ul{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px}}@media screen and (max-width : 480px){h2{font-size: 2.2em}h5{font-size: 20px}.pt-5{padding-top: 3%}div#Component654df13a7e42bd0013bb7dee .nav-pills li{flex: 1 1 30%;border: none}div#Component654df13a7e42bd0013bb7dee .nav-pills{flex-wrap: wrap;justify-content: center}div#Component654df13a7e42bd0013bb7dee .nav-pills>li:nth-child(1):before,div#Component654df13a7e42bd0013bb7dee .nav-pills>li:nth-child(3):before{border-left: 1px solid #000}div#Component654df13a7e42bd0013bb7dee .nav-pills>li:last-child:before{border-right: 1px solid #000;border-left: 1px solid #000}div#Component654df13a7e42bd0013bb7dee .col-md-6,div#Component654de6acb70bc0001367d05f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,div#Component6551a8f2b70bc0001367e4cf .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,div#Component65518f0f6fb5d80013d965e8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,div#Component65518f4db70bc0001367dd02 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,div#Component6551a915b4651e0012f2ebb5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center{width: 50%;padding: 2% !important}h3{font-size: 2em}.sect-about h4{margin: 0}h1{font-size: 3em}.sect-service br{display: none}.pre-project p,.pre-service p{font-size: 16px}div#Component654df13a7e42bd0013bb7dee .pre-project{height: 90px}div#tabcateTitle654df1237e42bd0013bb7dad654df13a7e42bd0013bb7dee{padding: 10px !important}.container{padding-right: 0;padding-left: 0}div#Component654dade9b70bc0001367c59d .col-md-6.pull-left,div#Component654dade9b70bc0001367c59d .pull-right{padding: 2%;width: 100%;float: none !important}.project-detail,.project-detail2{width: 100%;float: none;position: static}div#Component654dade9b70bc0001367c59d .col-md-12.text-justify{padding: 0 2% !important}.list-of-free ul,.payment-detail ul,.contact-service ul,.contact-page ul{grid-template-columns: repeat(1,1fr)}div#Component654dade9b70bc0001367c59d .col-xs-6.col-md-3{width: 50%;padding: 0 2%}h4,h3.managerHeader{font-size: 1.6em}.type-service li,.contact-service li,.contact-page li{grid-template-columns: 10% auto}.service-detail h6{padding: 4% 2%;margin-top: -5px}.type-service h6,.contact-service h6{margin-top: 5%;margin-bottom: 3%}.about-page{margin-bottom: 6%}.sect-about h4{padding: 3% 1%}.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}div#Component6551c6aab4651e0012f2f05b .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6{width: 100% !important;margin-left: 0}#Contentmanager .template1{display: grid;grid-template-columns: repeat(2,1fr)}#Contentmanager .template1 > div{width: 100% !important}.pre-service{min-height: 85px}}