.itopplus-background{}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}body{overflow-x: hidden;color: #282828;font-family: "LINE Seed Sans TH"}.eapps-widget-toolbar{display: none}.no-js a{color: #282828;transition: 0.35s}.no-js a:hover{color: #0066bc}.itopplus-footer{color: #fff}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #f56912}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_11002024na30/0/0/1z-z422313630907.webp")}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_11002024na30/0/0/2z-z99521254595.webp")}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_11002024na30/0/0/3z-z1466817234086.webp")}.navbar-default .navbar-nav > li > a{color: #282828;margin: 0 15px;padding: 15px 0px;border-radius: none;border-bottom: 2px 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: #282828 !important;box-shadow: none;border-color: #f56912;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: #444;background: transparent}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 120px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#itpMenuSideBar span{background-color: #000 !important}#controlMenu *{color: #000 !important;border: none}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 18% 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: 5px;width: clamp(120px,100%,20vw);margin: 0 auto}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}.itp-block{display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;height: 100%}.itopplus-search{text-align: right;color: #444;width: 50%}.no-js .itopplus-banner{box-shadow: 1px 1px 8px 1px #00000021}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}.Textmanager.font-inherit{display: flow-root}.block-new{margin-left: 2%}}@media screen and (min-width: 1366px){}figure.effect-oscar{background: transparent;border-radius: 25px}figure.effect-oscar img{opacity: 1}figure.effect-oscar:hover img{opacity: 1}figure.effect-oscar figcaption::before{border: 0px solid #fff}figure.effect-oscar figcaption{background: transparent}figure.effect-oscar:hover figcaption{background: transparent}figure.effect-oscar h2{margin: 0% 0 0px 0;-webkit-transition: -webkit-transform 0.32s;transition: transform 0.32s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}figure.effect-oscar:hover h2{opacity: 1;transition: 0.32s;transform: none!important}.grid figure h2{word-spacing: 0em;font-weight: 300;text-transform: none}figure.effect-oscar img{max-width: none;-webkit-transition: opacity 0.32s,-webkit-transform 0.32s;transition: opacity 0.32s,transform 0.32s;-webkit-backface-visibility: hidden;backface-visibility: hidden}figure.effect-oscar:hover img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.05,1.05,1)}.no-js #Component67c68be42d4a3f00138a6ee0 label{display: none!important;color: #000}.no-js #Component67c68be42d4a3f00138a6ee0 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial;padding-left: 20px}.no-js #Component67c68be42d4a3f00138a6ee0 .form-control{border: 0px solid #cfcfcf;border-bottom: 1px solid #000;border-radius: 0px !important;box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);padding: 22px 0px;background: transparent;color: #000;font-size: 16px !important}.no-js #Component67c68be42d4a3f00138a6ee0 .form-control:focus{border-bottom: 1px solid #6f508d !important;border: 0px solid #6f508d;box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,0);color: #444!important}.no-js #Component67c68be42d4a3f00138a6ee0 .btn{background: #f56912;color: #fff;text-shadow: 0 0px 0 #00000000;background-repeat: repeat-x;border-color: transparent;border-radius: 10px;padding: 10px 30px 10px 30px;font-size: 16px;font-weight: 400;border: 0px solid}.no-js #Component67c68be42d4a3f00138a6ee0 .btn-default:active{background: #f56912;color: #fff}.no-js #Component67c68be42d4a3f00138a6ee0 .btn-default:hover,.no-js #Component67c68be42d4a3f00138a6ee0 .btn-default:focus{background-position: 0 0px;background: #f56912;border: 0px solid transparent}.no-js #Component67c68be42d4a3f00138a6ee0 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component67c68be42d4a3f00138a6ee0 span.label{font-size: 13px;font-weight: 400}.no-js #Component67c68be42d4a3f00138a6ee0 ::placeholder{color: #444 !important;font-weight:400}#Contentmanager .post-time{display: none}.page-header{margin: 0px 0 0px;border-bottom: 0px solid #e1723a}.landingpagemanager{display: none}.Contentmanager .site .col-section .item.-micro a .caption .title{text-align: center;font-size: 16px;padding: 5% 5% 0%;color: #444444}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #444444}.Contentmanager .site .col-section .item.-micro a .caption .time{display: none}article.col-md-6.item.-micro{width: 33.3%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px 15px}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;margin-bottom: 0px;border-radius: 20px}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;background: transparent;padding-left: 0}.Contentmanager .site .col-section .item.-micro:nth-child(odd){border-right: none;border-bottom: none}.Contentmanager .site .col-section .item.-micro:nth-child(even){border-bottom: none}.Contentmanager .site .col-section .item.-micro a .post{display: none}.contenemanager-gallery .col-xs-12.col-md-3{padding-left: 10px;padding-right: 10px;width: 25%}.Contenemanager-gallery .col-xs-6.col-md-3{padding-left: 10px;padding-right: 10px;width: 25%}.contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #fff;border-radius: 0px;transition: 0.3s}.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #fff;border-radius: 0px;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover{transition: 0.3s;border: 0px solid #fff;background-color: white}.contenemanager-gallery .thumbnail:hover{transition: 0.3s;border: 0px solid #fff;background-color: white}.contenemanager-gallery .thumbnail,.img-thumbnail{-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);box-shadow: 0px 0px 20px 5px rgb(217 217 217 / 40%)}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color: transparent}.fbcomments,.fbcomments{display: none}.thumbnail{border: 0px solid #ddd}.img-thumbnail,.thumbnail{box-shadow: 0 0px 0px rgb(0 0 0 / 8%)}.Contentmanager .img-thumbnail{border: 0px solid #ddd}.Contentmanager p{white-space: break-spaces;font-size: 16px}.Contentmanager .thumbnail{background-color: transparent}.img-thumbnail{background-color: transparent}.Contentmanager .site .col-section .item.-micro a .img-zoom img:hover{transform: scale3d(1.05,1.05,1) !important}.Contentmanager .site .col-section .item.-micro a:hover .img-zoom img{-webkit-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale3d(1.05,1.05,1) !important}#Contentmanager img.img-responsive{border-radius: 20px;position: relative !important;overflow: hidden !important;width: 100% !important;transition: 0.5s}#Contentmanager img.img-responsive:hover{transform: scale(1.05)}#Contentmanager .thumbnail{background-color: transparent;position: relative !important;overflow: hidden !important;padding: 0px !important;box-shadow: none !important;border-radius: 20px}.social-share{display: none !important}h3.managerHeader{font-size: 2.5em;font-weight: 600;text-align: center;margin-top: 5%;margin-bottom: 2%;color: #0066bc}.name-port{position: absolute;bottom: 5px;left: 0;width: 100%;padding: 5% 6%;padding-top: 5%;text-align: center;font-size: 16px;font-weight: 400}#background67c69610f0e08f0013b07929 .thumbs img{width: 100% !important}#background67c69610f0e08f0013b07929 .col-md-4.col-sm-4.col-xs-12{width: 25%;padding-left: 10px;padding-right: 10px}#background67c69610f0e08f0013b07929 figure.effect-oscar figcaption{background: linear-gradient(to bottom,rgba(255,255,255,0) 70%,rgb(233 99 36 / 80%) 100%);border-radius: 20px}#background67c69610f0e08f0013b07929 figure.effect-oscar:hover figcaption{background: linear-gradient(to bottom,rgba(255,255,255,0) 70%,rgba(0,102,188,1) 100%);border-radius: 20px;transition: 0.32s}.title-type47{display: none}h1,h2,h3,h4,h5,h6{line-height: inherit;margin-top: 0;margin-bottom: 0;font-weight: 400}h1{font-size: 2em}h2{font-size: 2.5em}h3{font-size: 18px}h4{font-size: 20px}h5{font-size: 22px}h6{font-size: 28px}p{font-size: 16px}body{font-size: 16px}b,strong{font-weight: 600}.iconsocial-footer-grid{display: flex;width: 20%;gap: 20px;margin: 0 auto;padding: 2% 0%}.daran-footer{text-align: center;margin-bottom: 5%;margin-top: 4%}.copyright{font-size: 14px}.block-iconcontact-footer{display: flex}.block-iconcontact-footer-grid{display: flex;width: 55%;margin: 0 auto;margin-top: 1%}.iconcontact-footer-2{text-align: left;margin-left: 10px;align-self: center;width: 90%}.iconcontact-footer{align-self: center;width: 14%}.block-iconcontact-footer-grid-3{display: grid;grid-template-columns: 40% auto}.block-iconcontact-footer-grid-2{width: 40%;text-align: left}.iconcontact-footer.two{width: 9%}.iconsocial-footer{transition: 0.35s}.iconsocial-footer:hover{filter: grayscale(1);transition: 0.35s}.block-icontel{display: flex;width: 100%;justify-content: flex-end}.icontel{width: 10%;align-self: center}.icontel-2{align-self: center;margin-left: 10px}.social-head-grid{display: flex;gap: 20px}.block-icontel-grid{display: grid;grid-template-columns: 60% auto;gap: 20px}.empty-daran-epoxy{padding: 2%}.head-darunepoxy{text-align: center;padding-top: 5%;margin-bottom: 2%}.head-darunepoxy h2{font-weight: 600;color: #0066bc}#background67c67880e2aecd0013aa7ae1 figure.effect-oscar figcaption{background: linear-gradient(to bottom,rgba(255,255,255,0) 70%,rgb(233 99 36 / 80%) 100%);transition: 0.32s}#background67c67880e2aecd0013aa7ae1 figure.effect-oscar:hover figcaption{background: linear-gradient(to bottom,rgba(255,255,255,0) 70%,rgba(0,102,188,1) 100%);transition: 0.32s}.bgname-portfolio{position: absolute;bottom: 5px;left: 0;width: 100%;padding: 5% 6%;padding-top: 5%;text-align: center;font-size: 16px;font-weight: 400}figure.effect-oscar h2{margin: 0;-webkit-transition: inherit;transition: inherit;-webkit-transform: inherit;transform: inherit}.itopplus-bg2{background-attachment: fixed;background-position: center}.content-darunepoxy{white-space: break-spaces}.bgabout-darunepoxy{text-align: center;padding: 10% 0%}.bgabout-darunepoxy h2{font-weight: 600;color: #f56912;font-size: 3em}.bgabout-darunepoxy h1{font-weight: 600}.bgabout-darunepoxy h5{font-weight: 600;margin-bottom: 3%}.block-service-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 30px;padding: 4% 0%}.block-service{background: #fff;border-radius: 20px;padding: 5%;box-shadow: 0 0 15px 0 rgb(212 212 212);transition: 0.1s}.block-service h5{white-space: break-spaces;color: #1b5c93;font-weight: 600}.btnplus{width: 10%;margin-top: 5%;transition: 0.35s}.block-service-3{background: #0066bc;color: #fff;padding: 5%;border-radius: 20px}.block-service-3 h1{font-weight: 600;margin-bottom: 2%}.block-service:hover{background: #0066bc;color: #fff}.block-service:hover h5{color: #fff}.block-service:hover .btnplus{transform: rotate(-0.25turn)}#background67c6816b0c92180013874697 figure.effect-oscar figcaption{background: linear-gradient(to bottom,rgba(255,255,255,0) 50%,rgba(27,92,147,1) 100%)}#background67c6816b0c92180013874697{width: 90%}.icondarun-exopy-grid{display: grid;grid-template-columns: repeat(2,1fr);padding: 3% 0%;gap: 10px}.block-icondarun-exopy{display: flex;width: 100%}.icondarun-exopy{width: 20%}.icondarun-exopy-2{margin-left: 7%;width: 90%;white-space: break-spaces}.icondarun-exopy-2 h3{font-weight: 600}.btnabout{background: #f56912;display: grid;grid-template-columns: auto 40px;width: fit-content;color: #fff;padding: 10px 20px;border-radius: 50px}.iconplus{margin-left: 15px;align-self: center}.darun-one h2{font-weight: 600;color: #0066bc}.border-one{border-top: 4px solid #0066bc;width: 15%;margin-top: 2%;margin-bottom: 2%}.darun-one h6{font-weight: 600}.btnabout:hover{background: #0066bc;transition: 0.35s}.darun-one{margin-top: 15%}.bgtenyear{background: #f56912;color: #fff;border-radius: 20px;width: fit-content;position: absolute;z-index: 1;padding: 3%;margin-left: 55%;margin-top: 15%;box-shadow: 2px 2px 10px 2px rgb(5 5 5 / 20%)}.bgtenyear-grid{display: grid;grid-template-columns: 40% auto;gap: 7px}.bgtenyear-3{white-space: break-spaces;font-size: 20px;line-height: 1}.bgtenyear-3 span{font-weight: 600;font-size: 38px}.bgtenyear-2{font-size: 60px;font-weight: 600;line-height: 1}.icondarun-exopy-3{width: 25%}.icondarun-exopy-4{align-self: center;margin-left: 5%}.icondarun-exopy-4 h3{font-weight: 600}.bg-interiordesign{background: #0066bc;padding: 3% 5%;color: #fff;border-radius: 20px;box-shadow: 2px 2px 10px 2px rgb(5 5 5 / 20%);width: 125%;position: sticky;z-index: 1;margin-top: 17%}.buttonExampleSite{border: 0px solid #fff !important;color: #fff !important;background: #f56912 !important;border-radius: 5px !important;font-weight: 400}.buttonExampleSite:hover{background: #0066bc !important;color: #fff !important}.pdpa-text.pdpamg1{padding: 5% 0%}.ITPcookiebar{background-color: #302f2fe0 !important;color: #fff !important}.ITPlinkToCookiepage:hover{color: #fff !important}.ITPcookiebar{width: 100% !important;font-size: 16px !important}.pdpa-text.pdpamg1{padding: 5% 0%}ul.icon-a{font-size: 16px}.comingsoon{padding: 5% 5% 10%}.block-iconcontact{display: flex;width: 100%;margin-bottom: 8px}.iconcontact{width: 8%}.iconcontact-2{align-self: center;margin-left: 2%}.dropdown-menu > li > a{font-size: 15px}.service-daran h5{font-weight: 600}.service-daran h3{font-weight: 600;margin-top: 5%}.icondarun-exopy-5{margin-left: 4%;width: 80%;white-space: break-spaces;align-self: center}.icondarun-exopy-grid-service{display: grid;grid-template-columns: repeat(2,1fr);padding: 3% 0%;gap: 20px}.icondarun-exopy-service{width: 20%}.darun-one.about{margin-top: 5%}.logodaran-about{width: 45%;margin-left: -10px}.darun-one.about .border-one{margin-bottom: 4%;margin-top: 4%}.block-mission-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;padding: 4% 0%}.block-mission h5{font-weight: 600;margin-bottom: 3%}.block-mission p{border-left: 4px solid #0066bc;padding-left: 3%;height: 140px}.block-service-line2{height: 135px}.block-service-line3{height: 100px}.block-head-2{height: 65px}@media screen and (min-width: 1900px){h3{font-size: 22px}h4{font-size: 26px}h5{font-size: 30px}h6{font-size: 34px}p{font-size: 20px}body{font-size: 20px}.dropdown-menu > li > a{font-size: 19px}.navbar-default .navbar-nav > li > a{padding: 15px 5px}.block-icontel-grid{grid-template-columns: 70% auto}.icontel{width: 6%}.bgtenyear-2{font-size: 80px}.bgtenyear-3{font-size: 27px}.bgtenyear-3 span{font-size: 51px}.bgtenyear{margin-left: 57%}.block-head-2{height: 90px}.block-service-line2{height: 140px}.block-service-line3{height: 135px}.icondarun-exopy-grid{gap: 20px}.bgabout-darunepoxy h2{font-size: 3.5em}.bgname-portfolio{font-size: 20px}.copyright{font-size: 16px}.iconsocial-footer-grid{width: 17%}.block-iconcontact-footer-grid{width: 45%}.darun-one{margin-top: 20%}.Contentmanager p{font-size: 20px}ul.icon-a{font-size: 20px}.icondarun-exopy-service{width: 17%}.iconcontact{width: 7%}.no-js #Component67c68be42d4a3f00138a6ee0 .form-control{padding: 27px 0px;font-size: 20px !important}.no-js #Component67c68be42d4a3f00138a6ee0 .btn{font-size: 19px}.block-mission p{height: 180px}.name-port{font-size: 20px}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 20px}}@media screen and (max-width: 1191px){.social-head-grid{gap: 10px}.navbar-default .navbar-nav > li > a{margin: 0 10px}.darun-one{margin-top: 5%}.bgtenyear{margin-left: 45%}.block-service-line2{height: 160px}.block-service-line3{height: 160px}.bg-interiordesign{margin-top: 10%}.block-iconcontact-footer-grid{width: 70%}.iconsocial-footer-grid{width: 22%}.block-mission p{height: 180px}}@media screen and (max-width: 900px){.bgtenyear{margin-left: 35%}.icondarun-exopy{width: 30%}.icondarun-exopy-2{white-space: inherit}.block-service-line3{height: 140px}.block-service-line2{height: 200px}.block-head-2{height: 100px}.block-service-line3{height: 200px}.bg-interiordesign{margin-top: 0%;width: 150%}.daran-footer h3{display: none}.block-iconcontact-footer-grid{display: none}.daran-footer{margin-top: 0%}.iconsocial-footer-grid{width: 25%;gap: 10px}.block-mission p{height: 235px}.icondarun-exopy-5{white-space: inherit;align-self: center}.icondarun-exopy-grid-service{grid-template-columns: repeat(1,1fr)}.icondarun-exopy-service{width: 11%}#background67c69610f0e08f0013b07929 .col-md-4.col-sm-4.col-xs-12{width: 33.3%}.Contenemanager-gallery .col-xs-6.col-md-3{width: 33.3%}.iconcontact{width: 11%}.btnplus{width: 15%}}@media screen and (max-width: 480px){h2{font-size: 2em}h6{font-size: 26px}#imagesControl67c66d0f2d4a3f00138a6ada{padding: 0px !important}#background67c6816b0c92180013874697{width: 100%}.bgtenyear{display: none}.border-one{width: 30%;margin-top: 5%;margin-bottom: 5%}.icondarun-exopy-grid{grid-template-columns: repeat(1,1fr);padding: 6% 0%;gap: 20px}.icondarun-exopy{width: 20%}.icondarun-exopy-2{margin-left: 5%}.block-service-grid{grid-template-columns: repeat(1,1fr);padding: 10% 0%}.block-head-2{height: auto}.block-service-line3{height: auto}.btnplus{width: 10%}.block-service-line2{height: auto}.bg-interiordesign{margin-top: 0%;width: 100%}.icondarun-exopy-3{width: 20%}.bgabout-darunepoxy{text-align: center;padding: 15% 0%}.itopplus-bg2{background-attachment: inherit}.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}h3.managerHeader{font-size: 2em;margin-top: 10%}.iconsocial-footer-grid{width: 45%;gap: 10px}.logodaran-about{width: 65%;margin-left: 0px;margin-bottom: 5%}.block-mission-grid{grid-template-columns: repeat(1,1fr);gap: 30px;padding: 10% 0%}.block-mission p{height: auto}.icondarun-exopy-service{width: 14%}.copyright{white-space: break-spaces}.head-darunepoxy{padding-top: 10%}#background67c69610f0e08f0013b07929 .col-md-4.col-sm-4.col-xs-12{width: 100%}.iconcontact{width: 13%}.contenemanager-gallery .col-xs-12.col-md-3{width: 100%}article.col-md-6.item.-micro{width: 100%}}ul.icon-product ::marker{color: #f56912}.Textmanager.font-inherit{text-align: left}.Contentmanager .col-md-12.text-justify{padding-right: 10px;padding-left: 10px}