.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: #444;font-family: "LINE Seed Sans TH"}.eapps-widget-toolbar{display: none}.no-js a{color: #444;transition: 0.35s}.no-js a:hover{color: #df0b22}.itopplus-footer{color: #fff}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #0313ee}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_15062024rti8/0/0/1z-z1134117298545.jpg")}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_15062024rti8/0/0/2z-z260526867533.jpg")}.itopplus-footer{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_15062024rti8/0/0/fz-z1608422648752.jpg")}.navbar-default .navbar-nav > li > a{color: #fff;margin: 0 10px;padding: 8px 15px;border-radius: 30px}.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-color: transparent;background: transparent;background-color: #df0b22}.dropdown-menu > li > a{color: #444}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #df0b22}@media screen and (max-width: 1023px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 90px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#controlMenu *{color: #444 !important;border: none}#itpMenuSideBar span{background-color: #444 !important}.navbar-header > a::before{background-size: 35.5px;background-position: center}.navbar-header > a::after{background: #df0b22}#itpphonemobile::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/telz-z555807927326.png) !important}#itpsearchmobile::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/searchz-z1134319420589.png) !important}.old-image-icon-facebook::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/facebookz-z1318628404704.png) !important}.old-image-icon-line::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/linez-z1655517020729.png) !important}.old-image-icon-instragram::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/instagramz-z1066049211157.png) !important}.old-image-icon-youtube::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/youtubez-z1416596488876.png) !important}.new-image-icon-twitter::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/cf-twitterz-z1322532545693.png) !important}}@media screen and (min-width: 1024px){.itopplus-banner > .container{display: grid;grid-template-columns: 25% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: rgba(5,10,18,1);transition: 0.3s}.itopplus-sticky{background: rgba(5,10,18,1) !important}#controlBanner{object-fit: contain;padding: 15px;width: clamp(140px,100%,20vw);margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}.no-js .empty-feed-2{margin-top: -22%}}@media screen and (min-width: 1366px){}figure.effect-oscar{background: transparent;border-radius: 20px}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)}.thumbnail img.imageGallery:hover{-webkit-transform: scale(1.1);transform: scale(0.98);-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s}.thumbnail .imageWidth.imageGallery{transform: scale(1.0);transition: 0.32s}.thumbnail .imageWidth.imageGallery:hover{transform: scale(1.05);transition: 0.32s}.thumbnail .imgLightbox{position: relative!important;overflow: hidden!important;width: 100.1%!important}#background681435350e48de00134bd684 .thumbnail,#background6819acaddcf5a50013a31d9e .thumbnail{border: solid 0px #dadada;background: #df0b22;color: #000;border-radius: 20px;padding: 0%!important;transition: 0.5s;box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);margin-bottom: 4%}#background681435350e48de00134bd684 .thumbnail:hover,#background6819acaddcf5a50013a31d9e .thumbnail:hover{box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);background: #000;border-radius: 20px;color: #000}#background681435350e48de00134bd684 .thumbnail .imgLightbox,#background6819acaddcf5a50013a31d9e .thumbnail .imgLightbox{border-radius: 20px}.no-js #Component6819728ad1234800134d4234 label{display: none!important;color: #000}.no-js #Component6819728ad1234800134d4234 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial;padding-left: 20px}.no-js #Component6819728ad1234800134d4234 .form-control{border: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;border-radius: 7px !important;box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);padding: 25px 19px;background: transparent;color: #000;font-size: 16px !important}.no-js #Component6819728ad1234800134d4234 .form-control:focus{border-bottom: 1px solid #df0b22 !important;border: 1px solid #df0b22;box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,0);color: #444!important}.no-js #Component6819728ad1234800134d4234 .btn{background: linear-gradient(to right,#df0b22,#df0b22,#df0b22);color: #fff;text-shadow: 0 0px 0 #00000000;background-repeat: repeat-x;border-color: transparent;border-radius: 30px;padding: 15px 30px 15px 30px;font-size: 16px;font-weight: 400;border: 0px solid}.no-js #Component6819728ad1234800134d4234 .btn-default:active{background: linear-gradient(to right,#000 0%,#000 50%,#000 100%);color: #fff}.no-js #Component6819728ad1234800134d4234 .btn-default:hover,.no-js #Component6819728ad1234800134d4234 .btn-default:focus{background-position: 0 0px;background: linear-gradient(to right,#000 0%,#000 50%,#000 100%);border: 0px solid transparent}.no-js #Component6819728ad1234800134d4234.col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component6819728ad1234800134d4234 span.label{font-size: 13px;font-weight: 400}.no-js #Component6819728ad1234800134d4234 ::placeholder{color: #444 !important;font-weight:400}#cookie6819728ad1234800134d4234{font-size: 15px;margin-left: -10px}h3.managerHeader{font-size: 2em;text-align: center;font-weight: 600;margin-top: 5%;margin-bottom: 2%}#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: 7% 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: 25%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px 10px}.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}.Textmanager.font-inherit{text-align: left;display: flow-root}.social-share{display: none !important}.Contentmanager .site .col-section .item.-micro a .caption .title{display: none}.Contentmanager .site .col-section .item.-micro a .caption .time{display: inherit;color: #444}.btnnew{color: #df0b22;font-size: 14px}.detail-new{font-size: 14px;min-height: 80px}.head-new{font-size: 18px;font-weight: 600;white-space: break-spaces;min-height: 60px}.block-new{padding: 7% 0%}.Textmanager.font-inherit h5{font-weight: 600}.Contentmanager .col-md-12.text-justify{padding-right: 0px !important;padding-left: 0px !important}.Contentmanager .row.contenemanager-gallery{width: 98%;margin: 0 auto}.col-md-12.text-justify .form-group{display: block !important;overflow: hidden !important;border-radius: 20px}#background681989e5e9dc7f0013ca9b95 .block-new{padding: 0%;color: #444}#background681989e5e9dc7f0013ca9b95 .col-md-10.col-sm-10.col-xs-9.padding-col.content-detial-template3 strong{display: none}#background681989e5e9dc7f0013ca9b95 .col-md-2.col-sm-2.col-xs-3.padding-col.content-picture-template3{width: 37%}#background681989e5e9dc7f0013ca9b95 .col-md-10.col-sm-10.col-xs-9.padding-col.content-detial-template3{width: 63%}#background681989e5e9dc7f0013ca9b95 .detail-new{min-height: auto;margin-bottom: 10px}#background681989e5e9dc7f0013ca9b95 .Contentmanager p{white-space: inherit}#background681989e5e9dc7f0013ca9b95 .img-container{padding-bottom: 78%}#background681989e5e9dc7f0013ca9b95 .img-container .img{border-radius: 20px}#background681989e5e9dc7f0013ca9b95 .content-clear-fix-tempalte3{border-bottom: 1px solid #dddddd;padding-bottom: 4%;margin-bottom: 4%}#background681989e5e9dc7f0013ca9b95 .content-clear-fix-tempalte3:last-child{border-bottom: 0px solid !important}#background681989e5e9dc7f0013ca9b95 .head-new{white-space: inherit;min-height: auto}#background6819918e09827e0013dc1dbd article.col-md-6.item.-micro{width: 50%}.head-portfolio{text-align: center;padding-top: 7%;white-space: break-spaces}h1,h2,h3,h4,h5,h6{line-height: inherit;margin-top: 0;margin-bottom: 0;font-weight: 400}h1{font-size: 2.2em}h2{font-size: 3em}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}.head-hdpesplc{text-align: center;margin-top: 5%;margin-bottom: 2%}.head-hdpesplc h1{font-weight: 600;color: #282828}.itopplus-bg{background-size: cover;background-position: center}.grid-icon-whychooseus{display: grid;grid-template-columns: repeat(5,1fr);gap: 20px;margin-bottom: 7%}.icon-whychooseus{width: 65%;margin: 0 auto}.whychooseus-2{white-space: break-spaces;text-align: center}.whychooseus-2 h3{font-weight: 600;margin-bottom: 5%}.block-icon-whychooseus{transition: 0.35s}.block-icon-whychooseus:hover{transition: 0.35s;transform: translateY(-7px)}.block-icon-whychooseus:hover .icon-whychooseus{filter: grayscale(1);transition: 0.35s}.block-icon-footer{display: grid;grid-template-columns: 20px auto;gap: 10px;margin-bottom: 10px}.bgfooter{background: #df0b22;border-radius: 25px;display: grid;grid-template-columns: 35% 45% auto;padding: 3%;margin-bottom: 8%;margin-top: 5%}.head-footer h2{font-family: "Be Vietnam Pro",sans-serif;font-weight: 600;font-size: 4em;line-height: 1.2}.copyright{white-space: break-spaces;font-size: 14px;margin-top: 5%}.head-footer-2 h3{font-weight: 600}.footer-3{padding: 2% 0%}.grid-iconsocial-footer{display: flex;gap: 15px;width: 75%;padding: 5% 0%}.iconsocial-footer{transition: 0.35s}.iconsocial-footer:hover{transition: 0.35s;transform: scale(1.06)}.qrcode-footer{width: 50%;margin-top: 5%}.buttonExampleSite{border: 0px solid #fff !important;color: #fff !important;background: #df0b22 !important;border-radius: 5px !important;font-weight: 400}.buttonExampleSite:hover{background: #000 !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: 14px !important}.pdpa-text.pdpamg1{padding: 5% 0%}ul.icon-a{font-size: 16px}.grid-one{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;padding: 6% 0%}.content-hdpesplc{white-space: break-spaces}.block-one-3{padding: 10% 0% 10% 8%}.block-one-3 h1{font-family: "Be Vietnam Pro",sans-serif;font-weight: 600;color: #000}.block-one-3 h5{font-weight: 600;color: #000}.btnreadmore{background: #df0b22;color: #fff;width: fit-content;padding: 8px 20px;border-radius: 50px;font-size: 14px;transition: 0.35s}.btnreadmore span{margin-left: 10px}.btnreadmore:hover{background: #000;transition: 0.35s}.bgone{padding: 0% 3%}.grid-bgservice{color: #fff;display: grid;grid-template-columns: 94% auto;padding: 2% 4%;border-radius: 0px 0px 20px 20px}.block-bgservice-2{font-size: 20px;align-self: center}.grid-bgservice.two{min-height: 85px}.no-js .empty-feed{padding: 11%}.no-js .bgfeed{margin-bottom: -25%}.empty-hdpesplc{padding: 2%}.headnew-border{margin-top: 5%;margin-left: 2%;border-bottom: 1px solid #dddddd;padding-bottom: 2%;margin-bottom: 2%}ul.icon-product ::marker{color: #df0b22}.block-iconcontact{display: grid;grid-template-columns: 40px auto;gap: 10px;margin-bottom: 7px}.iconcontact-t{align-self: center}#iframe6819883d09827e0013dc1b3c iframe{border-radius: 20px}.block-bgservice-4{font-size: 16px;align-self: center;white-space: break-spaces}.grid-bgservice2{color: #fff;display: grid;grid-template-columns: 84% auto;gap: 15px;padding: 2% 4%;border-radius: 0px 0px 20px 20px}.grid-service{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px}.block-bg{align-self: center;display: block;overflow: hidden;border-radius: 20px}.block-bg img:hover{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);transition: 0.35s}.block-bg img{transition: 0.35s;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);border-radius: 20px}.block-bgservice-2{white-space: break-spaces}#tableA{width: 100%}#tableA th{background-color: #df0b22;padding: 20px 0px;color: #ffffff;font-weight: 600;border: 1px solid #fff;text-align: center}#tableA td{border: 1px solid #eee;padding: 12px 0px;text-align: center;vertical-align: middle}#tableA tr:nth-child(even){background-color: #fff}#tableA tr:nth-child(odd){background-color: #eee}.block-bgservice-3{align-self: center}#background6819918e09827e0013dc1dbd .head-portfolio{padding-top: 5%}.itopplus-bg0{background: #eee}#tableA tr:hover a{color: #df0b22}.itopplus-footer{background-size: cover}#background6833f668915eba001ab1a9f2 .Contentmanager .site .col-section .item.-micro a .caption .time{color: #000;margin-top: 7%}#background6833f668915eba001ab1a9f2 .Contentmanager .site .col-section .item.-micro a .caption .time h3{font-weight: 600;font-size: 16px}.block-service-1{min-height: 135px}@media screen and (min-width: 1900px){h1{font-size: 2.2em}h2{font-size: 3em}h3{font-size: 23px}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}.btnreadmore{font-size: 18px}.block-bgservice-2{font-size: 24px}.Contentmanager .site .col-section .item.-micro a .caption .time{margin-bottom: 5%}.copyright{font-size: 18px}.grid-iconsocial-footer{width: 70%}.ITPcookiebar{font-size: 16px !important}.buttonExampleSite{font-size: 16px !important}.Contentmanager p{font-size: 20px}ul.icon-a{font-size: 20px}#background6819918e09827e0013dc1dbd .head-portfolio{padding-top: 4%}.detail-new{font-size: 18px}.head-new{font-size: 22px}.btnnew{font-size: 18px}.headnew-border{margin-top: 6%}.grid-bgservice.two{min-height: 100px}.block-bgservice-4{font-size: 20px}.detail-new{min-height: 110px}.block-iconcontact{grid-template-columns: 50px auto}.no-js #Component6819728ad1234800134d4234 .form-control{padding: 32px 19px;font-size: 19px !important}#cookie6819728ad1234800134d4234{font-size: 18px}.no-js #Component6819728ad1234800134d4234 .btn{font-size: 19px}#iframe6819883d09827e0013dc1b3c iframe{height: 300px}.head-new{min-height: 70px}.grid-one{padding: 6% 0% 6% 6%}.icon-whychooseus{width: 50%;margin: 0 auto}#background6833f668915eba001ab1a9f2 .Contentmanager .site .col-section .item.-micro a .caption .time h3{font-size: 20px}.block-service-1{min-height: 165px}}@media screen and (max-width: 1191px){h1{font-size: 2em}.content-hdpesplc{white-space: inherit}.block-one-3{padding: 10% 0% 10% 3%}#background6819918e09827e0013dc1dbd .head-portfolio{padding-top: 5%}.head-footer h2{font-size: 3em}.grid-iconsocial-footer{width: 80%}.itopplus-footer{background-size: cover}.block-one-3{padding: 0% 0% 10% 3%}h3.managerHeader{font-size: 1.8em}.no-js #Component6819728ad1234800134d4234 .form-control{padding: 23px 19px}.block-bgservice-2{white-space: inherit}.grid-bgservice{grid-template-columns: 90% auto}}@media screen and (max-width: 900px){.block-bgservice-2{font-size: 18px}.col-md-3.col-sm-4.col-xs-4{width: 25%}.block-iconcontact{grid-template-columns: 35px auto}.head-new{white-space: inherit;min-height: 90px}.detail-new{min-height: 100px}.Contentmanager .col-md-12.text-justify{padding-right: 20px !important;padding-left: 20px !important}}@media screen and (max-width: 480px){#imagesControl6811aad31570a000131d6c6e{padding: 0px !important}.grid-one{grid-template-columns: repeat(1,1fr);gap: 10px;padding: 10% 0%}.block-one-3{padding: 5% 0% 10% 1%}.grid-icon-whychooseus{grid-template-columns: repeat(2,1fr);margin-bottom: 10%}.whychooseus-2{white-space: inherit}article.col-md-6.item.-micro{width: 50%}#background681989e5e9dc7f0013ca9b95 .col-md-2.col-sm-2.col-xs-3.padding-col.content-picture-template3{width: 100%}#background681989e5e9dc7f0013ca9b95 .col-md-10.col-sm-10.col-xs-9.padding-col.content-detial-template3{width: 100%;margin-top: 4%}#background681989e5e9dc7f0013ca9b95 .content-clear-fix-tempalte3{padding-bottom: 10%;margin-bottom: 10%}.table-responsive{border: 0px solid #ddd !important;white-space: nowrap}.contenemanager-gallery .col-xs-12.col-md-3{width: 50%}.Contentmanager .col-md-12.text-justify{padding-right: 10px !important;padding-left: 10px !important}.grid-service{grid-template-columns: repeat(1,1fr)}.col-md-3.col-sm-4.col-xs-12{width: 50%}h3.managerHeader{margin-top: 8%}.head-hdpesplc{margin-top: 8%}#iframe6819883d09827e0013dc1b3c iframe{height: 295px}.icon-whychooseus{width: 60%}#tableA th{padding: 20px 10px}#tableA td{padding: 10px 10px}.no-js .empty-feed{padding: 0%}.block-service-1{min-height: auto}}