.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #58595b;font-family: "LINE Seed Sans TH"}a{color: #58595b}a:hover{color: #052659}b,strong{font-weight: 600}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_28012024q4nn/0/0/1z-z721811918620.jpg");background-size: 100% auto;background-position: bottom}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_28012024q4nn/0/0/2z-z546220536600.jpg");background-size: cover}.itopplus-bg4{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_28012024q4nn/0/0/bg4z-z324259119916.jpg")}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #444;margin: 0 0px;padding: 8px 15px;border-radius: none;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: #444 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;color: #444;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #052659}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 125px !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: 20% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);transition: 0.3s}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px 0;width: clamp(150px,100%,20vw);margin: 0}#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: space-evenly;height: 100%}.itopplus-search{text-align: right;color: #444;width: 50%}}.h1,h1{font-size: 4.5em;font-weight: 600}.h2,h2{font-size: 3em;font-weight: 600}.h3,h3{font-size: 1.8em;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-search{font-size: 0.9em;color: #000f22}.itopplus-search a{color: #000f22}.itopplus-search a:hover{color: #052659}.header-block{display: flex;width: 90%;justify-content: flex-end;float: right;align-items: center;gap: 10px}.header-icon-img{display: flex;gap: 5px;width: 37%}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.tel-block{width: 63%;background: transparent;color: #000f22;border: 1px solid #052659;display: grid;grid-template-columns: 30px auto;gap: 7px;align-items: center;border-radius: 50px;padding: 4px 10px 4px 0px;justify-content: center}.tel-block a{color: #000f22}.itopplus-footer{font-size: 14px}.itopplus-footer h4{height: 40px;margin: 0px;font-weight: 600}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #5482b6}.footer-pd1{padding-left: 10%}.footer-pd2{padding-left: 20%}.contact-block{display: grid;grid-template-columns: 30px auto;gap: 10px;align-items: center;margin-bottom: 10px}.line-block{text-align: center}.line-block img{width: 45% !important}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #052659 !important;color: #052659 !important;font-family: "LINE Seed Sans TH",sans-serif !important}.buttonExampleSite:hover{background: #052659 !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%;font-size: 0.9em}.about-us{white-space: pre-line;font-size: 1.1em}.about-us h2{font-size: 2.6em;color: #052659;margin: 0 0 20px}.btn-more{background: transparent;color: #181818;border: 1px solid #052659;border-radius: 50px;display: grid;grid-template-columns: auto 15px;gap: 10px;align-items: center;font-size: 0.85em;padding: 8px 20px;transition: 0.5s}.btn-more:hover,article.col-md-6.item.-micro:hover .btn-more{background: #052659;color: #fff;border: 1px solid #052659}.eapps-widget-toolbar{display: none}.padding-pd{padding: 5%}.padding-pd2{padding: 2%}.menu-align{text-align: center;padding: 5% 0 1%}.menu-align h2{color: #052659}.menu-align h3{font-size: 2.5em;color: #052659}.menu-align h4{color: #000f22;font-weight: 400;margin: 40px 0 20px}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.btn-display{display: flex;gap: 10px}.btn-contact{background: #5482b6;color: #fff;border: none;display: grid;grid-template-columns: 25px auto;align-items: center;gap: 10px;padding: 7px 10px;border-radius: 50px;font-size: 0.9em;transition: 0.5s}.btn-contact-text,.btn-contact-text a{color: #fff}.btn-contact:hover{background: #c1121f;color: #fff}.product-number{clip-path: polygon(0 0,100% 0%,100% 100%,0 85%);background: #c1121f;color: #fff;width: max-content;font-family: "Bebas Neue",sans-serif;padding: 10px 12px;font-size: 1.2em;margin: 0 7% -20%;position: relative;z-index: 2}.thumbs .imageWidth.imageGallery{transform: scale(1);transition: 0.5s}.thumbs .imageWidth.imageGallery:hover{transform: scale(1.1)}.thumbs .imgLightbox{border-radius: 20px;position: relative !important;overflow: hidden !important;width: 100% !important}.product-name{color: #211c18;font-size: 1.1em;padding: 7% 5%}.service-pd1{padding: 18% 12%}.service-pd2{padding: 20% 12%}.service-pd1 h5,.service-block h5{color: #000f22;margin: 0}.service-pd1 h2,.service-pd2 h2,.service-block h2{margin: 10px 0 15px}.free-icon{display: grid;grid-template-columns: 33px auto;gap: 10px;font-size: 1.4em;align-items: center;margin-bottom: 12px}.free-icon-text strong,.why-icon strong{color: #ef4136}.service-pd2 .free-icon{align-items: start}.why-bg{display: grid;grid-template-columns: repeat(5,1fr);gap: 30px}.why-icon{white-space: pre-line;background: rgba(255,255,255,0.5);border: 1px solid #fff;border-radius: 20px;text-align: center;padding: 10% 5%;margin-bottom: 15%;transition: 0.5s}.why-icon:hover{transform: translateY(-10px)}.why-icon img{width: 47% !important;margin: 0 auto 40px}.btn-align{padding: 0 0 2%}.btn-align .btn-display{justify-content: center}.why-img{width: 90%;margin: 0 auto}.CASS-H-head,.CASS-H-head{font-family: "LINE Seed Sans TH"}.CASS-H-head{border-bottom: none;margin-bottom: 0px;background: transparent;padding-left: 0px;padding-top: 0px}.CASS-H-head h3.form-inline{font-size: 1em;font-weight: 400;text-align: center;margin: 0 0 5px}.CASS-H-head h3.form-inline h2{color: #000;margin: 0 0 5px}.CASS-H-border .form-control{border: none;background-color: transparent;border-bottom: 1px solid #c9c9c9;border-radius: 0px !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: 10px 0;font-weight: 400;color: #000 !important;height: 45px}.CASS-H-border .form-control::placeholder{color: #000 !important}.CASS-H-border .form-control:hover{border-bottom: 1px solid #5482b6}.CASS-H-border .form-control:focus{border-bottom: 1px solid #5482b6;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow: inset 0 0px 0px rgba(0,0,0,0.075),0 0 0px rgba(102,175,233,0);color: #444 !important}.CASS-H-border .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #5482b6;color: #ffffff;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 8px 20px;font-weight: 500;font-size: 1em;border: 0px solid #fff;box-shadow: none}.CASS-H-border .btn-default:active{background-color: #5482b6;color: #fff}.CASS-H-border .btn-default:hover,.CASS-H-border .btn-default:focus{background-position: 0 0px;background-color: #5482b6;color: #fff}.CASS-H-border .ITPcheckboxAuthen{font-size: 1em;color: #000;text-align: left !important;padding-left: 2.5%;margin-bottom: 2%}.CASS-H-border span#contactUsAcceptPolicyText2{color: #000}.CASS-H-border #display4{margin-bottom: -20px}.CASS-H-border #editor1,.CASS-H-border #editor2,.CASS-H-border #editor3,.CASS-H-border #editor4,.CASS-H-border #editor5,.CASS-H-border #editor6{display: none}.CASS-H-border #selectbox4,.CASS-H-border #selectbox5,.CASS-H-border #selectbox6{margin-bottom: -20px}.CASS-H-border .glyphicon-ok-circle:before{display: none}.CASS-H-border .form-control-feedback{top: 10px !important;color: #000 !important}.CASS-H-border .form-control option{color: #000}.CASS-H-middle-mid{padding: 0px}.CASS-H-main{background: transparent}.CASS-H-border{width: 65%;margin: 0 auto 5%}.service-block{padding: 5% 5%}.service-block h4{font-size: 1.3em;font-weight: 400;margin: 0 0 20px;line-height: 1.3}#Contentmanager .col-md-4.col-sm-4.col-xs-12{padding: 0 10px !important}.title-type47{display: none}#Contentmanager figure.effect-oscar:hover figcaption{background-color: rgba(0,0,0,0.7)}figure.effect-oscar{background: transparent;border-radius: 20px}figure.effect-oscar figcaption{padding: 0em;background-color: rgba(58,52,42,0);-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0,0);text-align: left;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);text-transform: initial}figure.effect-oscar:hover figcaption{background-color: rgba(0,0,0,0)}figure.effect-oscar figcaption::before{border: 0px solid #fff}.grid figure figcaption{padding: 1em}.grid figure h2{word-spacing: normal;font-weight: 400}.grid figure p{letter-spacing: 0px;font-size: 1em}.port-name{text-align: center;position: absolute;bottom: 20px;left: 5px;right: 5px;font-weight: 600;font-size: 0.9em}.col-section{}article.col-md-6.item.-micro{width: 23%;margin: 5 5px 10px;background: #fff;border-radius: 10px}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px}.Contentmanager .site .col-section .item.-micro:nth-child(odd){border-right: solid 0px #e8e6e8;border-bottom: solid 0px #e8e6e8}.Contentmanager .site .col-section .item.-micro:nth-child(even){border-bottom: solid 0px #e8e6e8}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;border: 0px solid #eee;border-radius: 20px}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;padding-left: 0;padding: 7% 0}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1em;font-weight: 600;color: #231f20;text-align: center;margin-bottom: 10px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #052659}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption .time{text-align: center;font-size: 0.9em;color: #58595b}.Contentmanager .site .col-section .item.-micro a .caption .time h4{color: #ef4136;margin: 8px 0;line-height: 1.2}.Contentmanager .site .col-section .item.-micro a .caption .time .btn-more{margin: 20px auto 0}h3.managerHeader{font-size: 3em;font-weight: 600;color: #052659;text-align: center}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{padding: 0;width: 50%;margin: 0 4% 0 0}.col-md-6.pull-right{padding: 0;width: 50%;margin: 0 0 0 4%}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h4{font-weight: 600;margin: 25px 0 5px;line-height: 1.3;color: #262626}.Textmanager.font-inherit h3{font-weight: 600;margin: 5px 0 0px}.Textmanager.font-inherit p{margin: 0 0 0px}.Textmanager.font-inherit strong{font-weight: 600}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 33.33%;padding: 0px 10px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;border-radius: 20px;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover,.contenemanager-gallery .thumbnail:hover{transition: 0.3s}.Contenemanager-gallery .thumbnail,.img-thumbnail,.contenemanager-gallery .thumbnail,.img-thumbnail{-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.075);box-shadow: 0 0 0 rgba(0,0,0,0.075);border-radius: 20px;transform: scale(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.1)}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color: transparent}#Contentmanager .thumbnail{background-color: #fff;position: relative !important;overflow: hidden !important;border: 0px solid #eee;padding: 0px !important;box-shadow: none !important;border-radius: 20px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 20px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.product-sub h5{color: #052659;font-size: 1.2em;margin: 0;line-height: 1.2}.product-sub h4{font-size: 1.4em}.product-sub h3{color: #ef4136;margin: 5px 0 30px !important}.product-sub .free-icon{grid-template-columns: 25px auto;font-size: 1.1em}.contact-block2{width: 80%;margin: 0 auto}.contact-block2 .btn-display{justify-content: center;display: grid;grid-template-columns: repeat(3,1fr)}.contact-block2 .btn-contact{width: 100%;padding: 10px 15px;font-size: 1em;justify-content: center}.bank-img{display: flex;width: 100%;margin: 10px auto;justify-content: center;gap: 5px}.bank-img img{width: 40px !important}.bank-icon{display: grid;grid-template-columns: 40px auto;gap: 10px;font-size: 1.2em;align-items: center;margin-bottom: 12px;color: #052659}.contact-us{text-align: center;padding: 2% 0 0}.contact-us h3{color: #262626;margin: 0 0 5px}.contact-us .btn-align{padding: 2% 0 0}.contact-us .btn-contact{padding: 10px 15px;font-size: 1em}#iframe67c94ace581dd200139c91f4{margin-bottom: -7px}.catalog-block{display: flex;grid-template-columns: repeat(4,1fr);gap: 20px;flex-wrap: wrap;justify-content: center}.catalog-bg{width: 23%;background: #eee;color: #000;border-radius: 20px;border: 1px solid #eee;transition: 0.5s}.catalog-bg:hover{background: #ef4136;color: #fff}.catalog-block a{display: contents}.catalog-text{padding: 15px 0;text-align: center;font-weight: 600}.catalog-img,.catalog-img img{border-radius: 20px 20px 0 0;overflow: hidden;transition: 0.5s}.catalog-img:hover img{transform: scale(1.1)}.catalog-img img{width: 100% !important}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color: #5482b6;border-color: #5482b6}.pagination > li > a,.pagination > li > span{color: #5482b6}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color: #5482b6;background-color: #f7f7f7}@media only screen and (min-width: 1900px){body{font-size: 20px}.container{width: 1440px}.header-icon-img{width: 33%}.about-us{font-size: 1.05em}.why-icon{padding: 10% 3%}.why-img{margin: 5% auto 0}.service-pd2{padding: 22% 15%}.service-pd1{padding: 21% 15%}.CASS-H-border .form-control{height: 55px}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.service-block{padding: 10% 8%}}@media only screen and (max-width: 1191px){.h2,h2{font-size: 2.4em}.itopplus-search{width: 65%}.about-us{white-space: inherit;font-size: 1em}.about-us h2{font-size: 2.3em}.btn-display{gap: 5px}.btn-contact{grid-template-columns: 20px auto;gap: 5px}.service-pd1{padding: 9% 7%}.service-pd2{padding: 16% 8%}.why-icon{white-space: inherit}.why-icon img{margin: 0 auto 20px}article.col-md-6.item.-micro{font-size: 0.8em;width: 22%}.contact-block2{width: 95%}}@media only screen and (max-width: 900px){.h2,h2,h3.managerHeader{font-size: 1.9em}.about-us h2{font-size: 1.8em}.btn-display{display: grid;grid-template-columns: repeat(2,1fr)}.btn-contact{width: 100%;justify-content: center}.service-pd1{padding: 3% 4%}.service-pd2{padding: 10% 8%}.free-icon{grid-template-columns: 25px auto;font-size: 1.1em}.btn-align .btn-display{grid-template-columns: repeat(4,1fr)}.CASS-H-middle-mid div{padding: 0px}.CASS-H-border .ITPcheckboxAuthen{padding-left: 1.5%}.contact-us .btn-display{grid-template-columns: repeat(2,1fr)}.itopplus-footer{text-align: center}.port-name{font-size: 0.6em}}@media only screen and (max-width: 480px){#imagesControl67c7ef96e2aecd0013aa9b41{padding: 0 !important}.h2,h2,h3.managerHeader{font-size: 2.3em}.about-us h2{font-size: 2.2em}.service-pd1{padding: 3% 1%}.service-pd2{padding: 1% 1%}.itopplus-bg4{background-size: cover}.why-bg{grid-template-columns: repeat(2,1fr)}.btn-align .btn-display{grid-template-columns: repeat(2,1fr)}.free-icon{font-size: 1.3em;align-items: start}.CASS-H-border{width: 90%}.menu-align h3{font-size: 2em}article.col-md-6.item.-micro{font-size: 1em;width: 100%}.col-section{padding: 0 5% 2%}.col-md-6.pull-left,.col-md-6.pull-right{width: 100%;margin: 0 0% 0 0}.Textmanager.font-inherit{display: block}.contact-us .btn-display{grid-template-columns: repeat(1,1fr)}.contact-us .btn-contact{padding: 10px 9px}.service-block{padding: 5% 1%}.port-name{font-size: 0.9em}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}}#background687325d4e39c600013487a69 .none-middle-mid > .col-md-6:first-child{border-right: 5px solid #2e3c94}@media screen and (min-width: 1200px){#background687325d4e39c600013487a69 #Contentmanager .col-md-6{width: 100% !important}#background687325d4e39c600013487a69 .row.flex::before,#background687325d4e39c600013487a69 .row.flex::after{display: none}#background687325d4e39c600013487a69 .row.flex{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;padding: 0 2vw}}