.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";background-color: #f5f7fa}.no-js a{color: #282828;transition: 0.35s}.no-js a:hover{color: #280abe}.itopplus-footer{color: #282828}.itopplus-footer a{color: #282828}.itopplus-footer a:hover{color: #280abe}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_28072024nq4w/0/0/1z-z1158374560834.jpg");background-size: 100%;background-repeat: no-repeat}.itopplus-bg2{background: linear-gradient(to bottom,#f5f7fa 0,#dcdae3 100%)}.itopplus-footer{background-color: #dcdae3;color: #282828}.navbar-default .navbar-nav > li > a{color: #282828;margin: 0 10px;padding: 8px 3px;border-radius: 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-color: #f5f7fa;background: transparent;background-color: transparent}.no-js .dropdown-menu > li > a{color: #282828;background-color: #f5f7fa}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #280abe}@media screen and (max-width: 1023px){#controlBanner img{position: fixed;top: 5px;left: 10px;width: 40px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #f5f7fa !important}#controlMenu *:not(a span){color: #282828 !important;border: none}.navbar-header button span{background-color: #282828 !important}.navbar-header a::before{background-size: 33px;background-position: center}.navbar-header a::after{background: transparent}#itpphonemobile::before{background-image: url( https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/telz-z77323662137.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){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #f5f7fa;transition: 0.3s}.itopplus-sticky{background: #f5f7fa !important}.itopplus-banner > .container{display: grid;grid-template-columns: 8% auto;align-items: end}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end;padding: 2% 0}#controlBanner{object-fit: contain;padding: 15px;width: clamp(140px,100%,20vw);margin: 0 auto}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}}@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)}.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}#background68ac95cafcc2320013e8f8b9 .thumbnail,#background68ac999ee6103e0013102e2a .thumbnail,#background68ad6192e6103e0013103c3b .thumbnail,#background68b6c2bfbfde0e00130c6d54 .thumbnail{border: solid 0px #dadada;background: transparent;color: #000;border-radius: 0px;padding: 0%!important;transition: 0.5s;box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);margin-bottom: 10%}#background68ac9bd2e6103e0013102e47 .thumbnail{border: solid 0px #dadada;background: transparent;color: #000;border-radius: 0px;padding: 0%!important;transition: 0.5s;box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);margin-bottom: 0%}#background68ac95cafcc2320013e8f8b9 .thumbnail:hover,#background68ac999ee6103e0013102e2a .thumbnail:hover,#background68ac9bd2e6103e0013102e47 .thumbnail:hover,#background68ad6192e6103e0013103c3b .thumbnail:hover,#background68b6c2bfbfde0e00130c6d54 .thumbnail:hover{box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);background: transparent;border-radius: 0px;color: #3a1fc2}#background68ac95cafcc2320013e8f8b9 .thumbnail .imgLightbox,#background68ac999ee6103e0013102e2a .thumbnail .imgLightbox,#background68ac9bd2e6103e0013102e47 .thumbnail .imgLightbox,#background68ad6192e6103e0013103c3b .thumbnail .imgLightbox,#background68b6c2bfbfde0e00130c6d54 .thumbnail .imgLightbox{border-radius: 20px}.no-js #Component68aca2e68bdc670014ad3229 label{display: none !important;color: #444444}.no-js #Component68aca2e68bdc670014ad3229 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial;padding-left: 20px}.no-js #Component68aca2e68bdc670014ad3229 .form-control{border: 1px solid #29292933;border-bottom: 1px solid #29292933;box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);padding: 25px 20px;background: transparent;font-size: 16px !important;border-radius: 8px !important}.no-js #Component68aca2e68bdc670014ad3229 .form-control:focus{border-bottom: 1px solid #280abe !important;border: 1px solid #280abe;box-shadow: inset 0 0px 0px rgba(0,0,0,0.075),0 0 0px rgba(102,175,233,0)}.no-js #Component68aca2e68bdc670014ad3229 .btn{background: #280abe;color: #fff;text-shadow: 0 0px 0 #00000000;background-repeat: repeat-x;border-color: transparent;border-radius: 50px;padding: 10px 30px 10px 30px;font-size: 16px;font-weight: 400;border: 0px solid}.no-js #Component68aca2e68bdc670014ad3229 .btn-default:active{background: #06aef0;color: #fff}.no-js #Component68aca2e68bdc670014ad3229 .btn-default:hover,.no-js #Component68aca2e68bdc670014ad3229 .btn-default:focus{background-position: 0 0px;background: #06aef0;border: 0px solid transparent}.no-js #Component68aca2e68bdc670014ad3229 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component68aca2e68bdc670014ad3229 span.label{font-size: 13px;font-weight: 400}.no-js #Component68aca2e68bdc670014ad3229 ::placeholder{color: #444444 !important}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: 3em}h3{font-size: 18px}h4{font-size: 22px}h5{font-size: 26px}h6{font-size: 32px}p{font-size: 16px}body{font-size: 16px}b,strong{font-weight: 600}.grid-footer{display: grid;grid-template-columns: 40% 40% auto;margin-bottom: 5%;border-top: 1px solid #cfcdd7;padding-top: 3%}.copyright{font-size: 14px;white-space: break-spaces}.head-footer h4{white-space: break-spaces}.footer-2{white-space: break-spaces;margin-bottom: 14px}.grid-icon-footer{display: flex;gap: 10px;width: 50%}.block-tel-footer{display: grid;grid-template-columns: 40px auto;gap: 10px}.icon-footer{transition: 0.35s}.icon-footer:hover{filter: grayscale(1);transition: 0.35s}.buttonExampleSite{border: 0px solid #fff !important;color: #fff !important;background: #280abe !important;border-radius: 5px !important;font-weight: 400}.buttonExampleSite:hover{background: #06aef0 !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}.bg-printer{margin: 0 auto;margin-top: -16%}.grid-one{text-align: center;margin-top: 5%}.grid-one h2{font-weight: 600;color: #3a1fc2;margin-bottom: 2%}.content-fbtlabel{white-space: break-spaces}.grid-one h4{font-weight: 600}.text-line{font-size: 8em;color: transparent;-webkit-text-stroke: 1px hsl(0deg 0% 16% / 20%);font-weight: 600;margin-top: 3%}.head-fbtlabel{text-align: center;padding: 5% 0% 2%}.head-fbtlabel h2{font-weight: 600}.head-service{text-align: center;padding: 5% 0%}.head-service h3{font-weight: 600}.grid-whychooseus{display: grid;grid-template-columns: 45% auto;gap: 40px;width: 92%}.grid-whychooseus-two{display: grid;grid-template-columns: repeat(2,1fr);gap: 35px}.icon-whychooseus{width: 25%;margin-bottom: 6%}.block-whychooseus-2 h3{font-weight: 600;min-height: 40px}.head-fbtlabel-2{text-align: center;font-size: 8em;color: transparent;-webkit-text-stroke: 1px hsl(0deg 0% 16% / 20%);font-weight: 600;text-transform: uppercase;margin-top: -10.5%}.bg-whychooseus{margin-top: -17%}.btn-product{display: grid;grid-template-columns: auto 12px;background: #280abe;color: #fff;width: fit-content;gap: 10px;border-radius: 50px;padding: 8px 20px;margin: 0 auto;transition: 0.35s}.thumbnail:hover .btn-product{background: #06aef0;transition: 0.35s}.btn-product-2{align-self: center}.iconarrow{align-self: center}.btn-product:hover{background: #06aef0;transition: 0.35s}#background68ac9bd2e6103e0013102e47{width: 88%;float: right}.pd-printing{margin-left: 10%}.empty-fbtlabel{padding: 2%}.bg-printing-machine{margin-top: -30%}#background68ac9b6afcc2320013e8f90c .col-md-8.col-sm-8.col-xs-12.padding{width: 62%}#background68ac9b6afcc2320013e8f90c .col-md-4.col-sm-4.col-xs-12.padding{width: 38%}.head-fbtlabel.right{text-align: left;margin-left: 22%;padding: 5% 0% 2%}#imagesControl68ac9bd2e6103e0013102e47{padding: 0px !important}#background68aca235d481ac0013c9752d .row-fluid [class*=col-sm-5fix]{width: 15% !important}#background68aca235d481ac0013c9752d .CustomImageGalleryType_2.row-fluid{justify-content: center}.grid-one.about{margin-top: 0%;margin-bottom: 5%}.grid-service{display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;margin-bottom: 5%}.grid-service-3 h4{font-weight: 600;margin-bottom: 10px}.block-service{display: grid;grid-template-columns: 55px auto;gap: 16px;margin-top: 4%}.block-service-2 h3{font-weight: 600;margin-bottom: 5px}.block-service-2{align-self: center;white-space: break-spaces}.block-bg{align-self: center;display: block;overflow: hidden;border-radius: 15px}.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)}.grid-bg-service{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;margin-top: 20px}.dropdown-menu{background-color: #f5f7fa}.comingsoon{padding: 5% 10%}.block-tel-contact{display: grid;grid-template-columns: 40px auto;gap: 15px;padding: 10px 0px 0px}.tel-contact-2{align-self: center}.tel-footer{align-self: center}.block-icon-contact{display: grid;grid-template-columns: 40px auto;gap: 10px;margin-top: 2%}.icon-contact-2{align-self: center}.name-product{text-align: center;padding: 5% 0% 5%;background: #280abe;color: #fff}.grid-about{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px}.grid-about-2{align-self: center}#background68b6c2bfbfde0e00130c6d54 .CustomImageGalleryType_2{justify-content: center}.grid-whychooseus-about{display: grid;grid-template-columns: 60% auto;gap: 40px}.block-whychooseus-about2{padding-left: 13%}.grid-whychooseus-two-about{display: grid;grid-template-columns: repeat(3,1fr);gap: 35px;margin-bottom: 3%}.icon-whychooseus-about{width: 45%;margin-bottom: 10%}.slogan h3{white-space: break-spaces}.slogan{padding: 3% 0%}.slogan h6{font-weight: 600;padding: 2% 0%;font-style: italic}.about-section3{background: #3a1fc1;padding: 2% 5%;border-radius: 20px;margin-top: 5%;color: #fff}.grid-whychooseus-about{margin-top: 2%}@media screen and (min-width: 1900px){h1{font-size: 2em}h2{font-size: 3em}h3{font-size: 22px}h4{font-size: 26px}h5{font-size: 30px}h6{font-size: 36px}p{font-size: 20px}body{font-size: 20px}.navbar-default .navbar-nav>li>a{font-size: 20px}.no-js .dropdown-menu > li > a{font-size: 19px}.navbar-default .navbar-nav > li > a{padding: 8px 10px}.head-fbtlabel-2{font-size: 9em}.copyright{font-size: 16px}ul.icon-a{font-size: 20px}.block-service{grid-template-columns: 70px auto;gap: 20px}.no-js #Component68aca2e68bdc670014ad3229 .form-control{padding: 30px 20px;font-size: 19px !important}.no-js #Component68aca2e68bdc670014ad3229 .btn{font-size: 19px}.block-icon-contact{grid-template-columns: 50px auto}.icon-whychooseus-about{width: 40%}}@media screen and (max-width: 1191px){.head-fbtlabel-2{font-size: 6em}.head-footer h4{font-size: 20px}.head-service{min-height: 75px}.head-fbtlabel-2{margin-top: -12%}}@media screen and (max-width: 900px){h2{font-size: 2.5em}.content-fbtlabel{white-space: inherit}.head-fbtlabel-2{font-size: 4.5em}.head-fbtlabel.right{margin-left: 15%}#background68ac999ee6103e0013102e2a .col-md-3.col-sm-4.col-xs-4{width: 25%}.copyright-2{text-align: center}.icon-whychooseus{width: 35%}.block-whychooseus-2 h3{min-height: 60px}.copyright-2{text-align: center;font-size: 14px}.block-tel-contact{grid-template-columns: 30px auto}}@media screen and (max-width: 480px){h2{font-size: 2em}#imagesControl68ac8eac8bdc670014ad30b7{padding: 0px !important}.text-line{font-size: 3em}.grid-whychooseus{grid-template-columns: 100%;gap: 40px;width: 100%}.grid-whychooseus-two{grid-template-columns: repeat(1,1fr);gap: 35px;padding: 0% 10%}.icon-whychooseus{width: 25%}.block-whychooseus-2 h3{min-height: auto;margin-bottom: 10px}.grid-one{margin-top: 10%}#background68ac9b6afcc2320013e8f90c .col-md-8.col-sm-8.col-xs-12.padding{width: 100%}#background68ac9b6afcc2320013e8f90c .col-md-4.col-sm-4.col-xs-12.padding{width: 100%}#background68ac9bd2e6103e0013102e47{width: 100%;float: right}.bg-printing-machine{margin-top: 10%}.pd-printing{margin-left: 0%}.bg-whychooseus{margin-top: 5%}.head-fbtlabel-2{font-size: 30px}.head-fbtlabel-2{margin-top: 0%}.grid-service{grid-template-columns: repeat(1,1fr)}#background68aca235d481ac0013c9752d .row-fluid [class*=col-sm-5fix]{width: 50% !important}#mainmenu68ac9b6afcc2320013e8f90c .bg-printing-machine{margin: -12px;margin-top: 10%}.name-product{font-size: 14px}.grid-about{padding: 5% 0%;grid-template-columns: repeat(1,1fr)}.block-whychooseus-about2{padding-left: 10%;padding-right: 10%}.grid-whychooseus-about{grid-template-columns: 100%}.grid-whychooseus-two-about{grid-template-columns: repeat(1,1fr)}.icon-whychooseus-about{width: 20%;margin-bottom: 5%}.about-section3{margin-top: 10%}}.tel-footer-2{align-self: center}