.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #444;font-family: "DM Serif Display","Noto Sans Thai";background-color: #f1f2f7}a{color: #444444}a:hover{color: #b6a2e0}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_29022024oig1/0/0/2z-z238300337961.jpg");background-size: cover;background-attachment: fixed}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_29022024oig1/0/0/3z-z1055223006631.jpg")}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #000000;margin: 0 10px;padding: 8px 15px;border-radius: none}.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: #000000 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;color: #444;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #b6a2e0}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 15px;left: 10px;width: 145px !important;z-index: 10000}.navbar-header>a{height: 40px !important;width: 33px !important}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#itpMenuSideBar span{background-color: #000 !important}#controlMenu *{color: #000 !important;border: none}#itpphonemobile{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_29022024oig1/0/0/telz-z1351881520504.png) !important}.old-image-icon-facebook{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_29022024oig1/0/0/facebookz-z845970630112.png) !important}.old-image-icon-line{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_29022024oig1/0/0/linez-z389301375064.png) !important}.old-image-icon-instragram{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_29022024oig1/0/0/igz-z1182419383551.png) !important}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 20% auto;align-items: center;height: 110px}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: rgb(255 255 255 / 100%);transition: 0.3s}.itopplus-sticky{background: rgb(255 255 255 / 100%) !important}#controlBanner{object-fit: contain;padding: 15px;width: clamp(160px,15vw,280px);margin: 0 auto}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}}.h1,h1{font-size: 4em;font-weight: bold}.h2,h2{font-size: 3em;font-weight: 600}.h3,h3{font-size: 1.5em;font-weight: 600}.h4,h4{font-size: 1.2em}.h5,h5{font-size: 1.1em}.boderedlayoutClient{border-top: 0px dashed transparent;border-left: 0px dashed transparent;border-right: 0px dashed transparent;border-bottom: 0px dashed transparent}ol,ul{margin-top: 10px;margin-bottom: 10px}.itopplus-footer{font-size: 14px;line-height: 1.6}.itopplus-footer h4{font-size: 1.15em;font-weight: 600;margin: 0px 0 5px;color: #000}.itopplus-footer a{color: #444444}.itopplus-footer a:hover{color: #aa81ff}.footer-logo{width: 32%;margin: 0 auto}.footer-icon-img{width: 43%;display: flex;gap: 5px;justify-content: center;margin: 20px auto 10px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.8em;margin: 15px 0 10px;text-align: center;font-family: "Montserrat",serif}.footer-pd{padding: 0 0 0 5%}.footer-contact-pd{padding-top: 5%;display: grid;grid-template-columns: auto 30%;gap: 10px;align-items: center}.footer-menu{padding: 0 0 0 40%;line-height: 1.9}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #b6a2e0 !important;color: #b6a2e0 !important;font-family: "Noto Sans Thai",sans-serif !important}.buttonExampleSite:hover{background: #b6a2e0 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;padding-bottom: 0rem !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 5% 2% 2%}.about-us{text-align: center;padding: 10% 15% 0;line-height: 1.4}.about-border{border-bottom: 2px solid #cfcfcf;border-top: 2px solid #cfcfcf;padding: 3% 0;margin: 0 auto 3%}.about-border h3,.about-us2 h3{color: #000000;margin: 0;font-size: 2em;font-weight: 400}.about-border h1,.about-border h2{font-weight: 400;margin: 0;color: #000}.about-border h1{font-family: "Allura",cursive;font-size: 4.3em}.about-border h2{font-size: 1.5em;font-weight: 600}.about-border h2,.about-us2 h2{line-height: 1.3}.padding-pd{padding: 2%}.menu-align{text-align: center;padding: 7% 0 2%}.menu-align h2{color: #000;font-weight: 400}.menu-align h2 span{}.imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.imageWidth.imageGallery:hover{transform: scale(1.1)}.imgLightbox{position: relative!important;overflow: hidden!important;width: 100%!important}.portfolio-block{text-align: center;padding: 10% 0}.portfolio-block h3{color: #000;margin: 0 0 20px}.btn-more{background: #e2e1e5;color: #000;border: none;padding: 8px 12px;font-size: 0.9em;transition: 0.5s}.btn-more:hover,.thumbs:hover .btn-more,article.col-md-6.item.-micro:hover .btn-more{background: #b6a2e0;color: #fff}.service-block{display: grid;grid-template-columns: repeat(4,1fr);padding-bottom: 12%}.service-icon{border-right: 2px solid #bbb9d7;padding: 0 10%;text-align: center}.service-icon img{width: 25% !important;margin: 0 auto 10px}.service-icon h4{color: #000;font-weight: 600;margin: 10px 0 5px}ul#slider67b7eb029d2a2f00145dad1d{margin: 7% auto 2%}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}figure.effect-oscar{background: transparent}figure.effect-oscar figcaption{padding: 1em;background-color: rgba(58,52,42,.0)}figure.effect-oscar:hover figcaption{padding: 1em;background-color: rgba(255,255,255,.5)}.grid figure h2{word-spacing: normal;font-weight: 400}.grid figure h2 span{font-weight: 400}figure.effect-oscar h2{margin: 1% 0 10px 0 !important;-webkit-transition: -webkit-transform .35s;transition: transform .35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,0%,0);font-size: 1.3em;text-align: left;color: rgba(0,0,0,5);text-transform: uppercase}figure.effect-oscar figcaption::before{border: 0px solid #fff}.d-perspective span{}.perspective-block{white-space: pre-line;text-align: center;color: #000;padding: 3% 0 8%}.site-work{background: rgba(0,0,0,.5);color: #fff;width: 40%;padding: 15% 6%;margin: 0 0 0 auto}.site-work h2{margin: 0 0 10px;font-weight: 400}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 6em 8em 2em !important;width: 100%;opacity: 1;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0,0);text-align: left;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.9) 100%);text-transform: initial;color: #fff;font-weight: 400}figure.effect-sadie figcaption::before{z-index: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0)}.grid figure p{letter-spacing: 0px;font-size: 0.9em}figure.effect-sadie h2{top: 57%;left: 10%;width: 100%;color: #ffffff;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0);font-size: 2.3em}figure.effect-sadie:hover h2{-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0)}.gallery-name{display: grid;grid-template-columns: 90% auto}.vdo-block{text-align: center;padding: 2% 0 7%}.padding-pd2{padding: 5%}.eapps-widget-toolbar{display: none}.about-us2{width: 80%;text-align: center;padding: 10% 5%;line-height: 1.4;background: rgba(212,211,227,.9);color: #000;margin: 3% auto}.about-us2 .about-border{border-bottom: 2px solid #444;border-top: 2px solid #444}.col-section{}article.col-md-6.item.-micro{width: 33.33%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px}.Contentmanager .site .col-section .item.-micro:nth-child(odd){border-right: solid 0px #e8e6e8;border-bottom: solid 0px #e8e6e8}.Contentmanager .site .col-section .item.-micro:nth-child(even){border-bottom: solid 0px #e8e6e8}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;border: 0px solid #eee;border-radius: 0px}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;padding-left: 0;padding: 7% 0}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.5em;font-weight: 500;color: #000;padding: 0% 0%;text-align: center;height: 40px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #000}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption .time{text-align: center}h3.managerHeader{font-size: 2.8em;font-weight: 500;color: #000;text-align: center}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{padding: 0;width: 50%;margin: 0 4% 0 0}.col-md-6.pull-right{padding: 0;width: 50%;margin: 0 0 0 4%}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h4{font-weight: 600;margin: 25px 0 5px;line-height: 1.3}.Textmanager.font-inherit h3{font-weight: 600;margin: 10px 0 10px;font-size: 1.4em}.Textmanager.font-inherit p{margin: 0 0 0px}.Textmanager.font-inherit strong{font-weight: 600}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 33.33%;padding: 10px 15px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #eee;border-radius: 0px;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover,.contenemanager-gallery .thumbnail:hover{transition: 0.3s}.Contenemanager-gallery .thumbnail,.img-thumbnail,.contenemanager-gallery .thumbnail,.img-thumbnail{-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);box-shadow: 0 0 0 rgba(0,0,0,.075);border-radius: 0px;transform: scale(1.0) !important}#Contentmanager img.img-responsive{border-radius: 0px;position: relative !important;overflow: hidden !important;width: 100% !important;transition: 0.5s}#Contentmanager img.img-responsive:hover{transform: scale(1.1)}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color: transparent}#Contentmanager .thumbnail{background-color: #fff;position: relative !important;overflow: hidden !important;border: 1px solid #eee;padding: 0px !important;box-shadow: none !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.col-section .row.flex{justify-content: center}.service-pd{padding: 6% 0}.contact-block{text-align: center;padding: 1% 0}.contact-block h4{font-weight: 600;color: #000;margin: 0 0 5px}.btn-tel{background: #b6a2e0;color: #fff;border: none;display: grid;grid-template-columns: 23px auto;gap: 10px;padding: 13px 20px;border-radius: 50px;font-size: 1.1em;align-items: center;margin: 10px auto 20px}.btn-tel a{color: #fff}.contact-bg{display: flex;grid-template-columns: repeat(3,1fr);gap: 20px;flex-wrap: wrap;justify-content: center;width: 100%}.contact-bg a{width: 30%}.contact-icon{text-align: center;background: transparent;border: 1px solid #bbb9d7;color: #000;padding: 5%;transition: 0.5s}.contact-icon:hover{background: #d4d3e3;color: #000}.contact-bg img{width: 20% ! IMPORTANT}.contact-icon h4{font-weight: 500;color: #000;margin: 20px 0 5px}#iframe67b82a3280f7ef001316c740{margin-bottom: -7px}.CASS-H-head,.CASS-H-head{font-family: "Noto Sans Thai",sans-serif}.CASS-H-main{background: transparent}.CASS-H-head{border-bottom: none;margin-bottom: 0px;background: transparent;padding-left: 0px;padding-top: 0px}.CASS-H-head h3.form-inline{font-size: 2.9em;font-weight: 500;text-align: center;margin: 0 0 5px}.CASS-H-border .form-control{border: none;background-color: transparent;border-bottom: 1px solid #c9c9c9;border-radius: 0px !important;-webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);font-size: 0.9em !important;padding: 23px 0;font-weight: 400;color: #fff !important}.CASS-H-border .form-control::placeholder{color: #fff !important}.CASS-H-border .form-control:hover{border-bottom: 1px solid #d4d3e3}.CASS-H-border .form-control:focus{border-bottom: 1px solid #d4d3e3;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,0);color: #fff!important}.CASS-H-border .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #e2e1e5;color: #000;text-shadow: 0 0px 0 #e2e1e5;background-repeat: repeat-x;border-color: #0000;border-radius: 0px;padding: 8px 20px;font-weight: 500;font-size: 0.9em;border: 0px solid #fff;box-shadow: none}.CASS-H-border .btn-default:active{background-color: #e2e1e5;color: #000}.CASS-H-border .btn-default:hover,.CASS-H-border .btn-default:focus{background-position: 0 0px;background-color: #e2e1e5;color: #000}.CASS-H-border .ITPcheckboxAuthen{font-size: 0.9em;color: #fff;text-align: left !important}.CASS-H-border{width: 50%;background: rgba(0,0,0,.7);color: #fff;margin: 5% auto;padding: 5%}.CASS-H-border label.col-xs-12.col-sm-3.col-md-3.control-label{display: none !important}.CASS-H-border .col-xs-12.col-sm-6.col-md-6{width: 100%}.CASS-H-border .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6{width: 100%}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #ad9bd1;border-color: #ad9bd1}.pagination>li>a,.pagination>li>span{color: #ad9bd1}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #ad9bd1;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}#iframe67b82a3280f7ef001316c740{margin-bottom: -9px}}@media only screen and (max-width:1191px){.itopplus-banner .container{height: 90px}.about-us{padding: 10% 8% 0}figure.effect-sadie h2{left: 5%}figure.effect-sadie p{padding: 6em 3em 2em !important}.gallery-name{grid-template-columns: 88% auto}.itopplus-footer{font-size: 12px}.about-us2{padding: 10% 5%;width: 95%}.CASS-H-head h3.form-inline{font-size: 2.3em}}@media only screen and (max-width:900px){.about-us{padding: 10% 5% 0}figure.effect-oscar h2{font-size: 1.1em}figure.effect-sadie p{padding: 6em 1em 2em !important}.gallery-name{grid-template-columns: 85% auto}figure.effect-sadie h2{left: 3%}.about-us2{padding: 10% 4%;width: 100%}.itopplus-banner .container{height: inherit}.CASS-H-head h3.form-inline{font-size: 1.7em}.itopplus-bg2{background-attachment: inherit}ul#slider68147500065299001300d4da{margin: 7% 0 2%}.h1,h1{font-size: 3.8em}ul#slider68147500065299001300d4da{display: none}.about-border{font-size: 0.85em}}@media only screen and (max-width:480px){#imagesControl67b6d98ea288b500131c57c4{padding: 0 !important}.service-block{grid-template-columns: repeat(1,1fr)}.service-icon{border-right: 0px solid #bbb9d7;padding: 0 10% 10%}.about-us{padding: 10% 0% 0}.about-border h1{font-size: 2.1em;margin: 5px 0;line-height: 1.2}.perspective-block{white-space: inherit}.itopplus-bg2{background-attachment: inherit}.site-work{width: 100%;padding: 20% 5%}figure.effect-sadie p{padding: 6em 1em 1em !important}figure.effect-sadie h2{left: 5%;font-size: 1.5em}.gallery-name{grid-template-columns: 65% auto}figure.effect-sadie h2{left: 5%;font-size: 1.5em;top: 69%}article.col-md-6.item.-micro{width: 100%}.col-section{padding: 0 5%}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%;padding: 10px 0px 0}.btn-tel{grid-template-columns: 20px auto;gap: 5px;padding: 13px 12px;font-size: 1em;width: 100%;justify-content: center}.contact-bg{grid-template-columns: repeat(1,1fr)}.contact-bg img{width: 18% ! IMPORTANT}.CASS-H-border{width: 100%;padding: 10% 5%}.about-border h2,.about-us2 h2{font-size: 1.1em;line-height: 1.3}.h2,h2{font-size: 1.7em;font-weight: 600}.btn-more{font-size: 0.7em}.h3,h3{font-size: 1.2em;font-weight: 600}.about-border h3,.about-us2 h3{font-size: 1.7em}div#imagesControl68147500065299001300d4da{padding: 0 !important}ul#slider68147500065299001300d4da{display: block}.about-us2 .about-border{font-size: 0.8em}.contact-bg a{width: 100%}}@media only screen and (max-width:375px){.btn-tel{grid-template-columns: 17px auto;padding: 13px 9px;width: 100%}}