.itopplus-background{}body{overflow-x: hidden;color: #282828;font-family: "Noto Sans Thai",sans-serif}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}.no-js a{color: #282828;transition: 0.35s}.no-js a:hover{color: #005495}.itopplus-footer{color: #282828}.itopplus-footer a{color: #282828}.itopplus-footer a:hover{color: #005495}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_16062024od7g/0/0/1z-z438949336462.jpg")}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_16062024od7g/0/0/2z-z546451439788.jpg")}.navbar-default .navbar-nav > li > a{color: #444;margin: 0;padding: 8px 15px;border-radius: 0;font-family: "Onest",sans-serif}.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: transparent;background: transparent;background-color: transparent}.no-js .dropdown-menu > li > a{color: #282828}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #282828;background: transparent}@media screen and (max-width: 1023px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 130px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#controlMenu *:not(a span){color: #444 !important;border: none}.navbar-header button span{background-color: #444 !important}.navbar-header a::before{background-size: 35px;background-position: center;filter: invert(1)}.navbar-header a::after{background: transparent}#itpphonemobile::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/telz-z555807927326.png) !important}#itpsearchmobile::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/searchz-z1550057493030.png) !important}.old-image-icon-facebook::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/fbz-z1306469976463.png) !important}.old-image-icon-line::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/linez-z468194837558.png) !important}.old-image-icon-instragram::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/igz-z261562755399.png) !important}.old-image-icon-youtube::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/ytz-z1709509823553.png) !important}.new-image-icon-twitter::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/twz-z1451700767745.png) !important}}@media screen and (min-width: 1024px){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: 0.3s}.itopplus-sticky{background: #fff !important}.itopplus-banner > .container{display: grid;grid-template-columns: 25% auto;align-items: center}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}#controlBanner{object-fit: contain;padding: 15px;width: clamp(140px,100%,20vw);margin: 0 auto}.itopplus-search{width: 50%;text-align: right;color: #282828}.itp-block{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-evenly;height: 100%}}@media screen and (min-width: 1366px){}figure.effect-oscar{background: transparent}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 #Component6877288db0b8a500135b2739 label{display: none !important;color: #444444}.no-js #Component6877288db0b8a500135b2739 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial;padding-left: 20px}.no-js #Component6877288db0b8a500135b2739 .form-control{border: 0px solid #e0e0e0;border-bottom: 1px solid #3333;box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);padding: 18px 0px;background: transparent;font-size: 15px !important;border-radius: 0px !important}.no-js #Component6877288db0b8a500135b2739 .form-control:focus{border-bottom: 1px solid #005495 !important;border: 0px solid #005495;box-shadow: inset 0 0px 0px rgba(0,0,0,0.075),0 0 0px rgba(102,175,233,0)}.no-js #Component6877288db0b8a500135b2739 .btn{background: #005495;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: 15px;font-weight: 400;border: 0px solid}.no-js #Component6877288db0b8a500135b2739 .btn-default:active{background: #000;color: #fff}.no-js #Component6877288db0b8a500135b2739 .btn-default:hover,.no-js #Component6877288db0b8a500135b2739 .btn-default:focus{background-position: 0 0px;background: #000;border: 0px solid transparent}.no-js #Component6877288db0b8a500135b2739 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component6877288db0b8a500135b2739 span.label{font-size: 13px;font-weight: 400}.no-js #Component6877288db0b8a500135b2739 ::placeholder{color: #444444 !important}#background6877288db0b8a500135b2739{background: #f2f2f2 !important;border-radius: 20px;padding: 5%}#cookie6877288db0b8a500135b2739{font-size: 15px;margin-left: -12px}.managerHeader{display: none}#Contentmanager .post-time{display: none}.page-header{margin: 0px 0 0px;border-bottom: 0px solid transparent}.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: 25%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px 15px}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;margin-bottom: 0px}.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}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: 3.3em}h3{font-size: 18px}h4{font-size: 22px}h5{font-size: 28px}h6{font-size: 32px}p{font-size: 16px}body{font-size: 16px}b,strong{font-weight: 600}.section-one{display: grid;grid-template-columns: repeat(2,1fr);padding: 7% 0%}.section-one-2{width: 80%}.content-shangshuo{white-space: break-spaces}.section-one-3{align-self: center}.btnreadmore{background: #282828;color: #fff;width: fit-content;padding: 10px 25px;font-size: 14px;border-radius: 50px;transition: 0.35s}.btnreadmore:hover{background: #015494;transition: 0.35s}.section-one-3 h3{font-weight: 600;padding: 10px 0px}.section-one-3 h2{font-family: "Onest",sans-serif;text-transform: uppercase;font-weight: 600;font-size: 4.2em;color: #005495;line-height: 1}.section-one-3 h5{font-weight: 600}.head-chinese{font-family: "Noto Sans TC",sans-serif;color: #d80909;font-size: 2em;letter-spacing: 15px;margin-bottom: 5px}.head-shangshuo{text-align: center;margin-top: 5%;margin-bottom: 3%}.head-shangshuo h2{font-family: "Onest",sans-serif;font-weight: 600;color: #005495}.head-shangshuo h5{font-weight: 600;margin-bottom: 10px}#background6874dbbfa1a4fb001a72138d .col-md-3.col-sm-4.col-xs-4:nth-child(4) figure.effect-oscar,#background6874dbbfa1a4fb001a72138d .col-md-3.col-sm-4.col-xs-4:nth-child(8) figure.effect-oscar{border-radius: 25px 0px 0px 25px}#background6874dbbfa1a4fb001a72138d .col-md-3.col-sm-4.col-xs-4:nth-child(1) figure.effect-oscar,#background6874dbbfa1a4fb001a72138d .col-md-3.col-sm-4.col-xs-4:nth-child(5) figure.effect-oscar{border-radius: 0px 25px 25px 0px}#background6874dbbfa1a4fb001a72138d .col-md-3.col-sm-4.col-xs-4 figure.effect-oscar{border-radius: 25px}#background6874dbbfa1a4fb001a72138d .col-md-3.col-sm-4.col-xs-4:nth-child(1) .thumbs,#background6874dbbfa1a4fb001a72138d .col-md-3.col-sm-4.col-xs-4:nth-child(5) .thumbs{padding-left: 0px !important}#background6874dbbfa1a4fb001a72138d .thumbs{margin-bottom: 3px;padding-left: 3px !important}#background6874dbbfa1a4fb001a72138d figure.effect-oscar figcaption{background: linear-gradient(to bottom,rgba(0,59,105,0) 0%,rgb(33 73 105 / 70%) 80%)}figure.effect-oscar h2{margin: 0;-webkit-transition: inherit;transition: inherit;-webkit-transform: inherit;transform: inherit}.block-project{position: absolute;bottom: 5px;left: 0;width: 100%;padding: 5% 6%;padding-top: 5%;text-align: center}.bg-project{font-size: 20px;font-weight: 600}.bg-project-2{font-size: 18px}.grid-service{display: flex;gap: 20px;margin: 0 auto;width: fit-content}.btn-service{text-align: center;background: #fff;padding: 18px 25px;border-radius: 50px;width: fit-content;color: #fff}.grid-service-2{display: flex;gap: 20px;margin: 0 auto;width: fit-content}.section-service{display: grid;gap: 15px;margin-bottom: 18%;margin-top: 10px}.section-two{display: grid;grid-template-columns: 55% auto}.section-two-2{color: #fff;margin-top: 10%}.section-two-2 h2{font-weight: 600}.bg-icon-service{background: #fff;border-radius: 20px;padding: 10%}.grid-icon-service{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;color: #212121;width: 130%;position: sticky;margin-top: 7%;margin-bottom: -15%}.icon-service{width: 25%;margin-bottom: 5%}.icon-service-2 h3{font-weight: 600;padding: 5px 0px}.section-two-3{align-self: end}.icon-service-2{white-space: break-spaces}.empty-service{padding: 4%}.section-two-4{width: 92%;margin-left: 5%;margin-top: -30%}.grid-tel{background: linear-gradient(to right,rgba(2,87,153,1) 0%,rgba(20,113,186,1) 50%,rgba(2,87,153,1) 100%);color: #fff;display: flex;padding: 3% 0%;border-radius: 25px 25px 0px 0px;gap: 25px;margin: 0 auto;justify-content: center}.block-tel-2{width: 3%}.block-tel-3{align-self: center}.grid-process{display: grid;grid-template-columns: repeat(4,1fr);margin-bottom: 5%;margin-top: 1%}.icon-process{width: 23%;margin: 0 auto;margin-bottom: 13%}.icon-process-2{padding: 5%;padding-top: 41px;border-top: 1px solid #868686;position: relative}.icon-process-2::before{content: " ";width: 17px;height: 17px;background: #fff;border: 1px solid #868686;border-radius: 50%;position: absolute;top: 0;left: 45%;transform: translate(0,-50%)}.icon-process-3{text-align: center;white-space: break-spaces}.icon-process-3 h3{font-weight: 600;margin-bottom: 5px}.grid-head{display: flex;width: fit-content;justify-content: flex-end;gap: 20px}.block-icon-head{display: grid;grid-template-columns: 25px auto;gap: 10px}.block-icon-head-2{display: grid;grid-template-columns: auto 25px;gap: 10px;border-left: 1px solid;padding-left: 20px}.icon-head-2{align-self: center}.icon-head{align-self: center}.copyright{font-size: 14px;margin-bottom: 4%;text-transform: uppercase;margin-top: 5px}.grid-footer{display: grid;grid-template-columns: 25% 26% 24% auto;padding: 3% 0%}.logo-footer{width: 85%;margin-bottom: 8%}.footer-shangshuo h3{font-weight: 600}.footer-shangshuo-2{white-space: break-spaces;font-size: 15px;margin-bottom: 10px}.iconfooter-2{font-size: 15px;white-space: break-spaces}.block-iconfooter{display: grid;grid-template-columns: 20px auto;gap: 10px;margin-bottom: 10px}.buttonExampleSite{border: 0px solid #fff !important;color: #fff !important;background: #005495 !important;border-radius: 5px !important;font-weight: 400}.buttonExampleSite:hover{background: #000 !important;color: #fff !important}.pdpa-text.pdpamg1{padding: 6% 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}.empty-shangshuo{padding: 2%}#iframe687728e4087eb50013fc7c86 iframe{border-radius: 20px}iframe{border-radius: 15px}.iconfb-2{align-self: center;font-weight: 600}.block-iconfb{display: grid;grid-template-columns: auto 45px;width: fit-content;gap: 15px}.block-iconcontact{display: grid;grid-template-columns: 27px auto;gap: 10px;margin-bottom: 12px}.iconcontact-2{align-self: center;white-space: break-spaces}.itopplus-banner.itopplus-sticky .icon-head{filter: invert(1)}.itopplus-banner .icon-head{filter: invert(1)}.social-share{display: none}.detail-project{text-align: center;padding: 4% 0% 4%}.detail-project h1{font-weight: 600;color: #005495;font-size: 2.5em}.detail-project h5{margin-bottom: 5px;font-weight: 600}.thumbs img{width: 100%}.title-type47{display: none}#background6877415f9cc5bc00134c4ac7 figure.effect-oscar figcaption{background: linear-gradient(to bottom,rgba(0,59,105,0) 0%,rgb(33 73 105 / 70%) 80%)}#background6877415f9cc5bc00134c4ac7 figure.effect-oscar{border-radius: 25px}#background6877415f9cc5bc00134c4ac7 .bg-project{font-size: 18px;font-weight: 600}#background6877415f9cc5bc00134c4ac7 .bg-project-2{font-size: 16px;text-transform: capitalize}#background6877415f9cc5bc00134c4ac7 .col-md-4.col-sm-4.col-xs-12{width: 25%;padding-right: 10px !important;padding-left: 10px !important}.block-iconservice{display: grid;grid-template-columns: 53px auto;gap: 20px;margin-bottom: 20px}.iconservice-2 h3{font-weight: 600}#background687766339cc5bc00134c5160 .thumbs{margin-bottom: 0px}#background687766339cc5bc00134c5160 figure.effect-oscar,#background6877674bf19b0e00137a3527 figure.effect-oscar{border-radius: 20px}.grid-iconservice{margin-left: 3%}#contentnewmode687768e379e26f00131563f6 .section-two-4{margin-top: 15%}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{color: #fff}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev{color: #fff}.bg-icon-service{transition: 0.35s}.bg-icon-service:hover{transition: 0.35s;transform: scale(1.03)}.icon-head-2 a{color: #fff}.itopplus-banner.itopplus-sticky .icon-head-2 a{color: #282828}.itopplus-banner .icon-head-2 a{color: #282828}.iconservice{opacity: 0.8}@media screen and (min-width: 1900px){h1{font-size: 2em}h2{font-size: 3.3em}h3{font-size: 22px}h4{font-size: 26px}h5{font-size: 32px}h6{font-size: 36px}p{font-size: 20px}body{font-size: 20px}b,strong{font-weight: 600}.navbar-default .navbar-nav > li > a{padding: 8px 25px}.grid-head{float: right}.btnreadmore{font-size: 18px}.bg-project{font-size: 24px}.bg-project-2{font-size: 22px}.footer-shangshuo-2{font-size: 18px}.iconfooter-2{font-size: 18px}.block-iconfooter{grid-template-columns: 24px auto;margin-bottom: 13px}.block-footer-5 iframe{height: 245px}.copyright{margin-bottom: 3%}.Contentmanager p{font-size: 20px}ul.icon-a{font-size: 20px}.block-iconservice{grid-template-columns: 65px auto;gap: 25px;margin-bottom: 25px}#background6877415f9cc5bc00134c4ac7 .bg-project{font-size: 22px}#background6877415f9cc5bc00134c4ac7 .bg-project-2{font-size: 18px}.no-js #Component6877288db0b8a500135b2739 .form-control{padding: 20px 0px;font-size: 19px !important}#cookie6877288db0b8a500135b2739{font-size: 17px}.block-iconcontact{grid-template-columns: 35px auto;gap: 10px;margin-bottom: 13px}.no-js #Component6877288db0b8a500135b2739 .btn{font-size: 18px}#iframe687728e4087eb50013fc7c86 iframe{height: 275px}.ITPcookiebar{font-size: 16px !important}.buttonExampleSite{font-size: 16px !important}}@media screen and (max-width: 1191px){h5{font-size: 24px}.itopplus-search{width: 62%}.content-shangshuo{white-space: inherit}.section-one-3 h2{font-size: 3.5em}.icon-service-2{white-space: inherit}.footer-shangshuo-2{white-space: inherit}.itopplus-bg2{background-color: #f4f5f9}#contentnewmode687768e379e26f00131563f6 .grid-icon-service{margin-bottom: 15%}.block-iconservice{grid-template-columns: 50px auto}}@media screen and (max-width: 900px){h2{font-size: 2.5em}.itopplus-bg{background-size: cover;background-attachment: inherit}.copyright{text-align: center}.icon-process{width: 30%;margin: 0 auto;margin-bottom: 15%}.grid-tel h4{font-size: 18px}.block-tel-1 h5{font-size: 18px}.section-one-3 h2{font-size: 3em}#background6874dbbfa1a4fb001a72138d .col-md-3.col-sm-4.col-xs-4{width: 25%}#background68776160b0b8a500135b2eca .col-md-6.col-sm-6.col-xs-12.padding{width: 100%}.icon-process-3{white-space: inherit}.icon-service{width: 35%;margin-bottom: 5%;margin-top: 5%}}@media screen and (max-width: 480px){h2{font-size: 2em}#imagesControl6874d2d56b109a001ad80ef9{padding: 0px !important}.section-one{grid-template-columns: repeat(1,1fr);padding: 7% 0% 10%}.section-one-2{width: 100%;margin-bottom: 10%}.section-two{grid-template-columns: 100%}.grid-icon-service{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;color: #212121;width: 100%;position: sticky;margin-top: 7%;margin-bottom: 5%}.icon-service{width: 45%;margin-bottom: 10%;margin-top: 10%}.grid-service{display: inherit}.grid-service{width: 100%}.grid-tel{display: inherit;text-align: center;padding: 5% 0%}.block-tel-2{display: none}.block-tel-3{margin-top: 5px}.grid-process{grid-template-columns: repeat(2,1fr);margin-bottom: 5%}.block-icon-process{margin-bottom: 10%}.btn-service{width: 100%}#contentnewmode687768e379e26f00131563f6 .section-two-4{margin-top: 0%}#background6877415f9cc5bc00134c4ac7 .col-md-4.col-sm-4.col-xs-12{width: 100%;padding-right: 10px !important;padding-left: 10px !important}.head-shangshuo{margin-top: 10%;margin-bottom: 5%}.Contenemanager-gallery .col-xs-6.col-md-3{padding-left: 10px;padding-right: 10px;width: 100%}.detail-project{text-align: center;padding: 5% 0% 10%}.detail-project h1{font-size: 2em}.section-two-4{margin-top: 0%}figure.effect-oscar{border-radius: 20px}}.btn-service{transition: 0.35s}.btn-service:hover{transition: 0.35s;transform: scale(1.03)}