.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #282828;font-family: "LINE Seed Sans TH"}a{color: #282828}a:hover{color: #01377d}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_04002024rgxh/0/0/1z-z1628977713629.webp")}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_04002024rgxh/0/0/2z-z1738268498725.webp")}.navbar-default .navbar-nav > li > a{font-size: 0.95em;color: #282828;margin: 0 0px;padding: 6px 15px;border-radius: 30px;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: #fff !important;box-shadow: none;border-color: transparent;background: linear-gradient(to right,rgb(0,157,208) 0%,rgb(123,208,81) 100%);background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;color: #282828;padding: 6px 20px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: linear-gradient(to right,rgb(0,157,208) 0%,rgb(123,208,81) 100%)}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 80px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#itpMenuSideBar span{background-color: #282828 !important}#controlMenu *{color: #282828 !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,.1);transition: 0.3s}#controlBanner{object-fit: contain;padding: 15px;width: clamp(150px,12vw,220px);margin: 0 auto}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}}.h1,h1{font-size: 3em;font-weight: 600}.h2,h2{font-size: 2.3em;font-weight: 600}.h3,h3{font-size: 1.85em;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: #009dd0}.footer-display{display: grid;grid-template-columns: 70% 30%}.footer-block{display: grid;grid-template-columns: repeat(2,1fr)}.footer-contact{display: grid;grid-template-columns: 14px auto;gap: 15px;margin-bottom: 15px}.footer-display1{padding: 0 15%}.footer-icon-img{width: 40%;display: flex;gap: 20px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.85em}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #7bd051 !important;color: #7bd051 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #7bd051 !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%}#carousel67a18708a2015700133bb1ef .hidden{display: block!important;visibility: inherit!important;pointer-events: none}#carousel67a18708a2015700133bb1ef .carousel-indicators .active{background-color: #fff;border-color: #fff;width: 40px;height: 10px;margin: 2px}#carousel67a18708a2015700133bb1ef .carousel-indicators li{display: inline-block;width: 10px;height: 10px;margin: 2px;text-indent: -999px;cursor: pointer;background-color: #fff;border: 1px solid #fff;border-radius: 10px}#carousel67a18708a2015700133bb1ef .carousel-indicators{bottom: 3%}#carousel67a18708a2015700133bb1ef .glyphicon-chevron-left:before,#carousel67a18708a2015700133bb1ef .glyphicon-chevron-right:before{display: none}figure.effect-selena{background: transparent}.padding-pd{padding: 2%}.about-block{padding: 10% 0 0 6%;color: #666666}.about-block h2{color: #282828;margin: 0 0 10px}.about-block h4{font-size: 1.4em;color: #282828;display: contents}.menu-align{text-align: center;padding: 5% 0 2%}.service-icon-block{display: grid;grid-template-columns: repeat(3,1fr)}.service-icon{white-space: pre-line;text-align: center;padding: 0 0 5%}.service-icon img{width: 35% !important;margin-bottom: -2%}.btn-more{background: linear-gradient(90deg,rgba(0,157,208,1) 0%,rgba(123,208,81,1) 100%);color: #fff;border: none;display: grid;grid-template-columns: auto 18px;gap: 5px;justify-content: center;align-items: center;border-radius: 50px;padding: 5px 10px;font-size: 0.9em;transition: 0.5s}.btn-more:hover,.effect-sadie:hover .btn-more{background: linear-gradient(90deg,rgba(123,208,81,1) 0%,rgba(0,157,208,1) 100%);color: #fff}.btn-text{padding: 0 5px}.padding-pd2{padding: 30%}.menu-align-mg{margin-top: -12%}.effect-sadie{border-radius: 20px}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 4em 1.5em 1.5em !important;width: 100%;opacity: 1;-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,.9) 100%);text-transform: initial;font-size: 16px}figure.effect-sadie figcaption::before{z-index: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0)}.grid figure p{letter-spacing: 0px}.grid figure img{opacity: 1}.product-name{display: grid;grid-template-columns: 80% 20%;align-items: end}.product-name-text h3{margin: 0 0 5px}.product-name-text h4{margin: 0}.product-block{color: #666666;text-align: center;padding: 10% 0}.product-block h4{color: #01377d;margin: 0 0 3px;text-transform: uppercase}.thumbs .imageWidth.imageGallery{transform: scale(1.0);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}.about-block-pd{padding: 20% 0}.product-sub{text-align: center;padding: 2% 0%}.col-section{padding: 0 0 3%}article.col-md-6.item.-micro{width: 33.33%}.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: 1px 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: 1.2em;font-weight: 600;color: #01377d;padding: 0% 5%;text-align: center}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #01377d}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption .time{text-align: center}h3.managerHeader{font-size: 2em;font-weight: 600;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}.Textmanager.font-inherit h3{font-weight: 600;margin: 20px 0 10px;font-size: 1.8em}.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{padding: 10px 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,.075);box-shadow: 0 0 0 rgba(0,0,0,.075);border-radius: 20px;transform: scale(1.0) !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-sub2{padding: 0 4%}.product-sub3{padding: 0 2%}.product-sub2 h4,.product-sub h4,.product-sub3 h4{margin: 20px 0 10px;color: #01377d}.product-btn{display: flex;gap: 15px}.grid figure figcaption{padding: 1em}figure.effect-oscar{background: transparent;border-radius: 20px}figure.effect-oscar figcaption::before{border: 0px solid #fff}figure.effect-oscar figcaption,figure.effect-oscar:hover figcaption{background-color: rgba(58,52,42,.0)}#Contentmanager .col-md-4.col-sm-4.col-xs-12{width: 50%;padding: 10px}#Contentmanager figure.effect-oscar img,#Contentmanager figure.effect-oscar:hover img{opacity: 1}#Contentmanager figure.effect-oscar figcaption{background-color: rgba(0,0,0,.0);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.9) 100%);color: #fff;border-radius: 20px}#Contentmanager figure.effect-oscar:hover figcaption{background-color: rgba(0,0,0,.2)}.title-type47{display: none}.port-name{display: grid;grid-template-columns: 75% 25%;gap: 0px;font-size: 0.9em;align-items: end;text-align: left;position: absolute;bottom: 20px;width: 93%}.port-name-btn{margin: 0 auto;font-size: 0.9em}.port-name-text{font-size: 1em;font-weight: 600;width: 85%}.thumbnail{padding: 0px !important;border: 1px solid #eee;border-radius: 20px;box-shadow: none}.thumbnail .imgLightbox{border-radius: 20px 20px 0 0;position: relative!important;overflow: hidden!important;width: 100%!important}.catalog-name{text-align: center;padding: 10% 10px}.catalog-name h4{height: 60px;margin: 0}.catalog-name .btn-more{margin: 0 auto}.contact-sub{padding: 0 2% 0 0}.contact2-contact{display: grid;grid-template-columns: 20px auto;gap: 15px;margin-bottom: 15px}.contact2-contact-img{filter: invert(1)}.no-js #Component67a1cd3f7bfa7d0013838404 label{display: none !important}.no-js #Component67a1cd3f7bfa7d0013838404 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component67a1cd3f7bfa7d0013838404 .form-control{border: 1px solid #dbdbdb;border-radius: 5px !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: 30px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component67a1cd3f7bfa7d0013838404 .form-control:hover{border: 1px solid #01377d}.no-js #Component67a1cd3f7bfa7d0013838404 .form-control:focus{border: 1px solid #01377d;-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 #Component67a1cd3f7bfa7d0013838404 .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,157,208,1) 0%,rgba(123,208,81,1) 100%);color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #01377d;border-radius: 50px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component67a1cd3f7bfa7d0013838404 .btn-default:active{background: linear-gradient(90deg,rgba(0,157,208,1) 0%,rgba(123,208,81,1) 100%);color: #fff}.no-js #Component67a1cd3f7bfa7d0013838404 .btn-default:hover,.no-js #Component67a1cd3f7bfa7d0013838404 .btn-default:focus{background-position: 0 0px;background: linear-gradient(90deg,rgba(0,157,208,1) 0%,rgba(123,208,81,1) 100%);color: #fff}.no-js #Component67a1cd3f7bfa7d0013838404 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component67a1cd3f7bfa7d0013838404 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component67a1cd3f7bfa7d0013838404 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}#iframe67a1d0cda2015700133bc0c6 iframe{height: 242px;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: #01377d;border-color: #01377d}.pagination>li>a,.pagination>li>span{color: #01377d}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #01377d;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.dropdown-menu > li > a{font-size: 1.4em}.container{width: 1440px}.padding-pd2{padding: 35%}figure.effect-sadie p{font-size: 20px}.product-name{grid-template-columns: 83% 17%}.itopplus-footer{font-size: 18px}.footer-contact{grid-template-columns: 20px auto}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.port-name{grid-template-columns: 80% 20%}.port-name-text{width: 80%}.no-js #Component67a1cd3f7bfa7d0013838404 .form-control{padding: 33px 20px}#iframe67a1d0cda2015700133bc0c6 iframe{height: 251px}#imagesControl680b44e4cceca40013f1da38{padding: 35px 10px 10px 10px !important}}@media only screen and (max-width:1191px){#menu67a17be7c594630013ac2e68 .dropdown-menu{left: -45%}body{font-size: 15px}.navbar-default .navbar-nav > li > a{padding: 6px 8px}.about-block h4{font-size: 1.2em}.product-name{grid-template-columns: 77% 23%}figure.effect-sadie p{font-size: 14px}.itopplus-bg2{background-size: cover}.itopplus-footer{font-size: 11px}.port-name{grid-template-columns: 73% 27%}.port-name-text{width: 95%}#iframe67a1d0cda2015700133bc0c6 iframe{height: 268px}}@media only screen and (max-width:900px){.h2,h2{font-size: 2em}.copy-right{text-align: center}figure.effect-sadie p{font-size: 10px}.product-name{grid-template-columns: 80% 20%}.product-name .btn-more,.port-name .btn-more{grid-template-columns: auto 10px;padding: 5px 5px}.port-name{grid-template-columns: 73% 27%;font-size: 0.7em}.about-block-pd{padding: 10% 0}}@media only screen and (max-width:480px){#imagesControl67a18708a2015700133bb1ef{padding: 0 !important}.about-block{padding: 1% 0 0 0%}.service-icon-block{grid-template-columns: repeat(1,1fr)}.product-name{grid-template-columns: 75% 25%}.product-name-text h3{font-size: 1.6em}#Contentmanager .col-md-4.col-sm-4.col-xs-12{width: 100%}.port-name{grid-template-columns: 68% 32%;font-size: 0.7em}h3.managerHeader{font-size: 1.6em}.no-js #Component67a1cd3f7bfa7d0013838404 .col-md-6{padding: 0 15px}.catalog-name h4{height: inherit;margin: 0 0 15px}.col-section{padding: 0 5% 3%}article.col-md-6.item.-micro{width: 100%}.product-sub3{padding: 0 4%}.product-btn .btn-more{padding: 5px 5px}}