.itopplus-background{}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}#itopplus-nav-bar-sticky{display: flex;justify-content: space-between}#itopplus-nav-bar-sticky a{margin: 0}body{font-size: 16px;overflow-x: hidden;color: #282828}a{color: #282828}a:hover{color: #00adef}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_05092023vz1t/0/0/1z-z404462008634.webp')}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_05092023vz1t/0/0/2z-z945997290280.webp')}.itopplus-bg3{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_05092023vz1t/0/0/3z-z1168825597845.webp')}.itopplus-bg4{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_05092023vz1t/0/0/4z-z917776884623.webp')}.itopplus-bg5{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_05092023vz1t/0/0/5z-z668993522847.webp')}.navbar-default .navbar-nav>li>a{font-size: 0.9em;color: #282828;margin: 0 15px;padding: 8px 0;border-bottom: 3px 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-radius: none;border-bottom: 3px solid #00adef;background: transparent;background-color: transparent}.dropdown-menu>li>a{font-size: 1.2em;color: #282828;padding: 8px 15px}.no-js .dropdown-menu>li>a:focus,.no-js .dropdown-menu>li>a:hover{color: #fff;background: #00adef}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 60px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar>div{background: #f4f4f4 !important}#itpMenuSideBar span{background-color: #000 !important}#controlMenu *{color: #000 !important;border: none}}@media screen and (min-width: 1024px){.itopplus-banner{background: #fff;padding-bottom: 10px;transition: .3s}#controlBanner{object-fit: contain;padding: 15px;width: 15%;min-width: 150px;margin: 0 auto}#nav-menu{display: grid;justify-content: center;background: transparent;min-height: auto}.itopplus-sticky-nav-bar-inside>div:nth-child(n+3){display: none}.itopplus-sticky-nav-bar-inside::before,.itopplus-sticky-nav-bar-inside::after{display: none}.itopplus-sticky-nav-bar-inside{width: 85vw !important;display: grid;grid-template-columns: 12% auto;justify-items: end;align-items: center}.itopplus-menu-logo{height: auto !important;width: 100%;padding: 15px}img.itopplus-img-logo{width: 100% !important}#itopplus-sticky-nav-bar{animation-duration: .8s !important}#itopplus-nav-bar-sticky{display: flex;justify-content: space-between;white-space: nowrap;gap: 15px}#itopplus-nav-bar-sticky a{margin: 0;font-size: clamp(12px,1vw,18px)}#itopplus-sticky-nav-bar .navbar-default{background: #fff}}.h1,h1{font-size: 3em;font-weight: 600}.h2,h2{font-size: 2.3em;font-weight: 600}.h3,h3{font-size: 1.7em;font-weight: 600}.h4,h4{font-size: 1.2em;font-weight: 600}.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;margin: 0px 0 10px;font-weight: 600}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #00adef}.footer-tel-mail{padding: 8% 0 10%}.footer-tel-mail .media-body{padding: 2px 10px}.copy-right{font-size: 0.85em}.footer-block-display{display: grid;grid-template-columns: repeat(2,1fr);gap: 50px}.footer-pd{padding: 0 0 0 20%}.footer-pd .media-body{padding: 3px 5px}.qr-code{width: 75%;margin: 10% 0}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #00adef !important;color: #00adef !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #00adef !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: 6% 2% 2%}.step-block1-pd{padding: 4% 0}.step-block1{width: 30%;float: right;padding: 6% 2%}.step-block2{width: 30%;padding: 6% 3%}.step-block1 h2,.step-block2 h2{margin: 20px 0 10px}.step-block1 img,.step-block2 img{width: 25% !important}.menu-align{text-align: center;padding: 5% 0 1%}.about-block{text-align: center;padding: 7% 7% 0}.about-block h2{margin: 0}.about-block h3{margin: 0 0 25px}.about-block-border{border-bottom: 4px solid #00adef;width: 7%;margin: 20px auto}.about-block h4{white-space: pre-line;line-height: 1.2;margin: 30px 0;background: linear-gradient(90deg,rgba(0,101,239,1) 0%,rgba(0,173,239,1) 100%);color: #fff;padding: 3% 0;text-align: center}.btn-more{background: linear-gradient(90deg,rgba(0,101,239,1) 0%,rgba(0,173,239,1) 100%);color: #fff;border: none;display: grid;grid-template-columns: auto 20px;gap: 10px;padding: 7px 15px;border-radius: 50px;align-items: center;margin: 20px auto 0}.btn-more:hover{background: linear-gradient(-90deg,rgba(0,101,239,1) 0%,rgba(0,173,239,1) 100%);color: #fff}.btn-more2{background: linear-gradient(90deg,rgba(0,101,239,1) 0%,rgba(0,173,239,1) 100%);color: #fff;border: none;display: grid;grid-template-columns: auto 20px;gap: 10px;padding: 7px 15px;border-radius: 50px;align-items: center;margin: 20px 0 0}.btn-more2:hover{background: linear-gradient(-90deg,rgba(0,101,239,1) 0%,rgba(0,173,239,1) 100%);color: #fff}.btn-more2 img{width: 100% ! IMPORTANT}.padding-pd{padding: 2%}.eapps-widget-toolbar{display: none}.about-block-pd{padding: 0 7% 5%}.about-vision{padding: 10% 5%;text-align: center}.about-vision h4{white-space: pre-line;line-height: 1.4;font-size: 1.6em}.mission-icon-block{display: grid;grid-template-columns: repeat(5,1fr);gap: 10px;padding: 5% 0 0}.mission-icon{text-align: center;padding: 0 2%;transition: 0.5s}.mission-icon:hover{transform: translateY(-10px)}.mission-icon img{width: 30% !important;margin: 0 auto 20px}.graphic-design{text-align: center;padding: 10% 5% 4%}.graphic-design h2{color: #00adef;margin: 0}.graphic-design-border{border-bottom: 4px solid #00adef;width: 7%;margin: 25px auto}.graphic-prepress .graphic-design h2{color: #eb0188}.graphic-prepress .graphic-design-border{border-bottom: 4px solid #eb0188}.digital-printing .graphic-design h2{color: #ffd401}.digital-printing .graphic-design-border{border-bottom: 4px solid #ffd401}.label-packaging .graphic-design h2{color: #282828}.label-packaging .graphic-design-border{border-bottom: 4px solid #282828}.text-contact{text-align: center;padding: 2%}.text-contact h3{font-weight: 600;line-height: 1.2;font-size: 1.6em}.contact-block4{display: grid;grid-template-columns: repeat(2,1fr)}.contact-bg2{display: grid;grid-template-columns: 40px auto;gap: 10px;align-items: center;background: #ffffff;box-shadow: 0 0 10px #e8ebf0;border-radius: 50px;padding: 7px;line-height: 1.2;margin: 5px}.contact-bg2:hover{background: linear-gradient(90deg,rgba(0,101,239,1) 0%,rgba(0,173,239,1) 100%);color: #fff}.no-js #Component672453ff407cfe0013cd79e5 label{display: none !important}.no-js #Component672453ff407cfe0013cd79e5 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component672453ff407cfe0013cd79e5 .form-control{border: 1px solid #eee;border-radius: 10px !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: 1em !important;padding: 27px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component672453ff407cfe0013cd79e5 .form-control:hover{border: 1px solid #0065ef}.no-js #Component672453ff407cfe0013cd79e5 .form-control:focus{border: 1px solid #0065ef;-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: #000 !important}.no-js #Component672453ff407cfe0013cd79e5 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: linear-gradient(90deg,rgba(0,101,239,1) 0%,rgba(0,173,239,1) 100%);color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #3faf7e;border-radius: 50px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component672453ff407cfe0013cd79e5 .btn-default:active{background: linear-gradient(90deg,rgba(0,101,239,1) 0%,rgba(0,173,239,1) 100%);color: #fff}.no-js #Component672453ff407cfe0013cd79e5 .btn-default:hover,.no-js #Component672453ff407cfe0013cd79e5 .btn-default:focus{background-position: 0 0px;background: linear-gradient(90deg,rgba(0,101,239,1) 0%,rgba(0,173,239,1) 100%);color: #fff}.no-js #Component672453ff407cfe0013cd79e5 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component672453ff407cfe0013cd79e5 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component672453ff407cfe0013cd79e5 .ITPcheckboxAuthen{font-size: 0.8em;padding: 0 0 0 0%}#iframe67245c791db85000139779ff iframe{height: 240px;border-radius: 10px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #0065ef;border-color: #0065ef}.pagination>li>a,.pagination>li>span{color: #0065ef}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #0065ef;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.itopplus-footer{font-size: 16px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}#iframe67245c791db85000139779ff iframe{height: 255px}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav>li>a{margin: 0 5px}.step-block1-pd{padding: 0% 0}.itopplus-bg,.itopplus-bg2,.itopplus-bg3,.itopplus-bg4{background-size: cover}.itopplus-bg,.itopplus-bg3{background-position: right}.itopplus-bg2,.itopplus-bg4{background-position: left}.about-vision h4{font-size: 1.3em}.contact-bg2{grid-template-columns: 30px auto;font-size: 0.9em}#iframe67245c791db85000139779ff iframe{height: 290px}}@media only screen and (max-width:900px){ul#slider6722eb28e3d40b001300b328{margin-bottom: -7px}.about-block h2{font-size: 2em}.about-block h3{font-size: 1.3em}.about-vision h4{white-space: inherit}.copy-right{text-align: center}.text-contact{padding: 2% 0}.text-contact h3{font-size: 1.3em}.contact-block4{grid-template-columns: repeat(1,1fr)}#iframe67245c791db85000139779ff iframe{height: 145px}}@media only screen and (max-width:480px){#imagesControl6722eb28e3d40b001300b328{padding: 0 !important}.step-block1{width: 55%;padding: 8% 0%}.step-block2{width: 55%;padding: 8% 0%}.about-block-pd{padding: 0 0% 5%}.mission-icon-block{grid-template-columns: repeat(1,1fr)}.mission-icon{padding: 3% 2%}.mission-icon img{width: 20% !important}.h2,h2{font-size: 2em}.graphic-design{padding: 10% 0% 4%}.contact-bg2{grid-template-columns: 40px auto;font-size: 1em}.no-js #Component672453ff407cfe0013cd79e5 .col-md-6{padding: 0 15px}}