.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #444;font-family: "LINE Seed Sans TH"}a{color: #0a0a0a}a:hover{color: #092e7f}b,strong{font-weight: 600}.itopplus-footer{font-size: 14px;line-height: 1.6}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #fff21f}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}@font-face{font-family: "LINE Seed Sans TH";font-weight: 100;src: url(https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Th.otf) format("opentype")}@font-face{font-family: "LINE Seed Sans TH";font-weight: 400;src: url(https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Rg.otf) format("opentype")}@font-face{font-family: "LINE Seed Sans TH";font-weight: 600;src: url(https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Bd.otf) format("opentype")}@font-face{font-family: "LINE Seed Sans TH";font-weight: 800;src: url(https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_XBd.otf) format("opentype")}@font-face{font-family: "LINE Seed Sans TH";font-weight: 900;src: url(https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_He.otf) format("opentype")}body{box-sizing: border-box}.margin{margin: 0 !important}.padding{padding: 0 !important}.col-md-3.col-md-offset-0.col-sm-6.col-sm-offset-3.col-xs-8.col-xs-offset-2.padding.zIndex-menu{z-index: 100000 !important}.container::before,.container::after{display: none}#itopplus-nav-bar::before,#itopplus-nav-bar::after{display: none}#nav-menu{min-height: auto}@media screen and (max-width: 1023px){#nav-menu{display: block;place-content: center;width: 100%;position: fixed;top: 0;left: 0;z-index: 1000}.navbar-header,.navbar-header .pull-right{position: relative;display: flex !important;flex-direction: row-reverse;align-items: center;gap: 5px;width: 100%;height: 50px}#main-navbar-collapse,.navbar-header:before,.navbar-header:after,.navbar-header a:not(a.visible-xs),.navbar-header a :is(i,span,.social-icon,.sr-only),.navbar-header button > div:last-child{display: none !important}.navbar-header :is(button,a.visible-xs){position: relative;flex: 0 1 30px;height: auto !important;aspect-ratio: 1;margin: 0 !important;padding: 0 !important;border: unset !important;background-size: 100%;background-repeat: no-repeat;place-content: center}.navbar-header a.visible-xs:before,.navbar-header a.visible-xs:after{position: absolute;display: block;content: "";height: 100%;width: 100%;inset: 0;margin: auto;background-size: 100%;z-index: 1}#itpMenuSideBar{display: grid;place-content: center;background-color: transparent !important;padding-right: 10px !important;padding-left: 5px !important}.navbar-header button span{width: 25px !important;height: 3px !important;margin: 4px 0 !important}#languagemobile{order: 10}#main-navbar-flag{position: absolute;top: 50px;left: 0;right: 0;width: 100%}#main-navbar-flag a .row::after,#main-navbar-flag a .row::before,#language_member_bar{display: none !important}#main-navbar-flag .row{display: grid;grid-template-columns: 0 auto;white-space: nowrap}#main-navbar-flag *{margin: 0 !important;padding: 0 !important;color: #444}#main-navbar-flag ul{display: flex;flex-direction: column;align-items: center;gap: 10px}}.navbar-default .navbar-nav > li > a{font-size: 0.95em;color: #000;margin: 0;padding: 8px 12px;border-radius: 0;text-transform: uppercase}.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: transparent;background-color: #2443b5}.no-js .dropdown-menu > li > a{font-size: 1.1em;padding: 8px 15px;color: #000}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff!important;background: #2443b5}@media screen and (min-width: 1024px) and (max-width: 1200px){.itopplus-banner > .container{width: 100%}}@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: 5px 15px;width: 100%;margin: 0 auto}.itopplus-search{width: 100%;text-align: right;color: #444;position: relative;margin: 0 !important}.itp-block{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-evenly;height: 100%}}@media screen and (max-width: 1023px){#controlBanner img{position: fixed !important;top: 10px;left: 10px;width: auto !important;height: 30px;z-index: 10000;object-fit: contain}#nav-menu{background: #fff !important}.navbar-collapse,#ItopplusMainSidebar{background: #fff !important}#ItopplusMainSidebar *:is(li,a){color: #1d1d1d !important;border: none}#nav-menu .icon-bar{background: #1d1d1d !important}.navbar-header a.visible-xs{flex: 0 1 30px;background-color: transparent !important;border-radius: 50%;overflow: hidden}.navbar-header a.visible-xs:after{background-color: #2240ac;z-index: -1 !important}#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}}select.input-sm{height: inherit !important}.h1,h1{font-size: 4em}.h2,h2{font-size: 2.5em}.h3,h3{font-size: 1.9em}.h4,h4{font-size: 1.4em}.h5,h5{font-size: 1.2em}.h6,h6{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}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top: 0px;margin-bottom: 0px;line-height: 1.2;font-weight: 600}.header-icon{width: 30%;display: flex;gap: 10px;justify-content: flex-end;margin-left: auto;padding-right: 15px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.itopplus-footer h4{margin: 0 0 15px}.footer-section{text-align: center;padding: 20px 0 0}.footer-icon-grid{width: 23%;display: flex;gap: 10px;margin: 20px auto;justify-content: center}.viatic_bgfacebook{background: #2240ac;color: white;text-align: center;padding: 15% 0;border-radius: 10px;transition: 0.32s}.viatic_bgfacebook:hover{background: #2c7ceb;color: white;transition: 0.32s}.menuVertical .nav-pills > li > a,.menuVertical .nav-stacked > li + li{border-radius: 5px;background-color: #305af0;border-color: #305af0;margin-bottom: 7px;color: white}.menuVertical .nav > li > a:hover,.nav > li > a:focus{color: #fff;background-color: #0a2f7f;border-color: transparent}.buttonp{border-radius: 50px;background: linear-gradient(to bottom,rgba(48,90,240,1) 0%,rgba(34,64,172,1) 100%);border: none;color: #ffffff;text-align: center;padding: 9px 15px;width: 90%;transition: all 0.5s;cursor: pointer;margin: 0px auto 15px}.buttonp span{cursor: pointer;display: inline-block;position: relative;transition: 0.5s}.buttonp span:after{content: "\00bb";position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s}.buttonp:hover span{padding-right: 25px}.buttonp:hover span:after{opacity: 1;right: 0}.grid figure h2{word-spacing: normal;font-weight: 600}figure.effect-sadie{background: transparent;border-radius: 20px;box-shadow: 3px 5px 10px rgba(0,0,0,0.2)}figure.effect-sadie h2,figure.effect-sadie:hover h2{margin-top: 1em;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0,0);font-size: 0.75em;position: absolute;top: 77%;left: 0;right: 0;bottom: 10px;text-transform: uppercase;word-spacing: normal;color: white;text-align: left}.viatic_bgReference .col-md-10.col-sm-10.col-xs-10.padding-col{width: 85%;padding: 0 10px !important}.viatic_bgReference .col-md-2.col-sm-2.col-xs-2.padding-col{width: 15%}figure.effect-sadie figcaption::before{z-index: 0;background: -webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(0,0,0,.3) 100%);background: linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(0,0,0,.3) 100%);opacity: 1;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0)}figure.effect-sadie img{opacity: 1;transition: 0.32s}figure.effect-sadie:hover img{opacity: 1;transition: 0.32s;transform: scale3d(1.05,1.05,1.05)}figure.effect-jazz{background: transparent;border-radius: 5px;box-shadow: 3px 2px 5px rgba(0,0,0,0.2)}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}figure.effect-jazz h2{width: 100%;bottom: 0;position: absolute;left: 0;right: 0;text-transform: capitalize;word-spacing: normal}figure.effect-jazz h2,figure.effect-jazz p{transform: scale3d(1,1,1)}figure.effect-selena{background: transparent}.viatic_iconimg{margin-top: 15%}.viatic_bgcontact{background: #f9f9f9;padding: 10% 0;text-align: center;line-height: 1.2;height: 185px;transition: 0.32s}.viatic_bgcontact:hover{background: #f3f5ff;transition: 0.32s}.viatic_bgvt{background: #0a2f7f;color: white;font-size: 24px;text-align: center;padding: 3% 0;font-weight: 600}table.tj2{width: 100%}table.tj2 td{border: 1px solid #eee;padding: 8px;text-align: left;vertical-align: text-top}table.tj2 tr:nth-child(even){background-color: transparent}table.tj2 tr:nth-child(odd){background-color: transparent}table.tj2 tr:hover{background-color: #f3f5ff}.padding-pd{padding: 2%}figure.effect-oscar{background: transparent;margin: 0 1px -20px !important}.grid figure figcaption{padding: 1em}figure.effect-oscar figcaption{background-color: rgba(0,0,0,.15)}figure.effect-oscar:hover figcaption{background-color: rgba(0,0,0,.6)}figure.effect-oscar figcaption::before{border: 0px solid #fff}figure.effect-oscar h2{margin: 0% 0 0px 0 !important;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0);font-size: 1em}figure.effect-phoebe h2{margin-top: 0em;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);position: absolute;left: 0;right: 0;bottom: 0}.about-us{padding: 2% 4%}.about-us h2{text-transform: uppercase;margin: 0 0 15px;color: #2240ac}.about-us h3{color: black;margin: 0 0 15px;text-transform: uppercase}.itopplus-bg1{background-image: url(https://itp1.itopfile.com/ImageServer/56326b1e69584fdd/0/0/bgz-z1746404322593.jpg);background-size: 100% auto;background-repeat: no-repeat;background-position: bottom}.menu-align{text-align: center;padding: 5% 0}.menu-align h2{text-transform: uppercase;color: black}figure.effect-phoebe{border-radius: 25px;background: transparent}figure.effect-phoebe img,figure.effect-phoebe:hover img,figure.effect-oscar img,figure.effect-oscar:hover img{opacity: 1}#background6a7d612219d79f001366dd0a .col-md-6.col-sm-6.col-xs-12.padding{margin: 0 -1px}.menu-align-2{text-align: center;padding: 5.3% 0;color: white}.menu-align-2 h2{text-transform: uppercase}.product-service{padding: 20% 0}.product-service-block1 h6{font-size: 1.2em;margin: 30px 0 20px}.product-service-block1 img{width: 45% !important;margin: 0 auto}.btn-view{background: #165193;color: white;border: none;font-size: 14px;font-weight: 400;padding: 8px 20px;border-radius: 50px;transition: 0.5s}.btn-view:hover,figure.effect-oscar:hover .btn-view{background: #bfd630;color: #000000}.client-section{padding: 0 2.5%}.tj3{width: 100%;margin: 10px 0 3%}.tj3 tr{border-bottom: 1px solid #ccc}.tj3 td,.tj3 th{width: 50%;padding: 15px 0}.tj3 td:nth-child(odd){text-align: left}.tj3 td:nth-child(even){text-align: right}.tj3 td:nth-child(even) strong{font-size: 1.8em}.trademarks-logo{padding: 15% 0;text-align: center}.subject-section{padding: 5% 0}.subject-section-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 15px;margin: 20px 0}.subject-section-bg{background: #ffffff;border: 1px solid #cccccc;border-bottom: 5px solid #2240ac;padding: 8%}.subject-section-bg h4{color: #2240ac}.subject-section-bg h5{color: black;margin: 25px 0 5px}.managerHeader{color: #2240ac;font-size: 2em}#Contentmanager .post-time{font-size: 20px;color: #bed62f}.page-header{margin: 50px 0 50px;border-bottom: 2px solid #2240ac}.landingpagemanager{display: none}.Contentmanager .site .col-section .item.-micro a .caption .title{text-align: center;font-size: 1.3em;color: #2240ac;padding: 5% 0;font-weight: 600}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #bed62f}.Contentmanager .site .col-section .item.-micro a .caption .time{display: none}article.col-md-6.item.-micro{width: 32.33%}.Contentmanager .site .col-section .item.-micro{padding: 10px 15px 20px 15px}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;margin-bottom: 0px;border-radius: 20px}.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: 33.33%}.Contenemanager-gallery .col-xs-6.col-md-3{padding-left: 10px;padding-right: 10px;width: 33.33%}.Contenemanager-gallery .img-responsive{border-radius: 5px}.contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #fff;border-radius: 5px;transition: 0.3s}.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #fff;border-radius: 5px;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover{transition: 0.3s;border-radius: 5px;transform: scale(1.01);box-shadow: 0 0 10px #a2a2a2}.contenemanager-gallery .thumbnail:hover{transition: 0.3s;border-radius: 5px;transform: scale(1.01);box-shadow: 0 0 10px #a2a2a2}.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)}.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)}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color: transparent}.fbcomments,.fbcomments span[style],.fbcomments iframe[style]{display: none}.contact-us{}.contact-us h3{color: #092e7f;text-transform: uppercase}.contact-icon-group{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin: 20px 0}.contact-icon{display: grid;grid-template-columns: 60px auto;background: #ffffff;color: black;gap: 10px;align-items: center;transition: 0.5s}.contact-icon:hover{background: #e0e6fd}.no-js #Component5ec20afbf27e0c00121a59f2 .form-group{margin-bottom: 7px}.no-js #Component5ec20afbf27e0c00121a59f2 label{display: none !important}.no-js #Component5ec20afbf27e0c00121a59f2 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component5ec20afbf27e0c00121a59f2 .form-control{border: 0px solid #f3f3f3;border-radius: 0px !important;-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);font-size: 16px !important;padding: 28px 20px;background: #ffffff;color: #444}.no-js #Component5ec20afbf27e0c00121a59f2 .form-control:focus{border-color: #e6f1ff;-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}.no-js #Component5ec20afbf27e0c00121a59f2 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#111f39 0,#111f39 100%);background: linear-gradient(to bottom,rgba(48,90,240,1) 0%,rgba(34,64,172,1) 100%);color: #fff;background-repeat: repeat-x;border-color: #0000;border-radius: 0px;padding: 10px 30px;font-size: 16px;border: 0px solid transparent;margin-top: 5px}.no-js #Component5ec20afbf27e0c00121a59f2 .btn-default:active{background-color: #050f54}.no-js #Component5ec20afbf27e0c00121a59f2 .btn-default:hover,.no-js #Component5ec20afbf27e0c00121a59f2 .btn-default:focus{background-position: 0 0px;background-color: #050f54}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color: #2240ac;border-color: #2240ac}.pagination > li > a,.pagination > li > span{color: #2240ac}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color: #2240ac;background-color: #f7f7f7}.itopplus-search-image-flex-item{width: 213px !important;min-height: 300px !important;max-height: 430px !important;background-color: #f9f9f9 !important}.itopplus-search-image-flex-item img{width: 100% !important}.search_titleText{padding: 5px 0px;font-size: 16px}.search_text{padding: 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block}@media only screen and (min-width : 1900px){body{font-size: 20px}.header-icon{width: 25%}.no-js .dropdown-menu > li > a{font-size: 1.3em}.about-us{padding: 12% 4%}.product-service{padding: 22% 0}figure.effect-sadie h2,figure.effect-sadie:hover h2{font-size: 0.9em}.itopplus-footer{font-size: 18px}.contact-icon{grid-template-columns: 67px auto}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav > li > a{font-size: 0.85em;padding: 8px 9px}.no-js .dropdown-menu > li > a{font-size: 1em}.product-service-block1 h6{font-size: 1em;margin: 20px 0 10px}.menu-align-2{padding: 3.3% 0}figure.effect-sadie h2,figure.effect-sadie:hover h2{font-size: 0.55em;top: 78%}}@media only screen and (max-width: 900px){.h2,h2{font-size: 2.2em}.h3,h3{font-size: 1.5em}.table-responsive{border: 0px solid #ddd}table.tj2 td{border: 1px solid #eee;padding: 8px;text-align: left;font-size: 21px;vertical-align: text-top;white-space: nowrap}.itopplus-search-image-flex-item{width: 227px !important}figure.effect-oscar h2{font-size: 0.8em}figure.effect-oscar{margin: 0 0px -28px !important}.product-service{padding: 5% 0}.btn-view{font-size: 12px;padding: 6px 15px}figure.effect-sadie h2,figure.effect-sadie:hover h2{font-size: 0.5em;top: 65%}#background5ec20af5ac37c500123a0b7c .col-md-6.col-sm-6.col-xs-12.padding{width: 100%}.contact-icon{background: #f9f9f9}.row-fluid [class*=col-sm-5fix],.uneditable-input[class*=col-sm-5fix],[class*=col-sm-5fix]{width: 20%}}@media only screen and (max-width: 480px){#imagesControl5ec0e217744cd10012b195b0{padding: 0 !important}.viatic_bgReference{padding: 0 10px}article.col-md-6.item.-micro{width: 100%}.contenemanager-gallery .col-xs-12.col-md-3{padding-left: 0px;padding-right: 0px;width: 100%}.Contenemanager-gallery .col-xs-6.col-md-3{padding-left: 0px;padding-right: 0px;width: 100%}.itopplus-search-image-flex-item{width: 100% !important;min-height: 210px !important;max-height: inherit !important}.itopplus-search-image-flex-item img{width: 100% !important}.search_titleText{padding: 5px 0px;font-size: 14px}.search_text{padding: 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block}div#background6a7d612219d79f001366dd0a{background: transparent !important}#background6a7d41408e366f0013235486 .none-middle-mid,#background6a7d7c14069ae10013c1b23b .none-middle-mid{display: flex;flex-direction: column-reverse !important}#background6a7d6191450d4f0013d4d678{margin-bottom: -20px}.product-service{padding: 24% 0}.product-service-block1 h6{font-size: 1.4em}.h2,h2{font-size: 1.8em}.itopplus-bgmain2{background-size: 150% auto}figure.effect-sadie h2,figure.effect-sadie:hover h2{font-size: 0.75em;top: 87%}.tj3 td:nth-child(even) strong{font-size: 1.3em}.subject-section-grid{grid-template-columns: repeat(1,1fr)}.contact-icon-group{grid-template-columns: repeat(1,1fr)}.no-js #Component5ec20afbf27e0c00121a59f2 .form-control{background: #f3f3f3}#background6a7da14819d79f001366fcf7{margin: -10px}.row-fluid [class*=col-sm-5fix],.uneditable-input[class*=col-sm-5fix],[class*=col-sm-5fix]{width: 100%}.viatic_bgReference .col-md-10.col-sm-10.col-xs-10.padding-col{width: 90%;padding: 0 5px !important}.viatic_bgReference .col-md-2.col-sm-2.col-xs-2.padding-col{width: 10%}}