.itopplus-background{}body,html{overflow-x: hidden;color: #000;font-family: 'Kanit',sans-serif}a{color: #000}a:hover{color: #ec6617}.itopplus-bg{background: transparent}.itopplus-bg3{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_230720227rqt/0/0/3z-z517220789225.webp');background-size: cover}#main-navbar-collapse{text-align: center}.navbar-default .navbar-nav>li>a{color: #000;margin: 0 15px;padding: 9px 15px;font-size: 16px}.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: none;background: transparent;background-color: #ec6617}.dropdown-menu>li>a{font-size: 16px;color: #000}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: #ec6617}@media screen and (min-width : 1024px){.navbar-default{background: transparent}}@media screen and (min-width : 1366px){.itopplus-nav-bar li:not(:last-of-type):not(.itopplus-sidebar-menu-parent):not(.dropdown-submenu):after{content: '|';position: absolute;top: 0;color: #000;line-height: 2.8;margin-left: 50%}}.boderedlayoutClient{border-top: 0px dashed transparent;border-left: 0px dashed transparent;border-right: 0px dashed transparent;border-bottom: 0px dashed transparent}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #ec6617}.footer-contact{width: 80%;margin: 0 auto}.itopplus-footer h4{font-size: 16px;margin: 0 0 5px}.itopplus-footer h3{font-size: 18px;margin: 0 0 8px}.btn-tel{font-size: 22px;background: linear-gradient(to right,rgba(185,185,185,1) 0%,rgba(243,243,243,1) 50%,rgba(185,185,185,1) 100%);color: #000000;border: none;border-radius: 50px;padding: 6px 10px 6px 6px;margin: 10px 0 0}.btn-tel img{width: 35px;margin-right: 5px}.footer-icon img{width: 35px;margin-right: 15px;transition: 0.5s}.footer-icon img:hover{transform: scale(1.1)}.copy-right{padding: 2% 0 5%}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #ec6617 !important;color: #ec6617 !important}.buttonExampleSite:hover{background: #ec6617 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 18px !important;color: #ec6617}.ITP-pdpa-template-contentFont{font-size: 16px !important}.itpPDPALandingPage{padding: 4% 0}.about-vdo{font-size: 17px;padding: 5%}.about-vdo h3{font-size: 36px;font-weight: 400;margin: 0 0 20px}.about-vdo h2{font-size: 51px;font-weight: 500;margin: 5px 0}.about-bgvdo{font-size: 30px;background: linear-gradient(to right,rgba(185,185,185,1) 0%,rgba(243,243,243,1) 50%,rgba(185,185,185,1) 100%);color: #000;width: max-content;padding: 3px 25px;box-shadow: 2px 5px 10px rgb(0,0,0,.3);margin: 3% 0 7%}.about-bgvdo2{font-size: 30px;background: linear-gradient(to right,rgba(185,185,185,1) 0%,rgba(243,243,243,1) 50%,rgba(185,185,185,1) 100%);color: #000;width: 40%;padding: 12px 25px;text-align: center;box-shadow: 2px 5px 10px rgb(0,0,0,.3);margin: 0% 30% 5%}.about-bgvdo span{font-size: 38px}.service-vdo{font-size: 17px;padding: 30% 0;white-space: pre-line}.service-vdo h3{font-size: 30px;font-weight: 400;margin: 0 0}.service-vdo h1{font-size: 64px;margin: 10px 0;font-weight: 600}.why-menu{font-size: 22px;text-align: center;padding: 8% 0 4%}.why-menu2{font-size: 22px;text-align: center;padding: 1% 0 4%}.why-menu h2{font-size: 42px;font-weight: 400;margin: 0 0 5px}#Component645c56cb163ff500138448ca .imageWidth.imageGallery,#Component645c85dcb2b7130013daef34 .imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}#Component645c56cb163ff500138448ca .imageWidth.imageGallery:hover,#Component645c85dcb2b7130013daef34 .imageWidth.imageGallery:hover{transform: scale(0.9)}#Component645c56cb163ff500138448ca .imgLightbox,#Component645c85dcb2b7130013daef34 .imgLightbox{position: relative!important;overflow: hidden!important;width: 40%!important;margin: 0 auto 10%}.why-icon{font-size: 16px;text-align: center;padding: 0 5% 15%}.text-menu{font-size: 42px;text-align: center;padding: 5% 0 0;color: #000;font-weight: 500}.text-menu span{color: #ec6617}figure.effect-phoebe{background: transparent;margin-bottom: -20px !IMPORTANT}figure.effect-phoebe h2{margin-top: 1.5em;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);white-space: pre-line;width: 40%;float: right;text-align: left;font-size: 34px}.grid figure p{letter-spacing: 0px;text-transform: none}figure.effect-phoebe img{opacity: 1;transition: 0.5s}figure.effect-phoebe:hover img{opacity: 1;transform: scale(1.1)}.view-detail{font-size: 16px;font-weight: 300;position: absolute;width: 100%;float: right;left: 0;right: 0;top: 60%;margin-left: 14%}.view-detail span{font-size: 20px;color: #ec6617;margin: 0 0 0 10px;line-height: normal}.text-menu2{font-size: 36px;text-align: center;padding: 15px 0;color: #fff;font-weight: 500}.padding-pd{padding: 2%}.Contentmanager .site .col-section .item.-micro a .caption .title{text-align: center;font-size: 18px;padding: 7% 0% 1%;font-weight: 600;color: #000;display: none}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #125d0c}.Contentmanager .site .col-section .item.-micro a .caption .time{margin-bottom: 10px;font-size: 16px;color: black;text-align: center;margin-top: 20px}.Contentmanager .site .col-section .item.-micro a .caption .time span{color: #ec6617}article.col-md-6.item.-micro{width: 20%!important}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 15px 10px}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;margin-bottom: 15px;border: 0px solid #eee}.Contentmanager .site .col-section .item.-micro a img{width: 100%;height: auto}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;background: transparent;padding-left: 0;margin-bottom: 10px;border-top: 4px solid #cfcfcf}.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,.Contenemanager-gallery .col-xs-6.col-md-3{padding-left: 10px;padding-right: 10px}.contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #eee!important;transition: 0.3s}.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #eee!important;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover{transform: scale(1.1);transition: 0.3s;position: relative!important;overflow: hidden!important}.contenemanager-gallery .thumbnail:hover{transform: scale(1.1);transition: 0.3s;position: relative!important;overflow: hidden!important}.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);transform: scale(1.0) !important}.contenemanager-gallery .thumbnail,.img-thumbnail{-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);box-shadow: 0 0 0 rgb(0 0 0 / 8%);transform: scale(1.0) !important}#Contentmanager img.img-responsive{position: relative!important;overflow: hidden!important;width: 100%!important;margin-bottom: 0px;transition: 0.5s}#Contentmanager img.img-responsive:hover{transform: scale(1.1);transition: 0.3s;position: relative!important;overflow: hidden!important}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color: transparent}#Contentmanager .thumbnail{background-color: #fff;background: transparent;position: relative!important;overflow: hidden!important;border: 0px solid #eee;padding: 0px !IMPORTANT;box-shadow: none;border-radius: 0px}#Contentmanager .thumbnail:hover{border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd}h3.managerHeader{font-size: 40px;text-align: center;padding: 2% 0 5px;font-weight: 600;margin-bottom: 0;color: #000}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee;padding-bottom: 0px;margin: 0px 0 40px}.social-share{display: none}.social-icon{border-radius: 5px;margin-top: -3px}.col-md-6.pull-left{width: 50%;margin-left: -3%;margin-right: 3%}.Textmanager.font-inherit{font-size: 16px;text-align: left;display: flow-root}.Textmanager.font-inherit h3{font-size: 30px;font-weight: 600;margin: 10px 0;color: #ec6617}.Textmanager.font-inherit h4{font-size: 18px;margin: 20px 0 5px;font-weight: 600;color: #000}.Textmanager.font-inherit img{width: 100% !IMPORTANT;margin: 10px 0}.landingpagemanager{display: none}.btn-more{display: inline-block;background-color: #f36f21;color: white;padding: 10px 25px;border-radius: 30px;text-decoration: none;font-weight: bold;font-size: 14px;transition: 0.2s}.btn-more:hover{background-color: #000;color: white;opacity: 1}.coming-soon{padding: 0 10% 3%}.text-contact{font-size: 17px;line-height: 1.5;background-color: #f9f9f9;padding: 5%}.text-contact h3{font-size: 24px;font-weight: 600;margin: 0 0 20px;color: #ec6617}.padding-contact{padding: 5px 0}.no-js #Component645c870a163ff50013845196 label{display: none!important}.no-js #Component645c870a163ff50013845196 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component645c870a163ff50013845196 .form-control{border: none;border-bottom: 1px solid #ccc;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: 16px !important;padding: 30px 0px;font-weight: 400;line-height: 1.5;background: transparent;color: #333}.no-js #Component645c870a163ff50013845196 .form-control:hover{border-bottom: 1px solid #ec6617}.no-js #Component645c870a163ff50013845196 .form-control:focus{border-bottom: 1px solid #ec6617;-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: #333!important}.no-js #Component645c870a163ff50013845196 .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 right,#ec6617 0,#ec6617 25%,#ec6617 50%,#ec6617 75%,#ec6617 100%);color: #fff;text-shadow: 0 0px 0 #ec6617;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 8px 20px;font-size: 16px;border: 0px solid transparent}.no-js #Component645c870a163ff50013845196 .btn-default:active{background-color: #ec6617}.no-js #Component645c870a163ff50013845196 .btn-default:hover,.no-js #Component645c870a163ff50013845196 .btn-default:focus{background-position: 0 0px;background-color: #ec6617}.no-js #Component645c870a163ff50013845196 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component645c870a163ff50013845196 span.label{font-size: 14px;font-weight: 400}.ITPcheckboxAuthen{font-size: 14px;font-weight: 400}#iframe645c87c4f8354400134889b4 iframe{height: 305px}.CASS-D-border{background-color: #f9f9f9 !IMPORTANT;background-image: none;box-shadow: 0px 0px 0px rgba(102,102,102,22%);border-radius: 0px;padding: 1% 3%}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #ec6617;border-color: #ec6617}.pagination>li>a,.pagination>li>span{color: #ec6617}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #ec6617;background-color: #f7f7f7}@media only screen and (min-width : 1900px){.navbar-default .navbar-nav>li>a{font-size: 20px}.dropdown-menu>li>a{font-size: 20px}.about-vdo{font-size: 21px}.about-vdo2{font-size: 22px;text-align: center;padding: 5%}.about-bgvdo{font-size: 36px}.about-bgvdo span{font-size: 48px}.about-vdo h3{font-size: 44px}.about-vdo h2{font-size: 63px}.service-vdo{font-size: 21px}.service-vdo h3{font-size: 37px}.service-vdo h1{font-size: 72px}.why-menu{font-size: 26px}.why-menu2{font-size: 34px}.why-menu h2{font-size: 50px}.why-icon{font-size: 20px}.text-menu{font-size: 50px}.Contentmanager .site .col-section .item.-micro a .caption .time{font-size: 20px}figure.effect-phoebe h2{font-size: 48px}.view-detail{font-size: 20px}.view-detail span{font-size: 26px}.footer-contact{width: 65%;margin: 0 auto 5%}.itopplus-footer{font-size: 18px}.itopplus-footer h4{font-size: 20px}.btn-tel{font-size: 26px}.itopplus-footer h3{font-size: 22px}.ITP-pdpa-template-contentFont{font-size: 20px !important}.ITP-pdpa-template-titleFont{font-size: 24px !important}.ITPcookiebar,.buttonExampleSite{font-size: 16px !IMPORTANT}h3.managerHeader{font-size: 48px}.Textmanager.font-inherit{font-size: 20px}.Textmanager.font-inherit h3{font-size: 36px}.Textmanager.font-inherit h4{font-size: 22px}.btn-pdf{font-size: 18px}.text-menu2{font-size: 40px}.text-contact{font-size: 21px}.text-contact h3{font-size: 30px}.padding-contact{padding: 9px 0}.no-js #Component645c870a163ff50013845196 .form-control{font-size: 20px !important;padding: 50px 0px 30px}.no-js #Component645c870a163ff50013845196 span.label{font-size: 16px}.ITPcheckboxAuthen{font-size: 15px}.no-js #Component645c870a163ff50013845196 .btn{font-size: 18px}}@media only screen and (max-width:1191px){.about-vdo{font-size: 16px;padding: 5% 5%}.about-vdo2{font-size: 16px;padding: 5% 5%;text-align: left}.service-vdo{font-size: 16px;padding: 20% 0}.service-vdo h1{font-size: 57px}.itopplus-bg2{background-size: cover}figure.effect-phoebe h2{margin-top: 1em;font-size: 26px}.view-detail{margin-left: 15%}.footer-icon img{margin-right: 12px}.Contentmanager .site .col-section .item.-micro a .caption .time{font-size: 14px}.text-contact{font-size: 16px}.text-contact h3{font-size: 20px}.no-js #Component645c870a163ff50013845196 .form-control{font-size: 15px !important;padding: 28px 0px}#iframe645c87c4f8354400134889b4 iframe{height: 301px}}@media only screen and (max-width:900px){.about-bgvdo{font-size: 24px}.about-bgvdo2{font-size: 24px}.about-bgvdo span{font-size: 26px}.about-vdo h3{font-size: 28px}.about-vdo h2{font-size: 40px}.service-vdo h1{font-size: 42px}.service-vdo{padding: 10% 0;white-space: inherit}.service-vdo h3{font-size: 24px}.row-fluid [class*=col-sm-5fix]{width: 33.33%;float:left}figure.effect-phoebe h2{margin-top: 0em;font-size: 20px}.view-detail{margin-left: 17%}.copy-right{padding: 2% 0 9%;text-align: center}.coming-soon{padding: 0 10% 47%}.no-js #Component645c870a163ff50013845196 .form-control{font-size: 15px !important;padding: 25px 0px}#iframe645c87c4f8354400134889b4 iframe{height: 305px}}@media only screen and (max-width:480px){#imagesControl645c548c24883b001222e9cd{padding: 0 !IMPORTANT;margin-bottom: -7px}ul#slider645c55a85fc94b0013bf5c94,ul#slider645c85dcb2b7130013daef2b{width: 50%;margin: 0 auto}.about-bgvdo{font-size: 20px;width: 100%;padding: 3px 10px}.about-bgvdo2{font-size: 20px;width: 100%;padding: 3px 10px;margin: 0% 0% 5%}.about-bgvdo span{font-size: 22px}.about-vdo h3{font-size: 22px}.about-vdo h2{font-size: 32px}.row-fluid [class*=col-sm-5fix]{width: 100%;float:left}#Component645c56cb163ff500138448ca .imgLightbox,#Component645c85dcb2b7130013daef34 .imgLightbox{width: 23%!important}#background645c85dcb2b7130013daef34 #Component645c56cb163ff500138448ca .imgLightbox,#Component645c85dcb2b7130013daef34 .imgLightbox{width: 70%!important}article.col-md-6.item.-micro{width: 100%}.Contentmanager .site .col-section .item.-micro a .caption .time{font-size: 16px}.grid figure figcaption{padding: 2em 0}.view-detail{margin-left: 19%}.text-menu2{font-size: 30px}h3.managerHeader{font-size: 30px}.col-md-6.pull-left{width: 100%;margin-left: 0;margin-right: 0}.Textmanager.font-inherit{display: block}.Textmanager.font-inherit h3{font-size: 26px}.padding-contact{padding: 8px 0 15px}#ContentmanagerTemplate645c721c24883b001222efea,#ContentmanagerTemplate645c736a24883b001222f127,#ContentmanagerTemplate645c737fb2b7130013daed7e{margin-left: 0%!important}#background645c85dcb2b7130013daef34 .row-fluid [class*=col-sm-5fix]{width: 20%;float: left}.why-icon{font-size: 12px}.why-menu2{font-size: 16px}.navbar-btn{margin-top: 15px!important}.text-bar{display: none}}#ContentmanagerTemplate645c721c24883b001222efea,#ContentmanagerTemplate645c737fb2b7130013daed7e{margin-left: 20%;width: 100%}#ContentmanagerTemplate645c736a24883b001222f127{margin-left: 40%;width: 100%}.eapps-widget-toolbar{display: none}.col-md-6.item.\-micro{background: #fff;border-radius: 0;padding: 30px 20px !important;margin-bottom: 25px;border: 1px solid rgba(0,0,0,0.08);transition: all 0.3s ease}.col-md-6.item.\-micro:hover{transform: translateY(-6px);box-shadow: 0 18px 35px rgba(0,0,0,0.15)}.video-card{border: 1px solid #e0e0e0;box-shadow: 0 2px 5px rgba(0,0,0,0.05);border-radius: 8px;padding: 15px;transition: all 0.3s ease-in-out}.video-card:hover{transform: translateY(-5px);box-shadow: 0 8px 15px rgba(0,0,0,0.1);border-color: #c0c0c0}.video-title-area{height: 60px;overflow: hidden;margin-bottom: 10px}.video-heading{font-size: 22px;line-height: 1.3;margin-top: 0;margin-bottom: 0;color:#000000}.content-image-heading{font-size: 38px;font-weight: 700;color: #000000;margin-top: 0;margin-bottom: 10px}.content-image-body{font-size: 18px;text-align: justify;text-justify: inter-word;line-height: 1.4;color: #000000;margin-top: 15px;word-spacing: 0.03px}@media screen and (max-width: 992px){#nav-menu{display: grid;background: #fff}.itopplus-banner .row{display: flex;flex-direction: column;justify-content: center}#main-navbar-collapse{display: grid}#itopplus-nav-bar{display: flex;justify-content: space-around;width: 100%;margin: 0}#itopplus-nav-bar:before,#itopplus-nav-bar:after{display: none}.navbar-default .navbar-nav>li>a{padding: 7px 10px;margin: 0}}