.itopplus-background{}body{font-size: 1vw;overflow-x: hidden;color: #444444}a{color: #444444}a:hover{color: #e96029}.itopplus-bg{background-image: none}.itopplus-bg3{background-color: #1c3664;color: #fff}.itopplus-bg4{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_021020239j8v/0/0/4z-z1427355193130.webp")}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #282828;margin: 0 5px;padding: 10px 10px}.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-radius: 30px;background: transparent;background-color: #e85f28}.dropdown-menu > li > a{font-size: 1.2em;color: #282828}.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover{color: #fff;background: #e96029}@media screen and (max-width: 1023px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 90px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#controlMenu *{color: #444 !important;border: none}.navbar-header button span{background-color: #444 !important}.navbar-header a::before{background-size: 30px;background-position: center}.navbar-header a::after{background: #1c3664}#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}.new-image-icon-twitter::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/twz-z1451700767745.png) !important}}@media screen and (min-width: 1024px){.itopplus-banner > .container{display: grid;grid-template-columns: 20% auto;align-items: center}#controlBanner{object-fit: contain;padding: 15px;width: clamp(140px,80%,20vw);margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}.itopplus-banner{background: #fff;position: sticky;top: 0;width: 100%;z-index: 100;padding: 1% 0;box-shadow: 0 0 10px rgba(0,0,0,0.1)}.itopplus-sticky{background: #fff !important;position: sticky !important;top: 0;transition: 0.5s;box-shadow: 0 0 10px rgba(0,0,0,0.1)}}.h1,h1{font-size: 2em}.h2,h2{font-size: 2.4em}.h3,h3{font-size: 1.8em}.h4,h4{font-size: 1.2em}.boderedlayoutClient{border-top: 0px dashed transparent;border-left: 0px dashed transparent;border-right: 0px dashed transparent;border-bottom: 0px dashed transparent}#carousel6544a359d094fa00137ba7b2 .hidden{display: block !important;visibility: inherit !important;pointer-events: none}#carousel6544a359d094fa00137ba7b2 .carousel-indicators .active{background-color: #fff;border-color: #fff;width: 40px;height: 9px;margin: 2px}#carousel6544a359d094fa00137ba7b2 .carousel-indicators li{display: inline-block;width: 9px;height: 9px;margin: 2px;text-indent: -999px;cursor: pointer;background-color: #fff;border: 1px solid #fff;border-radius: 10px}#carousel6544a359d094fa00137ba7b2 .glyphicon-chevron-left:before,#carousel6544a359d094fa00137ba7b2 .glyphicon-chevron-right:before{display: none}.itopplus-footer{font-size: 13px}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #e96029}.itopplus-footer h4{margin: 0 0 20px}.footer-logo{width: 40%;margin: 0 0 0 15%}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{padding: 20px 0 7%;font-size: 0.8em}.footer-pd{padding-left: 25%}.footer-pd img{width: 70% !important}.footer-pd .media-body{padding: 2px 0}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #e96029 !important;color: #e96029 !important;font-family: "Noto Sans Thai",sans-serif !important}.buttonExampleSite:hover{background: #e96029 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #e96029;padding-bottom: 0rem !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 4% 2%}.about-detail{padding: 12% 10%;margin-left: -20%}.about-detail h2,.about-detail2 h2{white-space: pre-line;font-weight: bold;line-height: 1.2;color: #282828;text-align: left}.psd-border{border-bottom: 4px solid #e96029;width: 60px;margin: 4% 0}.about-detail h4,.about-detail2 h4{white-space: pre-line;font-weight: 400;margin: 0;line-height: 1.3}.about-detail ul{margin: 20px 0}.btn-more{background-color: #e96029;color: #ffffff;border: none;padding: 8px 20px;border-radius: 50px;font-size: 0.9em;transition: 0.5s}.btn-more:hover{background-color: #444444;color: #ffffff}.menu-align{text-align: center;padding: 4% 0 2%}.menu-align h2{color: #282828;font-weight: bold;margin: 0}.menu-border{border-bottom: 4px solid #e96029;width: 60px;margin: 1% auto 0}.why-icon{white-space: pre-line;text-align: center;line-height: 1.4;padding: 1% 0 10% !important;transition: 0.5s}.why-icon:hover{transform: scale(1.1)}.why-icon img{width: 40% !important;display: block;margin: 0 auto 10%}.service-detail{padding: 20% 0 5% 30%;margin-right: -25%;text-align: justify}.btn-align{text-align: center;padding: 0 0 8%}article.col-md-6.item.-micro{width: 33.33%}.Contentmanager .site .col-section .item.-micro a .image{width: 100%}.Contentmanager .site .col-section .item.-micro a .post{display: none}.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 .caption{width: 100%;padding-left: 0}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1em;color: #fff;position: absolute;bottom: 10px;padding: 20% 5% 7%;background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);width: 95%;text-align: center}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #fff}.Contentmanager .site .col-section .item.-micro{padding: 0px 10px 20px}.Contentmanager .site .col-section .item.-micro a .caption .time{display: none}h3.managerHeader{text-align: center;font-size: 2.4em;font-weight: 600}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{margin-left: -3%;margin-right: 2%}.Textmanager.font-inherit{display: flow-root;text-align: left}.Textmanager.font-inherit h4{margin: 10px 0}.Contenemanager-gallery .col-xs-6.col-md-3,.Contenemanager-gallery .col-xs-12.col-md-3{padding: 10px 10px 0;width: 33.33%}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #fff;border-radius: 0px;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: 0px;transform: scale(1) !important}#Contentmanager img.img-responsive{border-radius: 0px;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 #ebd2c2;padding: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.landingpagemanager{display: none}table.tj2{width: 100%}table.tj2 td{border: 1px solid #eee;padding: 10px;vertical-align: baseline}table.tj2 td:nth-child(1){width: 20%}table.tj2 td:nth-child(2){width: 80%}figure.effect-oscar{background: transparent}figure.effect-oscar:hover img{opacity: 1}#Contentmanager figure.effect-oscar figcaption::before{border: 0px solid #fff}#Contentmanager figure.effect-oscar figcaption{font-size: 1em;padding: 4em 1em;background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);color: #fff}#Contentmanager figure.effect-oscar:hover figcaption{background: linear-gradient(to bottom,rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%)}.title-type47 span{position: absolute;left: 0;right: 0;bottom: 10%;width: 100%;text-align: center;color: #fff;padding: 2% 8% 5%}.grid figure p{letter-spacing: 0px;font-size: 0.9em}figure.effect-sadie p{padding: 20em 5em !important;opacity: 1;text-transform: none}figure.effect-oscar figcaption::before,figure.effect-oscar p{opacity: 1;-webkit-transform: scale(1);transform: scale(1);position: absolute;left: 0;right: 0;bottom: 0%}figure.effect-oscar img{opacity: 1;transition: 0.5s}figure.effect-oscar:hover img{transform: scale(1.1)}#Contentmanager p.text-center{padding: 5% 5%;display: none}#Contentmanager .col-md-4.col-sm-4.col-xs-12{padding: 0 10px;width: 33.33%}.about-detail2{padding: 1% 8%;text-align: justify}.vision-mission{padding: 5%;background: #183765;color: #fff;height: 330px;margin-bottom: 5%}.vision-mission img{width: 15% !important}.vision-mission h3{color: #e96029;font-weight: 500;margin: 20px 0 10px;font-size: 1.5em}.main-timeline{position: relative}.main-timeline:before{content: "";background-color: #e96029;width: 4px;height: calc(100% - 43px);transform: translateX(-50%);position: absolute;left: 50%;bottom: 0}.main-timeline .timeline{float: right;width: 50%;position: relative}.main-timeline .timeline:before{content: "";background-color: #ffffff;height: 20px;width: 20px;border-radius: 50%;box-shadow: none;transform: translateY(-50%);position: absolute;top: 50%;left: -10px}.main-timeline .timeline::after:nth-child(1){background-color: #e96029}.icon-1.timeline:before{background-color: #e96029}.main-timeline .timeline-content{color: #fff;text-align: justify;display: block;position: relative;z-index: 1;padding: 25px 15%}.main-timeline .timeline-content:before{content: "";position: absolute;left: 5px;top: 5px;bottom: 5px;right: 5px;z-index: -1}.main-timeline .timeline:nth-child(even){float: left;margin: 0px 0 0px 10px}.main-timeline .timeline:nth-child(even):before{left: auto;right: 0px}.main-timeline:after{content: "";display: block;clear: both}.about h4{margin: 65% 0%;color: #1c3664}.about p{margin: -63% 0%;color: #1c3664}.about-detail1{color: #1c3664;padding: 3% 0 0}.liner{border-bottom: solid 1px #1c3664;margin: 4% 0%}.padding-pd1{padding: 4%}.value-bg1{background: #e85f27;color: #fff}.value-bg2{background: #1c3664;color: #fff}.value-bg3{background: #00aaff;color: #fff}.value-bg4{background: #0fd12c;color: #fff}.value-bg5{background: #087206;color: #fff}.value-bg1,.value-bg2,.value-bg3,.value-bg4,.value-bg5{border-radius: 20px;text-align: center;padding: 2% 0;margin-bottom: 20%}.value-head{background: #fff;margin: 10% 0;font-weight: bold;padding: 5% 0;line-height: 1.2;text-transform: uppercase}.value-bg1 img,.value-bg2 img,.value-bg3 img,.value-bg4 img,.value-bg5 img{width: 40% !important;margin: 5% 0 15%}.value-detail{padding: 0 10%;font-size: 0.9em;height: 250px}.value-detail h4{margin: 0 0 5px}.ceo-name{padding: 0% 0 0 4% !important;text-align: justify}.ceo-name h3{font-weight: 600;margin: 0;line-height: 1.3}.ceo-name h4{color: #e96029;font-weight: 600;margin: 20px 0;line-height: 1.3}.about-detail3{padding: 5% 1%;text-align: justify}.about-person{padding: 25% 0 0 4% !important}.about-person h4{font-weight: 600;font-size: 1.4em}.service-bg{background: #183765;padding: 16.5% 10%;color: #fff;text-align: justify}.service-bg h2{color: #e96029;font-weight: bold;margin: 0 0 20px}.about-person-bg{background: #fff;font-size: 0.9em}.about-person span{font-size: 0.8em;color: #e96029}.about-person-bg .col-md-6.col-sm-6.col-xs-6.padding:nth-child(1){width: 40%}.about-person-bg .col-md-6.col-sm-6.col-xs-6.padding-col:nth-child(2){width: 60%}.ceo-dt{display: none}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.service-detail2{padding: 7% 10% 0;text-align: justify}.service-detail2 h3{white-space: pre-line;font-weight: bold;margin: 0 0 20px;line-height: 1.2;color: #e96029}.padding-pd{padding: 1%}.service-name{padding: 7% 0;text-align: center;font-size: 1.2em;font-weight: 600}.imageWidth.imageGallery{transform: scale(1);transition: 0.5s}.imageWidth.imageGallery:hover{transform: scale(1.1)}.imgLightbox{position: relative !important;overflow: hidden !important;width: 100% !important}.coming-soon{width: 80%;margin: 0 auto 3%}.text-contact{}.padding-contact{padding: 10px 0}.text-contact h3{color: #e96029;font-weight: 600}.no-js #Component65cb29758d69790013d7b952 label,.no-js #Component65cb2a1876419f0013ad58eb label{display: none !important}.no-js #Component65cb29758d69790013d7b952 .col-md-6,.no-js #Component65cb2a1876419f0013ad58eb .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component65cb29758d69790013d7b952 .form-control,.no-js #Component65cb2a1876419f0013ad58eb .form-control{border: 1px solid #eeeeee;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: 30px 20px;font-weight: 400;color: #373737 !important}.no-js #Component65cb29758d69790013d7b952 .form-control:hover,.no-js #Component65cb2a1876419f0013ad58eb .form-control:hover{border: 1px solid #e96029}.no-js #Component65cb29758d69790013d7b952 .form-control:focus,.no-js #Component65cb2a1876419f0013ad58eb .form-control:focus{border: 1px solid #e96029;-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: #373737 !important}.no-js #Component65cb29758d69790013d7b952 .btn,.no-js #Component65cb2a1876419f0013ad58eb .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #e96029;color: #fff;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 10px 20px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component65cb29758d69790013d7b952 .btn-default:active,.no-js #Component65cb2a1876419f0013ad58eb .btn-default:active{background-color: #e96029}.no-js #Component65cb29758d69790013d7b952 .btn-default:hover,.no-js #Component65cb29758d69790013d7b952 .btn-default:focus,.no-js #Component65cb2a1876419f0013ad58eb .btn-default:hover,.no-js #Component65cb29758d69790013d7b952 .btn-default:focus{background-position: 0 0px;background-color: #e96029}.no-js #Component65cb29758d69790013d7b952 .col-xs-12.col-sm-5.col-md-5.padding,.no-js #Component65cb2a1876419f0013ad58eb .col-xs-12.col-sm-5.col-md-5.paddin{width: 100%}.no-js #Component65cb29758d69790013d7b952 span.label,.no-js #Component65cb2a1876419f0013ad58eb span.label{font-size: 0.9em;font-weight: 300}.no-js #Component65cb29758d69790013d7b952 .ITPcheckboxAuthen,.no-js #Component65cb2a1876419f0013ad58eb .ITPcheckboxAuthen{font-size: 0.85em;padding: 0 0 0 0}#editor5{display: none}#iframe6544c8b69616e3001398bb6e iframe{height: 263px}.template1 .caption{height: inherit !important;padding: 7% 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}.template1 .btn-sm{font-size: 16px}.img-container .img{transition: 0.5s}.img-container:hover .img{transform: scale(1.1)}.Textmanager.font-inherit h3.text-center{font-weight: 600;margin: 35px 5px 15px;background: #183765;color: #fff;padding: 15px 0;margin-left: 20%;margin-right: 20%}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color: #e96029;border-color: #e96029}.pagination > li > a,.pagination > li > span{color: #e96029}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color: #e96029;background-color: #f7f7f7}@media only screen and (min-width: 1900px){.dropdown-menu > li > a{font-size: 1.5em}.service-detail{padding: 20% 7% 5% 35%}.itopplus-footer{font-size: 16px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.vision-mission{height: 345px}.padding-contact{padding: 11px 0}.about h4{margin: 65% 0%}.about p{margin: -62% 0%}.about-person1 h4{margin: 58% 0%}.about-person1 p{margin: -60% 0%}.value-detail{height: 280px}.template1 .btn-sm{font-size: 20px}.service-bg{padding: 18.8% 10%}}@media only screen and (max-width: 1191px){.h2,h2,h3.managerHeader{font-size: 2.2em}.about-detail{padding: 5% 10%}.service-detail{padding: 5% 0 5% 10%}.about-detail h2,.about-detail2 h2,.about-detail h4,.about-detail2 h4{white-space: inherit}.service-detail2{padding: 3%}.text-contact h3{font-size: 1.5em}.title-type47 span{bottom: 40%}.navbar-default .navbar-nav > li > a{margin: 0 0px;padding: 10px 10px}.value-detail{height: 270px}.value-head{height: 55px}.ceo-name h3{font-size: 1.3em;text-align: left}.ceo-name h4{font-size: 1em;text-align: left}.about-person-bg{font-size: 0.75em}.service-bg{padding: 7.1%}#language_member_bar{display: none}}@media only screen and (max-width: 900px){body{font-size: 16px}.why-icon{font-size: 0.9em}.copy-right{text-align: center}.padding-contact{padding: 3px 0}.grid figure p{font-size: 0.7em}.table-responsive{border: 0px solid #ddd}table.tj2 td:nth-child(1){width: 35%}table.tj2 td:nth-child(2){width: 65%}.service-bg h2{font-size: 1.8em}.row-fluid [class*="col-sm-5fix"]{width: 33.33%;float: left}.about-detail{padding: 5% 3%;margin-left: 0}.title-type47 span{bottom: 20%;padding: 2% 5% 5%}.about-detail h2,.about-detail2 h2{font-size: 1.8em}.value-head{height: inherit}.main-timeline .timeline-content{padding: 30px 15% 0}.about-person-bg{font-size: 0.6em}.service-bg{margin-top: 5%}}@media only screen and (max-width: 480px){#imagesControl6544a359d094fa00137ba7b2{padding: 0 !important;margin-bottom: -7px}#carousel6544a359d094fa00137ba7b2 .carousel-indicators .active{width: 25px;height: 5px}.about-detail{padding: 5% 1%;margin-left: 0}.service-detail{padding: 5% 5%;margin-right: 0}.about-detail2{padding: 1% 1%}.col-section{padding: 0 5%}article.col-md-6.item.-micro{width: 100%}.Contentmanager .site .col-section .item.-micro a .caption .title{width: 94%}.Contenemanager-gallery .col-xs-6.col-md-3,.Contenemanager-gallery .col-xs-12.col-md-3{width: 100%}.padding-contact{padding: 13px 0}.no-js #Component6544c80860bc5b00138849b9 .col-md-6{padding: 0 15px}.no-js #Component6544c80860bc5b00138849b9 .form-control{padding: 25px 20px}.vision-mission{height: inherit}#Contentmanager .col-md-4.col-sm-4.col-xs-12{width: 100%}.grid figure p{font-size: 0.9em}.title-type47 span{bottom: 15%}.row-fluid [class*="col-sm-5fix"]{width: 100%}.why-icon img{width: 25% !important}.why-icon{padding: 1% 0 5% !important}.value-detail{height: inherit;margin-bottom: 10%}.value-bg1 img,.value-bg2 img,.value-bg3 img,.value-bg4 img,.value-bg5 img{width: 25% !important}.value-bg1,.value-bg2,.value-bg3,.value-bg4,.value-bg5{margin-bottom: 5%}.ceo-mb{display: none}.ceo-dt{display: block;margin: 0 0 20px}.ceo-name h3{font-size: 1.2em}.about-person{padding: 15% 0 0 4% !important}.service-bg{margin-top: 5%;margin-right: 0}.Textmanager.font-inherit h3.text-center{padding: 15px;font-size: 1.2em}}.form-group .col-md-offset-5{margin-left: 0;display: grid;place-content: center;width: 100%}#psd-video{width: 80%;margin: 5% auto}.itopplus-slide img{width: 100%}h1.managerHeader{text-align: center}